p,li,{font-family:poppins;font-size:16px;margin:0;line-height:26px;color:#323232}ul,li{padding:0}.talk{width:100%}.talk a{font-family:poppins font-weight:500;color:#fff;font-size:15px;display:inline-block}.list_head{color:#fff}.list_head a{color:#fff;font-size:15px;padding:0 4px;text-decoration:none}.top_head{background:#00448b;padding:6px 0}.soxial_head{margin-left:20px}.soxial_head a{background:#fff;height:22px;width:22px;line-height:23px;text-align:center;display:inline-block;color:#00448b;transition:0.2s;font-size:14px;border-radius:100px;margin:0 2px}.soxial_head a:hover{background:#2f97fd;color:#fff}.navbar-brand{height:inherit;padding:8px 0}.navbar-brand img{width:150px}#myNavbar li a{color:#000;background:inherit;font-size:15px;padding:0}#myNavbar li a i{font-size:17px}.btnn a{background:#fec25a!important;color:#000;font-weight:500;font-size:14px;padding:10px 15px!important;border-radius:5px;transition:0.3s!important;text-transform:uppercase}.navbar{margin-bottom:0}.navbar-nav{display:flex;align-items:center}.navbar-nav>li i{padding-left:4px;padding-top:3px}.navbar-nav>li{float:left;display:flex;padding:25px 13px}.about_imgg:hover{animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.bannerr{background:url(images/ban1.jpg) no-repeat;background-position:center;background-size:cover;padding:190px 0}.content_slide{margin-top:-30px}.content_slide h2{font-size:60px;font-family:poppins;font-weight:700;color:#fff;line-height:52px}.content_slide h2 span{font-weight:500;font-size:30px;display:block}.content_slide h3{font-size:20px;font-weight:500;font-family:poppins;padding:8px 30px 8px 10px;background:#fff;display:inline-block;border-radius:0 0 50px 0;margin-top:10px}.btn_slider{padding-top:30px}.btn_slider a{background:#fec25a;color:#000;font-weight:500;font-size:16px;padding:11px 17px!important;border-radius:5px;transition:0.2s;text-decoration:none;margin-right:3px}.btn_slider a:last-child{background:#fff}.to_head_right{display:flex;justify-content:end;align-items:center}.preview_box p{font-size:15px;line-height:24px;text-align:left}.bannerr .row{display:flex;justify-content:center;align-items:center}.call_to_action{background:linear-gradient(to right,#00448b 0%,#007eff 100%);padding:30px 0}.call_to_text img{float:left;padding-right:20px}.call_to_text p{color:#fff;font-size:18px;padding-top:10px;margin:0}.call_to_text h4{font-size:30px;color:#fff;font-family:poppins;font-weight:600;;margin:0}.call_to_action .row{display:flex;justify-content:center;align-items:center}.call_us li{list-style:none;display:inline-block;text-align:center;position:relative}.call_us li a{color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;text-align:center;line-height:20px}.call_us li img{position:absolute;left:-30px;width:19px;top:5px}.call_us li:first-child a span{display:block;font-size:22px;font-weight:700}.call_us ul{display:flex;justify-content:center;align-items:center}.call_us li:last-child a{background:#fec25a;color:#000;font-weight:600;font-size:16px;padding:11px 17px!important;border-radius:5px;transition:0.2s;text-decoration:none;margin-right:3px}.or{padding:0 10px;color:#fff;font-weight:600}.about_text ul{display:flex;align-items:center;margin-top:20px}.about_text li{display:inline-block}.about_text li img{float:left;margin-right:10px}.text_years{float:left}.text_years h5{font-size:40px;color:#000;font-family:poppins;font-weight:600;margin:0}.text_years p{font-size:17px;font-weight:600;text-transform:uppercase}.about_text li:first-child{margin-right:30px}.about_section{padding:70px 0 90px}.about_text span{font-family:Montserrat;font-weight:600;color:#000;font-size:25px;text-transform:uppercase;margin:0}.about_text h4{font-weight:700;font-family:'Poppins';color:#000;font-size:50px;text-transform:uppercase;margin:0;margin-top:-5px}.about_text h1{font-weight:500;font-family:poppins;color:#444;font-size:25px;text-transform:uppercase;margin:10px 0 15px}.about_text p{text-align:justify}.about_text h4 span{font-size:inherit;font-weight:inherit;color:#fff;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:3px}.btnn{padding:0px!important}.ftr-brand-pp p{color:#fff;font-size:15px}.btn_read{background:linear-gradient(to right,#00448b 0%,#007eff 100%);color:#fff;font-weight:600;font-size:17px;padding:11px 25px!important;border-radius:5px;transition:0.2s;text-decoration:none;margin-top:20px;display:inline-block;text-transform:uppercase}.btnn a{transition:0.5s}.btnn a:hover{background:#000!important;color:#fff!important}.btn_read:hover{color:#fff;background:#000}.service_sec{padding:40px 0;background:url(images/bg_serv.png) no-repeat;background-position:center;background-size:cover;position:relative}.serv_content h3{font-weight:600;font-family:'Poppins';color:#fff;font-size:55px;text-transform:uppercase;margin:0;margin-top:-5px}.serv_content h3 span{font-size:inherit;font-weight:inherit;color:#fff;display:block}.service_sec:before{background:linear-gradient(to right,#00448b 0%,#007eff 100%);content:"";position:absolute;height:100%;top:0;width:42%}.serv_content{padding:50px 0;padding-right:20px}.serv_content p{color:#fff;font-family:poppins;font-size:16px;padding:20px 0}.btn_read_yellow{background:#fec25a;color:#fff;font-weight:600;font-size:17px;padding:11px 25px!important;border-radius:5px;transition:0.3s;text-decoration:none;margin-top:20px;display:inline-block;text-transform:uppercase}.btn_read_yellow:hover{background:#000;color:#fff}.serv_box_main{background:rgba(255,255,255,.9);padding:20px}.serv_box_main li{list-style:none;display:inline-block;width:32%;padding:17px 10px;border-right:1px solid #aba9a9;border-bottom:1px solid #aba9a9}.serv_box_main li img{width:70px}.serv_inn_box h4{color:#000;font-weight:600;font-family:poppins;font-size:19px;margin-bottom:5px}.serv_inn_box p{font-size:16px}.serv_box_main li:nth-child(3n+0){border-right:0}.serv_box_main li:nth-child(4){border-bottom:0}.serv_box_main li:nth-child(5){border-bottom:0}.serv_box_main li:nth-child(6){border-bottom:0}.client{padding:70px 0}.heading{text-align:center}.heading h3{font-weight:700;font-family:'Poppins';color:#000;font-size:48px;text-transform:uppercase;margin:0;margin-top:-5px}.heading h3 span{font-size:inherit;font-weight:inherit;color:#fff;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:3px}.heading p{width:80%;margin:auto;text-align:center}.client ul{margin:0}.client li{display:inline-block;margin-top:40px;margin-right:30px;width:17.5%}.client li img{width:100%;box-shadow:0 0 20px #ccc}.client li:nth-child(5n+0){margin-right:0}.why_choose{padding:70px 0;background:url(../new-home-images/why-choose-us-bg.webp) no-repeat center;background-attachment:fixed;background-size:cover;background-color:#0663c8}.why_choose .heading h3{font-weight:700;font-family:poppins;color:#fff;font-size:48px;text-transform:uppercase;margin:0;margin-top:0;padding-bottom:10px}why_choose .section-tabs .tab-content{background:none!important}.why_choose .heading p{color:#fff}.technoo{height:630px;border-radius:100%;border:3px solid #fff;width:630px;display:inline-flex;justify-content:center;align-items:center}.techno_bg{background:#fec25a;padding;margin:20px;height:590px;border-radius:100%;width:580px;outline:3px solid #fff;outline-offset:-25px;text-align:center;padding:40px;padding-top:143px}.techno_bg h4{font-family:poppins;font-weight:600;font-size:24px;text-transform:uppercase}.techno_bg p{font-size:16px;text-align:center!important}.box_whyy_choose{background:#fff;margin-bottom:31px;width:77%;display:flex;border-radius:100px;padding:20px;align-items:center;height:98px}.why_choose_conte{padding-left:15px}.why_choose_conte h4{font-size:19px;font-weight:600;font-family:'Montserrat';padding-top:5px;color:#323232;text-align:left;display:flex;text-transform:uppercase}.how_we{padding:60px 0}.img_circle{height:80px;border:4px solid #fff;width:80px;border-radius:100px;background:#1470d7;margin-right:10px;float:left;display:flex;justify-content:center;align-items:center;text-align:center}.img_circle img{width:55px;filter:brightness(0) invert(1)}.why_choose .menu__item{all:unset;z-index:100!important;flex-direction:column!important;cursor:pointer!important;justify-content:center;width:100%!important;display:inherit!important;text-align:left;align-items:inherit!important}.how_we_box h4{font-family:poppins;font-weight:600;font-size:18px;text-align:center;padding:10px 30px;border-radius:29px;border:4px solid #004892;margin-top:40px;color:#000;margin-bottom:0;position:relative;background:#fff;height:71px;display:flex;justify-content:center;align-items:center}.how_we_box{transition:0.4s}.how_we_box h4:before{content:"";background:#d3dfeb;width:40%;height:23px;position:absolute;right:-88px;z-index:-1;top:20px}.how_we_box h3{font-size:40px;color:#fff;font-family:poppins;font-weight:700;margin:0;padding-bottom:5px}.how_we_box p{color:#fff;font-size:14px;line-height:initial}.how_box_conte{background:linear-gradient(to right,#00448b 0%,#007eff 100%);padding:20px 28px;position:relative}.how_we ul{display:flex;justify-content:center;align-items:center;justify-content:space-between}.how_we li{float:left;width:22%;list-style:none;margin-top:40px}.img_boxx{width:100px;height:100px;background:linear-gradient(to right,#00448b 0%,#007eff 100%);border-radius:100px;margin:auto;text-align:center;display:flex;justify-content:center;margin-top:10px;align-items:center}.img_boxx img{width:60px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}.dotted i{display:block;text-align:center;line-height:21px;font-size:7px;color:#007cfb}.how_we li:nth-child(4) h4:before{display:none}.blog .col-lg-4{display:flex}.how_box_conte:after{content:" ";position:absolute;right:46%;bottom:-27px;border-top:27px solid #0060c4;border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:none;margin:auto;text-align:center;width:30px;margin:auto}.how_we li .how_we_box:hover .how_box_conte{background:#fec25a}.how_we li .how_we_box:hover .how_box_conte h3{color:#000}.how_we li .how_we_box:hover .how_box_conte p{color:#000}.how_we li .how_we_box:hover .how_box_conte:after{border-top:27px solid #fec25a}.how_we li .how_we_box:hover h4{border-color:#fec25a}.how_we li .how_we_box:hover .img_boxx{background:#fec25a}.how_we li .how_we_box:hover .img_boxx img{filter:brightness(0%);transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.how_we li .how_we_box:hover .dotted i{color:#000}.how_we li.active .how_we_box .how_box_conte{background:#fec25a}.how_we li.active .how_we_box .how_box_conte h3{color:#000}.how_we li.active .how_we_box .how_box_conte p{color:#000}.how_we li.active .how_we_box .how_box_conte:after{border-top:27px solid #fec25a}.how_we li.active .how_we_box h4{border-color:#fec25a}.how_we li.active .how_we_box .img_boxx{background:#fec25a}.how_we li.active .how_we_box .dotted i{color:#000}.how_we li.active .how_we_box .img_boxx img{filter:brightness(0%)}.discover-conttt .service_boxx{overflow:hidden;text-align:center;position:relative;padding:2px 0}.preview_box h6{color:#000;font-weight:600;font-family:poppins;font-size:18px;margin-bottom:5px}.discover-conttt .service_boxx{overflow:hidden;text-align:center;position:relative;padding:2px 0;margin:0 -16px;border:1px solid #d9d9d9;background:#ffffffeb;padding:16px}.discover-conttt .service_boxx .preview_box{height:100%;margin:0;text-align:left;padding:15px 15px}.discover-conttt .service_boxx .preview_box:before{content:'';display:table-caption}.discover-conttt .service_boxx .preview_box img{width:60px;margin-bottom:14px}.discover-conttt .service_boxx:hover .hover_box{left:0;background:#1f8af7;padding:10px;background:url(images/serv_bg.png) #1f8af7;background-size:cover;background-position:center;background-repeat:no-repeat}.discover-conttt .service_boxx .hover_box{position:absolute;top:2px;bottom:2px;left:-100%;width:100%;height:100%;padding:30px;margin:0;overflow:hidden;text-align:left;transition:all 300ms ease-in-out 0s}.discover-conttt .service_boxx .hover_box .inner{position:relative;height:100%;margin:0;padding:15px 10px 15px}.abouter p{color:#fff;padding-top:10px;font-size:14.5px;line-height:23px}.discover-conttt .service_boxx .hover_box .inner h6{font-size:22px;font-weight:600;color:#fff;line-height:24px;display:block;font-family:poppins;width:100%;left:0;margin:0;transition:all 300ms ease-in-out 0s;transition-delay:0.1s}.discover-conttt .service_boxx .hover_box .about{font-size:13px;line-height:22px;color:#fff;margin:0;width:100%;position:absolute;top:64px;left:150%;transition:all 300ms ease-in-out 0s;transition-delay:0.2s}.discover-conttt .service_boxx:hover .hover_box .about{left:0}.discover-conttt .service_boxx:hover .hover_box .read_more{bottom:-7px;right:-68px}.discover-conttt .service_boxx .hover_box .read_more{bottom:-110px;background:rgb(255,255,255);line-height:24px;font-weight:600;letter-spacing:0;font-size:17px;color:#232323;transition:all 300ms ease-in-out 0s;transition-delay:0.3s;box-shadow:inset 0 -5px 0 #fff;text-align:center;font-family:poppins;padding:10px!important;width:100%!important;display:inline-block;margin-top:12px}footer .foot1 .contct_bx:nth-child(1){padding-left:0}footer .contact_cont{width:100%}footer .contact_cont .icons-area{width:90px;overflow:hidden;float:left}footer .contact_cont .icons-area figure{width:76px;height:88px}footer .contact_cont .contct-des{width:74%;float:right;color:#fff;margin-top:5px}footer .contact_cont .contct-des .add_ttl{font-size:20px;color:#fff;font-weight:700;line-height:24px;border-bottom:1px solid #00afc8;display:block;padding-bottom:10px}footer .contact_cont .contct-des .add_txt{font-size:14px;line-height:22px;margin-top:10px;font-weight:300}footer .contact_cont .contct-des .add_txt span,footer .contact_cont .contct-des .add_txt span a{color:#00afc8}footer .ft_links a{display:table;color:#fff;margin:0;font-family:poppins;font-size:15px;padding:0 0 10px;line-height:initial;font-weight:400}footer .ft_links a:hover{text-decoration:underline;color:#c96c21}footer .ft_links span a{text-transform:uppercase}footer .bdr_btm{border-bottom:1px solid #000;margin:15px}.blue2 a{color:#fff;font-family:poppins;font-size:16px;padding-bottom:5px}.ft_address{font-family:poppins;font-family:poppins;font-size:16px;color:#fff}.contact_bg{background:#0d5bcf;padding:16px}footer .foot2{background:#02337c;width:100%;padding:0 0 50px;}.contact_ft_area,footer .copy_rgt{text-align:center;padding:30px 0 0}.contact_ft_area p.h5.strong{font-family:poppins;font-weight:600;color:#fff;font-size:20px;text-transform:uppercase;background:0 0}.fa:before{font-family:fontawesome}.copy_rgt{background:#002862;padding:12px!important}.copy_rgt p{margin-bottom:0;font-family:poppins;font-weight:400;color:#fff}.soc_links a{text-align:center;width:39px;height:39px;background-color:#166def;display:inline-block;transition:all linear .6s;float:left;margin-right:4px;text-decoration:none;color:#fff;display:flex;justify-content:center;align-items:center}.follow_area{margin-top:15px}.follow_area p{color:#fff;padding-right:11px;font-weight:600;font-family:'Poppins';font-weight:500;font-style:italic}.contact_ft_area i{color:#fff;font-size:17px}.why_choose .col-sm-3{width:30%}.why_choose .col-sm-6{width:40%;margin:auto;text-align:center}.why_choose .row{display:flex;justify-content:center;align-items:center}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px}#myNavbar{padding:0}.dropdown-menu>li>a:hover:after{text-decoration:underline;transform:rotate(-90deg)}.navbar-nav>li>.dropdown-menu{right:-70px;top:67px;padding:0px!important;border-bottom:0px!important;border-radius:0}.dropdown-menu>li>a{border-bottom:1px solid #d7d7d7;transition:0.2s;font-size:14px!important;padding:10px!important}.dropdown-menu>li>a i{float:right;font-size:17px}.dropdown-menu>li>a:hover{background:#00448b!important;color:#fff!important}.dropdown-submenu>.dropdown-menu{padding:0;min-width:230px;margin-left:-1px;top:5px;border-radius:0;box-shadow:inherit}.footer-address-list li a{color:#e6e6e6;font-size:15px;line-height:24px;border-bottom:1px dotted #707070;width:100%;text-decoration:none;padding:8px 0}.footer-address-list li i{margin:0 15px 0 0;display:initial;font-size:21px;color:#fff}.footer-address-list li{color:#6a6a8e;display:flex;list-style:none;display:flex}.footer-address-list li p{font-weight:600;font-size:18px;font-family:Poppins,sans-serif;line-height:25px}.footer-address-list li p span{display:block;font-weight:400;font-size:15px;font-family:poppins;padding:5px 0}.dark-footer h5{color:#fff;font-family:poppins;font-size:18px;text-transform:uppercase;font-weight:600;padding-bottom:10px}.footer-address-list li p{color:#fff}.dark-footer{padding:30px 0}.copyright{background:#031940;padding:12px 0;color:#fff}.copyright p{color:#fff;text-align:center}.ff-social-icons{margin-top:20px}.ff-social-icons a{color:#fff;padding:0 20px 0 0;font-size:20px}.top_headdd-mob{display:none}.testimonials{position:relative;background-repeat:no-repeat;background-size:cover;padding:50px 0;font-family:'Poppins',sans-serif}.testimonials .title{text-align:center;margin-bottom:50px;position:relative;padding:20px 0;max-width:600px;margin:0 auto}.testimonials .title h5{color:#EB6D2F;line-height:1.2em;font-size:18px;font-weight:900;margin-bottom:-3px}.testimonials .title h2{color:#5A3733;line-height:1.2em;font-weight:900;font-size:41px;letter-spacing:-1px;margin:0}.testimonials .title img{margin-top:-10px}.testimonials .title p{margin:0 0 10px;margin-bottom:0;color:#5A3733}.testimonials .testi .item{background:#fff;padding:31px 40px;border-radius:15px;box-shadow:0 0 20px #ccc;margin:20px 13px;height:292px}.testimonials .testi .item .profile{display:flex;padding-left:15px}.testimonials .testi .item .profile img{border-radius:100%;width:50px;height:50px;object-fit:cover}.testimonials .testi .item .profile .information{padding-left:20px;margin-bottom:15px}.testimonials .testi .item .profile .information .stars i{color:#ffd832}.testimonials .testi .item .profile .information p{font-size:20px;margin:0 auto 0;color:#2c2c2c;font-weight:600;line-height:1}.testimonials .testi .item .profile .information span{color:#EB6D2F;font-weight:700;margin-top:-4px;line-height:1.6em;font-size:14px}.testimonials .testi .item>p{margin-bottom:15px;font-size:15px;line-height:1.6em;display:block;z-index:2;font-style:italic;color:#000;text-align:left}.testimonials .testi .item .icon{text-align:center}.testimonials .testi .item .icon i{font-size:32px;color:#042156}.owl-dots{text-align:center}.owl-dots button{height:14px;width:14px;margin:0 5px;background:#ccc!important;border-radius:100px}.owl-dots button.active{background:#042156!important}.address_foot li a{padding-top:0px!important}.address_foot li img{width:25px}.popup_get_a_quote .modal-dialog{display:flex;justify-content:center;align-items:center;height:100%;width:60%;margin-top:0}.popup_get_a_quote .form-control{height:40px;font-size:18px;color:#00438a!important;font-weight:600;border:none;border:0;box-shadow:inherit;font-weight:300;font-family:'Poppins';color:#000!important;font-size:15px;border-bottom:1px solid #ccc;border-radius:0;margin-bottom:14px}.popup_get_a_quote .form-control:focus{box-shadow:inherit}.popup_get_a_quote .modal-body{padding:20px}.popup_get_a_quote .modal-content{border:0;max-width:100%!important;background-image:inherit;background:#fff;border-radius:14px 14px 0 0}.popup_get_a_quote .modal-content h3{text-align:center;margin:0;font-weight:600;background:#0457ad;color:#fff;border-radius:14px 14px 0 0;padding:10px 0;line-height:22px}.popup_get_a_quote .modal-content h3 span{display:block;font-size:15px;color:#ffbf5d;text-transform:uppercase}.popup_get_a_quote .modal-content .close{position:absolute;right:10px;opacity:inherit;z-index:9;color:#fff;font-size:40px;font-weight:300;top:7px}.popup_get_a_quote .modal-content .captcha{width:87px}.popup_get_a_quote textarea{border:0;border-bottom:1px solid #ccc;height:90px;font-family:'Poppins';width:100%;padding-left:15px}.contact-add i{color:#000;font-size:20px;float:initial}.contact-add{text-align:center;font-size:-10px;margin-top:10px}.contact-add span{font-size:14px;color:#000;font-weight:600;font-style:italic}#popgetquote{background:#0457ad;border:none;border-radius:100px;padding:12px;font-family:'Poppins';font-size:18px;font-weight:500;display:inline-block;width:inherit;margin-top:20px}@-webkit-keyframes circle{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes inner-circle{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes inner-circle{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.section-tabs{padding-bottom:50px;--duration:.7s}.why_choose .section-tabs .tab-content{padding:0;border:none;line-height:26px;background:inherit}.why_choose .tabs-inner{margin:0;width:100%;font-size:1.5em;padding:0 1em;border-radius:10px 10px 0 0;align-items:center;justify-content:center;display:inherit;background:inherit;align-items:inherit!important}.why_choose .menu__item h3{font-size:15px;margin-top:10px;line-height:20px;letter-spacing:.4px}.why_choose .menu__item::before{content:"";z-index:-1;width:3.3em;height:3.1em;border-radius:50%;position:absolute;top:3px;transform:scale(0);transition:background-color var(--duration),transform var(--duration)}.why_choose .menu__item.active{transform:inherit!important}.why_choose .menu__item.active .box_whyy_choose{background:#fec25a}.why_choose .menu__item.active::before{transform:scale(1);background-color:var(--bgColorItem)}.why_choose .icon{width:2.3em;height:2.3em;stroke:#fff;fill:transparent}@keyframes strok{100%{stroke-dashoffset:400}}.why_choose .tab-content h3{font-size:2.6rem;color:#202020;font-weight:700}.why_choose #menu__item_1 .box_whyy_choose{margin-left:90px!important;position:relative}.why_choose #menu__item_3 .box_whyy_choose{margin-left:25px!important;position:relative}.why_choose #menu__item_4 .box_whyy_choose{margin-left:85px!important;position:relative}.hidee{display:none}.why_choose .menu__item.active .box_whyy_choose .img_circle{background:#fff}.why_choose .menu__item.active .box_whyy_choose .img_circle img{filter:inherit}.why_choose .menu__item.active .box_whyy_choose{position:relative}.why_choose .menu__item.active .box_whyy_choose:before{content:" ";position:absolute;border-top:17px solid transparent;border-right:none;border-left:36px solid #fec25a;border-bottom:18px solid transparent;margin:auto;text-align:center;width:30px;margin:auto;right:-30px;top:35px}.VISION_MISSION .tab-content{background:inherit;line-height:25px;border:0;border-top:0;border-bottom:0;padding:0}.blog-box{padding:20px;border-radius:10px;box-shadow:0 6px 20px #ccc;transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s;margin-top:30px;background:#fff}.blog-box:hover{box-shadow:20px 30px 60px 0 rgba(0,0,0,.2);transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s}.blog-img{position:relative;border-radius:10px;overflow:hidden}.blog-img img{border-radius:10px}.blog-img>img{width:100%;transform:scale(1);transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s;border-radius:10px 10px 0 0}.blog-box:hover .blog-img>img{transform:scale(1.05) rotate(3deg);transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s}.blog-tag{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:center;border-radius:30px;padding:5px 15px;background:#0d72dd}.blog-tag span{font-family:poppins;;color:#fff;text-transform:uppercase;font-size:14px;font-weight:500}.blog-content{margin-top:20px;text-align:left}.blog-date-author{display:flex;align-items:center}.blog-date,.blog-author{display:flex;align-items:center;justify-content:center}.blog-date{margin-right:20px}.blog-date i{color:#01428b}.blog-date span,.blog-author span{font-family:poppins;font-size:15px;line-height:15px;color:#01428b;margin-left:8px}.blog-content .h3-title{color:#10161b;text-decoration:none;margin-top:12px;text-decoration:none;font-size:19px;line-height:28px;font-weight:600;transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s}.blog-content .h3-title:hover{color:#0077f1;text-decoration:none;transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s}.blog-content .link-btn{display:inline-block;margin-top:10px;align-items:center;font-family:poppins;font-size:16px;font-weight:500;text-transform:uppercase;color:#01428b;transition:all 0.2s cubic-bezier(.98,.57,1,1) 0s}.blog-content .link-btn i{padding-left:10px;font-size:18px}.main-blog-two{position:relative;padding-bottom:120px}.blog-title-two{text-align:center}.blog-title-two .subtitle{justify-content:center}.blog{padding:50px 0 70px;background:#f2f8ff}.VISION_MISSION{position:relative;background:linear-gradient(to right,#00448b 0%,#007eff 100%);overflow:hidden;padding:60px 0}.service-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;position:relative;padding:20px;gap:40px;border-radius:10px;z-index:2;margin:20px 0}.service-grid_img{position:relative;overflow:hidden;z-index:2;min-width:350px;border-radius:inherit}.service-grid_title{font-size:24px!important;font-weight:600!important;margin:0;font-family:poppins;padding-bottom:8px;text-transform:uppercase;color:#004e9f!important}.vision_list{position:relative}.vision_list ul{padding:0;margin:0;position:relative;z-index:2;padding:20px 20px 20px 0}.vision_list li{list-style:none}.vision_list li a{text-transform:uppercase;background:#fff;padding:10px 20px;border-radius:10px;font-family:poppins;font-weight:600;color:#000;font-size:18px;display:block;text-decoration:none;margin-bottom:20px;border:3px solid #fff;transition:0.5s}.vision_list li.active a{background:#007eff;color:#fff}.vision_list li:hover a{animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.vision_list li a img{width:60px;background:#fff;border-radius:100px;padding:6px;box-shadow:0 0 13px #9d9d9d;margin-right:10px}.vision_list:after{content:'';height:100%;width:calc(100% + 180px);background-color:#fec25a;position:absolute;bottom:0;right:0;-webkit-clip-path:polygon(120px 0%,100% 0,100% 100%,0% 100%)}header.fixed{width:100%;position:fixed;top:0;z-index:999999;background:#fff;box-shadow:1px 0 8px #ccc}.homeheaderrr #myNavbar li a{font-weight:400;margin-top:0}.btnn a{margin-top:0}.homeheaderrr .dropdown-submenu li a{line-height:initial!important}.modal-backdrop{display:none}.homeheaderrr .menu-hasdropdown label{margin-bottom:0;color:#000;padding-left:6px}.homeheaderrr .menu,.menu a{color:#e2e2e2;text-decoration:none}.homeheaderrr .menu a{display:block;white-space:nowrap;color:#343434;background:inherit;font-size:15px;font-weight:400}.homeheaderrr .menu-dropdown,.menu input[type=checkbox]{display:none}.homeheaderrr .menu label:hover{cursor:pointer}@media screen and (max-width:1024px){.homeheaderrr .menu>ul,.homeheaderrr .menu-righticon{display:none}input[type=checkbox]:checked+ul{display:block;animation:grow 0.5s ease-in-out}}@media screen and (min-width:1025px){.homeheaderrr .menu>label,input[type=checkbox]{display:none}.homeheaderrr .menu>ul>li{display:inline-flex;padding:20px 10px}.homeheaderrr .menu-hasdropdown{position:relative}.homeheaderrr .menu-hasdropdown:hover>ul{display:block;animation:grow 0.5s ease-in-out}.homeheaderrr .menu-hasdropdown>ul{position:absolute;top:100%;left:0;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgb(0 0 0 / 18%);box-shadow:0 6px 12px rgb(0 0 0 / 18%)}.homeheaderrr .menu-hasflyout>ul{left:100%;top:-2px;margin-left:1px}.homeheaderrr .menu-hasflyout .menu-downicon{display:none}}@keyframes grow{0%{display:none;opacity:0}50%{display:block;opacity:.5}100%{opacity:1}}.homeheaderrr .menu-dropdown a{padding:9px 15px;border-bottom:1px solid #ccc;line-height:initial;font-size:14px;transition:0.3s}.homeheaderrr .menu-dropdown a:hover{background:#00448b!important;color:#fff!important}@media screen and (max-width:1024px){.homeheaderrr .menu>label{display:block;padding:7px 18px;text-align:right;position:absolute;right:12px;top:-51px;text-align:center;font-size:31px;color:#163a6b}.homeheaderrr .menu>ul i{float:right;padding:5px 10px;background:#012c42}}.homeheaderrr .menu{display:flow-root;position:relative;z-index:3;float:right}.content_new_box .row{display:flex;flex-wrap:wrap}.content_new_box .col-sm-4{display:flex}.content_new_box .inn_box_cont{display:flex}.togle_men{position:absolute;top:4px;right:9px}@media (max-width:700px){.homeheaderrr .menu li{position:relative}.homeheaderrr .menu{float:inherit}.homeheaderrr .menu a{padding:6px 12px;border-bottom:1px solid #ccc}.homeheaderrr .menu-hasdropdown label{margin-bottom:0;float:right;position:absolute;top:13px;right:0}.homeheaderrr .menu>ul i{float:right;padding:1px 6px;background:#012c42;color:#fff}.top_head{display:none}.why_choose .menu__item{width:49% !IMPORTANT;display:inline-block!important}.why_choose #menu__item_1 .box_whyy_choose{margin-left:0px!important;position:relative}.why_choose #menu__item_3 .box_whyy_choose{margin-left:0px!important;position:relative}.why_choose #menu__item_4 .box_whyy_choose{margin-left:0px!important;position:relative}.why_choose .tabs-inner{padding:0}.why_choose .techno_bg{width:100%;height:100%;padding-top:40px}.technoo{width:100%;height:100%;border-radius:0;border:0}.techno_bg{border-radius:0;outline-offset:0}.panel-body{padding:0}.why_choose #menu__item_1 .box_whyy_choose{margin-left:0px!important;display:inherit!important}.why_choose .box_whyy_choose{background:#fff;margin-bottom:50px;width:100%;border-radius:100px;padding:20px;align-items:center;height:inherit}.how_we_box h4:before{display:none}.why_choose .why_choose_conte h4{font-size:16px;color:#fff;text-align:center;display:inherit}.why_choose .box_whyy_choose{border-radius:0;padding:10px;background:inherit!important}.why_choose .img_circle{float:inherit;margin:auto}.why_choose .box_whyy_choose{text-align:center;margin-bottom:0;display:inherit!important}.why_choose_conte{padding-left:0}.talk{display:none}.submitanenquiry{background:#ffa500;font-size:13px!important;text-transform:uppercase;font-family:poppins;font-weight:500;padding:9px 9px;color:#000!important}.vision_list:after{display:none}.vision_list li a{text-transform:uppercase;background:#fff;padding:10px 10px;font-size:12px;text-align:center;display:block;margin-bottom:20px;border:3px solid #fff;transition:0.5s;height:115px;line-height:15px}.vision_list li a img{width:53px;background:#fff;padding:6px;margin-right:0;display:block;margin:auto;margin-bottom:10px}.vision_list li{width:33%;float:left;margin:5px}.vision_list ul{display:flex;width:100%;justify-content:center;align-items:center;margin:0;padding:0}.service-grid_img{width:100%;min-width:100%}.top_headdd-mob{display:inherit}.top_headdd-mob{background:#163a6b;padding:}.top_headdd-mob ul{padding:0;margin:0}.top_headdd-mob li{list-style:none;float:left;padding:4px 15px;border-right:1px solid #255494}.top_headdd-mob a{color:#fff;font-size:20px}.top_headdd-mob li:last-child{padding-right:0;float:right}.top_headdd-mob li:first-child{padding-left:0}.navbar-brand img{margin-top:0;width:120px}.navbar{padding:5px 0}.navbar-header .navbar-toggle{color:#000;font-size:30px;margin:0px!important;padding:9px;line-height:10px}.content_slide h2{font-size:30px;font-weight:700;line-height:inherit}.img_slide{display:none}.content_slide h2 span{font-weight:500;font-size:18px}.content_slide h3{border-radius:0;font-size:15px}.call_to_action{text-align:center;padding:17px 0;background:#00448b}.service-grid{display:inherit}.call_to_text img{float:inherit;width:80px}.call_to_action .row{display:inherit}.call_us ul{display:inherit;padding:0}.call_us li{display:block}.call_us li:last-child a{display:inline-block}.call_to_text p{font-size:16px;padding-bottom:10px}.call_to_text h4{font-size:23px;display:none}.service_sec .row{display:inherit!important;padding:0}.why_choose .col-sm-3{width:inherit}.why_choose .col-sm-6{width:inherit}.about_text li{position:relative}.about_text li .text_years h5{font-size:38px!important;padding-top:10px;position:absolute;top:-5px;z-index:2;left:40%}.section-tabs{padding-bottom:0}.why_choose .row{display:inherit}.how_we ul{display:inherit}.how_we li{width:49%}header{padding-top:0}.bannerr{padding:60px 0;text-align:center;background:url(https://www.pnjsharptech.com/new-home-images/ban1.webp) no-repeat!important;background-color:#00448b;height:290px;background-color:#00448b!important}.about_text h4{font-size:40px}.about_text h1{font-size:18px}.about_section{padding:50px 0}.about_text li img{width:54px}.text_years h5{font-size:26px;padding-top:10px}.text_years p{font-size:14px!important;text-align:left!important}.about_text p{font-size:15px;line-height:initial}.about_imgg{padding-top:60px}.service_sec:before{width:100%}.serv_content{padding:20px 0 30px;padding-right:0}.service_sec{padding-bottom:0}.heading h3{font-size:30px}.why_choose .heading h3{font-size:30px}.heading p{font-size:15px}.client li:nth-child(5n+0){margin:inherit}.client li{display:inline-block;margin-top:40px;margin-right:30px;width:32%;margin:0;padding:7px}.how_we_box{padding:10px}.client ul{margin-top:10px}.how_box_conte{padding:10px 15px;height:280px}.how_we_box p{font-size:13px}.how_we_box h4{font-size:17px}.img_boxx{width:110px;height:110px}.img_boxx img{width:60px}.bannerr .row{display:inherit}.btn_slider a{background:#fec25a;color:#000;font-weight:500;font-size:14px;padding:11px 10px!important;border-radius:2px;transition:0.2s;text-decoration:none;margin-right:3px}.testimonials .testi .item{height:inherit}.call_us li img{left:14%}.call_us li:first-child a span{display:block;font-size:26px;font-weight:700;font-style:italic}#myNavbar li a{padding:10px 10px;border-bottom:1px solid #dfdfdf;}.navbar-nav>li>.dropdown-menu{background:#f1f1f1;margin:6px}.btnn{display:none!important}.navbar-nav{margin:0;display:inherit}.serv_content h3{font-size:40px}.serv_content p{font-size:15px}.btn_read_yellow{margin-top:0}.discover-conttt .service_boxx .preview_box{text-align:center}.discover-conttt .service_boxx .preview_box img{width:70px;margin:auto}.heading p{width:100%}.navbar-nav>li{display:inherit;font-size:inherit;float:inherit;padding:0}.navbar-nav>li i{position:absolute;top:10px;right:0;background:#e5e5e5;text-align:center;width:23px;height:23px;font-size:21px;padding:0}.why_choose .menu__item.active .box_whyy_choose:before{display:none}}@media (min-width:1300px){.container{width:1300px}}@media (min-width:700px){homeheaderrr .menu li{position:relative}.navbar-nav li:hover>ul.dropdown-menu{display:block}} /* 19/sep22 */ .center-box-row{ align-items: center; display: flex; } .new-aso-box { padding-top: 40px; } .simple-formula-backclr{ background-image: -webkit-linear-gradient(180deg, #00c2ee 1%, #3c8ff6 32%, #00458a 100%); } .simple-formula-backclr .services-single { color: #ffffff; } .simple-formula-backclr .services-single .inner-box h2 { color: #ffffff; margin-bottom: 10px; } .simple-formula-backclr .services-single .inner-box .text ul li i{ color: #fec25a; } .nnew-service-hv .services-block .inner-box .icon-box { margin: 0px 0 10px; } .nnew-service-hv .services-block .inner-box .heading { margin-bottom: 4px; } .nnew-service-hv .services-block .inner-box{ height: 435px !important; margin-bottom: 30px; z-index: 1; background-color: #fff; -webkit-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; -webkit-box-shadow: 0 20px 81px 0 rgb(8 0 20 / 14%); box-shadow: 0 20px 81px 0 rgb(8 0 20 / 14%) !important; } .nnew-service-hv .services-block .inner-box:hover { -webkit-transform: translate(-7px,-7px); -ms-transform: translate(-7px,-7px); transform: translate(-7px,-7px); -webkit-box-shadow: 0 20px 81px 0 rgb(8 0 20 / 30%); box-shadow: 0 20px 81px 0 rgb(8 0 20 / 30%); } .nnew-service-hv .services-block .inner-box:hover:before { -webkit-transform: translate(7px,7px); -ms-transform: translate(7px,7px); transform: translate(7px,7px); } .nnew-service-hv .services-block .inner-box:before { content: ""; width: 100%; top: 0; left: 0; height: 100%; z-index: -3; border-radius: 10px; position: absolute; -webkit-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; background-image: -webkit-linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%); background-image: -o-linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%); background-image: linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%); } .nnew-service-hv .services-block:hover{ transform: initial; } .nnew-service-hv .services-block .inner-box:before { border-radius: 20px; } .services-block .inner-box:hover::before { width: 100%; } .services-block .inner-box:before { position: absolute; content: ''; left: 0; top: 0; height: 100%; display: block; background-color: #e1e1e1; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; } .text-center-para{ text-align: center !important; } /* new-design-css */ .services-section-two2 { position: relative; overflow: hidden; padding-bottom: 70px; } .services-section-two2 .upper-box { position: relative; text-align: center; border-radius: 15px; margin-left: -115px; margin-right: -115px; padding: 40px 20px 180px; background-color: #1383ff; } .services-section-two2 .upper-box .icon-one { position: absolute; left: 5%; bottom: 10%; width: 120px; height: 120px; background-repeat: no-repeat; } .services-section-two2 .upper-box .icon-one { animation-name: float_up_down; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float_up_down; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } .services-section-two2 .upper-box .icon-two { position: absolute; left: 38%; top: 10%; width: 99px; height: 119px; background-repeat: no-repeat; } .services-section-two2 .upper-box .icon-two, .services-section-two2 .upper-box .icon-three, .about-section .images-column .pattern-layer { animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } .services-section-two2 .upper-box .icon-three { position: absolute; right: 5%; bottom: 15%; width: 170px; height: 170px; background-repeat: no-repeat; } .services-section-two2 .upper-box .icon-two, .services-section-two2 .upper-box .icon-three, .about-section .images-column .pattern-layer { animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @keyframes float_up_down{ 0% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } 50% { transform: translateY(30px); transform: translateY(30px); opacity: 1; } 100% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes rotateme{ 0% { transform: rotate(0deg); opacity: 1; } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); opacity: 1; } } .sec-title2 { position: relative; margin-bottom: 55px; } .sec-title2 h2 { position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; margin-top: 15px; } .sec-title2 p { padding: 0px 250px; color: #ffffff; } .services-section-two2 .inner-container { margin-top: -180px; } .service-block-two { position: relative; z-index: 1; margin-bottom: 30px; } .service-block-two2 .inner-box { position: relative; overflow: hidden; padding: 30px 20px; border-radius: 6px; background-color: #f5f5f5; min-height: 402px; border: 2px solid #014587; } .service-block-two2 .inner-box:hover::before { height: 100%; opacity: 1; } .service-block-two2 .inner-box:before { position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 50%; opacity: 0; background-color: #fec25a; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; } .service-block-two2 .inner-box .shape-one { content: ''; width: 250px; height: 250px; background:#1383ff; border-radius: 50%; position: absolute; top: -120px; opacity: 0.4; right: -120px; transform: scale(0); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .service-block-two2 .inner-box .shape-two { content: ''; width: 373px; height: 373px; background:#1383ff; border-radius: 50%; position: absolute; top: -180px; right: -180px; z-index: 1; opacity: 0; transform: scale(0); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .service-block-two2 .inner-box:hover .shape-two { opacity: 0.4; transform: scale(1); webkit-transition-delay: 600ms; -ms-transition-delay: 600ms; transition-delay: 600ms; } .service-block-two2 .inner-box:hover .shape-one { transform: scale(1); webkit-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; } .service-block-two2 .inner-box .icon-box .icon { position: relative; } .service-block-two2 .inner-box h5 { position: relative; z-index: 2; color: #222222; font-weight: 600; line-height: 1.3em; margin: 20px 0px 15px; font-size: 20px; } .service-block-two2 .inner-box h5 a { position: relative; color: #222222; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; text-decoration: none; } .service-block-two2 .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .text { color: #ffffff; } .service-block-two2 .inner-box .text { position: relative; color: #555555; z-index: 2; font-size: 16px; line-height: 1.8em; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .service-block-two2 .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .text { color: #ffffff; } .service-block-two2 .inner-box .icon-box .icon i { color: #1383ff;; font-size: 50px; } .new-design-ineer { position: relative; left: 18%; top: 35px; } .service-block-two2 .inner-box:hover .icon-box .icon i { color: #ffffff; } .new-hover-box .services-block .inner-box:hover p { color: #000 !important; } .new-hover-box .services-block .inner-box{ background-color: #1383ff !important; } .new-hover-box .services-block .inner-box:before{ background-color: #ffffff !important; } .new-hover-box .services-block .inner-box:hover .heading h3 { color: #efa11b !important; } .new-hover-box { padding: 35px 0; margin-bottom: 50px; } .new-hover-box .services-block .inner-box{ border-radius: 12px !important; } .new-hover-box .services-block .inner-box:before{ border-radius: 10px !important; } .new-hover-box .inner-box .heading { margin-top: 20px; } /* end */ .keyword-store-bck { background-image: url(../images/keybord-bac.png); background-repeat: no-repeat; background-size: cover; } .keyword-store-bck h2 { color: #fff !important; margin-bottom: 10px; } .keyword-store-bck p { color: #fff; } .reputed-white h2{ color: #fff !important; margin-bottom: 10px; } .reputed-white p{ color: #fff; } /* 26/sep/2022 */ .new-aso-contnt { padding: 35px 100px; border-radius: 150px 0; background: #fec25af5; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; } .new-repiar-heading .process-item .process-content h4 a { color: #00448b !important; margin-bottom: 10px; display: block; font-weight: 600; font-size: 21px; } .new-prcs-back { background-color: #2d91ed7a !important; } .new-prcs-back2 { background-color: #fec25acf !important; } .new-prcs-back3 { background-color: #13b2f085 !important; } .new-prcs-back4 { background-color: #1645e04d !important; } .process-item:hover { background: #ffdab3 !important; } /* 27/sep/22 */ .new-ormservice-box { margin: 50px 0; padding-bottom: 40px !important; padding-top: 0 !important; } .new-ormservice-box .services-single { margin-top: 40px; } .new-ormservice-box .services-single .inner-box h2 { text-align: center; margin: 10px 0; color: #fff; } .new-ormservice-box .services-single .inner-box p { color: #fff; } .new-ormservice-box .services-block .inner-box .icon-box { text-align: left; margin-bottom: 15px; height: 100px; width: 100px; line-height: 100px; background-color: #ffffff; text-align: center; border-radius: 50px; -webkit-box-shadow: 0px 4px 20px rgb(26 137 185 / 31%); box-shadow: 0px 4px 20px rgb(26 137 185 / 31%); } .new-ormservice-box .services-block .inner-box .heading { text-align: left; margin-bottom: 10px; } .new-ormservice-box .services-block .inner-box { padding: 30px 40px; } .new-ormservice-box .services-block .inner-box { padding: 30px 40px; border: initial; margin-top: 35px; box-shadow: rgb(65 154 255 / 67%) 0px 5px 15px; border-radius: 20px; } .new-ormservice-box .services-block .inner-box { height: 370px; } .new-ormservice-box .services-block .inner-box:before{ background-color: #034387; border-radius: 20px; } .new-ormservice-box .services-block .inner-box:hover .heading h3{ color: #fff; } .new-ormservice-box .services-block .inner-box:hover .text p{ color: #fff; } .new-ormservice-box{ background-image: url(../images/online-repuytn-back.webp); background-repeat: no-repeat; background-size: cover; } .new-ormservice-box:before { background-color: #000b15b3; position: absolute; content: ''; width: 100%; height: 100%; } .extra-margin { margin: 40px 0; border-top: 1px solid #01458a; padding-top: 30px; } .new-threedesign-box{ background: linear-gradient(80.77deg, #7906D3 0%, #1377D2 100%); } .new-threedesign-box h2 { color: #fff !important; } .new-threedesign-box .services-block .inner-box .icon-box { text-align: left; font-size: 50px; font-weight: 700; margin: 10px 0 20px; } .new-threedesign-box .services-block .inner-box .heading { text-align: left; margin-top: 30px !important; } .new-threedesign-box .services-block .inner-box:before{ background-color: #ffcc74e3 !important; transition: 0.35s; } .new-threedesign-box .services-block .inner-box{ border: initial; background-image: url(../images/single-repiar-back.webp); background-repeat: no-repeat; background-size: cover; } .new-threedesign-box .services-block .inner-box:hover .text{ color: #000; } .new-threedesign-box .services-block:hover{ transform: translate3d(0, -20px, 0); } .new-threedesign-box .services-block{ transition: 0.35s; } .new-pnj-back { background: #3697fd3b; margin: 50px 0; padding-bottom: 40px !important; padding-top: 10px !important; } /* domain-and-hosting-management-css */ .new-web-hosting .hsoting-back-border { border: 2px solid #00448b; padding: 40px 50px; border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .website-hosting-img { width: 75%; float: right; } .web-pnj-design { background: #03478e26; padding-bottom: 40px !important; margin: 40px 0; } .web-pnj-design h2 { margin-bottom: 10px; } .webhosting-para { font-size: 20px; color: #00448b; } .new-domain-website .services-single .inner-box h3 { font-size: 23px; font-weight: 700; margin-bottom: 10px; color: #00448b; } .new-vpn-hosting { border-top: 1px solid #00448b; padding: 30px 0; margin-top: 35px; } .new-domain-website .services-single .inner-box h2{ color: #fff; } .new-domain-website .services-single .inner-box p{ color: #fff; } .new-domain-website .services-single .inner-box h3{ color: #fff; } .new-domain-website .services-single .inner-box ul li{ color: #fff; } .new-domain-website .services-single .inner-box ul li i{ color: #fec25a; } .ssl-certifiction h2 { font-size: 24px !important; margin-top: 20px; margin-bottom: 10px; } .new-ssl-certifiacte-box { background: #76b6f533; padding-bottom: 40px !important; } .new-ssl-certifiacte-box .services-single .inner-box h3 { font-size: 25px; font-weight: 700; color: #00448b; margin-bottom: 10px; } .new-ssl-certifiacte-box .services-single .inner-box ul li i { color: #00448b; } .new-eleven-boxdesign .optimization-section-pic img{ filter: initial; -webkit-filter: initial; width: 95px; } .new-eleven-boxdesign .optimization-section:not(:first-child) { margin-top: -28px; } /*-------------------------------------------------------------- >>> Home Process Section ----------------------------------------------------------------*/ .process-section { margin-top: 40px; padding-bottom: 100px; position: relative; z-index: 2; } @media screen and (max-width: 575px) { .process-section { padding-bottom: 70px; } } .process-item { background-color: #ffffff; box-shadow: 2px 7px 20px #ccc; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 25px; position: relative; transition: 0.5s; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; } .process-item:hover{background: #ffdab3;} .process-item:hover .count-no{color: #ff8b13 !important} .process-item:before { content: ""; background-image: url(assets/images/banner-pattern.png); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.8; position: absolute; height: 100%; top: 0; left: 0; width: 100%; z-index: -1; } .process-item .process-head { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 26px; } .process-item .process-head i { color: #FF9222; font-size: 70px; } .process-item .process-head .count-no { color: #a69e9e; font-size: 50px; font-weight: 700; line-height: 1.1; } .process-item .process-content { margin-bottom: 26px; } .process-item .process-content p:last-child { margin-bottom: 0; } .process-section .process-content{ min-height: initial; } .flex-new-box{ display: flex; } .new-repiar-heading h2{ color: #00448b; font-size: 28px; font-weight: 700; line-height: 1.4em; } .sub-title { font-size: 18px; font-weight: 600; } .extra-bom{ margin-bottom: 30px; } /* 4/11/22 */ .threee-boxdesign .services-block .inner-box { height: 380px; padding: 30px; border-radius: 20px; box-shadow: rgb(0 68 139 / 33%) 0px 5px 15px; margin-bottom: 20px; } .threee-boxdesign .services-block .inner-box:before { border-radius: 20px; } .threee-boxdesign h2 { font-size: 28px; font-weight: 700; line-height: 1.4em; } .threee-boxdesign .services-block .inner-box .heading { margin: 10px 0; } .white-para { color: #fff; text-align: center !important; } .our-faq-wrapper .btn-link span{ display: block; white-space: normal; width: 94%; } .four-backgeound-img{ } .four-backgeound-img { background-image: url(../images/process-bg.png); background-position: center center; background-size: cover; padding: 100px 0 70px !important; background-repeat: no-repeat; } .services-block .inner-box h3{ color: #00448b !important; } .four-backgeound-img p { color: #000; } .main_twitt2{ padding-top: 50px; } .new-twitt-main{ background: #03478e26; padding: 50px 0; } .new-twiter-ads{ background-image: -webkit-linear-gradient(180deg, #00c2ee 1%, #3c8ff6 32%, #00458a 100%); padding-bottom: 50px !important; } .new-twiter-ads h2 { color: #fff !important; margin-bottom: 5px; } .new-twiter-ads p { color: #fff; } .new-twiter-ads ul li { color: #fff; display: flex; } .nobox-height .services-block .inner-box { height: inherit !important; } .nobox-height .services-block { display: flex; } .nobox-height .row { display: flex; flex-wrap: wrap; } /* 7/11/22 */ .aso-new-design h2 { font-size: 28px; font-weight: 700; line-height: 1.4em; } .yellow-icon ul li i { margin-top: 7px; margin-right: 6px; color: #fec460; } .yellow-icon ul li { display: flex; color: #fff; } .yellow-icon { margin-top: 50px; } .new-table-design h2 { margin-bottom: 20px; } .new-table-design h3 { font-weight: 600 !important; } .new-four-box { display: flex; position: relative; } .new-four-box { margin-top: 40px; } .new-four-box .inner-box { height: initial !important; box-shadow: rgb(0 68 139 / 35%) 0px 5px 15px; border-radius: 20px; border: 2px solid #004589 !important; } .new-four-box .inner-box:before { border-radius: 20px; background-color: #fec25a !important; } .new-four-box h2 { color: #00448b; font-size: 28px; font-weight: 700; line-height: 50px; margin-bottom: 20px; } .new-four-box .inner-box .icon-box { position: absolute !important; top: -35px; left: 22px; background: #ffffff; box-shadow: rgb(2 67 139 / 24%) 0px 5px 15px; padding: 10px 5px 0px 13px; border-radius: 15px; border: 2px solid #00448a; } .new-four-box .inner-box .heading { margin-top: 50px; text-align: left; padding: 0px 0px 13px 15px; } .new-four-box .inner-box .text { padding-left: 15px; padding-right: 10px; } .extra-pd-t { padding: 150px 0 70px !important; margin-top: 0; } .services-single h3{ font-weight: 600 !important; } .insta-back-d h3 { font-weight: 600; color: #fff; } .extra-gap { margin-top: 25px; } .insta-back-d ul li { color: #fff; } .new-six-design h2 { margin-bottom: 30px; } .new-six-design h3 { font-size: 25px !important; margin-bottom: 15px; } .new-six-design h4 { font-weight: 600 !important; } .new-six-design { background: #d6eaff; padding-bottom: 50px !important; } .insta-color h3 { color: #0f1341 !important; } /* 8/11/22 */ .service-benefit-box{ margin-bottom: 30px; } .extra-pd { padding: 70px 0 30px; } .web-section .row { display: flex; flex-wrap: wrap; justify-content: center; } .web-section .col-md-4 { display: flex; } .service-benefit-box{ height: initial !important; } .my-pinterst-design h2 { margin: 0px 0 25px; color: #fff !important; } .my-pinterst-design { background-image: -webkit-linear-gradient(180deg, #00c2ee 1%, #3c8ff6 32%, #00458a 100%); padding: 50px 0; margin-top: 50px; } .my-pinterst-design h3 { color: #fff !important; } .my-pinterst-design p { color: #fff; } .extra-mt { margin-top: 40px; } .my-pinterst-clm { display: flex; flex-wrap: wrap; } .my-pinterst-clm .content-side.col-lg-4.col-md-6.col-sm-12.col-xs-12 { display: flex; } .pkg-submit{ position: relative; } .pd-tb { padding: 50px 0; } .keyword-store-bck h3 { color: #fff; margin: 0px 0 10px; } .my-bold-heading h3 { font-size: 23px; font-weight: 700; line-height: 1.4em; } #services .outer-circle{ text-align: center; } .consult-left h2 { margin-bottom: 10px; } .white-heading h3 { color: #fff !important; } .main-color h3{ color: #0f1341 !important; } /* 9/11/22 */ .new-guest-box .row { display: flex; flex-wrap: wrap; justify-content: center; } .new-guest-box .services-block.col-lg-6.col-md-6.col-sm-6.col-xs-12 { display: flex; } .new-guest-box .inner-box { height: initial !important; } .our-guest-design h2 { color: #00448b; font-size: 28px; font-weight: 700; line-height: 50px; margin-bottom: 20px; } .new-guest-box .services-block.col-lg-4.col-md-6.col-sm-6.col-xs-12 { display: flex; } .cnter-box-guest p{ text-align: center !important; } .cnter-box-guest h2{ margin-bottom: 0; } .promoted-box h3 { color: #0f1341; font-size: 22px; font-weight: 600; line-height: 1.4em; } .promoted-box { padding: 40px 0; } .section-title-web h3 { font-weight: 600; color: #0f1341; font-size: 22px; line-height: 1.4em; } .my-company-d p { margin-bottom: 22px; } .extra-mtb { margin-top: 50px !important; } .linkeding-my-box h3 { font-weight: 600; color: #0f1341; font-size: 22px; line-height: 1.4em; } .para-center p{ text-align: center !important; } .ask-collegue-box { background: #d6eaff; padding: 50px 0; margin-bottom: 50px; } .list-box-new { border-top: 3px solid #00448c; border-bottom: 3px solid #00458f; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; padding: 40px; margin: 50px 0; } .target-audience-box h3{ color: #fff !important; font-size: 22px; margin-bottom: 10px; line-height: 1.4em; } .target-audience-box p{ color: #fff; } .target-audience-box { background-image: -webkit-linear-gradient(180deg, #00c2ee 1%, #3c8ff6 32%, #00458a 100%); padding: 50px 0; margin: 50px 0 20px; } .no-background{ background: initial !important; } .web-section .col-md-3 { display: flex; } .my-company-d h4 { color: #fff; font-weight: 500; font-size: 22px; margin-bottom: 8px; } .white-list-new li { color: #fff; } .why_choose_mum .nio-dia-service-innerbox{ height: initial !important; } .why_choose_mum .row { display: flex; flex-wrap: wrap; justify-content: center; } .why_choose_mum .col-lg-6.col-md-6.col-12 { display: flex; } .why_choose_mum { padding: 50px 0; } .extra-mtb-20 { margin-top: 20px !important; } .mb-30{ margin-bottom: 30px; } .extra-mt{ margin: 40px 0; } .extra-mt-40{ margin-top: 40px; } .white-heading li { color: #fff; display: flex; text-align: justify; } .my-social-heading h4 { font-weight: 600; margin-bottom: 10px; } .white-heading li i { margin: 10px 10px 10px 0px; } .threee-boxdesign .services-block .inner-box{ height: initial !important; } .new-threedesign-box .services-block.col-lg-4.col-md-4.col-sm-6.col-xs-12 { display: flex; } .new-threedesign-box .row { display: flex; flex-wrap: wrap; justify-content: center; } .threee-boxdesign .services-block .inner-box{ height: initial !important; } .white-list-new ul li i { color: #fec25a; } .white-list-new ul li{ color: #fff; } .my-list-design ul li i { color: #00448b; } .my-list-design ul { margin-top: 10px; } .new-pnj-back h3 { margin-bottom: 10px; } .new-pnj-back ul li i { color: #00448b; margin-right: 6px; } .new-pnj-back ul li { margin-bottom: 5px; } .my-chennai-design h2{ margin-bottom: 10px; } .my-new-five-b .box_col .hover { display: none; } .my-new-five-b .box_col:hover .hover { display: block; } .my-new-five-b .box_col:hover .no-hover { display: none; } .my-new-five-b .box_col .no-hover { display: block; } .new-guest-box .inner-box:hover .heading h3 { color: #000 !important; } .keep-bold-new h3 { font-weight: 600 !important; margin: 20px 0 0px; color: #0f1341; font-size: 22px; line-height: 1.4em; } .keep-bold-new { margin-bottom: 50px; } /* 23/11/22 */ .my-backgrnd-blue { background-image: url(../images/backgrnd-blue.webp) !important; background-repeat: no-repeat !important; background-size: cover !important; } .my-backgrnd-gren{ background-image: url(../images/dark-g-back.webp) !important; background-repeat: no-repeat !important; background-size: cover !important; } .my-backgrnd-yellow{ background-image: url(../images/yellow-bac-img.webp) !important; background-repeat: no-repeat !important; background-size: cover !important; } .my-all-backgrnd .row { display: flex; align-items: center; } .my-all-backgrnd .page-title.new-gest-bac { padding: 50px 0 63px 0; } .why-us-main img{ position: relative; bottom: -62px; } .why-us-main .new-marketing-img img{ width: 126%; } pinter_banner_content{ padding-bottom: 80px; } .page-info .bread-crumb li a:hover { color: #000 !important; } .call_us li:last-child a{ display: inline-block; } /* responsive */ @media screen and (max-width:1280px) { .sec-title2 h2{ white-space: normal; display: block; padding: 0 100px; } .services-section{ padding: 35px 25px 40px !important; } } @media screen and (max-width:1199px) { .threee-boxdesign .services-block .inner-box{ padding: 25px !important; } .four-backgeound-img{ padding-top: 140px !important; } .technologies-development-home .home-techno-list li { flex-basis: 16%; } } @media(max-width:1024px){ .navbar { padding: 5px 0; } .homeheaderrr .menu a { padding: 6px 12px; border-bottom: 1px solid #ccc; } .homeheaderrr .menu { float: inherit; } .homeheaderrr .menu li { position: relative; } .homeheaderrr .menu-hasdropdown label { margin-bottom: 0; float: right; position: absolute; top: 13px; right: 0; } .homeheaderrr .menu>ul i { float: right; padding: 1px 6px; background: #012c42; color: #fff; } .navbar-header { float: inherit; } } @media screen and (max-width: 991px) { .process-item { padding: 30px; } .process-item { margin-bottom: 30px; } .center-box-row{ display: initial !important; } .new-design-ineer{ position: initial; } .service-block-two2 .inner-box{ margin-bottom: 20px; } .threee-boxdesign .services-block .inner-box { height: 405px !important; padding: 25px !important; } .my-benifit-boxx .row.center-box-r { display: initial; } } @media screen and (max-width: 767px) { .sec-title2 p{ padding: 0px 100px; } .mobile-app-page .consult-left p { text-align: justify; } .sevice-box-multiple { margin: 0px 15px; height: auto!important; } .first-col { width: 97%!important; margin-left: 8px; } .service-at-pnj { padding-bottom: 9px; } .second-heading h2 { text-align: center; } .mobile_sevice_process .make-categories img { width: auto!important; height: auto!important; } .help-desk{ margin: 0px 7px; } .mobile-app-page .Mobile-develop-content h1 { line-height: 39px; } .mobile_app_banner:before { background: linear-gradient(115deg, black, #0000008a 100%)!important; } .mobile_app_banner { padding: 58px 0px 99px 0px!important; } .banner_text_content .Mobile-develop-content { max-width: 100%; } .banner_text_content .Mobile-develop-content .input-blue { bottom: -2px; } .make-categories-row .make-categories .make-categories-content { width: 100%!imporant; } .make-categories-content h3 { padding-top: 0px!important; } .Mobile-develop-content { max-width: 100%; } .top-company-sec .row { display: block!important; } .ideation-box { background-image: none!important; } .ideation-box { margin-top: 0px!important; padding: 43px 0px 0px 0px!important; } .technologies-development-home .home-techno-list li { flex-basis: 29%; } .app-process h2 { padding-bottom: 34px; } .app-process-sec .row { display: block!important; } .app-process h2 { text-align: center; color: #fff; } .first-box1 { padding: 0!important; } .eath-box8 { padding: 0!important; } .our-servive-pnj-sec .row .col-lg-6 { padding: 0px!important; margin-top: 6px; } .our-servive-pnj-sec .row .col-lg-3 { padding: 0px!important; margin-top: 6px; } .service-various-plat { margin-bottom: 31px; } .service-various-plat div { height: auto!important; } .call-action img{ display: none; } .your-reach h2 { font-size: 34px!important; } .custom-app-sec { padding: 40px 0px 40px 0px!important; } .custom-app-sec .row{ display: block!important; } .service-various-plat div { width: 90%; margin: auto; background: #fff; padding: 20px; border-radius: 10px; margin-top: -49px; position: relative; box-shadow: rgba(17, 12, 46, 0.15) 0px 11px 26px 0px; height: auto; transition: 0.3s ease-i-out; } .industry_box { width: 29%; margin-right: 9px; margin-left: 13px; } .new_servv .services-block .inner-box{ height: initial !important; } .threee-boxdesign .services-block .inner-box { height: initial !important; } .four-backgeound-img { padding-top: 200px !important; } .my-all-backgrnd .Mobile-develop-content { max-width: 100% !important; } .my-all-backgrnd .row{ display: initial; } .my-all-backgrnd .Mobile-develop-content { max-width: 100%; text-align: center; margin-bottom: 15px; } .my-all-backgrnd .Mobile-develop-content h1 { text-align: center !important; margin-bottom: 0; } .my-all-backgrnd .page-title .page-info{ text-align: center; } .my-all-backgrnd .page-title:before{ background: initial; } .btn_slider a{ display: inline-block; } } @media screen and (max-width: 575px) { .process-section .row [class*=col-]:last-child .process-item { margin-bottom: 0; } .technologies-development-home .home-techno-list li { flex-basis: 24%!important; margin: 7px!important; } } @media screen and (max-width: 475px) { .new-aso-contnt{ padding: 62px 40px; } .page-title{ padding: 100px 0 130px 0 !important; } .technologies-development-home .home-techno-list li { flex-basis: 31%!important; } .best-h1{ font-size: 45px !important; } .smo-h1{ font-size: 45px !important; } } /* cristmas 21/12/22 */ .my-santa { width: 300px; position: fixed; top: 650px; right: -205px; z-index: 1111111; } @media(max-width:360px){ .technologies-development-home .home-techno-list li { flex-basis: 32%!important; } .your-reach h2 { font-size: 28px!important; } .your-reach h2 { margin-bottom: 6px; } } /*wordpress-development-service*/ .faq-wordpress{ margin-bottom:30px; } .icon-bx-wraper.style-3 { box-shadow: 0 0 10px 4px rgba(31,66,135,.1); padding: 30px; background-color: #fff; border-radius: 10px; transition: all .5s; overflow: hidden; z-index: 1; position: relative; } .icon-bx-wraper.style-3.active, .icon-bx-wraper.style-3:hover { background: linear-gradient(45deg, #00448d, #2d92fb 43%); background-size: 200%; transition: 0.3s ease-in-out; } .m-b30 { margin-bottom: 30px; } .icon-bx-wraper.style-3>[class*=icon-bx-] { position: relative; width: 70px; height: 70px; line-height: 70px; margin: 0px 15px 30px; transition: all .5s; } .icon-bx-wraper.style-3.active .wraper-effect, .icon-bx-wraper.style-3:hover .wraper-effect { right: -150px; bottom: -150px; } .icon-bx-wraper.style-3 .wraper-effect:before { background-color: hsla(0,0%,100%,.2); height: 250px; width: 250px; } .icon-bx-wraper.style-3 .wraper-effect:after { background-color: #f55f8d; height: 150px; width: 150px; } .icon-bx-wraper.style-3 .wraper-effect { border-radius: 50%; position: absolute; transition: all .5s; height: 350px; width: 350px; background-color: hsla(0,0%,100%,.2); right: -100%; bottom: -100%; z-index: -1; } a.icon-cell { background: #1b88fc2e; border-radius: 100px; width: 78px; height: 78px; display: flex; line-height: 25px; justify-content: center; align-items: center; } a.icon-cell i { color: #00448f; font-size: 38px; } .icon-content h4 { font-weight: 600; padding-bottom: 9px; font-size: 21px; } .third_box_word{ margin-top: -147px; } .icon-bx-wraper.style-3.active .wraper-effect, .icon-bx-wraper.style-3:hover .wraper-effect { right: -150px; bottom: -150px; } .icon-bx-wraper.style-3 .wraper-effect { border-radius: 50%; position: absolute; transition: all .5s; height: 350px; width: 350px; background-color: hsla(0,0%,100%,.2); right: -100%; bottom: -100%; z-index: -1; } .icon-bx-wraper.style-3 .wraper-effect:before { background-color: hsla(0,0%,100%,.2); height: 250px; width: 250px; } .icon-bx-wraper.style-3 .wraper-effect:after { background-color: #074787; height: 150px; width: 150px; } .icon-bx-wraper.style-3 .wraper-effect:after, .icon-bx-wraper.style-3 .wraper-effect:before { content: ""; border-radius: 50%; position: absolute; transition: all .5s; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; } .icon-bx-wraper:hover h4{ color: #fff; } .icon-bx-wraper:hover p{ color: #fff; } .icon-bx-wraper:hover .icon-cell{ background-color: #fff; } .clients_sec{ background-image: url(); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .clients_sec .heading h3{ color: #fff; } .clients_sec .testi .item{ box-shadow: none!important; } .sec_gap { margin-top: 72px; background-image: url(../images/what-make-us.webp); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; padding: 59px 0px 30px 0px; } .sec_gap:after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: #000000d9; } .clients_sec .testi .item{ border: 3px solid #fff; box-shadow: 0px 0px 0px 2px #3298ff; } .section.background { background: #F4F8FB; margin-top: 50px; padding-top: 51px; } .our_process-strat{ color: #fff!important; position: relative; z-index: 2; } .features li { overflow: hidden; margin-bottom: 30px; } .features li .count { float: left; width: 68px; min-height: 150px; } .features li .count span { display: block; width: 67px; height: 67px; line-height: 67px; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: auto; background: #d6eafe; font-size: 24px; color: #FA7286; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .count span i { color: #014589; } .features li .text { float: left; width: calc(100% - 68px); width: -webkit-calc(100% - 68px); padding-left: 20px; } .features li .text .title { font-weight: 600; font-size: 21px; line-height: 28px; /* letter-spacing: 1px; */ color: #000000; margin-top: 5px; margin-bottom: 15px !important; font-family: 'Poppins'; } .features li .text p { /* font-weight: 400; */ font-size: 16px; color: #000000; /* letter-spacing: 1px; */ /* line-height: 28px; */ font-size: 15px; } .features li:hover .count span { background: #054a90; } .features li:hover .count span i{ color: #fff; } .pluguin-sec .row{ display: flex; align-items: center; } .row.process-bg { position: relative; z-index: 1; } .process-single-box { padding: 28px 22px 15px; border-radius: 3px; background-color: rgb(2 124 252); filter: drop-shadow(0px 10px 30px rgba(116, 100, 95, 0.2)); text-align: center; margin-bottom: 20px; position: relative; z-index: 1; background-image: url(https://www.pnjsharptech.com/images/wordpress/custom-wordpress-development-services.webp); background-size: cover; background-repeat: no-repeat; position: relative; transition: 0.3s ease-in-out; } .process-single-box-second{ background-image: url(https://www.pnjsharptech.com/images/wordpress/ux-ui-design.webp); } .process-single-box-third{ background-image: url(https://www.pnjsharptech.com/images/wordpress/wordpress-security.webp); } .process-single-box:after { content: ''; position: absolute; inset: 0; background:#02284bd9; z-index: -1; border-radius: 5px; transition: 0.3s ease-in-out; } .process-single-box:hover:after { background: #1474d4d9; transition: 0.3s ease-in-out; } .process-single-box:hover { transform: scale(1.1); transition: 0.3s ease-in-out; } .process-single-box:before { position: absolute; content: ""; right: 0; bottom: 0; width: 0%; height: 0%; background: url(../images/resource/bx-bg.png); transition: .7s; border-radius: 3px; z-index: -1; background-repeat: no-repeat; background-size: cover; } .process-single-box .process-number { margin-bottom: 40px; }.process-number span { font-size: 24px; font-weight: 500; font-family: 'Fira Sans'; line-height: 26px; color: #fff; position: relative; z-index: 1; } .process-area { margin-top: 60px; } .consen-section-title h2 { font-size: 33px; font-weight: 600; padding-bottom: 20px; } .process-title h3 { color: #fff; font-weight: 600; padding-bottom: 18px; text-align: initial; /* padding-bottom: 46px; */ font-size: 30px; line-height: 35px; } .process-title p { color: #fff; } .process-area .extensive{ display: flex; align-it9ems: center; } .our_extensive { display: flex; justify-content: center; padding-bottom: 33px; } /**/ .enteprise-work { position: relative; overflow: hidden; padding: 61px 0px 43px 0px; background: linear-gradient(45deg, #027cfc, #00458a 44%); } .enter-work-context { padding: 39px 40px 1px; background: #fff; position: relative; z-index: 2; } .tool-hub-content { margin-bottom: 45px; } .enteprise-work:after { content: ''; position: absolute; background-image: url("https://www.pnjsharptech.com/images/wordpress/why-choose-our-wordpress-website-development-services.webp"); width: 49%; height: 100%; right: 0; top: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; } .features li:hover img { filter: brightness(0)invert(1); } .tool-hub-content h2 { font-weight: 700; font-size: 3rem; padding-bottom: 12px; } .tool-hub-content h3 { font-weight: 600; padding: 0px 0px 4px 0px; } .deve_icon span a { background: linear-gradient(45deg, #00448a, #4a9ade 66%); } .deve_icon span a i { color: #fff; } .deve-india{ margin-top: 40px; } .deve-india h2 { font-weight: 700; padding-bottom: 20px; } /**/ /**/ .expectation-one__points { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 44px; } .expectation-one__inner { position: relative; padding-top: 38px; /* color: #fff; */ z-index: 999; } .provan.top-company-sec:before { position: absolute; content: ''; top: 37%; height: 2px; /* color: #fff; */ width: 100%; bottom: 0; left: 0; right: 0; z-index: 1; background: #989292; } .process-title span a { background-color: #fff; margin-bottom: 27px; } .expectation-one__points li::before { content: ""; position: absolute; top: -38px; left: 50%; bottom: 0; width: 1px; border: 1px solid #989292; height: 376px; } .every_bussiness{ color: #000!important; } ul.features:after { content: ''; position: absolute; top: 0; bottom: 0; left: 31px; right: 0; background: #b4d5f7; width: 2px; z-index: -1; } ul.features { position: relative; z-index: 1; } .development_feature { display: flex; padding-top: 21px; } .deve-service-main { position: relative; } .deve-service-main:after { content: ''; position: absolute; width: 2px; top: 30px; background: #94c7f9; left: 39px; z-index: -1; height: 91%; } .expectation-one__points li+li { margin-left: 165px; } .provan { background: #e2effc; padding: 40px 0px; margin-top: 40px; position: relative; } .deve_icon{ width: 55%; } .provan h2 { font-weight: 700; padding-bottom: 10px; z-index: 9999; color: #fff; } .prov-row p { z-index: 9999; color: #fff; position: relative; } ul.expectation-one__points li h3 { position: relative; z-index: 9999; color: #fff; } ul.expectation-one__points li p { position: relative; z-index: 9999; color: #fff; } ul.expectation-one__points li span a { background-color: #fff; position: relative; z-index: 99; } .provan .prov-row { display: flex; justify-content: center; padding-bottom: 48px; } ul.expectation-one__points h3 { font-weight: 600; padding-top: 15px; padding-bottom: 6px; } .provan:after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: #000000d9; } /*graphic page start*/ .what_graphic .row{ display: flex; align-items: center; } .benefits_graphic { font-size: 31px!important; padding-bottom: 16px; text-transform: capitalize!important; text-align: initial; } .hiring-main-head{ display: flex; align-items: center; } .bene-hire p{ text-align: initial!important; width: 100%; } .benefits-sec{ margin-top: 40px; } .benefits-sec .row .col-lg-4{ padding: 0; } .benefits-sec .icon-bx-wraper{ box-shadow: none; border-radius: 0; } .benefits-sec .icon-bx-wraper:hover{ background: none; } .odd-define { background: #03a9f5!important; color: #fff; } .even-define { background: #01448b!important; color: #fff; } .odd-define a.icon-cell { background: #fff; } .even-define a.icon-cell { background: #fff; } .benefits-sec .row.icon-wraper-1{ display: flex; flex-wrap: wrap; } .benefits-sec .row.icon-wraper-1 .col-lg-4 { display: flex; } .benefits-sec .icon-content h4{ text-align: center; padding-top: 24px; padding-bottom: 28px; position: relative; } .benefits-sec .icon-content h4:after { content: ''; position: absolute; height: 2px; width: 66px; top: 55px; bottom: 0; left: 50%; right: 0; background: #fff; transform: translate(-50%, -50%); } .benefits-sec .icon-bx-wraper.style-3>[class*=icon-bx-]{ margin: auto; } .our_sercives { border-top: 2px solid #fff; padding: 21px 34px!important; } .our_services_graphic .expectation-one__points{ padding-top: 0; } .provan.top-company-sec.our_services_graphic:before{ top: 23%; position: absolute; } .graphic_our_service .col-lg-6 span a { background: #fff; } .graphic_our_service .col-lg-6 { padding-bottom: 20px; } .graphic_our_service .col-lg-6 h3 { color: #fff; font-weight: 500; padding: 10px 0px; } .graphic_our_service .col-lg-6 p{ color: #fff; } .process_graph-sec{ margin-top: 40px; } .process_content { border: 3px solid #4285f4; /* padding: 17px; */ border-radius: 23px 0px 0px 23px; position: relative; } .process_content:before { content: ''; position: absolute; width: 69px; height: 15px; right: -92px; top: 50%; transform: translate(-50%, -50%); z-index: -1; border-top: 27px solid #00000000; border-right: 27px solid #4285f4; border-bottom: 27px solid #0000; border-left: 27px solid #0000; } .graphic_process_even{ position: relative; } .graphic_process_even:after { content: ''; position: absolute; width: 69px; height: 15px; right: -105px; top: 50%; transform: translate(-50%, -50%); z-index: -1; border-top: 27px solid #fec25a00; border-right: 27px solid #fec25a00; border-bottom: 27px solid #fec25a00; border-left: 27px solid #fec25a; } .process_content h3 { background: #4285f4; color: #fff; border-radius: 19px 0px 0px 0px; padding: 14px; } .process_graphic_service { display: flex; align-items: center; margin-bottom: 43px; } .process_content-even { border: 3px solid #fec25a; border-radius: 0px 23px 23px 0px; } .process_content-even h3{ background: #fec25a; color: #fff; border-radius: 0px 19px 0px 0px; padding: 14px; } .process_content-even p{ padding: 20px 14px; margin: 0; } .process_content h3{ text-align: right; } .process_content p { text-align: right; padding: 20px 14px; margin: 0; } .process_icon{ margin-left: 56px; } .process_icon span { font-size: 68px; color: #fff; background: #ffffff; width: 126px; height: 122px; text-align: center; display: inline-block; align-items: center; justify-content: center; line-height: 113px; border-radius: 100px; box-shadow: 0px 0px 5px 3px #eee; } .process_graphic_service.process_graphic_service-odd .process_icon span { box-shadow: 0px 0px 0px 8px #4285f4; } .process_graphic_service.process_graphic_service-even .process_icon span { box-shadow: 0px 0px 0px 8px #fec25a; } .process_icon span img { filter: brightness(0); } .process_content-even h3{ text-align: left; } .process_content-even p{ text-align: left; } .process_content-even h3{ text-align: left; } .graphic_process_even{ margin-right: 56px; margin-left: 0; } .process_content h3 { font-weight: 600; font-size: 21px; } .process_content-even h3{ font-weight: 600; font-size: 21px; } .process_graph-sec .process_graph-row{ display: flex; justify-content: center; } .process_graph_head h2{ padding-bottom: 10px; font-weight: 700; } .process_graph_head{ padding-bottom: 30px; } /*animate*/ .kode_pillars_wrap{ float: KODE PILLARS WRAP START =left; width:100%; } .kode_pillars_wrap .nav-tabs{ border-bottom:none; } .kode_pillars_wrap{ background-image:url("images/piller.png"); background-position:center; background-repeat:no-repeat; background-size:cover; padding:80px 0px 0px 0px; } .kode_pillars_wrap.them_overlay:before { background-color: #666666; opacity: 0.80; } .kode_pillars_row{ width:950px; text-align:center; position:relative; margin:auto; } .kode_pillars_text{ background-color: #ffffff; border-radius: 380px 390px 0 0; display: inline-block; margin: auto; padding: 22px 66px 24px; text-align: center; width: 445px; position:relative; z-index:999; } .kode_pillars_text:before{ border: 1px dotted #fff; bottom: 0; content: ""; left: -193px; position: absolute; right: -195px; top: -162px; border-radius: 380px 390px 0 0; border-bottom:none; z-index:-1; } .kode_pillars_text span{ font-size:40px; position:relative; margin-bottom:22px; display:inline-block; border-bottom:2px solid #a7a7a7; padding-bottom:8px; } .kode_pillars_text h4{ margin-bottom:13px; } .kode_pillars_text p{ margin-bottom:0px; } .kode_pillars_item{ margin-bottom:85px; } .kode_pillars_item li{ display:inline-block; } .kode_pillars_item li a{ height:126px; width:126px; text-align:center; border-radius:100%; background-color:#fff; display:inline-block; padding:28px 0; } .kode_pillars_item li a:before { border: 1px dotted #ffffff; border-radius: 100%; bottom: -7px; content: ""; left: -7px; position: absolute; right: -7px; top: -7px; } .kode_pillars_item li a span{ font-size:30px; display:inline-block; margin-bottom:10px; } .center { position: relative; z-index:9999; } .center:after{ border-right: 1px solid #ffffff; bottom: -85px; content: ""; left: -70px; position: absolute; right: 60px; top: 126px; } .right_bottom, .left_bottom { bottom: 50px; left: 0; position: absolute; z-index:9999; } .right_center, .left_center { bottom: 232px; left: 154px; position: absolute; z-index:9999; } .right_bottom{ left:auto; right:0px; } .right_center{ right: 160px; left:auto; } .right_bottom:after, .left_bottom:after { border-right: 1px solid #ffffff; bottom: -22px; content: ""; left: auto; position: absolute; right: -82px; top: 0; transform: rotate(-66deg) translate(-52px); } .right_bottom:after{ border-left: 1px solid #ffffff; border-right:none; right:auto; left:-82px; transform: rotate(66deg) translate(52px); } .right_center:after, .left_center:after{ border-right: 1px solid #fff; bottom:-20px; content: ""; left: auto; position: absolute; right: -58px; top: 38px; transform: rotate(-54deg) translate(-61px); } .right_center:after{ border-left: 1px solid #fff; border-right:none; right:auto; left:-58px; transform: rotate(54deg) translate(61px); } /* ======================================= KODE PILLARS WRAP END ======================================= */ /* ======================================= KODE SERVICES WRAP START ======================================= */ /**/ ======================================= */ .kode_pillars_item, .kode_pillars_wrap{ float:left; width:100%; } .kode_pillars_wrap .nav-tabs{ border-bottom:none; } .kode_pillars_wrap { background-image: url("https://html.themexriver.com/prysm/assets/img/bg/ser-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 58px 0px 0px 0px; background-color: #f6f6f6; margin: 40px 0px 0px 0px; } .kode_pillars_wrap.them_overlay:before { background-color: #666666; opacity: 0.80; } .kode_pillars_row{ width:950px; text-align:center; position:relative; margin:auto; } .kode_pillars_text { background-color: #ffffff; border-radius: 387px 390px 0 0; display: inline-block; margin: auto; padding: 22px 66px 24px; text-align: center; width: 530px; position: relative; z-index: 999; height: 246px; } .kode_pillars_text:before { border: 12px solid #00448b; bottom: 0; content: ""; left: -145px; position: absolute; right: -127px; top: -125px; border-radius: 380px 390px 0 0; border-bottom: none; z-index: -1; background-color: #f7f7f7; /* z-index: -13; */ } .kode_pillars_text span{ font-size:40px; position:relative; margin-bottom:22px; display:inline-block; border-bottom:2px solid #a7a7a7; padding-bottom:8px; } .kode_pillars_text h4 { margin-bottom: 13px; font-weight: 600; font-size: 26px; } .kode_pillars_text p{ margin-bottom:0px; } .kode_pillars_item{ margin-bottom:85px; } .kode_pillars_item li{ display:inline-block; } .kode_pillars_item li a { height: 100px; width: 100px; text-align: center; border-radius: 100%; background-color: #00448b!important; display: inline-block; padding: 28px 0; /* box-shadow: 0px 0px 3px 2px #eee; */ } ul.nav.nav-tabs.kode_pillars_item.all_circle li a span img { filter: brightness(0)invert(1); } .kode_pillars_item li a:before { border: 1px dotted #ffffff; border-radius: 100%; bottom: -7px; content: ""; left: -7px; position: absolute; right: -7px; top: -7px; } .kode_pillars_item li a span { font-size: 30px; display: inline-block; margin-top: 11px; } .nav-tabs.all_circle>li.active>a, .nav-tabs.all_circle>li.active>a:focus, .nav-tabs.all_circle>li.active>a:hover span ..experience-img{ filter: brightness(0)invert(1); } .center { position: relative; z-index:9999; } .center:after{ border-right: 1px solid #ffffff; bottom: -85px; content: ""; left: -70px; position: absolute; right: 60px; top: 126px; } ul.nav.nav-tabs.kode_pillars_item.all_circle li.active img { filter: brightness(0)invert(1); } .right_bottom, .left_bottom { bottom: 50px; left: 0; position: absolute; z-index:9999; } .right_center, .left_center { bottom: 232px; left: 154px; position: absolute; z-index:9999; } .right_bottom{ left:auto; right:0px; } .right_center{ right: 160px; left:auto; } .right_bottom:after, .left_bottom:after { border-right: 1px solid #ffffff; bottom: -22px; content: ""; left: auto; position: absolute; right: -82px; top: 0; transform: rotate(-66deg) translate(-52px); } .right_bottom:after{ border-left: 1px solid #ffffff; border-right:none; right:auto; left:-82px; transform: rotate(66deg) translate(52px); } .right_center:after, .left_center:after{ border-right: 1px solid #fff; bottom:-20px; content: ""; left: auto; position: absolute; right: -58px; top: 38px; transform: rotate(-54deg) translate(-61px); } .right_center:after{ border-left: 1px solid #fff; border-right:none; right:auto; left:-58px; transform: rotate(54deg) translate(61px); } .tab_context{ background: none!important; line-height: 25px!important;; border: initial!important;; border-top: initial!important;; border-bottom: initial!important; padding: 0!important; } .circle1{ position: relative; left: 41px; top: 257px; z-index: 99999; } .circle2{ position: relative; left: 34px; top: 111px; z-index: 99999; } .circle3{ position: relative; left: 99px; top: 20px; z-index: 99999; } .circle4{ position: relative; left: 224px; top: 20px; z-index: 99999; } .circle5{ position: relative; left: 289px; top: 113px; z-index: 99999; } .circle6{ position: relative; left: 279px; top: 259px; z-index: 99999; } .why-choose-service{ text-align: center; } .why-choose-service h2{ font-weight: 600; } .why-choose-service p{ text-align: center; } .all_circle.kode_pillars_item li a:before{ display: none; } .all_circle.kode_pillars_item li a span i { font-size: 51px; line-height: 76px; } .nav-tabs.all_circle>li.active>a, .nav-tabs.all_circle>li.active>a:focus, .nav-tabs.all_circle>li.active>a:hover { color: #fff; cursor: default; background-color: #0882ff!important; border: 1px solid #ddd; border-bottom-color: transparent; } .tab_context .kode_pillars_text span i{ color: #0882ff; } .icon_head_company { padding-bottom: 13px; } .graphic_our_service .row .col-lg-4 { padding-bottom: 20px; } .icon_head_company h3 { font-weight: 500; font-size: 22px; } .icon_head_company span a { background-color: #0c81ff; position: absolute; top: -40px; left: 31px; /* z-index: 999999999999999; */ border: 2px solid #ffffff; /* color: #fff; */ } .graphic_our_service .col-lg-12 p { color: #fff; margin: 0; padding-top: 33px; } section.process_graph-sec .row { display: flex; flex-wrap: wrap; justify-content: center; } section.process_graph-sec .row .col-lg-6 { display: flex; } /*second-design-process-section*/ .process_graphic_service-odd .process_content h3{ } /**/ .designing_company { /* border: 2px solid #fff; */ border-radius: 13px; padding: 55px 28px 20px; position: relative; background-color: #fff; border: 2px solid #004688; margin-bottom: 37px; } .icon_head_company span a i{ color: #fff; } .expectation-one__inner.graphic_our_service .row { display: flex; flex-wrap: wrap; } .expectation-one__inner.graphic_our_service .row .col-lg-4{ display: flex; } .designing_company:hover span .icon-cell { transform: rotate(360deg); transition: 0.3s ease-in-out; } /* ======================================= KODE PILLARS WRAP END ======================================= */ .benifits_sec_section{ margin: 60px 0px; } .beni_hire{ position: relative; } .beni_hire:after{ content: ''; position: absolute; background: #000; top: 0; left: 0; border-top: 10px; border-left: 10px; } .benefits_first { padding: 20px; box-shadow: 0px 0px 4px 2px #eee; border-radius: 10px; } .benefits_first img { border-radius: 7px; } .broding img{ width: 100%; height: 321px; } .broding_context{ padding-top: 20px; } .broding_context h3 { font-weight: 500; font-size: 22px; } .bene_marketing { display: flex; padding: 20px; box-shadow: 0px 0px 2px 2px #eee; border-radius: 10px; } .bene_marketing img { width: 213px; border-radius: 6px; } .bene_marketing { display: flex; box-shadow: 0px 0px 2px 3px #eee; padding: 21px; border-radius: 10px; } /*graphic page end*/