.mobile-header{display: none;}
.header::after { content: ''; width: 100%; height: 2px; display: block; background: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%); margin-top: 30px; }
.header{position: sticky;top: 0;z-index: 11;; background-color: #F2FAFF;padding-top: 30px}

.header .right-side{text-align: end;}
.header .header-menu{text-align: right;}
.header ul{display: inline-flex;list-style: none;margin: 0;padding: 0;}
.header .header-menu ul li a{font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; vertical-align: middle; text-transform: capitalize; text-decoration: none; color: #333333; margin: 0 22px;}
/* .header .header-menu ul li a:hover, .header .header-menu ul li a.active{color: #117E9A;font-weight: 700;} */
.header-btn-section{text-align: right !important;justify-content: end !important;}
.header-btn-section .second-btn{margin-left: 30px;}
.header-btn-section .common-btn{display: inline-block;}


 /* .header-menu #menu-header-menu li:hover>a, .header .header-menu #menu-header-menu li:hover>a.active{color: #117E9A; font-weight: 700;} */
.header .header-menu li.current-menu-item a, .header .header-menu li.current-menu-ancestor > a{color: #117E9A; font-weight: 700;}

.header .header-menu #menu-header-menu ul, .header .custom-menu-class #menu-header-menu ul ul {background-color: #fff; border-radius: 0 0 0 0; margin: 0 0 0 0px !important; padding: 20px 0 !important;box-shadow: -4px 4px 15px 0px #0000001A;}
.header .header-menu #menu-header-menu li:hover>ul {display: block;}
.header .header-menu #menu-header-menu li:hover>ul { cursor: pointer; }
.header .header-menu #menu-header-menu ul { display: none; position: absolute; width: 300px; text-align: left; margin-left: -30px; margin-top: 20px; z-index: 999;top: 80px;}

.header .header-menu ul li{position: relative;}
.header .header-menu li::after { content: ''; width: 100%; height: 60px; display: block; background-color: transparent; position: absolute; }
.header .header-menu #menu-header-menu li .sub-menu li::after{height:0px}

.header .header-menu #menu-header-menu ul li{display: block; padding: 0 0px; margin-bottom: 0;}
.header .header-menu #menu-header-menu ul li:last-child{margin-bottom: 0;}
.header .header-menu #menu-header-menu ul li a{padding: 0px 5px 0px 0 !important; display: inline-block;color: #211F24;}
.header .header-menu #menu-header-menu li:hover>a {color: #117E9A;font-weight: 700;}
.header .header-menu #menu-header-menu li .sub-menu li a { font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 500; line-height: 28px; text-align: left; color: #333333; padding-left: 30px !important; padding-top: 10px !important; padding-bottom: 10px !important;margin:0;width:100% }
.header .header-menu #menu-header-menu ul li:hover > a{font-weight: 600 !important;color: #117E9A; background: linear-gradient(90deg, rgb(19 112 136 / 15%) 0%, rgba(255, 255, 255, 0.3) 100%) !important;}
.header .header-menu #menu-header-menu ul.sub-menu li a[href="#"] {pointer-events: none;}
.header .header-menu #menu-header-menu .sub-menu .menu-item-has-children:hover .sub-menu { opacity: 1; top:0px; left: 300px; min-width: 380px; display: block !important; overflow: hidden; z-index: 0; box-shadow: none; border-left: 2px solid #146c83; }
.header .header-menu #menu-header-menu ul.sub-menu li{position:unset}




.footer{background-color: #F2FAFF;padding: 100px 0;background-image: url(/wp-content/uploads/2025/08/banner-bg-vector-top.webp); background-repeat: no-repeat; background-position: bottom left;}
.footer p{font-size: 16px;line-height: 24px;margin-top: 20px;}
.footer h3{font-size: 26px;line-height: normal;color: #000000;font-weight: 600;margin-bottom: 0;position: relative;}
.footer h3::after{content: ""; display: block; width: 40px; height: 2px; background-color: #117e9a; margin: 12px 0 14px;}
.footer ul li a{font-size: 18px;line-height: 40px;font-weight: 400;color: #333333;display: inline-block;}
.footer .social-meadia-logo{display: inline-flex;align-items: center;justify-content: flex-start;gap: 15px;margin-top: 30px;}
.footer .contact-us ul li a{line-height: 28px;margin-bottom: 20px;background-repeat: no-repeat;
    background-position: 0px 5px;padding-left: 25px;margin-top: 20px;}
.footer .adress{background-image:url(/wp-content/uploads/2025/08/adress-icon.webp) ;background-repeat: no-repeat;background-position: 0px 5px;padding-left: 25px;padding-left: 0;margin-top: 0;}
.footer .adress a{margin-top: 0 !important;}
/* .footer .adress a:hover b{  font-size: 18px; line-height: 40px; color: #333333; } */
.footer .call a{background-image:url(/wp-content/uploads/2025/08/call-icon.webp) ;}
.footer .email a{background-image:url(/wp-content/uploads/2025/08/mail-icon.webp) ;}

.footer .quick-links{width: 27%;padding-left: 90px;padding-right: 0;}
.footer .services-link{width: 27%;padding-left: 50px;padding-right: 0;}
.footer .industries-link{width: 20%;padding-left: 70px;padding-right: 0;}
.footer .contact-us{width: 20%;padding-left: 60px;padding-right: 0;}

.footer ul li a:hover{font-weight: 700;color: #117E9A;}
.footer ul li.adress a:hover{font-weight: normal; color: unset;}
.copyright{padding: 10px;text-align: center;background-color: #117E9A;}
.copyright p{font-weight: 400; font-style: Regular; font-size: 14px;line-height: 22px; text-align: center;color: #fff;}
.copyright .right-side a { font-size: 18px; line-height: 30px; font-weight: 400; color: #fff !important; }


/* ==================  pop up form css  ======================= */
.start-for-free-quote{background-color:#33333378}
.start-for-free-quote .popup-form-content input::placeholder, .start-for-free-quote .popup-form-content textarea::placeholder{ color: #33333380;}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{ color: #333333; font-weight: 500;font-size: 14px; line-height: 20px; padding: 15px 18px; background-color: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 4px;width:100%;margin-top:7px}
.start-for-free-quote .popup-form-content{padding: 0px 30px 50px;}
.start-for-free-quote .popup-form-content label{ color: #fff;font-size:18px;line-height:28px;font-weight:600;width:100%;margin-bottom:20px}
.start-for-free-quote .modal-header{border:none;     padding: 40px 30px 0 0;display: block; text-align: end;}
.start-for-free-quote .modal-content{background: radial-gradient(50% 50% at 50% 50%, #117E9A 0%, #14435F 100%);border: 2px solid #ffffff8c; border-radius: 15px;}
.start-for-free-quote h2{color: #fff; font-size: 40px; line-height: 50px; margin-bottom: 40px; text-align: center; font-weight: 600;}
.start-for-free-quote .popup-form-header .btn-close{background-image:url(/wp-content/uploads/2025/09/close-icon.svg);background-repeat:no-repeat;background-size: 30px; opacity: 1;}
.start-for-free-quote input.common-btn{border: 4px solid #FFFFFF80; background: #fff; border-radius: 30px; font-size: 20px; font-weight: 600; color: #136e85; margin-top: 20px;}
.start-for-free-quote input.common-btn:hover{color:#fff !important}
.start-for-free-quote p{margin:0}
.start-for-free-quote .popup-form-content input:focus-visible, .start-for-free-quote .popup-form-content textarea:focus-visible{outline:none}
.start-for-free-quote .popup-form-header .btn-close:focus{box-shadow:none}

.start-for-free-quote form .wpcf7-response-output{background: #ffb900; text-align: center; font-size: 16px; font-weight: 600;}




.footer .footer-logo-sec .dmca-img-sec{margin-top: 20px;}

@media (min-width: 1401px) and (max-width: 1800px) {

.header .header-menu ul li a{font-size: 20px;margin: 0 20px;}
.header-btn-section .second-btn{margin-left: 25px;}

.header .header-menu{width: 50%;}
.header .header-btn-section{width: 33%;}


.header .header-menu #menu-header-menu ul{top: 75px;}

.footer .footer-logo-sec .logo img{max-width: 200px;}
.footer h3{font-size: 22px;}
.footer ul li a{font-size: 16px;line-height: 38px;}

.footer .quick-links{width: 26%;padding-left: 80px;}
/* .footer .services-link{width:28%;padding-left: 50px} */
.footer .industries-link{padding-left: 40px}
/* .footer .contact-us{padding-left: 30px} */
.footer ul li a:hover{font-weight: 600;}

.footer .contact-us{padding-left:0 !important}
.footer .services-link{padding-left:30px !important}


.start-for-free-quote h2{font-size:38px;line-height:46px;margin-bottom:40px}
.start-for-free-quote .popup-form-header .btn-close{background-size:26px}
.start-for-free-quote .popup-form-content label{font-size:16px;line-height:26px}
.start-for-free-quote .popup-form-content label{font-size:17px}
.start-for-free-quote .modal-header{padding:30px 30px 0 0}


}



@media (min-width: 1200px) and (max-width: 1399.98px) {
 .header .header-menu ul li a{font-size: 18px;margin: 0 17px;}
.header-btn-section .second-btn{margin-left: 20px;}
.header-btn-section .common-btn{font-size: 12px;padding: 13px 28px;line-height: 18px;}





.header .header-menu #menu-header-menu ul{top:70px}
.header .header-menu #menu-header-menu li .sub-menu li a{font-size:16px;line-height:26px;padding-left:25px}


.footer{background-size: 180px;}
.footer p{font-size: 14px}
.footer .logo img{max-width: 200px;}
.footer .social-meadia-logo{gap: 12px;}
.footer h3{font-size: 20px;}
.footer ul li a{font-size: 15px;line-height: 34px;}
.footer ul li a:hover{font-weight: 600;}
.footer .adress{font-size: 14px;}

.footer .footer-logo-sec{width: 25%;}
.footer .quick-links{padding-left:40px;padding-right: 0;width: 20%;}
.footer .services-link{width: 28%;padding-left: 35px;} 
.footer .industries-link{width: 20%;padding-left: 20px;}
.footer .contact-us{padding-left: 20px;width: 25%;}

.copyright p{text-align: left;}
.copyright .right-side a{font-size: 16px;text-align: right;}


.start-for-free-quote h2{font-size:35px;line-height:45px;margin-bottom:30px}
.start-for-free-quote .modal-header{padding:25px 30px 0 0;}
.start-for-free-quote .popup-form-content label{font-size:15px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px;padding:4px}
.start-for-free-quote input.common-btn{border:2px solid #FFFFFF80;font-size:16px;padding:12px 25px}







}


@media (min-width: 992px) and (max-width: 1199.98px) {

.header .header-menu ul li a{font-size: 18px;margin: 0 9px;}
.header-btn-section .second-btn{margin-left: 10px;}
.header-btn-section .common-btn{font-size: 12px;padding: 13px 28px;line-height: 18px;}

.header .header-menu #menu-header-menu ul{top: 70px;}

.header .header-menu #menu-header-menu li .sub-menu li a{font-size: 14px;padding-left: 20px !important;padding-top: 8px;padding-bottom: 8px;}
.header .header-menu #menu-header-menu ul{width: 260px;}
.header .header-menu #menu-header-menu .sub-menu .menu-item-has-children:hover .sub-menu{left: 260px;}
.header .header-menu li::after{height: 39px;}

.footer{background-size: 180px;}
.footer p{font-size: 14px}
.footer .logo img{width: 200px;}
.footer .social-meadia-logo{gap: 12px;}
.footer h3{font-size: 20px;}
.footer ul li a{font-size: 17px;line-height: 32px;}
.footer .row{justify-content: space-between;gap: 50px 0;}
/* .footer .footer-logo-sec{order: 1;width: 100%;max-width: 50%;padding-right: 50px;float: left;} 
.footer .quick-links{order: 3;width: 100%;max-width: 26%;;padding-left: 12px;} 
.footer .services-link {max-width: 36%;order: 4;width: 100%;;padding-left: 0;} 
.footer .contact-us{order: 2;width: 100%;max-width: 50%;margin-top: 0;float: right;} 
.footer .industries-link{order: 5;width: 100%;max-width: 36%;;padding-left: 0;} */
.footer .footer-logo-sec{width: 100%;}
.footer .quick-links{width: 20%;padding-left: 12px;}
.footer .services-link {width: 30%;padding-left: 30px;}
.footer .contact-us{width: 33%;margin-top: 0;padding-left: 30px;}


.copyright p{text-align: left;}
.copyright .right-side a{font-size: 16px;text-align: right;}



.start-for-free-quote h2{font-size:35px;line-height:45px;margin-bottom:30px}
.start-for-free-quote .modal-header{padding:25px 30px 0 0;}
.start-for-free-quote .popup-form-content label{font-size:15px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px;padding:4px}
.start-for-free-quote input.common-btn{border:2px solid #FFFFFF80;font-size:16px;padding:12px 25px}














}



@media (min-width: 768px) and (max-width: 991.98px) {

.header .desktop-header { display: none; } 
.header { position: sticky; padding-top: 30px;top: -1px;} 
.header .header-menu ul li a{font-size: 22px;line-height: 30px;margin: 0;}
.header::after{margin-top: 20px;}
.header .mobile-header { display: block; } 
.header .mobile-header .mobile-col { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .menu-toggle { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .navbar-toggler { margin-left: 15px; }


.header-menu.mobile-header-menu .mobile-navigation-menu{padding-top: 20px;padding-bottom: 50px;}
.header-menu.mobile-header-menu .mobile-col{padding: 30px 20px;background-color: #f2faff;border-bottom: 1px solid;border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%);border-image-slice: 15;}
.header-menu.mobile-header-menu{padding-left: 0 !important; position: fixed !important; left: 0; top: 0; bottom: 0; background-color: #f2faff; transform: translateX(-101%); transition: all .5s ease; width: 100%; z-index: 99; overflow-x: hidden; padding-right: 0; display: flex ; flex-direction: column;}
.header-menu.mobile-header-menu.show { transition: all .5s ease; transform: translateX(0); top: 0; }
.header-menu.mobile-header-menu ul{display: block;}
.header ul li span, .header ul li a{display: flex ; width: 100%; padding: 15px 20px !important; justify-content: space-between; align-items: center;}
.header .header-btn-section{text-align: center !important;width: 90%;margin:auto auto 50px;}
.header .header-btn-section .common-btn{padding: 12px 20px;width: 100%;font-size: 14px;}
.header-btn-section .second-btn{margin-left: 0;margin-top: 20px;}
.header .header-menu li::after{display: none;}





.header .header-menu ul li {position: unset; padding: 0; display: block;}
.header .header-menu ul li a{display: block;font-size: 20px; line-height: 30px; margin: 0; text-align: left; padding: 10px 25px;font-weight:600}
	
.header .mobile-header-menu ul li ul.sub-menu {position: absolute !important; top: 0px !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: translateX(100%) !important; background-color: #f2faff !important; transition: 0.3s !important; visibility: hidden !important; transition: all .5s ease !important; overflow-y: scroll; overflow-x: hidden; z-index: 111;}
.header .menu-item.menu-item-has-children.active .sub-menu.active { transform: translateX(0) !important; visibility: visible !important; left: 0 !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a::after { content: ''; background-image: url(/wp-content/uploads/2025/08/mobile-side-arrow-icon.webp) !important; display: inline-block !important; width: 8px !important; height: 13px !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a { display: flex ; align-items: center; justify-content: space-between; }
	
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) { display: none; }
.header-menu.mobile-header-menu .nav-item.nav-back-item {padding: 20px 0; margin-bottom: 8px; border-bottom: 1px solid; position: sticky; background-color: #f2faff; top: 0; border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%); border-image-slice: 20;}	
.header-menu.mobile-header-menu .nav-item.nav-back-item a { display: flex ; align-items: center; font-size: 20px; line-height: 16px; font-weight: 700;justify-content: left; }
.header-menu.mobile-header-menu .nav-item.nav-back-item a::before { content: ''; background-image: url(/wp-content/uploads/2025/08/back.webp); width: 12px; height: 20px; display: inline-block; margin-right: 14px; }
.mobile-header .mobile-header-menu.show .mobile-col .menu-toggle { position: relative; z-index: 111111; }
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) {display: none;} 	


    





.footer{background-size: 150px;}
.footer .footer-logo-sec .logo img{max-width: 200px;height: auto;}
.footer p{font-size: 14px}
.footer .footer-logo-sec .social-meadia-logo img{width: 40px;height: auto;}
.footer .social-meadia-logo{gap: 12px;}
.footer h3{font-size: 22px;}
.footer ul li a{font-size: 16px;line-height: 35px;}
.footer .row{gap: 40px 0;}
/* .footer .footer-logo-sec{order: 1;width: 100%;max-width: 400px;padding-right: 50px;} 
.footer .quick-links{order: 3;width: 100%;max-width: 200px;padding-left: 12px;} 
.footer .services-link {max-width: 270px;order: 4;width: 100%;padding-left: 20px} 
.footer .contact-us{order: 2;width: 100%;max-width: 310px;margin-top: 0;} 
.footer .industries-link{order: 5;width: 100%;max-width: 250px;padding-left: 20px;} */


.footer .footer-logo-sec{width: 100%;}
.footer .quick-links{width: 23%;padding-left: 12px;}
.footer .services-link {width: 38%;padding-left: 20px;}
.footer .contact-us{width: 38%;padding-left: 0;}

.copyright .right-side a{font-size: 14px;text-align: right;}


.start-for-free-quote h2{font-size:30px;line-height:40px;margin-bottom:25px}
.start-for-free-quote .modal-header{padding:20px 25px 0 0;}
.start-for-free-quote .popup-form-content label{font-size:14px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px;padding:4px}
.start-for-free-quote input.common-btn{border:2px solid #FFFFFF80;font-size:16px;padding:12px 25px}

}




@media (max-width: 575.98px){

.header .desktop-header { display: none; } 
.header {padding-top: 20px;top: -1px;} 
.header::after{margin-top: 20px;}


.header .mobile-header { display: block;} 
.header .mobile-header .mobile-col { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .menu-toggle { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .navbar-toggler { margin-left: 15px; }
 
.header-menu.mobile-header-menu .mobile-navigation-menu{padding-top: 20px;padding-bottom: 50px;}
.header-menu.mobile-header-menu .mobile-col{padding: 20px 12px;background-color: #f2faff;border-bottom: 1px solid;border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%);border-image-slice: 20;}
.header-menu.mobile-header-menu{padding-left: 0 !important; position: fixed !important; left: 0; top: 0; bottom: 0; background-color: #f2faff; transform: translateX(-101%); transition: all .5s ease; width: 100%; z-index: 99; overflow-x: hidden; padding-right: 0; display: flex ; flex-direction: column;}
.header-menu.mobile-header-menu.show { transition: all .5s ease; transform: translateX(0); top: 0; }
.header-menu.mobile-header-menu ul{display: block;}
.header ul li span, .header ul li a{display: flex ; width: 100% ; padding: 15px 20px !important; justify-content: space-between; align-items: center;}
.header .header-btn-section{text-align: center !important;width: 90%;margin:auto auto 30px;}
.header .header-btn-section .common-btn{padding: 12px 20px;width: 100%;font-size: 14px;}
.header-btn-section .second-btn{margin-left: 0;margin-top: 20px;}



/* =================  mobile-navigation CSS */

.header .header-menu ul li {position: unset; padding: 0; display: block;}
.header .header-menu ul li a{display: block;font-size: 18px; line-height: 29px; margin: 0; text-align: left; padding: 10px 25px;}
	
.header .mobile-header-menu ul li ul.sub-menu {position: absolute !important; top: 0px !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: translateX(100%) !important; background-color: #f2faff !important; transition: 0.3s !important; visibility: hidden !important; transition: all .5s ease !important; overflow-y: scroll; overflow-x: hidden; z-index: 111;}
.header .menu-item.menu-item-has-children.active .sub-menu.active { transform: translateX(0) !important; visibility: visible !important; left: 0 !important; }
.header .header-menu li::after{display: none;}
.header-menu.mobile-header-menu ul li.menu-item-has-children > a::after { content: ''; background-image: url(/wp-content/uploads/2025/08/mobile-side-arrow-icon.webp) !important; display: inline-block !important; width: 8px !important; height: 13px !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a { display: flex ; align-items: center; justify-content: space-between; }
	
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) { display: none; }
.header-menu.mobile-header-menu .nav-item.nav-back-item {padding: 20px 0; margin-bottom: 8px; border-bottom: 1px solid; position: sticky; background-color: #f2faff; top: 0; border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%); border-image-slice: 20;}	
.header-menu.mobile-header-menu .nav-item.nav-back-item a { display: flex ; align-items: center; font-size: 20px; line-height: 16px; font-weight: 700;justify-content: left; }
.header-menu.mobile-header-menu .nav-item.nav-back-item a::before { content: ''; background-image: url(/wp-content/uploads/2025/08/back.webp); width: 12px; height: 20px; display: inline-block; margin-right: 14px; }
.mobile-header .mobile-header-menu.show .mobile-col .menu-toggle { position: relative; z-index: 111111; }
	
.header .header-menu li::after{display: none;}
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) {display: none;} 



.footer{background-size: 90px;}
.footer{padding: 50px 12px;}
.footer .footer-logo-sec .logo img{max-width: 180px;}
.footer p{font-size: 14px}
.footer .social-meadia-logo{gap: 12px;}
.footer .footer-logo-sec .social-meadia-logo img{width: 35px;height: auto;}
.footer h3{font-size: 20px;}
.footer h3::after{margin: 10px 0;}
.footer ul li a{font-size: 15px;line-height: 30px;}

.footer .contact-us ul li a{margin-bottom: 0;margin-top: 15px;background-size: 15px;background-position: 0 10px;padding-left: 22px;}
.footer .adress{font-size: 14px;background-size: 13px;padding-right: 150px;}

.footer .footer-logo-sec{width: 100%}
.footer .quick-links, .footer .services-link, .footer .contact-us, .footer .industries-link{margin-top: 40px;width: 100%;padding-left: 12px;}  

.copyright .right-side a{display: none !important;}


.start-for-free-quote h2{font-size:28px;line-height:38px;margin-bottom:20px}
.start-for-free-quote .modal-header{padding:30px 30px 0 0}
.start-for-free-quote .popup-form-content{padding:0 20px 40px}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px}
.start-for-free-quote .popup-form-content label{font-size:14px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}



}   




@media (max-width: 767.98px) and (orientation: landscape) {
.header .desktop-header { display: none; } 
.header {padding-top: 20px;top: -1px;} 
.header::after{margin-top: 20px;}
.header .header-menu ul li a{font-size: 20px;line-height: 30px;margin: 0;}

.header .mobile-header { display: block;} 
.header .mobile-header .mobile-col { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .menu-toggle { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .navbar-toggler { margin-left: 15px; }
 
.header-menu.mobile-header-menu .mobile-navigation-menu{padding-top: 20px;padding-bottom: 50px;}
.header-menu.mobile-header-menu .mobile-col{padding: 20px 12px;background-color: #f2faff;border-bottom: 1px solid;border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%);border-image-slice: 20;}
.header-menu.mobile-header-menu{padding-left: 0 !important; position: fixed !important; left: 0; top: 0; bottom: 0; background-color: #f2faff; transform: translateX(-101%); transition: all .5s ease; width: 100%; z-index: 99; overflow-x: hidden; padding-right: 0; display: flex ; flex-direction: column;}
.header-menu.mobile-header-menu.show { transition: all .5s ease; transform: translateX(0); top: 0; }
.header-menu.mobile-header-menu ul{display: block;}
.header ul li span, .header ul li a{display: flex ; width: 100%; padding: 15px 20px !important; justify-content: space-between; align-items: center;}
/* .header .header-btn-section{text-align: center !important;width: 90%; margin-left: auto; margin-right: auto; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0px); z-index: 1111; background-color: #fff; padding-bottom: 30px; text-align: center;} */
.header .header-btn-section{text-align: center !important;width: 90%;margin:auto auto 30px;}
.header .header-btn-section .common-btn{padding: 12px 20px;width: 100%;font-size: 14px;}
.header-btn-section .second-btn{margin-left: 0;margin-top: 20px;}


/* =================  mobile-navigation CSS */

.header .header-menu ul li {position: unset; padding: 0; display: block;}
.header .header-menu ul li a{display: block;font-size: 20px; line-height: 30px; margin: 0; text-align: left; padding: 10px 25px;}
	
.header .mobile-header-menu ul li ul.sub-menu {position: absolute !important; top: 0px !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: translateX(100%) !important; background-color: #f2faff !important; transition: 0.3s !important; visibility: hidden !important; transition: all .5s ease !important; overflow-y: scroll; overflow-x: hidden; z-index: 111;}
.header .menu-item.menu-item-has-children.active .sub-menu.active { transform: translateX(0) !important; visibility: visible !important; left: 0 !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a::after { content: ''; background-image: url(/wp-content/uploads/2025/08/mobile-side-arrow-icon.webp) !important; display: inline-block !important; width: 8px !important; height: 13px !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a { display: flex ; align-items: center; justify-content: space-between; }
	
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) { display: none; }
.header-menu.mobile-header-menu .nav-item.nav-back-item {padding: 20px 0; margin-bottom: 8px; border-bottom: 1px solid; position: sticky; background-color: #f2faff; top: 0; border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%); border-image-slice: 20;}	
.header-menu.mobile-header-menu .nav-item.nav-back-item a { display: flex ; align-items: center; font-size: 20px; line-height: 16px; font-weight: 700;justify-content: left; }
.header-menu.mobile-header-menu .nav-item.nav-back-item a::before { content: ''; background-image: url(/wp-content/uploads/2025/08/back.webp); width: 12px; height: 20px; display: inline-block; margin-right: 14px; }
.mobile-header .mobile-header-menu.show .mobile-col .menu-toggle { position: relative; z-index: 111111; }
.header .header-menu li::after{display: none;}
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) {display: none;} 



.footer{background-size: 90px;}
.footer{padding: 50px 12px;}
.footer .footer-logo-sec .logo img{max-width: 180px;}
.footer p{font-size: 14px}
.footer .social-meadia-logo{gap: 12px;}
.footer .footer-logo-sec .social-meadia-logo img{width: 35px;height: auto;}
.footer h3{font-size: 20px;}
.footer h3::after{margin: 10px 0;}
.footer ul li a{font-size: 15px;line-height: 30px;}

.footer .contact-us ul li a{margin-bottom: 0;margin-top: 15px;background-size: 15px;background-position: 0 10px;padding-left: 22px;}
.footer .adress{font-size: 14px;background-size: 13px;}

.footer .footer-logo-sec{width: 100%}
.footer .quick-links, .footer .services-link, .footer .contact-us, .footer .industries-link{margin-top: 40px;width: 100%;padding-left: 12px;}  

.copyright .right-side a{display: none !important}


.start-for-free-quote h2{font-size:28px;line-height:38px;margin-bottom:20px}
.start-for-free-quote .modal-header{padding:30px 30px 0 0}
.start-for-free-quote .popup-form-content{padding:0 20px 40px}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px}
.start-for-free-quote .popup-form-content label{font-size:14px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}


}








@media (min-width: 576px) and (max-width: 767.98px) {
.header .desktop-header { display: none; } 
.header {padding-top: 20px;top: -1px;} 
.header::after{margin-top: 20px;}
.header .header-menu ul li a{font-size: 20px;line-height: 30px;margin: 0;}

.header .mobile-header { display: block;} 
.header .mobile-header .mobile-col { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .menu-toggle { display: flex; align-items: center; justify-content: space-between; } 
.header .mobile-header .mobile-col .navbar-toggler { margin-left: 15px; }
 
.header-menu.mobile-header-menu .mobile-navigation-menu{padding-top: 20px;padding-bottom: 50px;}
.header-menu.mobile-header-menu .mobile-col{padding: 20px 12px;background-color: #f2faff;border-bottom: 1px solid;border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%);border-image-slice: 20;}
.header-menu.mobile-header-menu{padding-left: 0 !important; position: fixed !important; left: 0; top: 0; bottom: 0; background-color: #f2faff; transform: translateX(-101%); transition: all .5s ease; width: 100%; z-index: 99; overflow-x: hidden; padding-right: 0; display: flex ; flex-direction: column;}
.header-menu.mobile-header-menu.show { transition: all .5s ease; transform: translateX(0); top: 0; }
.header-menu.mobile-header-menu ul{display: block;}
.header ul li span, .header ul li a{display: flex ; width: 100%; padding: 15px 20px !important; justify-content: space-between; align-items: center;}
/* .header .header-btn-section{text-align: center !important;width: 90%; margin-left: auto; margin-right: auto; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0px); z-index: 1111; background-color: #fff; padding-bottom: 30px; text-align: center;} */
.header .header-btn-section{text-align: center !important;width: 90%;margin:auto auto 50px;}
.header .header-btn-section .common-btn{padding: 12px 20px;width: 100%;font-size: 14px;}
.header-btn-section .second-btn{margin-left: 0;margin-top: 20px;}



/* =================  mobile-navigation CSS */

.header .header-menu ul li {position: unset; padding: 0; display: block;}
.header .header-menu ul li a{display: block;font-size: 20px; line-height: 30px; margin: 0; text-align: left; padding: 10px 25px;}
	
.header .mobile-header-menu ul li ul.sub-menu {position: absolute !important; top: 0px !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: translateX(100%) !important; background-color: #f2faff !important; transition: 0.3s !important; visibility: hidden !important; transition: all .5s ease !important; overflow-y: scroll; overflow-x: hidden; z-index: 111;}
.header .menu-item.menu-item-has-children.active .sub-menu.active { transform: translateX(0) !important; visibility: visible !important; left: 0 !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a::after { content: ''; background-image: url(/wp-content/uploads/2025/08/mobile-side-arrow-icon.webp) !important; display: inline-block !important; width: 8px !important; height: 13px !important; }
.header-menu.mobile-header-menu ul li.menu-item-has-children > a { display: flex ; align-items: center; justify-content: space-between; }

.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) { display: none; }
.header-menu.mobile-header-menu .nav-item.nav-back-item {padding: 20px 0; margin-bottom: 8px; border-bottom: 1px solid; position: sticky; background-color: #f2faff; top: 0; border-image-source: linear-gradient(90deg, rgba(89, 179, 213, 0) 0%, rgba(89, 179, 213, 0.1) 10%, rgba(89, 179, 213, 0.5) 50%, rgba(89, 179, 213, 0.1) 90%, rgba(89, 179, 213, 0) 100%); border-image-slice: 20;}	
.header-menu.mobile-header-menu .nav-item.nav-back-item a { display: flex ; align-items: center; font-size: 20px; line-height: 16px; font-weight: 700;justify-content: left; }
.header-menu.mobile-header-menu .nav-item.nav-back-item a::before { content: ''; background-image: url(/wp-content/uploads/2025/08/back.webp); width: 12px; height: 20px; display: inline-block; margin-right: 14px; }
.mobile-header .mobile-header-menu.show .mobile-col .menu-toggle { position: relative; z-index: 111111; }
.header .header-menu li::after{display: none;}
.header-menu.mobile-header-menu .sub-menu .sub-menu .nav-item.nav-back-item:nth-of-type(2) {display: none;} 

.footer{background-size: 90px;}
.footer{padding: 50px 12px;}
.footer .footer-logo-sec .logo img{max-width: 180px;}
.footer p{font-size: 14px}
.footer .social-meadia-logo{gap: 12px;}
.footer .footer-logo-sec .social-meadia-logo img{width: 35px;height: auto;}
.footer h3{font-size: 20px;}
.footer h3::after{margin: 10px 0;}
.footer ul li a{font-size: 15px;line-height: 30px;}

.footer .contact-us ul li a{margin-bottom: 0;margin-top: 15px;background-size: 15px;background-position: 0 10px;padding-left: 22px;}
.footer .adress{font-size: 14px;background-size: 13px;}

.footer .footer-logo-sec{width: 100%}
.footer .quick-links, .footer .services-link, .footer .contact-us, .footer .industries-link{margin-top: 40px;width: 100%;padding-left: 12px;}  

.copyright .right-side a{display: none !important;}

.start-for-free-quote h2{font-size:28px;line-height:38px;margin-bottom:20px}
.start-for-free-quote .modal-header{padding:30px 30px 0 0}
.start-for-free-quote .popup-form-content{padding:0 20px 40px}
.start-for-free-quote .popup-form-header .btn-close{background-size:25px}
.start-for-free-quote .popup-form-content label{font-size:14px;margin-bottom:15px}
.start-for-free-quote .popup-form-content input, .start-for-free-quote .popup-form-content textarea{margin-top: 4px; padding: 12px 12px; font-size: 12px;}


}







@media (min-width: 320px) and (max-width: 420px) {
    .footer .adress{padding-right: 110px;font-size: 13px;background-size: 12px;}
    
}




@media (max-width:350px) {
 
 .header .mobile-col .header-logo{width: 150px;height: auto;}  
 .footer{background-size: 70px;}
}