:root{--title-fs: clamp(1.5rem, 0.7353rem + 2.1242vw, 3.125rem);--title-mb: clamp(0.75rem, 0.4695rem + 0.7805vw, 1.25rem);--section-py: clamp(3rem, 1.7378rem + 3.5122vw, 5.25rem);--tc-info: #2450CF;--tc-primary: #0A1E57;--tc-secondary: #444444;--tc-light: #F0F0F0;--subtitle-fs: clamp(1.25rem, 1.0147rem + 0.6536vw, 1.75rem);--subtitle-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--columngap: clamp(0.25rem, -0.3971rem + 1.7974vw, 1.625rem);--herotitle-fs: clamp(1.75rem, 0.5147rem + 3.4314vw, 4.375rem);}
body{--bs-body-font-family: "Manrope", sans-serif;font-optical-sizing:auto;font-style:normal;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: 6px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #444444;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:var(--tc-primary); border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background:var(--tc-primary); }
html ::-moz-selection {color: #ffffff; background:var(--tc-primary); }
html ::selection {color: #ffffff; background:var(--tc-primary); }
html .skiptranslate{display:none !important; }

.themenavbar .navbar-brand{max-width: 200px;position: relative;padding-block: 31px;transition: padding .35s ease;margin-inline: clamp(20px, calc(12vw - 124px), 92px);}
.themenavbar .navbar-brand::after{top: 50%;width: 1px;height: 46px;content: "";position: absolute;transform: translateY(-50%);background: rgba(255, 255, 255, 0.31);right: calc(-0.6 * var(--section-py));}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 700;font-size: 21px;line-height: normal;position: relative;letter-spacing: 0.02em;text-transform: uppercase;--bs-nav-link-color: var(--tc-primary);--bs-navbar-active-color: var(--tc-primary);--bs-nav-link-hover-color: var(--tc-primary);}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 48px;width: 0px;height: 1px;left: 0px;right: 0;margin: auto;background: var(--tc-primary);}
.themenavbar .navbar-nav .dropdown-menu {border: none;--bs-dropdown-spacer: 0;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu li+li .dropdown-item{border-top: solid 1px #e1e1e1;}
.themenavbar .navbar-nav .dropdown-item{font-size: 16px;font-weight: 500;line-height: 24px;padding: 12px 8px;position: relative;white-space: normal;--bs-dropdown-link-color: var(--tc-secondary);--bs-dropdown-link-active-color: var(--tc-secondary);--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before{content: "";position: absolute;color: var(--tc-primary);left: 0;top: 22px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: var(--tc-primary);transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover{padding: 12px 0px 12px 16px;}
.themenavbar .navbar-nav .dropdown-item:hover:before{opacity: 1; visibility: visible; transform: translateX(0px); }
.themenavbar .navbar-nav .nav-link.dropdown-toggle{margin-right: 15px; }
.themenavbar .navbar-nav .dropdown-toggle::after{border: 0;width: 18px;height: 18px;margin-left: 0;position: absolute;display: inline-flex;align-self: anchor-center;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;}

.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: #393185;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-caption{bottom: 45%;text-align: left;max-width: 540px;left: var(--section-py);transform: translateY(50%);}
#themeCarousel .carousel-item p{font-weight: 600;margin-block: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
#themeCarousel .carousel-item h4{font-weight: 700;color: #0A1E57;line-height: 107%;font-size: var(--herotitle-fs);}
#themeCarousel .caption-label{font-size: 22px;font-weight: 500;color: #444444;line-height: 191%;letter-spacing: 0.02em;}
#themeCarousel .themebtn{font-size: 14px;font-weight: 600;padding-block: 14px 15px;}
#themeCarousel .carousel-indicators>button{width: 8px;height: 8px;border: none;margin-bottom: 3rem;border-radius: 8px;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#themeCarousel .carousel-indicators>button.active{width: 24px; }

@-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)}}
@-webkit-keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@-webkit-keyframes upDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes upDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:992px) {
          .themenavbar .navbar-nav {max-width: 571px;margin-inline: auto;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 48px 0px;display: inline-block;font-size: 17px;}
          .themenavbar .navbar-nav .nav-link:hover::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 {visibility: hidden; display: block !important; -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%);} 
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1374px;}
          .subpage .products .card h4{font-size: 26px; }
     }

     @media only screen and (max-width:1199px) {
          .themenavbar .navbar-brand{max-width: 148px;padding-block: 22px;margin-inline: 12px 24px;}
          .themenavbar .navbar-nav .nav-link{padding: 32px 0px;font-size: 16px;}
          .rightnav .themebtn{margin-inline: 4px 8px;padding: 10px 11px;}
          .counters{padding-top: calc(0.9 * var(--section-py));}
          .arrowbtn{padding: 14px; }
          .sub-banner{height: 218px;}
     }

     @media only screen and (max-width:991px) {	
          .themeheader{position: sticky}
          .themenavbar .offcanvas{border: none;max-width: 320px;height: fit-content;max-height: calc(100% - 16px);border-bottom-left-radius: 24px;}
          .themenavbar .offcanvas::after{top: 0;left: 0;width: 100%;height: 100%;z-index: -1;content: "";opacity: 7%;position: absolute;background: url(../images/footerbg.jpg) no-repeat;background-position: center right;background-size: cover;}
          .themenavbar .offcanvas-header{color: rgb(0 0 0 / 10%);padding-bottom: 0;text-transform: uppercase;}
          .themenavbar .navbar-nav .nav-link{font-size: 21px;padding: 11px 12px;}
          .themenavbar .navbar-nav .dropdown-item{font-size: 19px;padding: 9px 16px;}
          #themeCarousel .carousel-caption{bottom: 50%; width: calc(100% - 36%);} 
          .slider-custom-nav button{--swiper-navigation-size: 44px;}
          .slider-custom-nav button>svg{width: 18px;}
          .certified{padding: calc(0.5 * var(--section-py)); padding-top: calc(0.6 * var(--section-py));}
          .environmental .sectionpic>img{aspect-ratio: 5 / 4; }
          .footer .footerlogo p{max-width: 100%;margin-top: 18px;}

          .sub-banner{height: 120px;}
          .contact .themeform::after{width: 100vw;border-width: 8px;border-bottom: none;}
     } 

     @media only screen and (max-width:767px) {
          .themebtn{column-gap: 9px;padding: 9px 18px;}
          #themeCarousel .caption-label{font-size: 17px; margin-bottom: 2px; display: block;}
          #themeCarousel .carousel-item p{font-size: 15px; margin-block: 12px 16px;}
          #themeCarousel .themebtn{padding: 10px 18px 11px; }
          .products .slider-custom-nav{display: none; }
          .discuss p{font-size: 18px;}
          .footermid h4{font-size: 15px;margin-bottom: 10px;}
          .footermid .navlist li, .footermid .contlist p{font-size: 16px;max-width: 214px;}
          .values .card h4{font-size: 18px; line-height: 125%; margin-top: 21px; }
          .values .card{--bs-card-spacer-x: calc(0.5 * var(--section-py)); }
          .cert-title{font-size: 20px;}
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px;}
          .buttons{gap: 5px 4px;} 
          .arrowbtn{padding: 12px; }
          .title :is(h1, h2, h3){line-height: 1.2; }
          .title-label{font-size: 14px;padding: 6px 12px 6px 14px;}
          .themenavbar .navbar-brand{margin-left: 5px;width: calc(100% - 178px);}
          .rightnav .nav-link{margin-inline: 2px;padding: 10px 11px;}
          .rightnav .lucide{top: 0;width: 22px;height: auto;margin-right: 0;}
          #themeCarousel .carousel-item > img{min-height: 260px;object-fit: cover;object-position: 75% 50%;}
          #themeCarousel .carousel-caption{left: 16px; }
          #themeCarousel .caption-label{font-size: 11px;letter-spacing: normal;white-space: nowrap;}
          #themeCarousel .carousel-item h4{font-size: clamp(6px, 6vw, 28px);}
          #themeCarousel .themebtn{font-size: 13px; padding: 8px 9px 9px; }
          #themeCarousel .carousel-item p{margin-block: 9px 14px;}
          .counteritem{max-width: 364px;margin-inline: auto;}
          .counteritem h5{font-size: 15px;margin-block: 10px 8px;}
          .products h2 br{display: none; }
          .values .card{--bs-card-spacer-y: calc(0.5 * var(--section-py));  --bs-card-spacer-x: calc(0.5 * var(--section-py)); }
          .values .card h4{font-size: 18px; margin-block: 18px 9px; }
          .discuss p{font-size: 16px;}
          .footermid .contlist p{margin-top: 0;max-width: 360px;}
          .footer .footerlogo img{max-width: 150px; }

          .subpage .title-label{font-size: 13px; padding: 5px 12px; }
          .cert-img-wrapper img{aspect-ratio: 4 / 3;}
          .cert-card-body{margin: -4px 0px 0px;padding: 22px 18px 18px;}
          .cert-notice-box{margin-top: 28px; }
          .quick-card{column-gap: 0;padding-top: 24px;margin-top: 24px;}
          .quick-card-icon{width: 42px;height: 42px;margin-right: 12px;}
          .quick-card-icon svg{width: 20px; height: 20px;}
          .quick-card-label{font-size: 11px;margin-block: 1px 1px;letter-spacing: 0.07em;}
          .contact .themeform>form{padding-right: 8px; }
          .subpage .products .card h4 small{margin-bottom: 3px; font-size: 13px }
          .whatsapp_btn a.wht_btn{width: 46px; height: 46px; } 
          .whatsapp_btn{bottom: 4px; left: 4px; }
          .themeoffcanvas .themeform .form-floating>label{padding-top: 16px; padding-left: 18px;} 
          .themeoffcanvas .themeform .form-control, .themeoffcanvas .themeform .form-select{height: 58px;padding-left: 18px;} 
     }

     @media (min-width:992px) and (max-width:1199px) {
          .contlist.mailcall{max-width: fit-content; }
          .footermid .bothxgap{padding-inline: 0; }
     }
     @media (min-width:576px) and (max-width:1199px) {
          .flex-row-reverse .cert-card-body{margin-inline: 0px -4px; padding-inline: 28px; }
     }