:root{--title-color:#444444;--title-font-size: clamp(1.375rem, 0.918rem + 1.2695vw, 2.1875rem);--title-mb:clamp(0.5rem, 0.375rem + 0.5vw, 0.875rem);--section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem);--theme-bg-1:rgb(229, 229, 229, 0.76);--theme-color:#0C4CA3;--bs-border-color: #cdcdcd;--subtitle-font-size: clamp(1.25rem, 1.0391rem + 0.5859vw, 1.625rem);--vh: 1vh;}
body{--bs-body-font-family: "Manrope", sans-serif;font-optical-sizing:auto;overflow-x:hidden; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}
html{scroll-behavior: unset !important; }

.themenavbar .navbar-brand{margin-left: 38px;max-width: 273px;--bs-navbar-brand-padding-y: 24px;}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 600;font-size: 16px;position: relative;--bs-nav-link-color: #444444;--bs-nav-link-hover-color: #ed1b24;--bs-navbar-active-color: #ed1b24;}
.themenavbar .navbar-nav .dropdown-toggle::after{height: 7px;width: 7px;margin-left: 1px;vertical-align: 4px;border: 1px solid currentColor;border-width: 0px 1px 1px 0px;transform: rotate(45deg);}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 32px;width: 0px;height: 2px;left: 0;right: 0;margin: auto;background: #0C4CA3;}
.themenavbar .navbar-nav .dropdown-menu {top: 100%;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 12px;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: #0C4CA3;left: 16px;top: 20px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #0C4CA3;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 9px 0px 9px 24px; color:#ed1b24;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1;visibility: visible;transform: translateX(-8px);}
.themenavbar .navbar-nav .dropdown-toggle-split{top: 0;right: 0;padding: 18px 16px;position: absolute;border-radius: 0px;border: none;}
.themenavbar .navbar-nav .nav-item.dropdown:hover .nav-link{ color:#ed1b24; }


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

#themecarousel .carousel-item>img{min-height: 186px; object-fit: cover; }
#themecarousel .carousel-caption{left: 14.4%; bottom: 0; height: 100%; text-align: left; display: flex; flex-direction: column; justify-content: center;}
#themecarousel .carousel-item h5{color:#FFF;line-height: 95%;font-weight: 600;font-size: clamp(1.5rem, -1.1646rem + 7.4146vw, 6.25rem);}
#themecarousel .carousel-item h5{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#themecarousel .carousel-item p{line-height: 120%;color:#FFF;max-width: fit-content;padding-top: 10px;margin-top: 22px;padding-right: 36px;border-top: solid 1px #fff;font-size: clamp(1rem, 0.3689rem + 1.7561vw, 2.125rem);}
#themecarousel .carousel-item p{-webkit-animation-name:fadeInRight; animation-name:fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:768px) { 
          .panelwrap.container{max-width: 100%; padding: 0;}
     }

     @media only screen and (min-width:992px) { 
          .journey-join .sectionpic>img {aspect-ratio: 4 / 3; }
          .joinwithus{display: flex; flex-direction: column-reverse; }
          .cmanufacturing .accordion-button{font-size: 20px; }
          .thememap .ratio{position: absolute; max-height: 100%; }
          .contact2 .thememap{margin-top: calc(1.2 * var(--section-py));height: calc(100% - 1.2 * var(--section-py));}
          .contactinfo{margin-bottom: calc(-1.2 * var(--section-py));}
          .productdesc .themeaccordion .accordion-button, .productdesc .themeaccordion .accordion-body{padding-right: 24px; }
     }

     @media only screen and (min-width:1200px) { 
          .themenavbar .navbar-nav{max-width: 878px;width: 100%;margin: auto;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto;text-align: center;}
          .themenavbar .navbar-nav .nav-link{padding: 34px 1px;display: inline-block;}
          .themenavbar .navbar-nav li:hover .nav-link::before{width: 99%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12));display: inline-flex;justify-content: center;column-gap: 3px;}
          .themenavbar .navbar-nav .nav-item.dropdown.megamenu{filter: none;position: static;}
          .themenavbar .navbar-nav .nav-item .dropdown-menu {display: block;justify-self: anchor-center;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, .themenavbar .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
          .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu-dropdown {left: 0;right: 0;width: 100%;position: absolute;display: grid;column-gap: 32px;padding: 8px 30px 12px;grid-template-columns: 1fr 1fr 1fr;border-bottom: solid 1px #cdcdcd;border-bottom: solid 34px transparent; filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.12));}
          .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu-dropdown li:nth-child(2) .dropdown-item{border-top: none; }
          .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu-dropdown li:nth-child(3) .dropdown-item{border-top: none; }
          .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu-dropdown li:nth-child(4) .dropdown-item{border-top: none; }
          .themenavbar .navbar-nav .dropdown-toggle-split{top: 50%;right: 0;padding: 0px 0px 0px 0px;transform: translateY(-50%);position: relative;pointer-events: none;}
          .themenavbar .navbar-nav .nav-item:hover .dropdown-toggle-split::after{vertical-align: 0px;transform: rotate(225deg);}
          .gallery{grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); }
     }
     @media only screen and (min-width:1600px){
          .themenavbar .navbar-nav {margin-left: 13.35%; }
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1375px; } 
		 .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu-dropdown {grid-template-columns: 1fr 1fr 1fr 1fr;}
     }

     @media only screen and (max-width:1399px) {	
          .rightnav .themebtn{padding: 7px 9px 7px 11px;}
          .themenavbar .navbar-brand {margin-left: 24px; }
		  #themecarousel .carousel-caption img { max-width: 350px !important; }

     @media only screen and (max-width:1199px) {
          .themenavbar .navbar-nav .dropdown-toggle-split{right: 0px;padding: 9px 16px;}
          .themenavbar .navbar-nav .dropdown-toggle-split.show::after{transform: rotate(225deg);}
          .themenavbar .navbar-nav .nav-link{font-size: 18px; padding: 7px 12px; }
          .themenavbar .navbar-nav .dropdown-item{font-size: 16px; white-space: normal; }
		  .themenavbar .offcanvas {--bs-offcanvas-width: 432px; }
          .themenavbar .offcanvas-body{position: relative;z-index: 1;background: #fff;}
          .themenavbar .offcanvas-body::after{top: 41%;right: 1px;bottom: 1px;width: 100%;z-index: -1;content: "";opacity: 0.05;position: absolute;pointer-events: none;mix-blend-mode: luminosity;background: url(../images/section_icon.svg) no-repeat;}
          .counterbox h4{font-size: 50px; line-height: 34px; }
          .counterbox .counter{height: 38px; }
          .counterbox .countericon{max-width: 56px;}
          .counterbox .countericon>img{transform: scale(0.74);}
          .panelwrap .panel{width: 33.33333333vw; }
          .graph-five #accordion-section {padding: 32px 28px; margin-right: 5%; }
          .certifications .card h5 {font-size: 18px; }
          .certifications .row div:nth-child(even) .card{transform: translateY(0px); }
		  #themecarousel .carousel-caption img { max-width: 320px !important; }
     }

     @media only screen and (max-width:991px) {	
          .sectionleft{padding-right: 24px; }
          .sectionleft::before{width: 100vw; }
          .about .sectiondesc, .product .sectiondesc{padding-top: 24px;max-width: 100%;}
          .counterbox{justify-content: flex-start;column-gap: 8px;padding: 0;}
          .expertslider{display: none; }
          .integrated .title h4{font-size: calc(var(--title-font-size) - 25%); }
          .integrated .title h4 br+br{display: none; }
          .scroll-content .content{gap: 2rem; padding: 24px 0px; }
          .scroll-content .heading.active .integrated {padding: 12px 12px 14px 32px; }
          .industries .title h3 br{display: none; }
          .choosedesc {margin: 0px; }
          .whychoose::after{width: 100%; }
          .decadbox::before{width: 100%; bottom: -1px; border: solid 1px rgb(126 126 126 / 50%); }
          .footertop .contlist{margin: 0; padding: 2px 0px; border-left: 0; justify-content: flex-start; }
          .footertop p{max-width: 440px;}
          .slidernav {right: 5%;}
          .slidernav>button>span { width: 40px; height: 40px; }
          .panelwrap .panel{width: 50vw; }
          .subpage .sectionpic{width: 100%;max-height: 456px;border-radius: 0;margin-top: 0;}
          .aboutus .slidbaricon {top: 4%; max-width: 180px; }
          .aboutus .mvision{padding-top: 26px; }
          .title small{font-size: 100%; }
          .strengthbox .content h3{font-size: 19px; }
          .responsibility .sectionpic{margin-top: 0; }
          .apartitem h5 {font-size: 20px; }
          .themeaccordion .accordion-button{font-size: 19px; }
          .cprofile .table>tbody th {font-size: 16px; }
          .graph-five #accordion-section {padding: 28px 24px; margin-right: 0; }
          .graph-five .accordion-button{pointer-events: all; font-size: 20px; }
          .card-wrapper .carditem{min-height: auto; }
          .card-wrapper .carditem h5{font-size: 20px;  margin-bottom: 14px; }
          .contactinfo{margin-bottom: -24px; }
          .thememodal .modal-wrap{box-shadow: 0px 7px 32px rgb(0 0 0 / 10%); }
		  #themecarousel .carousel-caption img { max-width: 49% !important; }
     }

     @media only screen and (max-width:767px) {
          .sectionleft::before, .sectionleft::after{bottom: -24px; }
          .themebtn {font-size: 15px; padding: 11px 14px 10px; }
          .themebtn>img {width: 18px; height: 18px; padding: 4px; margin-left: 2px; }
          .decadbox {column-gap: 24px; padding: 18px 24px; }
          .decadbox::after {display: none; } 
          .footertop {padding: 32px 2px 35px; }
          .footerlogo {padding: 48px 2px 32px; }
          .footernav {padding: 12px 2px; }
          .copyrights {padding: 30px 2px 28px;}
          .testslider .slideitem {padding: 0 4px; }
          .capabilbox h5, .decadbox h4, .testbox h5{font-size: 21px; }
          .productbox h5, .servebox h5{font-size: 21px; }
          #themecarousel .carousel-item p{margin-top: 14px;}
          #themecarousel .carousel-item h5>br{display: none; }
          .panelwrap{display: block; width: 100%; height: auto; }
          .panelwrap .panel{width: 100%;margin-bottom: 24px;}
          .themeaccordion .accordion-button{font-size: 18px;padding: 18px 12px 18px 36px;}
          .themeaccordion .accordion-button::after{top: 20px; }
          .themeaccordion .accordion-body h5{margin-bottom: 12px;}
          .apartitem h5 {font-size: 19px; }
          .apartitem+.apartitem{margin-top: 21px; }
          .strength .row div:nth-child(even) .strengthbox{-webkit-transform: translateY(0px); transform: translateY(0px); }
          .strengthbox .content h3{font-size: 18px; }
          .product.border-bottom, .about.border-bottom{--section-py: 24px; }
          .graph-five .row.w-100{width: auto !important; }
          .graph-five .accordion-button{font-size: 18px; }
          .certifications .card h5 {font-size: 17px; }
          .card-wrapper .carditem h5{font-size: 18px; }
          .gallery-item .item_title{font-size: 18px; }
          .panelpic>h5{font-size: 26px;margin-bottom: -5px;}
          .capability{background: linear-gradient(0deg, rgba(229, 229, 229, 0.76) 90%, rgba(255, 255, 255, 1) 96%); }
		 #themecarousel .carousel-caption img {margin-top:0px !important;}
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 15px; }
          .headtop{padding-top: 7px;padding-bottom: 7px;}
          .headtop li a{--bs-nav-link-padding-y: 3px;}
          .themenavbar .navbar-brand {margin: 0;padding-left: 4px;width: calc(100% - 112px);}
          .rightnav .themebtn{margin-right: 0px;border-width: 1px;padding: 4px 4px 5px 7px;}
          .themenavbar .navbar-toggler {margin-right: -7px; }
          .counterbox .countericon{max-width: 48px; }
          .counterbox .counter{height: 30px; } 
          .counterbox h4{font-size: 40px;line-height: 27px;margin-bottom: 7px;}
          .counterbox p{font-size: 15px;line-height: 1.4;} 
          .slick-slider .slick-arrow, .slick-arrow {width: 30px; height: 30px; background-size: 8px; }
          .tagline{font-size: 14px; margin-bottom: 12px; padding-bottom: 5px; letter-spacing: 0.5px;}
          .tagline::after{height: 1px; }
          .integrated .title h4 {font-size: calc(var(--title-font-size) - 13%); }
          .integratslider .slideitem p {padding-top: 9px;padding-bottom: 16px;}
          .decadbox h4 {font-size: 18px; margin-bottom: 7px; }
          .decadbox {column-gap: 16px; padding: 12px 16px; }
          .decadbox .decadicon{max-width: 60px; }
          .decadbox .decadicon>img{transform: scale(0.7); }
          .partnerwb h3 {padding-bottom: 14px; margin-bottom: 16px; }
          .footertop .contlist{border-right: none;}
          .footertop .contlist ul{display: flex;flex-wrap: wrap;column-gap: 32px;}
          .footertop .contlist li {margin-bottom: 18px; }
          .footertop .navlist{margin-left: 2px; }
          .capabilbox h5{font-size: 18px; }
          .testbox h5{font-size: 18px;line-height: 1.25;margin: 9px 0;}
          .productbox h5, .servebox h5{font-size: 18px; }
          #themecarousel .carousel-caption {left: 16px; }
          .slidernav {right: 16px;  bottom: 7%; }
          .slidernav>.count{font-size: 21px; }
          .slidernav>button{display: none; }
          .cprofile .tablebox{padding: 8px; border-radius: 8px; border-width: 2px; }
          .cprofile .table>tbody tr>th{padding: 16px;font-size: 15px;}
          .cprofile .table>tbody tr>td{padding: 16px; font-size: 15px; }
          .apartitem h5{font-size: 18px;}
          .apartitem{padding-left: 32px; }
          .apartitem:before {top: -4px; font-size: 24px; }
          .apartitem::after {top: 36px; left: 11px; }
          .apartitem:first-child:after{top: 34px; left: 9px; }
          .themeaccordion .accordion-button {font-size: 18px;padding: 16px 12px 16px 34px;}
          .themeaccordion .accordion-button::after{top: 18px; }
          .themeaccordion .accordion-body h5{font-size: 16px;}
          .sub-banner .banner-inner{padding-top: 4%; }
          .mission, .vision, .strengthbox{padding: 24px; }
          .strengthbox .content h3{font-size: 18px;margin-bottom: 8px;}
          .strengthbox .icon{margin-bottom: 21px;}
          .together .togetherbox {padding: 32px 28px; }
          .responsibility .sectionpic, .qcontrol .sectionpic{margin-top: -23px; }
          .sidebarbtn.themebtn{left: 0;top: auto;bottom: -1px;font-size: 13px;display: block;transform: none;position: sticky;text-align: center;margin-right: 48px;padding: 10px 24px 7px;border-radius: 0px 24px 0px 0px;}
          .graph-five #accordion-section{padding: 24px 18px; }
          .card-wrapper .carditem{padding: 24px; }
          .contactbox{height: 100%; padding: 18px 4px; text-align: left; }
          .contactbox p{font-size: 17px;margin: 0;}
          .contactinfo{margin-bottom: -14px; }
          .contact2 .themeform{padding-left: 16px; padding-right: 16px; }
          .thememodal .themeform{padding: 24px 8px; }
          .product .inquirybtn{margin-top: 16px; padding-top: 21px; }
          .themelist>li ul>li::before{top: 8px; }
          .faqbox{border-radius: 8px; padding: 0px; border: solid 1px #cdcdcd; }
          .faqbox .themeaccordion {padding: 8px 14px;}
          #themecarousel .carousel-item p{margin-top: 8px;}
		  #themecarousel .carousel-caption img {margin-top:-4px !important;}
		 .servebox>img{aspect-ratio: 3 / 2; }
     }

     @media only screen and (max-width:424px) {
          #themecarousel .carousel-item p>br{display: none; }
     }

     

     @media (min-width:1200px) and (max-width:1399px) {
          .rightnav .themebtn>img{display: block !important;}
          .rightnav .themebtn>span{display: none  !important;}
     }