:root{--title-color:#004373; --title-font-size:clamp(1.125rem, 0.3537rem + 2.1463vw, 2.5rem); --title-mb:clamp(0.5rem, -0.061rem + 1.561vw, 1.5rem); --subtitle-color:#444444; --subtitle-font-size:clamp(1.0625rem, 0.8872rem + 0.4878vw, 1.375rem); --subtitle-mb:clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem); --suptext-color:#FF8B00; --suptext-font-size:clamp(0.8125rem, 0.6021rem + 0.5854vw, 1.1875rem); --suptext-pt:clamp(0.625rem, 0.4848rem + 0.3902vw, 0.875rem); --suptext-ps:clamp(1.25rem, 0.8293rem + 1.1707vw, 2rem); --suptext-mxh:clamp(1.6875rem, 1.2668rem + 1.1707vw, 2.4375rem); --section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem); }
body{--bs-body-font-family: "Inter", sans-serif;font-optical-sizing:auto;overflow-x:hidden;top:0 !important; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}
html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar {width: 7px; cursor: pointer; }
html::-webkit-scrollbar:horizontal, .ltranslator .dropdown-menu::-webkit-scrollbar:horizontal, .offcanvas-body::-webkit-scrollbar:horizontal {height: 0px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb {background: #004373; border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background: #ff8b00; }
html ::selection {color: #ffffff; background: #004373; }
html .skiptranslate{display:none !important; }

.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center; height:100%;}
.ltranslator .dropdown-menu::-webkit-scrollbar {width: 5px; cursor: pointer; }
.card{border: none; border-radius: 0;}

.themenavbar .navbar-brand{margin-right: 0;max-width: 196px;}
.themenavbar .navbar-nav .nav-link{padding: 12px 14px;font-weight: 600;font-size: 16px;position: relative;text-transform: uppercase;border-right: solid 1px #BBBBBB;--bs-nav-link-color: #444444;--bs-nav-link-hover-color: #004373;--bs-navbar-active-color: #004373;}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none; content: "\f107"; font-family: 'FontAwesome'; vertical-align: baseline; }
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;top: 0;width: 0px;height: 100%;left: 0;right: 0;z-index: -1;margin: auto;background: #F2F3F5;}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding-top: 0;--bs-dropdown-spacer: 0;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu>li+li .dropdown-item{border-top: solid 1px #EFEFEF;}
.themenavbar .navbar-nav .dropdown-item {font-size: 15px;font-weight: 500;padding: 9px 24px;position: relative;--bs-dropdown-link-color: #444; --bs-dropdown-link-active-color: #444; --bs-dropdown-link-active-bg: #fff; --bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;color: #F36A10;left: 16px;top: 20px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #F36A10;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 9px 16px  9px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }
.themenavbar .navbar-toggler {border-color: #F36A10; border-radius: 0; }
.themenavbar .offcanvas-header{color: #004373;font-weight: 600;text-transform: uppercase;background: #F2F3F5;}

.themenavbar .navbar-toggler{width: 54px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border-radius: 5px;border: solid 1px #ff8b00;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 56%;height: 2px;background: #004373;border-radius: 4px;transition:.6s;}
.themenavbar .navbar-toggler::before{transform: translateY(-8px);width: 46%;transition-delay:0s}
.themenavbar .navbar-toggler::after{transform: translateY(8px);width: 36%;transition-delay:0s}
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 56%;height: 2px;transition-delay:.1s}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 56%;height: 2px;transition-delay:.1s}

#myCarousel{position:relative;z-index:1;overflow: hidden;border-radius: 0px 0px 48px 48px;}
#myCarousel .carousel-item {height: 100%;background-repeat: no-repeat;background-size: cover;background-position-x: 20%;min-height: 200px;}
#myCarousel .carousel-item h4{font-size: clamp(1.25rem, 0.8375rem + 2.0625vw, 3.3125rem);margin-bottom: 9px;color:#FFF;line-height: 135%;font-weight: 700;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#myCarousel .carousel-item p{font-size:18px;margin-bottom: 32px;color: #ffffff;font-weight: 400;line-height: 140%;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#myCarousel .carousel-item a{background:#FFFFFF;font-size:15px;color:#212844;padding: 12px 32px;border: none;}
#myCarousel .carousel-item h4{-webkit-animation-name:fadeInDown; animation-name:fadeInDown;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel h4, #myCarousel p, #myCarousel a{-webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#myCarousel .carousel-indicators{margin-left: 13.54vw;margin-right: auto;margin-bottom: 4vw;justify-content: start;flex-direction: column;}
#myCarousel .carousel-indicators>button{width: 8px;height: 8px;margin: 3px;border: none;border-radius: 8px; -webkit-transition:all 250ms linear; transition:all 250ms linear;}
#myCarousel .carousel-indicators>button.active{height: 24px; }


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:992px) { 
          .themenavbar .navbar-nav .nav-link{padding: 21px 16px;letter-spacing: 0.5px;}
          .themenavbar .navbar-nav li:hover .nav-link::before, .themenavbar .navbar-nav li .nav-link.active::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
          .themenavbar .navbar-nav .nav-item .dropdown-menu {display:block; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); }
          .themenavbar .navbar-nav .nav-item:hover .dropdown-menu {visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
          .contactus .themeform h3{font-size: calc(var(--title-font-size) - 8px);}
          .missionbox h3 {font-size: calc(var(--title-font-size) - 4px); margin-bottom: calc(var(--title-mb) - 9px); }
          .whyusdes .choosebox p{font-size: 17px; }
          .whyusdes,.prodtypes{margin-left: -16vw; }
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1374px;}  
          .slgap{padding-left: 34px; }
          .missionbox p{font-size: 21px; }
          .allproducts ul>li{grid-column: auto / span 3;}
     }

     @media only screen and (max-width:1199px) {
          .footertop .contlist p{white-space: normal;margin-bottom: 0;}
          .ourteam {margin-top: -64px; }
     }

     @media only screen and (max-width:991px) {	
          p,li,.locatbox p{font-size: 17px;}
          .themenavbar .rightnav .themebtn{margin: 12px; }
          .themenavbar .navbar-nav .nav-link {text-align: left;border-right: none;border-bottom: solid 1px #efefef;}
          .footertop .navlist {border-top: 1px solid rgb(255 255 255 / 35%); padding-top: 24px; }
          .locatbox {margin-bottom: 24px; height: calc(100% - 24px); }
          .locations .tab-content{padding-top: 0; }
          .ourteam .card{padding: 16px; }
          .whyuspic, .productpic{display: none; }
          .capabildes {margin-right: 0; padding-right: 0; }
          .capabilpic, .productpic{width: 100%;margin-left: 0;margin-right: 0;border-radius: 5px;max-height: 360px;}
          .subpage .products .card{padding: 32px 4px 24px; }
          .allproducts ul>li{grid-column: auto / span 6;}
     }

     @media only screen and (max-width:767px) {
          .topnavbar .rightnav .nav-link{padding: 13px; }
          .itpicwrap img {max-height: 500px;object-position: 50% 16%;}
          .itworkdes h3 br,.itworks:before, .industries::before{display: none; }
          .footermid .footernav a{letter-spacing: 0.4px; margin-right: 0px; }
          .ourteam .card h6{font-size: 14px;margin: 9px 0 -16px;padding: 7px 21px;}
          .missionbox{margin-top: 60px; text-align: center; border-radius: 12px; }
          .missionicon{margin-top: -60px;margin-left: auto;margin-right: auto;height: auto;padding: 8px;width: 120px;height: 120px;}
          .thememodal .themeform {margin: 0px; padding: 12px 18px 18px; }
          .carousel-indicators{margin-bottom: 1%; }
          .carousel-indicators [data-bs-target]{width: 18px; }
          .carousel-control-next-icon, .carousel-control-prev-icon{width: 40px; height: 40px; }
          .sub-banner .breadcrumb li, .sub-banner .breadcrumb li a{font-size: 15px; letter-spacing: normal; }
          .errordesc, .thanksdesc{text-align: center; }
     }

     @media only screen and (max-width:575px) {
          p,li,.locatbox p{font-size: 15px;}
          .topnavbar .navbar-brand {width: calc(100% - 124px);margin-right: 0;backface-visibility: hidden;}
          .topnavbar .rightnav>ul>li.social {display: none; }
          .themebtn {font-size: 14px;padding: 10px 18px;}
          .themebtn.outlinebtn {min-width: auto;padding: 8px 18px;}
          .themepic, .aboutus .themepic {max-width: 100%; }
          .themepic>img {aspect-ratio: auto; }
          .welright {flex-direction: column; }
          .pictext {gap: 16px;width: 100%;margin-left: 0;max-width: 100%;margin-top: -56px;padding: 0px 12px 8px;flex-direction: row;}
          .textbox{height: auto; }
          .textbox .counter {-webkit-transform: scale(0.8);transform: scale(0.8);}
          .products .card{padding: 7px 16px; }
          .productSwiper .swiper-slide+.swiper-slide::after{background: transparent; }
          .choosebox {padding: 24px 16px; }
          .footer.themebg {padding: 0px 8px; }
          .footertop .contlist h6, .footertop h6{margin-bottom: 8px; }
          .contactus .themeform{padding: 24px; }
          .infobox+.infobox {margin-top: 12px; }
          .choosebox h3, .locatbox h4, .prodtypesbox h3{font-size: 16px; }
          .choosebox h3>br{display: none; white-space: normal; }
          .missionbox {margin-top: 44px; }
          .missionicon{width: 86px;height: 86px;margin-top: -43px;padding: 5px;}
          .missionicon .iconbox{padding: 14px; }
          .allproducts ul>li{grid-column: auto / span 12;}
     }
     @media only screen and (max-width:479px) {
          .itpicwrap img {max-height: 380px; }
          .industries .card h5 {font-size: 16px; }
          .itworkicon {padding-left: 42px; }
          .itworkicon::before {width: 30px; height: 30px; background-size: 14px;}
     }
     @media only screen and (max-width:359px) {
          .themenavbar .offcanvas-header{font-size: 18px;}
          .textbox .counter {-webkit-transform: scale(0.76); transform: scale(0.76); }
          .industries .card h5 {font-size: 14px; }
     }

     @media (min-width:575px) and (max-width:767px) {
          
     }