/* Container */
.xl-container{max-width: var(--px-1570);margin: 0 auto;position: relative;width: 90%}
.lg-container{max-width: var(--px-1500);margin: 0 auto;position: relative;width: 90%}
.md-container{max-width: var(--px-1440);margin: 0 auto;position: relative;width: 90%}
.container{max-width: var(--px-1340);margin: 0 auto;position: relative;width: 90%}
.sm-container{max-width: var(--px-1240);margin: 0 auto;position: relative;width: 90%}
.xsm-container{max-width: var(--px-1140);margin: 0 auto;position: relative;width: 90%}

/* section{height: 600px;} */


.theme-btn{font-size: var(--px-16);line-height: 1;background-color: #FFFFFF ;display: block;padding: var(--px-16) var(--px-32);min-width: var(--px-220); border: 1px solid var(--dark-blue); border-radius: var(--px-24); text-transform: uppercase; font-family: var(--josh); font-weight: 500; text-align: center; width: max-content; position: relative; overflow: hidden;}
.theme-btn::after{content: "";position: absolute; transition: 2s all ease; width: 220%; height: 300px; transform: translate(10px , 10px ); background-image: url(../img/Button-Shape-Animation.png); background-size: cover;}
.theme-btn span{color: var(--dark-blue); transition: color .2s ease 0.7s;}
.theme-btn:hover::after{transform: translate(-84%, -69%);}
.theme-btn:hover span{color: #FFFFFF;}
.theme-btn span{position: relative; z-index: 9;}
.no-effect::after{content: none;}


/* .theme-btn svg{position: absolute; transition: 2s all ease; width: 300px; height: 170px; transform: translate(10px , 10px );}
.theme-btn:hover svg{transform: translate(-67%, -45%);} */

p, li{font-size: var(--px-20); line-height: 1.4; color: var(--black); font-weight: 400;}



/* heading */
.heading02{font-size: var(--px-60); color: var(--black); line-height: 1.1; letter-spacing: 0; font-weight: 800;}
.heading03{font-size: var(--px-48); font-weight: 600; font-family: var(--host-grotesk);}
.sub-heading{font-size: var(--px-30); color: var(--black); line-height: 1.2; font-weight: 300;}

/* slick-arrow */
.slick-arrow, .swiper-button-prev, .swiper-button-next{width: var(--px-56);height: var(--px-36);background: url(../img/Arrow.png);font-size: 0;background-size: 100%;background-position: center; position: absolute; bottom: calc(var(--px-64) * -1); background-repeat: no-repeat; z-index:9}
.slick-arrow.slick-next, .swiper-button-next{right: 45.5%; transform: rotate(180deg);}
.slick-arrow.slick-prev, .swiper-button-prev{left: 45.5%;}
.swiper-button-next, .swiper-button-prev{top: auto;}
.slick-arrow.slick-disabled{opacity: 0.5;}

.slick-dots{display: flex; gap: var(--px-6); justify-content: center;}
.slick-dots li button{background: #64C5F082; width: var(--px-16); height: var(--px-16); border-radius: 50%; font-size: 0;}
.slick-dots li.slick-active button {background: url(../img/slick-dot-drop.png);width: var(--px-32);height: var(--px-20);background-size: 80%;background-repeat: no-repeat;background-position: center;}

.clear{clear: both;display: block;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.mt-0{margin-top: 0 !important;}
.pt-0{padding-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.blue-txt{color: var(--light-blue);}
.dark-blue-txt{color: var(--dark-blue);}
.section{padding: var(--px-100) 0;}
.pt-140{padding-top: var(--px-140);}
.mt-60{margin-top: var(--px-60);}

main{ overflow: hidden;}
.main{margin-top: var(--px-120);}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #E3E3E3;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #064076;
}

.mobile-img{display: none;}





/* header */
.header{position: fixed;right: 0;left: 0;top: 0;z-index: 99;}
.header .header-top-box{background: var(--l-gradient); border-radius: 0 0 var(--px-16) var(--px-16);}
.header .header-top-box p{color: #EAF8FF; font-size: var(--px-16); line-height: 1.2; padding: var(--px-12) 0; text-align: center;}
.header .navbar{display: flex;align-items: center;justify-content: space-between; padding: var(--px-12) var(--px-92); background: #FFFFFFB2; border-radius: var(--px-76); margin-top: var(--px-12); transition: .3s all ease; backdrop-filter: blur(36.900001525878906px); box-shadow: 0px 4px 4px 0px #00000017;}
.header .navbar .nav-list{display: flex; align-items: center;}
.header .navbar .head-logo img{width: var(--px-120);}
.header.active .navbar{background-color: #FFFFFF;}
.menu-btn{display: none;}
.header .navbar .nav-list li{position: relative; padding: var(--px-24) var(--px-20); font-size: var(--px-18)}
@media screen and (min-width: 700px) {
    .header .navbar .nav-list li:hover .sub-nav{display: block;}
}

.header .navbar .nav-list li:not(:has(.sub-nav li)) .sub-nav {
  display: none;
}

.header .navbar .nav-list li:not(:has(.sub-nav li)):hover {
  background: none;
}

.header .navbar .nav-list li:hover{color: var(--dark-blue); font-weight: 700;}
.header .navbar .nav-list li:has(.sub-nav):hover{background: #FFFFFF; border-top-left-radius: var(--px-16); border-top-right-radius: var(--px-16);} 
.header .navbar .nav-list .sub-nav{position: absolute; padding: var(--px-28) var(--px-22); background: #FFFFFF; border-radius: var(--px-16); border-top-left-radius: 0; width: max-content; left: 0;top: 100%; display: none;}
.header .navbar .nav-list .sub-nav li{line-height: 2.4; cursor: pointer; padding: 0;} 
.header .navbar .nav-list li.active > a{color: var(--dark-blue); font-weight: 700;}
.header .navbar .nav-list .sub-nav li.active > a{color: var(--dark-blue); font-weight: 700;}


/* hero banner section */
/* .hero-banner-section{padding-top: var(--px-64);} */
.hero-banner-section .sm-container{display: flex; align-items: center; gap: var(--px-16); flex-wrap: wrap;}
.hero-banner-section .sm-container .banner-content p{color: #1E1E1E; margin-top: var(--px-36);}
.hero-banner-section .sm-container .banner-content{width: 47%;}
.hero-banner-section .sm-container .banner-content .theme-btn{margin-top: var(--px-80);}
.hero-banner-section .sm-container img{width: calc(50% - var(--px-16));}
.mobile-banner img{width: 100%; display: block; clip-path: url(#heroClip); position: relative;}
.mobile-banner img::after{content: ""; width: 100%; height: 100%; background-color: red; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.mobile-banner{display: none;}

/* advatntages-section */
/* .advatntages-section .advantages-wrapper{display: grid;grid-template-columns: 38.5% 22% 38.5%; margin-top: var(--px-28);}
.advatntages-section .advantages-wrapper .ad-inner-box{display: grid;grid-template-columns: var(--px-60) auto;gap: var(--px-16);margin-top: var(--px-56);background: #EAF8FF;box-shadow: 0px 4px 4.7px 0px #00000040;border-radius: var(--px-12);padding: var(--px-16) var(--px-20); transition: .3s all ease; align-items: center; height: var(--px-100);}
.advatntages-section .advantages-wrapper .ad-inner-box i{height: var(--px-60); width: var(--px-60);}
.advatntages-section .advantages-wrapper .ad-inner-box:hover{background: var(--l-gradient);}
.advatntages-section .advantages-wrapper .ad-inner-box h5{font-size: var(--px-20); font-weight: 800;}
.advatntages-section .advantages-wrapper .ad-inner-box:hover h5, .advatntages-section .advantages-wrapper .ad-inner-box:hover p{color: #FFFFFF;}
.advatntages-section .advantages-wrapper .ad-inner-box:first-child{margin-top: var(--px-32);}
.advatntages-section .advantages-wrapper .ad-inner-box:hover svg path{fill: #64C5F0;}

.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.first-serve{margin-right: -11%;margin-left: 11%;}
.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.second-serve{margin-right: var(--px-8);}
.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.third-serve{margin-right: 9%;margin-left: -9%;}

.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.first-serve{margin-left: -11% ;margin-right: 11%;}
.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.second-serve{margin-left: var(--px-8);}
.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.third-serve{margin-left: 9%;margin-right: -9%;}
.advatntages-section .advantages-wrapper .ad-inner-box p{line-height: 1;} */

.advatntages-section {position: absolute;bottom: 0;left: 0;right: 0; z-index: -9}
.hero-banner-section .advatntages-section  .sm-container{display: block;}
.advatntages-section .advantages-wrapper{display: grid;grid-template-columns: 38.5% 28% 38.5%; margin-top: var(--px-28); place-content: center;}
.advatntages-section .advantages-wrapper .ad-inner-box{display: grid;grid-template-columns: var(--px-60) auto;gap: var(--px-16);margin-top: var(--px-40);background: #EAF8FF;box-shadow: 0px 4px 4.7px 0px #00000040;border-radius: var(--px-12);padding: var(--px-16) var(--px-20); 
/* 	height: var(--px-100); */
}

.advatntages-section.active{z-index: 9;}
/* #scroller {
    height: 100vh;
} */
.advatntages-section .advantages-wrapper .ad-inner-box i{height: var(--px-60); width: var(--px-60);} 
.advatntages-section .heading02{ opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);}
.advatntages-section .ad-inner-box{ opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);}
.advatntages-section .ad-left-box .ad-inner-box{transform: translate3d(50px, 0, 0);}
.advatntages-section .ad-right-box .ad-inner-box{transform: translate3d(-50px, 0, 0);}
.advatntages-section.active .ad-left-box .ad-inner-box, .advatntages-section.active .ad-right-box .ad-inner-box{opacity: 1;transform: translateZ(0);}
.advatntages-section.active .heading02{opacity: 1;}
.delay-1{transition-delay: .2s;}
.delay-2{transition-delay: .4s;}
.delay-3{transition-delay: .6s;}

.advatntages-section .advantages-wrapper .ad-inner-box:hover{background: var(--l-gradient);}
.advatntages-section .advantages-wrapper .ad-inner-box h5{font-size: var(--px-20); font-weight: 800;}
.advatntages-section .advantages-wrapper .ad-inner-box:hover h5, .advatntages-section .advantages-wrapper .ad-inner-box:hover p{color: #FFFFFF;}
.advatntages-section .advantages-wrapper .ad-inner-box:first-child{margin-top: var(--px-32);}

.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.first-serve{margin-right: -11%;margin-left: 11%;}
.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.second-serve{margin-right: var(--px-8);}
.advatntages-section .advantages-wrapper .ad-left-box .ad-inner-box.third-serve{margin-right: 9%;margin-left: -9%;}

.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.first-serve{margin-left: -11% ;margin-right: 11%;}
.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.second-serve{margin-left: var(--px-8);}
.advatntages-section .advantages-wrapper .ad-right-box .ad-inner-box.third-serve{margin-left: 9%;margin-right: -9%;}
.advatntages-section .advantages-wrapper .ad-inner-box p{line-height: 1; font-size: var(--px-16); margin-top: var(--px-6)}
.advatntages-section .advantages-wrapper .ad-inner-box:hover svg path{fill: #64C5F0;}




/* use-section */
.use-section .use-wrapper{display: grid;grid-template-columns: 45% auto; align-items: flex-start;}
.use-section .use-wrapper .use-left-box{position: relative;}
.use-section .use-wrapper .use-left-box video{width: 100%;border-radius: var(--px-36); position: relative; z-index: 9;}
.common-bg .span01, .common-bg .span02{content:"";width: 70%; height: 70%;position: absolute; border-radius: var(--px-48);}
.use-left-box img{position: relative;z-index: 99;}
.common-bg{position: relative;}
.common-bg .span01{background: #9292923D; top: calc(var(--px-24) * -1); right: calc(var(--px-24) * -1);}
.common-bg .span02{background: #0B79BE7D; bottom: calc(var(--px-24) * -1); left: calc(var(--px-24) * -1)}
.use-section .use-wrapper .use-content-box{padding-left: var(--px-80); margin-top: calc(var(--px-24) * -1)}
.use-section .use-wrapper .use-content-box .theme-btn{margin-top: var(--px-52);}
.use-section .use-wrapper .use-content-box p{margin-top: var(--px-28);}

/* customized-section */
.customized-section .customized-wrapper{display: grid; grid-template-columns: 45% 55%;align-items: flex-start;}
.customized-section .customized-wrapper .customized-industry-slider{margin-top: var(--px-48); width: 90%; padding: 5px;}
.customized-section .customized-wrapper .customized-industry-slider .theme-btn{margin-top: var(--px-40);}

.customized-section .customized-wrapper .customized-industry-slider{overflow: hidden;}
.customized-section .customized-wrapper .customized-r-box{position: relative;}
.customized-section .customized-wrapper .customized-r-box .slick-prev{left: 39%;}
.customized-section .customized-wrapper .customized-r-box .slick-next{right: 39%;}


.customized-section .customized-wrapper .customized-r-box{display: flex; align-items: center;justify-content: center;}
.customized-section .customized-wrapper .gallery-slider{width: 77%; z-index:99}
.customized-section .customized-wrapper .gallery-slider .gallery-slide{overflow: hidden; border-radius: var(--px-28);}
.customized-section .customized-wrapper .gallery-slider img{width: 100%; border-radius: var(--px-28);}
.customized-section .customized-wrapper .gallery-slide h3{position: absolute;bottom: 0;left: var(--px-32);bottom: var(--px-32);color: #fff; font-size: var(--px-40); z-index:99; display: none;}
.customized-section .customized-wrapper .customized-industry-slider .swiper-slide {opacity: 0 !important;}
.customized-section .customized-wrapper .gallery-slide:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(6, 64, 118, 0) 50%, #00324E 100%); z-index:9}


.gallery-first-l-box, .gallery-first-r-box{width: 76%; height: 76%;position: absolute; top: 50%; transform: translateY(-50%);left: 6%; background: rgba(162, 219, 255, 1); opacity: 62%; border-radius: var(--px-28);z-index:9}
 .gallery-first-r-box{right: 6%; left: unset}

.gallery-second-l-box, .gallery-second-r-box{width: 57%; height: 57%; position: absolute; top: 50%; transform: translateY(-50%);left: 0%; background: rgba(162, 219, 255, 1); opacity: 25%; border-radius: var(--px-28)}
 .gallery-second-r-box{right: 0%; left: unset}

/* .customized-section .customized-wrapper .gallery-slider .slick-track {transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);} */
.customized-section .customized-wrapper .gallery-slider.slick-slider .slick-list{border-radius: var(--px-28); overflow: hidden}
.customized-section .customized-wrapper .gallery-slider .slick-slide{height: 100%;position: relative; z-index: 1;border-radius: var(--px-32);overflow: hidden}
/* .customized-section .customized-wrapper .gallery-slider .slick-slide img {width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2);} */
.customized-section .customized-wrapper .gallery-slider .slick-slide.slick-active img{transform: scale(1);}



/* design-section */
.design-section .md-container{padding: var(--px-104) var(--px-112); background-image: url(../img/design-bg-img.png); background-size: cover; background-repeat: no-repeat; border-radius: var(--px-60); display: flex;align-items: center;justify-content: flex-end;}
.design-section .design-wrapper{padding: var(--px-76) var(--px-68); background: #F4FCFF; border-radius: var(--px-32); width: 65%;}
.design-section .design-wrapper p{margin-top: var(--px-36);}
.design-section .design-wrapper .theme-btn{margin-top: var(--px-44);}

/* footer */
.footer{background: url("https://v-shapes.com/wp-content/uploads/2026/04/Footer.jpg"); margin-top: var(--px-112); background-size: cover;}
.footer.active{background: url("../img/Footer-video-bg.gif")}
.footer .foot-top-box{padding: var(--px-44) 0 var(--px-32) 0;display: grid;grid-template-columns: 30% 14% 18% 18%;justify-content: space-between;}

.footer p, .footer li, .footer a{color: #FFFFFF;}

.footer .foot-info-box .foot-add-box p, .footer .foot-info-box .foot-add-box h5, .footer .foot-info-box .foot-add-box a{font-size: var(--px-16);}  
.footer .foot-info-box .foot-add-box h5{font-weight: 700; color: #FFFFFF;}
.footer .foot-info-box .foot-add-box{margin-top: var(--px-40);}
.footer h4 {font-size: var(--px-20); line-height: 1; color: #8EDCFF; font-weight: 500;}
.footer .link-box li{margin-top: var(--px-18);}
.footer .help-box li{margin-top: var(--px-22);}
.footer .foot-info-box .footer-logo img{width: var(--px-160);}

.footer .foot-top-box .link-box, .footer .foot-top-box .help-box, .footer .foot-top-box .connect-box{margin-top: var(--px-28);}

.footer .connect-box .newsletter-box .newsletter-form input{width: 100%; background-color: transparent; border-bottom: 1px solid #FFFFFF; color: #8EDCFF; font-size: var(--px-16); padding-bottom: var(--px-6);}
.footer .connect-box .newsletter-box .newsletter-form form{display: grid; grid-template-columns: auto max-content; gap: var(--px-12); margin-right:  calc(var(--px-120) * -1); margin-top: var(--px-52); position: relative}
.footer .connect-box .newsletter-box .newsletter-form form .wpcf7-not-valid-tip{position: absolute; bottom: -21px;}
.footer .connect-box .newsletter-box .newsletter-form form .wpcf7-response-output{position: absolute;
    right: 0;
    left: 0;
    border: none;
    color: green;
    font-size: var(--px-18);
    margin: 0;
    bottom: -10px;
    padding: 0;
}


.footer .connect-box .newsletter-box .newsletter-form button{font-size: var(--px-16); border:0; background-color: transparent; border-bottom: 1px solid #FFFFFF;padding-bottom: var(--px-6); color: #FFFFFF; text-transform: uppercase; text-align: left; padding-right: var(--px-12);}

.footer .connect-box .social-box{margin-top: var(--px-68);}
.footer .connect-box .social-box .social-media-wrapper{display: flex; align-items: center; gap: var(--px-12); margin-top: var(--px-16);}

.footer .foot-btm-box{padding: var(--px-28) 0 var(--px-28) 0; border-top: 1px solid #FFFFFF;}
.footer .foot-btm-box p{font-size: var(--px-16);}


/* --------------------------------------About Us ---------------------------------------------------- */

/* inner-banner-section */
.inner-banner-section{position: relative;}
.inner-banner-section .heading02{position: absolute;bottom: 0;left: 2%;}

/* main-info-section */
.main-info-section p{position: relative; padding: var(--px-28) 0; font-size: var(--px-24);}
.main-info-section p::before, .main-info-section p::after{content: ""; width: 80%; height: 2px; display: block; background-color: #06407685; position: absolute; left: 0; right: 0; margin: 0 auto;}
.main-info-section p::before{top: 0;}
.main-info-section p::after{bottom: 0;}

.text span{
   color:var(--light-blue);
    display:inline-block;
    transition:color 0.5s ease;
}

.text span.active{
    color:#000;
}

/* innovation-section */
.innovation-section .innovation-wrapper{display: grid;grid-template-columns: 1fr 1fr;width: 96%;gap: var(--px-16); margin: auto; margin-top: var(--px-64);}
.innovation-section .innovation-wrapper .innovation-l-box, .innovation-section .innovation-wrapper .innovation-r-box{display: flex;flex-direction: column;gap: var(--px-12);}
.innovation-section .innovation-wrapper .innovation-l-box{align-items: flex-end; margin-bottom: var(--px-64);}
.innovation-section .innovation-wrapper .innovation-r-box{ align-items: flex-start; margin-top: var(--px-64);}
.innovation-section .innovation-wrapper .innovation-inner-box{position: relative; border-radius: var(--px-24);  overflow: hidden;}
.innovation-section .innovation-wrapper .innovation-inner-box:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: linear-gradient(183.43deg, rgba(8, 83, 123, 0) 6.34%, rgba(6, 64, 118, 0.84) 88.58%);
; transform: translateY(90%); transition: transform .3s linear;}
.innovation-section .innovation-wrapper .sub-heading{color: #FFF; position: absolute; right: 0; left: 0; bottom: var(--px-24); text-align: center;}
.innovation-section .innovation-wrapper .innovation-l-box .innovation-inner-box:last-child{width: 72%;}
.innovation-section .innovation-wrapper .innovation-l-box .innovation-inner-box:last-child .sub-heading{font-size: var(--px-28);}
.innovation-section .innovation-wrapper .innovation-r-box .innovation-inner-box:first-child{width: 70%;}
.innovation-section .innovation-wrapper .innovation-r-box .innovation-inner-box:first-child .sub-heading{font-size: var(--px-28);}
.innovation-section .innovation-wrapper .innovation-inner-box:hover{box-shadow: -2px 11px 24.7px 0px #00000040;}
.innovation-section .innovation-wrapper .innovation-inner-box .sub-heading{position: absolute; bottom: var(--px-20);left: var(--px-32);color: #FFFFFF;font-size: var(--px-28); transform: translateY(100%); transition: transform .3s linear; opacity: 0; z-index: 9;}

@media (hover: hover) {
	.innovation-section .innovation-wrapper .innovation-inner-box:hover::after, .innovation-section .innovation-wrapper .innovation-inner-box:hover .sub-heading{transform: translateY(0); opacity: 1;}
}


.patent-wrapper{padding: var(--px-32) var(--px-72); background: var(--dark-blue); border-radius: var(--px-32); margin-right: var(--px-32);}
.patent-wrapper .sub-heading{font-weight: 400; color: #FFFFFF;}
.patent-grid{display: grid; grid-template-columns: 1fr 1fr; margin-top: var(--px-20);}
.patent-grid .patent-box h5{color: #FFFFFF; font-size: var(--px-20); font-family: var(--josh); font-weight: 500 ;}
.patent-grid .patent-box ul{margin-top: var(--px-12);}
.patent-grid .patent-box ul li{color: #FFFFFF; font-size: var(--px-18); font-family: var(--josh); position: relative; padding-left: var(--px-28); margin-top: var(--px-6);}
.patent-grid .patent-box ul li::before{content: ""; width: var(--px-16); height: var(--px-24); background-image: url(../img/patent-list-icon.png); background-size: 100%;display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}

/* spectrum-section */
.spectrum-section .spectrum-wrapper{display: grid; grid-template-columns: auto 55%; gap: var(--px-80);}
.spectrum-section .spectrum-wrapper .spec-l-box{display: flex; flex-direction: column; align-items: end; text-align: end}
.spectrum-section .spectrum-wrapper .spec-l-box .theme-btn{margin-top: var(--px-52);}


/*sm-accordian */
.sm-acrd-sec .acrd-row .acrd-header{padding: var(--px-16) var(--px-48); background-color: #D8F2FF; color: var(--dark-blue); border-radius: var(--px-16); width: 100%; text-align: left; position: relative; font-family: var(--host-grotesk); transition: .3s z ease;}
.sm-acrd-sec .acrd-row .acrd-header.active{font-weight: 800;}
.sm-acrd-sec .acrd-toggle{padding: var(--px-32) var(--px-40); display: none;}
.sm-acrd-sec .acrd-toggle p, .sm-acrd-sec .acrd-toggle li{ font-size: var(--px-24); color: #000000; font-weight: 300; margin-top: var(--px-8); position: relative;}
.sm-acrd-sec .acrd-toggle p:first-child, .sm-acrd-sec .acrd-toggle li:first-child{margin-top: 0;}
.sm-acrd-sec .acrd-row{background-color: #F3F3F3; border-radius: var(--px-16); margin-top: var(--px-16); overflow:hidden}
.sm-acrd-sec .acrd-toggle li:before{content: "";width: var(--px-24);height: var(--px-24);display: block;position: absolute;left: var(--px-32); background-image: url("../img/list-drop-img.png"); background-size: 100%; background-size: contain;}
.sm-acrd-sec .acrd-toggle li{margin-left: var(--px-32);}
.sm-acrd-sec .acrd-toggle li:before{content: "";width: var(--px-24);height: var(--px-24);display: block;position: absolute;left: calc(var(--px-32) * -1);background-image: url(../img/list-drop-img.png);background-repeat: no-repeat;}
.sm-acrd-sec .acrd-row .acrd-header:after{content: ""; width: var(--px-28);height: var(--px-44);display: block;background-image: url(../img/faq-plus-icon.svg);background-size: 100%;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;right: var(--px-48);transform: translateY(-50%); }
.sm-acrd-sec .acrd-row .acrd-header.active:after{background-image: url(../img/faq-minus-icon.svg);}
.sm-acrd-sec .acrd-row:has(.acrd-header.active){box-shadow: 3px 4px 8.9px 0px #00000040;}

/* production-section */
.production-section .prod-wrapper{padding: var(--px-120) var(--px-36) var(--px-40) var(--px-64); background-image: url("../img/product-section-bg.png"); background-repeat: no-repeat; background-size: cover; display: grid; grid-template-columns: 58% auto; border-radius: var(--px-60);}
.production-section .prod-wrapper .heading02 span{color: #8EDCFF}
.production-section .prod-wrapper .heading02{color: #FFFFFF;}
.production-section .prod-wrapper p{color: #DDDDDD; width: 63%; margin-top: var(--px-40);}
.production-section .prod-wrapper .theme-btn{margin-top: var(--px-76);}
.production-section .prod-wrapper .pro-r-img{margin-top: var(--px-84);}

/* better-use-section */
.better-use-section .sub-heading{margin-top: var(--px-36);}
.better-use-section .better-use-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--px-68); margin-top: var(--px-72);}
.better-use-section .better-use-wrapper .better-use-box:hover .better-inner{transform: translateY(calc(var(--px-16) * -1));}
.better-use-section .better-use-wrapper .better-use-box .better-inner{transition: .3s all ease;}
.better-use-section .better-use-wrapper .better-use-box .box-heading{font-size: var(--px-36); margin-top: var(--px-20);text-align: center; font-family:  var(--josh); color: #4B4B4B; font-weight: 600;}
.better-use-section .better-use-wrapper .better-use-box svg{width: 80%;}
.better-use-section .better-use-wrapper .better-use-box .better-inner{width: var(--px-350); display: flex; align-items: center; justify-content: center; border-radius: var(--px-32);  height: var(--px-268);}
.better-use-section .better-use-wrapper .better-use-box:hover .better-inner{background: var(--l-gradient);}
.better-use-section .better-use-wrapper .better-use-box:hover .box-heading{color: var(--light-blue);}
.better-use-section .better-use-wrapper .better-use-box:hover svg path, .better-use-section .better-use-wrapper .better-use-box:hover svg line{stroke: #FFFFFF;}




/* Quality Section */
.quality-section .xl-container{background-image: url(../img/quality-sec-bg.png); background-repeat: no-repeat; background-size: cover;border-radius: var(--px-60);padding: var(--px-28) var(--px-68);display: flex;justify-content: flex-end;}
.quality-section .quality-wrap{padding: var(--px-40) var(--px-36) var(--px-40) var(--px-36); background-color: #FFFFFF; border-radius: var(--px-36); width: 59%;}
.quality-section .quality-wrap p{width: 70%; margin-top: var(--px-12);  }
.quality-section .quality-wrap .logo-scroll-wrapper{height: var(--px-260);overflow: auto; margin-top: var(--px-32); display: none;}
.quality-section .quality-wrap .logo-scroll-wrapper.active{display: block;}
.quality-section .quality-wrap .logo-box{display: grid; grid-template-columns: 1fr 1fr 1fr;gap: var(--px-12); width: 70%;}
.quality-section .quality-wrap .logo-box .logo-inner img{height: var(--px-92);object-fit: contain;object-position: left; width: max-content;margin: auto;}
.quality-section .quality-wrap .logo-box .logo-inner p{color: #6C6C6C; margin:0 auto; margin-top: var(--px-12);}
.quality-section .quality-wrap .btn-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: var(--px-16); margin-top: var(--px-24);}
.quality-section .quality-wrap .btn-wrap .theme-btn{padding: var(--px-24) var(--px-12); border-radius: var(--px-24);font-family: var(--host-grotesk); font-weight: 400; text-transform: capitalize; font-size: var(--px-20); width: 100%;}
/* .quality-section .quality-wrap .btn-wrap .theme-btn.gradient-btn{background: color: #FFFFFF; }  */
.quality-section .quality-wrap .btn-wrap .theme-btn.active{background:  radial-gradient(87.41% 107.22% at 91.29% 97.08%, #0B77DC 0%, #064076 100%);; color: #FFFFFF;}

/* packaging-section */
.packaging-section .md-container{display: grid; grid-template-columns: 27% 73%; align-items: flex-start}
.packaging-section .packaging-l-box{padding-right: var(--px-68);}
.packaging-section .packaging-l-box p{margin-top: var(--px-12);}
.packaging-section .packaging-r-box{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: var(--px-20);}
.packaging-section .packaging-r-box .packaging-inner-box{position: relative; overflow: hidden; border-radius: var(--px-16);}
.packaging-section .packaging-r-box .packaging-inner-box::after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(188.65deg, rgba(0, 50, 78, 0) 31.1%, rgba(6, 64, 118, 0.9) 66.79%); transform: translateY(90%); transition: transform .3s linear;}
.packaging-section .packaging-r-box .packaging-inner-box img{transition: .3s all ease; width: 100%;}
.packaging-section .packaging-r-box .packaging-inner-box:hover img{transform: scale(1.1);}
.packaging-section .packaging-r-box .packaging-inner-box figcaption{position: absolute; bottom: var(--px-20);left: var(--px-32);color: #FFFFFF;font-size: var(--px-28); transform: translateY(100%); transition: transform .3s linear; opacity: 0; z-index: 9;}


@media (hover: hover) {
	.packaging-section .packaging-r-box .packaging-inner-box:hover::after, .packaging-section .packaging-r-box .packaging-inner-box:hover figcaption{transform: translateY(0); opacity: 1;}

}



/* get-in-touch-section */
.get-in-touch-section .section-content{width: 35%; position: absolute; top: 50%; transform: translateY(-50%); left: 12%;}
.get-in-touch-section .section-content .theme-btn{margin-top: var(--px-40);}
.get-in-touch-section img{border-radius: var(--px-16);}


/* ------------------------------------------------ Sustainability ---------------------------------------- */
.material-section .material-l-box{padding-right: var(--px-56);}
.material-section .md-container{display: grid; grid-template-columns: auto 58%;}
.material-section .material-l-box p{margin-top: var(--px-24);}
.material-section .material-l-box .logo-wrap{display: grid; grid-template-columns: repeat(3, var(--px-120)); gap: var(--px-24); justify-content: flex-start; margin-top: var(--px-64);}

/* intent-section */
.intent-section .intent-wrapper{margin-top: var(--px-48);}
.intent-section .heading02 + p{margin-top: var(--px-12); font-size: var(--px-24)}
.intent-section .intent-wrapper img{border-radius: var(--px-16);}
.intent-section .intent-wrapper .intent-slide{position: relative;}
.first-inner-box{top: 0;left: 0;height: 100%;height:100%;padding-right: var(--px-8);}
.intent-section .intent-wrapper .intent-inner-box.first-inner-box::after{right: var(--px-8);}
.scnd-inner-box{left: 0;top: 0;padding-left: var(--px-8);padding-bottom: var(--px-8);transform: translateX(100%);height: 50%;}
.thrd-inner-box{left: 0;bottom: 0;padding-left: var(--px-8);padding-left: var(--px-8);padding-top: var(--px-8);transform: translateX(100%);height: 50%}
.intent-section .intent-wrapper .intent-inner-box .intent-content{position: absolute; bottom: var(--px-32); left: 4%; z-index: 9; right: 4%}
.intent-section .intent-wrapper .intent-inner-box.current .intent-content .card-heading{font-size: var(--px-48);}
.intent-section .intent-wrapper .intent-inner-box .intent-content .card-heading{font-size: var(--px-28); color: #FFFFFF; font-weight: 700;}
.intent-section .intent-wrapper .intent-inner-box > div{position: relative; overflow: hidden;bottom: 0; height: 100%; border-radius: var(--px-16);}
.intent-section .intent-wrapper .intent-inner-box > div:after{content: ""; width: 100%; height: 100%; background: linear-gradient(179.67deg, rgba(34, 44, 16, 0) 0.28%, #0B79BE 91.53%);top: 0; position: absolute; right: 0; left: 0; transition: .3s all ease; transform: translateY(100%);}
.intent-section .intent-wrapper .intent-inner-box.current > div::after{transform: translateY(0);}
.intent-section .intent-wrapper .intent-inner-box:hover > div::after{transform: translateY(0);}
.intent-section .intent-wrapper .intent-inner-box .intent-content p{color: #FFFFFF; display: none; margin-top: var(--px-12)}
.intent-section .intent-wrapper .intent-inner-box.current .intent-content p{opacity: 1; display: block;}

.intent-section .intent-wrapper .intent-inner-box .intent-content a{display: flex; align-items: center; justify-content: center; gap: 4px;font-size: var(--px-16);
    color: #FFFFFF;
    line-height: 1;
    position: absolute;
    right: 0; transform: translateY(200%); transition: transform .3s linear;}
.intent-section .intent-wrapper .intent-inner-box:hover .intent-content a{transform: translateY(0%);}
.intent-section .intent-wrapper .intent-inner-box .intent-content .next-arrow{width: 7px;}

.intent-section .intent-wrapper .intent-slide{position: relative;}

.intent-section .intent-wrapper .intent-inner-box{position: relative;width: 50%;position: absolute;transition: ease 1s all;cursor: pointer; border-radius: var(--px-16); overflow: hidden;}
.slider-img{display: none;width: 44.2%;}
.intent-section .intent-wrapper .intent-inner-box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.intent-section .intent-wrapper .intent-inner-box.current .intent-content a{display: none}
/* .intent-section .intent-wrapper .slick-arrow.slick-prev, .intent-section .intent-wrapper .slick-arrow.slick-arrow.slick-next{top: 50%;}
.intent-section .intent-wrapper .slick-arrow.slick-prev{left: calc(var(--px-72) * -1); transform: translateY(-50%)}
.intent-section .intent-wrapper .slick-arrow.slick-next{right: calc(var(--px-72) * -1); transform: translateY(-50%) rotate(180deg);} */


/* thrd click */
.first-inner-box.thrd-active{height: 50%;bottom: 0;top: auto;}
.scnd-inner-box.thrd-active{transform: translateX(0);padding-left: 0;padding-right: var(--px-8);}
.thrd-inner-box.thrd-active{height: 100%;}

/* scnd click */
.first-inner-box.scnd-active{height: 50%;top: 0;}
.scnd-inner-box.scnd-active{height: 100%;}
.thrd-inner-box.scnd-active{transform: translateX(0);padding-left: 0;padding-right: var(--px-8);}


/* global-slider  */
.global-section .global-slider{width: 97%; margin: 0 auto; margin-top: var(--px-76);}
.global-section .global-slider .global-slides{padding: var(--px-18); display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 3px 4px 11.4px 1px #00000040; height: 100%; border: 1px solid var(--dark-blue); border-radius: var(--px-18); background-color: #FFFFFF; }
.global-section .global-slider .global-slides img{width: var(--px-120); height: var(--px-100); object-fit: contain;}
.global-section .global-slider.slick-slider .slick-track, .global-section .global-slider.slick-slider .slick-list{display: flex;}
.global-section .global-slider .global-inner{margin: 0 var(--px-18); padding: var(--px-12) 0;}
.global-section .heading02 + p{margin-top: var(--px-20);}
.global-section .heading02 + p + .global-slider{margin-top: var(--px-52);}
.global-section .global-slider .global-slides p{margin-top: var(--px-6); font-size: var(--px-18);}

/* scale-section */
.scale-section .xl-container{padding: var(--px-60) var(--px-120); background-image: url("https://staticwebsite.in/vshapes/wp-content/uploads/2026/03/NEW-BG.png"); background-repeat: no-repeat; background-size: cover; border-radius: var(--px-52);}
.scale-section .heading02 + p{color: #FFFFFF; margin-top: var(--px-32)} 
.scale-section .heading02{color: #FFFFFF;}
.scale-section .scale-wrapper{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 70%;gap: var(--px-100);margin-inline: auto;margin-top: var(--px-64);}
.scale-section .scale-wrapper .sacle-inner .scale-img{ position: relative; width: var(--px-160);aspect-ratio: 1; margin: 0 auto;}
.scale-section .scale-wrapper .sacle-inner .scale-img .scale-col{border: 3px solid #FFFFFF; display: flex;align-items: center;justify-content: center;border-radius: 50%;position: relative;  margin-inline: auto; width: 100%;; height: 100%;}
.scale-section .scale-wrapper .sacle-inner:hover .scale-img .scale-col{border: 3px solid #64C5F0;}
.scale-section .scale-wrapper .sacle-inner .scale-img svg{width: 65%; height: auto}
.scale-section .scale-wrapper .sacle-inner .scale-img svg path, .scale-section .scale-wrapper .sacle-inner .scale-img svg circle{fill: #FFFFFF;}
.scale-section .scale-wrapper .sacle-inner .scale-img svg line, .scale-section .scale-wrapper .sacle-inner .scale-img svg path, .scale-section .scale-wrapper .sacle-inner .scale-img svg rect,.scale-section .scale-wrapper .sacle-inner .scale-img svg polyline{stroke: #FFFFFF !important;}

.scale-section .scale-wrapper .sacle-inner:hover .scale-img svg path, .scale-section .scale-wrapper .sacle-inner:hover .scale-img svg circle{fill: #64C5F0; transition: .3s all ease;}
.scale-section .scale-wrapper .sacle-inner:hover .scale-img svg line, .scale-section .scale-wrapper .sacle-inner:hover .scale-img svg path, .scale-section .scale-wrapper .sacle-inner:hover .scale-img svg rect,.scale-section .scale-wrapper .sacle-inner:hover .scale-img svg polyline{stroke: #64C5F0 !important;}


.scale-section .scale-wrapper .sacle-inner .scale-img .count{position: absolute; width: var(--px-52); height: var(--px-52); background-color: #FFFFFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; left: 0; top: 0; transition: .3s all ease; font-size: var(--px-24);color: #000000;font-weight: 500;}
.scale-section .scale-wrapper .sacle-inner:hover .scale-img .count{background-color: #64C5F0;}
.scale-section .scale-wrapper .sacle-inner .scale-txt{font-size: var(--px-24); margin-top: var(--px-20); margin-inline: auto; color: #FFFFFF; text-align: center;}
.scale-section .scale-wrapper .sacle-inner:hover .scale-txt{color: #64C5F0;}

.scale-section .scale-wrapper .sacle-inner:first-child .scale-img span, .scale-section .scale-wrapper .sacle-inner:nth-child(2) .scale-img span{content: ""; width: var(--px-68); height: var(--px-24); background-image: url(../img/arrow01.png); position: absolute; left: 117%; background-size: contain; background-repeat: no-repeat; top: 45%;}

.scale-section .scale-wrapper .sacle-inner:last-child .scale-img span{content: ""; width: var(--px-68); height: var(--px-24); background-image: url(../img/arrow02.png); position: absolute; left: 129%; background-size: contain; background-repeat: no-repeat; top:45%;}
.scale-section .scale-wrapper .sacle-inner:nth-child(4){order: 5;}
.scale-section .scale-wrapper .sacle-inner:last-child{order: 4;}
.scale-section .scale-wrapper .sacle-inner:nth-child(4) .scale-img span{content: ""; width: var(--px-220); height: var(--px-350); background-image: url(../img/arrow03.png); position: absolute; left: 125%; background-size: contain; background-repeat: no-repeat; bottom: 40%; background-position: center;}

/* responsibly-section */
.responsibly-section .responsibly-content{width: 41%;position: absolute;top: 50%;transform: translateY(-50%);left: 15%;}
.responsibly-section .responsibly-content .res-wrapper {background: #F4FCFFE5;box-shadow: -22px 25px 20.8px -26px #00000099;border-radius: var(--px-32);padding: var(--px-44);text-align: center;}
.responsibly-section .responsibly-content .theme-btn{margin: auto;margin-top: var(--px-40);}
.responsibly-section img{border-radius: var(--px-32);}


/* blog-wrapper */
.blog-wrapper{background: linear-gradient(180.94deg, rgba(0, 0, 0, 0) 28.52%, #061E33 94.04%);border-radius: var(--px-52); margin: 0 auto; margin-top: calc(var(--px-64) * -1);}
.blog-wrapper .blog-inner{position: relative; overflow: hidden;}
.blog-wrapper .blog-inner img{transition: .3s all ease;}
.blog-wrapper .slick-list{overflow: hidden; border-radius: var(--px-56);}
.blog-wrapper .blog-inner:hover img{transform: scale(1.1);}
.blog-wrapper .blog-inner .blog-content{position: absolute; bottom: var(--px-32); left: var(--px-40); width: 65%; z-index: 9;transform: translateY(60%); transition: .3s transform linear;}
.blog-wrapper .blog-inner::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(180.94deg, rgba(0, 0, 0, 0) 28.52%, #061E33 94.04%);}
.blog-wrapper .blog-inner .blog-content h3{font-size: var(--px-36); color: #FFFFFF; font-weight: 700; font-family: var(--host-grotesk);}
.blog-wrapper .blog-inner .blog-content p{color: #FFFFFF; margin-top: var(--px-16); opacity: 0;}
.blog-wrapper .blog-inner:hover .blog-content{transform: translateY(0);}
.blog-wrapper .blog-inner:hover .blog-content p{opacity: 1;}
.blog-wrapper .blog-inner .blog-content a{font-size: var(--px-16); color: #8EDCFF; font-weight: 700; line-height: 2.6; display: flex; align-items: center; gap: var(--px-16)}
.blog-head-box{background: #EEF9FF; box-shadow: 5px 7px 14.9px -2px #00000042; width: 48%; padding: var(--px-24) var(--px-68); border-radius: var(--px-28); margin: 0 auto; position: relative; z-index: 9;}
.blog-head-box p{font-size: var(--px-28); color: var(--dark-blue); font-weight: 700;}

.blog-wrapper .blog-slide{position: relative;}
.blog-wrapper .blog-slide{border-radius: var(--px-40); overflow: hidden;}
.blog-wrapper h3{font-size: var(--px-48); font-weight: 600; font-family: var(--host-grotesk);}

.news-r-box .aside-head .filter-box{position: absolute; width: max-content; z-index: 99; background: #FFFFFF; padding: var(--px-16); font-style: normal; right: 0; border-radius: var(--px-12); display: none;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.news-r-box .aside-head .filter-wrap{position: relative}
.news-r-box .aside-head .filter-box li{font-size: var(--px-18); cursor: pointer; padding-top: var(--px-8);}
.news-r-box .aside-head .filter-box li.active{color: var(--dark-blue); font-weight: 600}

/* ------------------------------------- Solution ----------------------------------------- */

/* lg-acrd-sec */
.sustainability-section .lg-acrd-sec{margin-top: var(--px-32);}
.main-info-section .sustainability-desc{width: 85%; margin: 0 auto;} 
/* .lg-acrd-sec{padding-bottom: 20px;} */
.lg-acrd-sec .acrd-row{margin-top: var(--px-8); border: 1px solid #A5D0EA; border-radius: var(--px-16); overflow: hidden; background-color: var(--dark-blue);}
.lg-acrd-sec .acrd-row:has(.acrd-header.active){box-shadow: 0px 7px 9.2px 0px #00000040;}
.lg-acrd-sec .acrd-row .acrd-header{padding: var(--px-32); background-color: #EAF8FF; font-size: var(--px-28); color: var(--black); font-weight: 700; text-align: left; width: 100%;border-radius: var(--px-12); box-shadow: 0px 4px 3.9px 0px #00000012; position: relative;}
.lg-acrd-sec .acrd-row:first-child .acrd-toggle{display: block;}
.lg-acrd-sec .acrd-row .acrd-toggle{padding: var(--px-32); background-color: var(--dark-blue); display: none;}
.lg-acrd-sec .acrd-row .acrd-toggle p, .lg-acrd-sec .acrd-row .acrd-toggle li{color: #FFFFFF;}
.lg-acrd-sec .acrd-row .acrd-header:after{content: ""; width: var(--px-28);height: var(--px-44);display: block;background-image: url(../img/faq-plus-icon.svg);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;right: var(--px-48);transform: translateY(-50%); }
.lg-acrd-sec .acrd-row .acrd-header.active:after{background-image: url(../img/faq-minus-icon.svg);}

/* better-packaging-section */
.better-packaging-section{position: relative;}
.better-packaging-section img{border-radius: var(--px-60);}
.better-packaging-section .better-packaging-content{width: 30%; position: absolute; left: 13%; top: 50%; transform: translateY(-50%);}
.better-packaging-section .better-packaging-content .heading02{color: #00324E;}
.better-packaging-section .better-packaging-content .theme-btn{margin-top: var(--px-32);}

/* test-sample-section */
.test-sample-section .test-sample-wrap{padding: var(--px-88) var(--px-160); display: grid; grid-template-columns: auto 45%; background-color: #E0F6FF; border-radius: var(--px-60); align-items: center;}
.test-sample-section .test-spl-l-box{padding-right: var(--px-96);}  
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{z-index: 999;}
.input-box br{display:none}
.checkbox-wrap span{margin-left: 0}

.input-box input, .input-box select, .input-box textarea{font-size: var(--px-16); font-weight: 500; font-family: var(--josh); background-color: #F4F4F4;border: 1px solid rgba(131, 131, 131, 0.5); padding: var(--px-8) var(--px-16); width: 100%; border-radius: var(--px-6);}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{font-size: var(--px-16); font-weight: 500; font-family: var(--josh);}
.input-box input::placeholder, .input-box select::placeholder, .input-box textarea::placeholder{color: transparent; font-family: var(--josh); font-size: var(--px-16);}

.input-box label{position: absolute;
	top: var(--px-8);
    left: var(--px-18);
    z-index: 99;
    font-size: var(--px-16);
    font-weight: 500;
    font-family: var(--josh);
	color: #AFAFAF;
	pointer-events: none;
}
.mobile-wrap label{left: 80px}
.input-box label sup{color: rgba(255, 38, 39, 1)}
.input-box{margin-top: var(--px-8); position: relative}
.input-box.input-grid{display: grid; grid-template-columns: 1fr 1fr; gap: var(--px-8);}
.mobile-row{display: grid; grid-template-columns: var(--px-112) auto; gap: var(--px-6);}
.input-box.input-grid .inner-input .upload-file{position: relative;}
.input-box.input-grid .inner-input{position: relative;}
.input-box.input-grid span.dark-blue-txt{font-size: 12px;grid-column: 2 span;}
.input-box input[type="file"]{position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0;}
.input-box dd{font-size: var(--px-16);font-weight: 500;font-family: var(--josh);background-color: #F4F4F4;border: 0.5px solid #838383;padding: var(--px-8) var(--px-8);width: 100%;border-radius: var(--px-6); display: flex; align-items: center; justify-content: space-between;}
.input-box dd p{font-size: var(--px-16);font-weight: 500;font-family: var(--josh);}
.input-box .upload-file .wpcf7-form-control-wrap{position: static}
.input-box dd img{width: var(--px-12);}
.checkbox-wrap label p{display: grid;grid-template-columns: var(--px-18) auto;gap: var(--px-6);justify-content: center; margin-top: var(--px-12);}
.checkbox-wrap label{font-weight: 500; color: var(--dark-blue); font-size: var(--px-16);display: flex;
    align-items: center;
    gap: 6px;
    margin-top: var(--px-12);}
.test-sample-section .test-spl-r-box .theme-btn{background: transparent; margin-top: var(--px-12);margin-inline: auto;}
.test-sample-section .test-spl-r-box .theme-btn input{background: transparent; color: var(--dark-blue);    font-weight: 500;    font-family: var(--josh); line-height:1; width: 100%; text-transform: uppercase;}
.test-sample-section .test-spl-r-box .theme-btn:hover input{color: #FFFFFF;}
.test-sample-section .test-spl-r-box .theme-btn br{display: none}
.gdpr-box{font-weight: 500; font-family: var(--josh); background-color: #F4F4F4;border: 0.5px solid #838383; padding: var(--px-8) var(--px-16); width: 100%; border-radius: var(--px-6);}
.gdpr-box p{font-size: var(--px-16);}
.gdpr-box br{display: none;}
.test-sample-section .test-spl-r-box .theme-btn .wpcf7-spinner{position: absolute}
.wpcf7-not-valid-tip{font-size: var(--px-16)}
.input-box .iti{width: 100%}
.test-sample-section .test-spl-l-box{padding-right: 0; margin-right: var(--px-96);position: relative;}
.test-sample-section .test-spl-l-box .input-box{position: absolute; left: 0; right: 0; bottom: -9%;}
.test-sample-section .test-spl-l-box .input-box .view-heading{grid-column: 2 span; font-size: var(--px-24); font-weight: 500; font-family: var(--host-grotesk);}
#upload01{left: 11%;top: 5%;width: 44%;height: 35%;transform: rotate(74deg);overflow: hidden;position: absolute;background-color: #ccc;border-radius: var(--px-12);}
#upload01 span{transform: rotate(-90deg);display: block;height: 150%;width: 69%;position: absolute;transform-origin: 50% 34%;}
#upload01 span img{width: 100%;height: 100%;object-fit: cover;}

#upload02{left: 50%;top: 22%;width: 52%;height: 42%;transform: rotate(107deg);overflow: hidden;position: absolute;background-color: #ccc;border-radius: var(--px-12);}
#upload02:after{content:""; width: 100%; height: 100%; position:absolute; left:0; top:0; background-image: url("https://staticwebsite.in/vshapes/wp-content/uploads/2026/03/front_img_shadow-1.png"); background-size: 100%; background-repeat: no-repeat;}
#upload01:after{content:""; width: 100%; height: 100%; position:absolute; left:0; top:0; background-image: url("https://staticwebsite.in/vshapes/wp-content/uploads/2026/04/Front-Effect-overlay2-1.png");  background-size: 100%; background-repeat: no-repeat;}
#upload02 span{transform: rotate(-90deg);display: block;height: 150%;width: 69%;position: absolute;transform-origin: 50% 34%;}
#upload02 span img{width: 100%;height: 100%;object-fit: cover;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{display: none}

.platform-section .md-container{display: grid;grid-template-columns: auto 53%; align-items: flex-end;}
.platform-section .platform-l-box{overflow: hidden; padding-right: var(--px-64);}
.platform-section .platform-l-box .platform-l-slider{margin-top: var(--px-32); width: 91%; padding-right: 6px;}
.platform-section .platform-l-box .platform-l-slider .theme-btn{margin-top: var(--px-48);}
.platform-r-slider .slick-arrow{bottom: calc(var(--px-80) * -1);}
.platform-r-slider{position: relative; z-index: 9;} 
.platform-r-slider .slick-arrow.slick-arrow.slick-prev{left: 0;}
.platform-r-slider .slick-arrow.slick-arrow.slick-next{left: var(--px-68);}

.platform-r-slider .slick-track {transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.platform-r-slider .slick-slide{height: 100%;position: relative; z-index: 1;border-radius: var(--px-32);overflow: hidden}
.platform-r-slider .slick-slide img {width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); border-radius: var(--px-32);}
.platform-r-slider .slick-slide.slick-active img{transform: scale(1);}

.machine-video-section video{width: 90%;border-radius: var(--px-60);margin: 0 auto;display: block;}


/* Swiper Container */
.vertical-gallery-slider{width: 95%;margin: 0 auto;margin-top: var(--px-36); padding: var(--px-68) 0; z-index:9}
.vertical-gallery-slider img{width: 100%;border-radius: 20px;}

.vertical-gallery-slider .vertical-gallery-slide {width: 95%;position: relative;border-radius: var(--px-36);display: flex;justify-content: center;align-items: center;font-size: 40px;color: white;transition: 0.5s; overflow: hidden}
.vertical-gallery-slider img{width: 100%;height: 100%;object-fit: cover;}
.vertical-gallery-slider .vertical-gallery-slide h5{font-size: var(--px-32); font-weight: 700; color: #FFFFFF; position: absolute; bottom: 11%; left: 5%; z-index:99}

.vertical-gallery-slider .vertical-gallery-slide:before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%; background: linear-gradient(180deg, rgba(0, 50, 78, 0) 0%, #2F2F2F 100%);
;border-radius: var(--px-24); z-index: 9;}
.vertical-slider-section .slick-next{right: -6%;bottom: 34%; transform: translateY(-50%) rotate(-90deg);}
.vertical-slider-section .slick-prev{right: -6%;top: 42%; transform: rotate(90deg); left: unset;}

.vertical-gallery-slider .slick-track{transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.vertical-gallery-slider .vertical-gallery-slide{height: 100%;position: relative;z-index: 1;}
.vertical-gallery-slider .vertical-gallery-slide  img {width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); border-radius: var(--px-32);}
.vertical-gallery-slider .slick-slide.slick-active img {transform: scale(1);}

.vertical-slider-wrapper{position: relative;}
.vertical-first-t-box, .vertical-first-b-box{width: 75%; height: 50%; background: rgba(11, 121, 190, 0.1); position: absolute; left: 0; right:0; margin: 0 auto; border-radius: var(--px-36);}
.vertical-first-t-box{top: 0%}
.vertical-first-b-box{bottom: 0%}

.vertical-second-t-box, .vertical-second-b-box{width: 84%; height: 60%; background: rgba(11, 121, 190, 0.22); position: absolute; left: 0; right:0; margin: 0 auto; border-radius: var(--px-36);}
.vertical-second-t-box{top: 3.5%;}
.vertical-second-b-box{bottom: 3.5%}


.vertical-third-t-box, .vertical-third-b-box{width: 90%; height: 70%; background: rgba(11, 121, 190, 0.49); position: absolute; left: 0; right:0; margin: 0 auto; border-radius: var(--px-36);}
.vertical-third-t-box{top: 7.5%;}
.vertical-third-b-box{bottom: 7.5%}



/* ------------------------------ */

/* slider-acrd-section */
.slider-acrd-section .container{display: grid;grid-template-columns: 43% 57%;align-items: center;}
.slider-acrd-section .spec-l-box{padding-right: var(--px-92); }
.slider-acrd-section .food-slider{overflow: hidden; z-index: 9} 
.slider-acrd-section .food-slider .slick-slide{transform: scale(0.7); transition: .4s all ease;}
.slider-acrd-section .food-slider .slick-slide.slick-current{transform: scale(1);}
.slider-acrd-section .spec-l-box .common-bg .span01, .slider-acrd-section .spec-l-box .common-bg .span02{width: 67%; height: 50%; }
.slider-acrd-section .spec-l-box .common-bg .span01{left:0; top: 5%; background: rgba(11, 121, 190, 0.49)}
.slider-acrd-section .spec-l-box .common-bg .span02{left: unset; right: 0; bottom: 9%; background: rgba(146, 146, 146, 0.24)}
.food-slider .slick-dots{margin-top: var(--px-32)}
.slider-acrd-section .spec-acrd-box{margin-top: var(--px-32)}
.slider-acrd-section .spec-r-box{padding-left:  var(--px-100)} 

/* possibilities-section */
.possibilities-section .xl-container{display: grid; padding: var(--px-88) var(--px-64); grid-template-columns: 51% auto; background: linear-gradient(0.4deg, #EAF8FE 0.37%, rgba(196, 230, 255, 0.65) 266.68%); background-blend-mode: multiply; border-radius: var(--px-60);}
.possibilities-section .poss-l-box img{width: 100%; border-radius: var(--px-28);} 
.possibilities-section .poss-r-box{padding-left: var(--px-48); padding-right: 0%;}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner{padding: var(--px-16) var(--px-20); border-radius: var(--px-16) var(--px-16) 0 0; cursor: pointer;display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;}
.possibilities-section .poss-r-box .tab-header-box{display: grid;grid-template-columns: repeat(4, max-content); width: 95%; margin: 0 auto; margin-top: var(--px-28);}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner svg{fill: #A9A9A9; width: var(--px-60);margin: 0 auto;display: block;height: var(--px-60);}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner p{color: #A9A9A9; text-align: center; margin-top: var(--px-6);}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active svg{fill: #FFFFFF !important;}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active svg path, .possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active svg line{stroke: #A9A9A9  !important;}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active svg path, .possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active svg line{stroke: #FFFFFF !important; fill: #FFFFFF;}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active{background: var(--dark-blue);}
.possibilities-section .poss-r-box .tab-header-box .tab-head-inner.active p{color: #FFFFFF;}

.possibilities-section .poss-r-box .tab-container ul li{color: #FFFFFF; position: relative;}
.possibilities-section .poss-r-box .tab-container ul li::before{content: ""; width: var(--px-16); height: var(--px-16); background-image: url(../img/list-style-icon.png);display: block;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);left: calc(var(--px-32) * -1);}
.possibilities-section .poss-r-box .tab-container ul{display: grid; grid-template-columns: repeat(2, max-content); column-gap: var(--px-68); row-gap: var(--px-12);} 
.possibilities-section .poss-r-box .tab-container{background: var(--dark-blue); margin-top: -5px; position: relative;  border-radius: var(--px-16); display:  none;}
.possibilities-section .poss-r-box .tab-container.active{display: block;}
.possibilities-section .poss-r-box .tab-container .tab-box{padding: var(--px-32) var(--px-72);}

.two-img-section .md-container{display: grid;grid-template-columns: 1fr 1fr;gap: var(--px-24);}
.two-img-section .inner-img-box{position: relative;border-radius: var(--px-16); overflow: hidden;}
.two-img-section .inner-img-box img{height: 100%; width: 100%;}
.two-img-section .inner-img-box .inner-content-box{position: absolute; left: var(--px-48); bottom: var(--px-32); z-index: 9; transform: translateY(75%); transition: .3s transform linear;}
.two-img-section .inner-img-box::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(178.01deg, rgba(11, 121, 190, 0) 35%, #064076 92.83%); transform: translateY(24%); transition: .3s transform linear;}
.two-img-section .inner-img-box:hover .inner-content-box p{opacity: 1;}
.two-img-section .inner-img-box .inner-content-box .heading03{color: #FFFFFF;}

@media (hover: hover) {

	.two-img-section .inner-img-box:hover .inner-content-box{transform: translateY(0);}
	.two-img-section .inner-img-box:hover::after{transform: translateY(0%);}
}



.two-img-section .inner-img-box .inner-content-box .heading03{transition: .3s all ease;}
.two-img-section .inner-img-box .inner-content-box p{color: #FFFFFF; width: 80%; opacity: 0; transition: .3s all ease;}


.tech-wrapper{position: relative; margin-top: var(--px-64); border-radius: var(--px-60); overflow: hidden;}
.tech-wrapper img{width: 100%; height: 100%;}
.tech-wrapper .packaging-box{position: relative;clip-path: polygon(70% 0, 100% 0%, 100% 100%, 60% 100%);transition: .6s all ease;}
.tech-wrapper .packaging-box{position: absolute; top: 0; right: 0; bottom: 0; z-index: 9;}
.tech-wrapper .packaging-box:after{content: ""; width: 100%; height: 100%; right: 0; bottom: 0; top: 0; background-color: #98DFFF; opacity: 87%; position: absolute;  }
.tech-wrapper .packaging-box:hover{clip-path: polygon(33% 0, 100% 0%, 100% 100%, 24% 100%);}
.tech-wrapper .machine-box .tech-content{position: absolute; bottom: var(--px-60); left: var(--px-60);}
.tech-wrapper .machine-box .tech-content .machine-heading{font-size: var(--px-148); font-weight: 800; font-family: var(--host-grotesk); color: #ffffff4d; transition: .5s all ease;}
.tech-wrapper .machine-box .tech-content p{color: #FFFFFF;}
.tech-wrapper .machine-box .tech-content .theme-btn{margin-top: var(--px-32);}
.tech-wrapper .packaging-box .tech-content{position: absolute;right: 3%;bottom: 72px;z-index: 9; width: 30%;}
.tech-wrapper .packaging-box .tech-content .heading02{color: #FFFFFF;}
.tech-wrapper .packaging-box .tech-content p{color: #FFFFFF; transition: opacity .3s linear; display: none; margin-top: var(--px-18)}
.tech-wrapper .packaging-box:hover + .machine-box .machine-heading{font-size: var(--px-72);}
.tech-wrapper .packaging-box:hover + .machine-box p, .tech-wrapper .packaging-box:hover + .machine-box .theme-btn{opacity: 0; height: 0; visibility: hidden;}
.tech-wrapper .packaging-box:hover .tech-content p{display: block;}
.tech-wrapper .packaging-box:hover .tech-content .heading02{font-size: var(--px-108);}
.tech-wrapper .packaging-box:hover .tech-content{width: 65%;}


/* ---------------------------------------------------------------------- */
.modern-section .lg-container{display: grid; grid-template-columns: 41% 57%; align-items: self-end; padding-top: var(--px-20);}
.modern-section .modern-l-box img{width: 100%; border-radius: var(--px-32);    position: relative;
    z-index: 9;}
.modern-section .modern-r-box{padding-left: var(--px-68);}
.modern-section .modern-r-box .theme-btn{margin-top: var(--px-76);}
.modern-section .modern-r-box p{margin-top: var(--px-20);}

.features-section .xl-container{padding: var(--px-44) var(--px-100) var(--px-80); mix-blend-mode: darken; border-radius: var(--px-60); background-color: #E0F6FF;}
.features-section .feature-slider{margin: auto; margin-top: var(--px-80);}
.features-section .feature-slider .machine-text{border: 1px solid #DADADA; background-color: #FFFFFF; padding: var(--px-12) var(--px-52); border-radius: var(--px-48); margin: 0 var(--px-22); display: flex; align-items: center}
.features-section .feature-slider .machine-text p{color: #12141D; font-weight: 600;}
.features-section .feature-slider .machine-text:nth-child(even){background: var(--l-gradient);}
.features-section .feature-slider .machine-text:nth-child(even) p{color: #FFFFFF;}
.features-section .feature-slider.slick-slider .slick-track, .features-section .feature-slider.slick-slider .slick-list{display: flex;}
.features-section .feature-slider .slick-arrow{top: 50%; }
.features-section .feature-slider .slick-arrow.slick-next{right: calc(var(--px-76) * -1); transform: translateY(-50%) rotate(180deg);}
.features-section .feature-slider .slick-arrow.slick-prev{left: calc(var(--px-76) * -1); transform: translateY(-50%);}


.who-is-it-for-section .who-is-it-for-slider{margin-top: var(--px-60);}
.who-is-it-for-section .who-is-it-for-slider .inner-slide{position: relative; border-radius: var(--px-36); overflow: hidden; margin: 0 var(--px-8);}
.who-is-it-for-section .who-is-it-for-slider .inner-slide p{position: absolute; font-weight: 600; padding: var(--px-16); background: var(--r-gradient); color: #FFFFFF; left: 0; right: 0; text-align: center; z-index: 9;}
.who-is-it-for-section .who-is-it-for-slider .inner-slide:nth-child(even) p{bottom: 0; top: unset;}
.who-is-it-for-section .who-is-it-for-slider .inner-slide:nth-child(even){margin-top: var(--px-72);}
.who-is-it-for-section .who-is-it-for-slider .inner-slide img{transition: .3s all ease; width: 100%;}
.who-is-it-for-section .who-is-it-for-slider .inner-slide:hover img{transform: scale(1.1);}


.technical-section .technical-wrapper{margin-top: var(--px-200);position: relative;}   
.technical-section .technical-wrapper thead tr{background-color: #A7D8F0;}
.technical-section .technical-wrapper thead tr th{padding: var(--px-22); width: 50%; font-size: var(--px-28); color: var(--dark-blue); font-weight: 800; background-color: #A7D8F0;}
.technical-section .technical-wrapper thead tr th:first-child{border-bottom-left-radius: var(--px-16);}
.technical-section .technical-wrapper thead tr th:last-child{border-top-right-radius: var(--px-16);}
.technical-section .technical-wrapper table{border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: var(--px-36);}
.technical-section .technical-wrapper th, .technical-section .technical-wrapper td {padding: 0;margin: 0; text-align: center;}
.technical-section .technical-wrapper td:first-child{color: #FFFFFF;}
.technical-section .technical-wrapper td{padding: var(--px-22); font-size: var(--px-22); font-weight: 700 ;}
.technical-section .technical-wrapper tr:nth-child(even) td{background-color: rgba(208, 236, 244, 45%);}
.technical-section .technical-wrapper tr:nth-child(even) td:first-child{border-radius: var(--px-24) 0 0 var(--px-24);}
.technical-section .technical-wrapper tr:nth-child(even) td:last-child{border-radius: 0 var(--px-24) var(--px-24) 0;}
.technical-section .technical-wrapper:before{content: "";display: block;width: 50%;position: absolute;background: var(--r-gradient);top: calc(var(--px-100) * -1); bottom: 0; left: 0; z-index: -9; border-radius: 0 var(--px-172) 0 0;}
.technical-section .technical-wrapper thead{position: sticky; top: 0;}
.technical-section .technical-wrapper .table-wrapper{max-height: 600px;overflow-y: scroll;width: 97%;margin: 0 auto;}


.compliant-section .compliant-wrapper{display: flex; justify-content: center; align-items: center; gap: var(--px-60); margin-top: var(--px-52);}
.compliant-section .compliant-wrapper .compliant-box .img-box{width: var(--px-200); height: var(--px-200); display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 16.3px -1px #0000002B; background: #DBF3FE; border-radius: var(--px-18);}
.compliant-section .compliant-wrapper .compliant-box p{font-size: var(--px-24); font-weight: 500; margin-top: var(--px-16); text-align: center;}
.compliant-section .compliant-wrapper .compliant-box .img-box img{width: 70%;     mix-blend-mode: darken;}

.support-wrapper{width: 60%; position: absolute; top: 50%; right: var(--px-68);transform: translateY(-50%);}
.support-wrapper .support-inner-wrapper{padding: var(--px-36);background: #F4FCFFD9;backdrop-filter: blur(30.899999618530273px); border-radius: var(--px-32); }
.support-section{position: relative;}
.support-wrapper .support-inner-box{display: flex; align-items: flex-end; gap: var(--px-32); margin-top: var(--px-20); }
.support-wrapper .support-inner-box p{font-size: var(--px-16); color: var(--dark-blue); font-weight: 700; margin-top: var(--px-6); display: flex; align-items: center; gap: var(--px-6);justify-content: center;}
/* .support-wrapper .support-inner-box p::after{content: ""; width: var(--px-16); height: var(--px-16); background-image: url(../img/blue-arrow.png); background-position: center; background-size: contain;     background-repeat: no-repeat;} */
.support-wrapper .support-inner-box img{margin: 0 auto; width: var(--px-72);}
.tab-header .lg-container{display: flex; gap: var(--px-40);}
.tab-header .theme-btn.active{background: var(--dark-blue); color: #FFFFFF;}
.tab-container{height: 0; opacity: 0; visibility: hidden; overflow: hidden;}
.tab-container.active{height: auto; opacity: 1; visibility: visible;}

.contact-newsletter .lg-container{display: flex; align-items: center; justify-content: center; padding: var(--px-80) 0; background-image: url(../img/newsletter-bg-img.png);background-size: cover;background-repeat: no-repeat;border-radius: var(--px-60); overflow: hidden;}
.contact-newsletter .contact-wrapper{width: 40%;}
.contact-newsletter .contact-wrapper p{color: #FFFFFF; margin-top: var(--px-16); text-align: center;}
.contact-newsletter .contact-wrapper form{margin-top: var(--px-40);}
.contact-newsletter .contact-wrapper form .theme-btn{margin-top: var(--px-28);margin-inline: auto;}
.contact-newsletter .contact-wrapper .heading02{color: #ffffff;}


/* .market-contact-section{margin-top: calc(var(--px-100) * -1);} */
.market-contact-section .form-wrapper .market-wrapper{padding:var(--px-52) var(--px-60);border-radius: var(--px-24);background: linear-gradient(0.4deg, #EAF8FE 0.37%, rgba(196, 230, 255, 0.65) 266.68%); margin-top: var(--px-36);}
.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-form-control.wpcf7-radio{display: grid; grid-template-columns:1fr 1fr; gap: var(--px-52); position: relative;}
.market-contact-section .form-wrapper .packaging-wrapper label{position: relative;cursor: pointer;}
.market-contact-section .form-wrapper .packaging-wrapper input{position: absolute; right: 0; left: 0; top: 0; bottom: 0; opacity: 0;}
.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-list-item{margin-left:0}
.segment-card .wpcf7-form-control-wrap{position: static}
.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-list-item-label{display: flex; align-items: center; border-radius: var(--px-24); background: #A6D6EC5E; padding: var(--px-52) var(--px-24) var(--px-52) var(--px-40); justify-content: space-between; height: 100%;color: #999999; font-size: var(--px-28); font-weight: 800; font-family: var(--josh);}

.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-list-item-label img{position: relative; margin-top: -40%;width: 56%; margin-bottom: -16%; filter: grayscale(1); transition: .3s all ease}
.market-contact-section .form-wrapper .packaging-wrapper input:checked + .wpcf7-list-item-label { background: var(--l-gradient); color: #fff;}
.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-list-item:hover input + .wpcf7-list-item-label{background: var(--l-gradient); color: #fff;}
.market-contact-section .form-wrapper .packaging-wrapper input:checked + .wpcf7-list-item-label img {filter: grayscale(0);}
.market-contact-section .form-wrapper .packaging-wrapper .wpcf7-list-item:hover input + .wpcf7-list-item-label img{filter: grayscale(0); transform: translatey(-10px)} 

.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-form-control.wpcf7-radio{display: flex;gap: var(--px-16);justify-content: space-between; margin-top: var(--px-36); position: relative;}
.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item:first-child{ background: url(../img/healthcare.jpg);}

.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item:nth-child(2){ background: url(../img/food.jpg); }

.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item:nth-child(3){ background: url(../img/T&H.jpg);}

.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item:nth-child(4){ background: url(../img/Personal-care.jpg);}

.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--px-18); width: 25%; padding: var(--px-40) 0; height: var(--px-108);overflow: hidden; cursor: pointer; margin-left:0}
.market-contact-section .form-wrapper .market-wrapper .segment-wrapper input{height: 100%; width: 100%; position: absolute; left: 0; bottom: 0; right: 0; opacity: 0; top: 0;}
.market-contact-section .form-wrapper .market-wrapper .segment-wrapper label{position: absolute; top: 0%; left: 0; right: 0; bottom:0; font-size: var(--px-20); color: #FFFFFF; font-weight: 500; font-family: var(--josh); z-index: 9; display: flex; align-items: center; justify-content: center; cursor: pointer;text-align: center}
.market-contact-section .form-wrapper .market-wrapper .segment-wrapper .wpcf7-list-item:after{content:"";width: 100%; height: 100%; background: #262626B8; position: absolute; top: 0; right: 0;transition: .3s ease all}
.market-contact-section .form-wrapper .market-wrapper .wpcf7-list-item:has(input:checked)::after {background: #064076c7;}
.market-contact-section .form-wrapper .market-wrapper .wpcf7-list-item:hover::after{background: #064076c7;}

.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap.mt-60{width: 73%; margin-inline: auto;}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .heading03{font-size: var(--px-40)}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .heading03 span{color: #FF0000}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .contact-form .checkbox-wrap{justify-content: start;}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .contact-form .theme-btn{margin-inline: auto;margin-top: var(--px-52)}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .contact-form .theme-btn input{background: transparent; line-height: 1; color: var(--dark-blue);    text-transform: uppercase; font-family: var(--josh); font-weight: 500; width: 100%;}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .contact-form .theme-btn:hover input{color: #FFFFFF;    font-family: var(--josh); font-weight: 500;}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .contact-form .theme-btn .wpcf7-spinner{position: absolute;}
.market-contact-section .form-wrapper .market-wrapper .form-inner-wrap .input-box textarea {height: var(--px-112);resize: none;}
.input-box input:focus ,
.input-box textarea:focus {border-color: var(--dark-blue);background: #fff;}


.globe-section .xl-container {background: #ddeef8b8;border-radius: var(--px-60);padding: var(--px-20) var(--px-120);}
.globe-section .map-wrapper{position: relative;width: 75%; margin-top: var(--px-48); margin-inline: auto;}
.globe-section .map-wrapper .contact-map{width: 100%;display: block;}
.pin {position: absolute;transform: translate(-50%, -100%);}
.pin img {width: var(--px-20); height: auto; transition: transform 0.3s ease; transform: scale(1); transform-origin: bottom center; }
.lg-drop{opacity: 0;;position: absolute; left: 0; bottom: 0;}
/* .pin-img-big {width:var(--px-64);position: absolute;} */
.europe{top: 24%;left: 50%;}
/* .india {top: 36%;left: 16%;} */
.america {top: 36%;left: 16%;}
/* .europe {top: 67%;left: 26%;} */
.uk {top: 20%;left: 46%;}
.mea {top: 56%;left: 55%;}
.america1 {top: 42%;left: 61%;}
.india {top: 45%;left: 71%;} 
.globe-section .rd-bar{background: radial-gradient(87.41% 107.22% at 91.29% 97.08%, #0B77DC 0%, #064076 100%);color: #FFFFFFE4; padding: var(--px-6) var(--px-32);border-radius: var(--px-12);text-align: center;font-size: var(--px-20); margin-top: var(--px-12);}
.globe-section .location-grid{display: flex; row-gap: var(--px-12);column-gap: var(--px-12) ;margin-top:var(--px-12); flex-wrap: wrap; justify-content: center;}
.globe-section .location-grid .location-card {padding: var(--px-12) var(--px-24);border-radius: var(--px-18);border: 1px solid #ddd;cursor: pointer;transition: 0.3s linear; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.47); width: 31%;}

.globe-section .location-grid .location-card:hover{background: var(--l-gradient); border: none; box-shadow: 4px 6px 14.7px 0px rgba(0, 0, 0, 0.25);}
.globe-section .location-grid .location-card:hover p, .globe-section .location-grid .location-card:hover h4{color: #FFFFFF;}

.globe-section .location-grid .location-card span.bullet{font-weight: 800;}
.globe-section .location-grid .location-card h4 {font-size: var(--px-18);margin-bottom: var(--px-12);font-weight: 600; font-family: var(--josh);}
.globe-section .location-grid .location-card p {font-size: var(--px-18);margin-top: var(--px-8); font-weight: 400; font-family: var(--josh);     display: flex;
    align-items: flex-start;
    gap: 4px;}
/* .globe-section .location-grid .location-card:hover{background: var(--l-gradient);}
.globe-section .location-grid .location-card:hover h4{color: #FFFFFF;}
.globe-section .location-grid .location-card:hover p{color: #FFFFFF;} */

.globe-section .map-section input[type="radio"] {display: none;}
#india:checked ~ .map-wrapper .india .sm-drop,
#europe:checked ~ .map-wrapper .europe .sm-drop,
#uk:checked ~ .map-wrapper .uk .sm-drop,
#mea:checked ~ .map-wrapper .mea .sm-drop,
#america:checked ~ .map-wrapper .america .sm-drop {opacity: 0;
}
.globe-section .map-section input[type="radio"] {display: none;}
#india:checked ~ .map-wrapper .india .lg-drop,
#europe:checked ~ .map-wrapper .europe .lg-drop,
#uk:checked ~ .map-wrapper .uk .lg-drop,
#mea:checked ~ .map-wrapper .mea .lg-drop,
#america:checked ~ .map-wrapper .america .lg-drop {
  transform: scale(2.7); opacity: 1;
}

#india:checked ~ .location-grid label[for="india"],
#europe:checked ~ .location-grid label[for="europe"],
#uk:checked ~ .location-grid label[for="uk"],
#mea:checked ~ .location-grid label[for="mea"],
#america:checked ~ .location-grid label[for="america"] {
  background: var(--l-gradient);
  border: none;
  box-shadow: 4px 6px 14.7px 0px rgba(0, 0, 0, 0.25)
}

#india:checked ~ .location-grid label[for="india"] h4,
#europe:checked ~ .location-grid label[for="europe"] h4,
#uk:checked ~ .location-grid label[for="uk"] h4,
#mea:checked ~ .location-grid label[for="mea"] h4,
#america:checked ~ .location-grid label[for="america"] h4,
#india:checked ~ .location-grid label[for="india"] p,
#europe:checked ~ .location-grid label[for="europe"] p,
#uk:checked ~ .location-grid label[for="uk"] p,
#mea:checked ~ .location-grid label[for="mea"] p,
#america:checked ~ .location-grid label[for="america"] p {
  color: #fff;
}
.globe-section .map-wrapper .contact-map {
  display: none;
}

#europe:checked ~ .map-wrapper .europe-map,
#uk:checked ~ .map-wrapper .uk-map,
#india:checked ~ .map-wrapper .india-map,
#mea:checked ~ .map-wrapper .mea-map,
#america:checked ~ .map-wrapper .america-map {
  display: block;
}



        

/* Blog  Event */
.event-section .lg-container{display: grid; grid-template-columns: 75% auto; gap: var(--px-40);}
.event-section .lg-container .event-l-box{background: linear-gradient(0.4deg, #EAF8FE 0.37%, rgba(196, 230, 255, 0.65) 266.68%);
background-blend-mode: multiply; padding: var(--px-48) var(--px-24) var(--px-48) var(--px-68); border-radius: var(--px-40);}
.event-section .lg-container .event-l-box .event-top-box{display: grid; grid-template-columns: 47% auto; gap: var(--px-24);}
.event-section .lg-container .event-l-box .event-top-box .theme-btn{margin-top: var(--px-20); padding: var(--px-8) var(--px-20) var(--px-6) var(--px-20); font-size: var(--px-14);}
.event-section .lg-container .event-l-box .event-top-box + .blue-txt{margin-top: var(--px-20);}
.event-section .lg-container .event-l-box .event-top-box img{border-radius: var(--px-22)}
.event-inner-content{margin-top: var(--px-36);}
.event-inner-content h4{font-size: var(--px-32); font-weight: 700; color: var(--black);}
.event-inner-content .subtext{margin-top: var(--px-28); font-size: var(--px-24);margin-bottom: var(--px-40);}
.event-btm-sec{margin-top: var(--px-32);}
.event-btm-sec ul{margin-top: var(--px-20);}
.event-btm-sec ul li{padding-left: var(--px-56); position: relative;}
.event-btm-sec p{margin-top: var(--px-12)}
.event-btm-sec ul li::before{content: ""; width: var(--px-22); height: var(--px-22); background-image: url(../img/thumb-icon.png); position: absolute; left: 0; background-size: 100%;}
.event-section .scroll-box{overflow: auto; max-height: 90vh; padding-right: var(--px-36);}

.event-head-box{grid-column: 2 span;}
.event-head-box p{margin-top: var(--px-16);}
.news-r-box .related-events .theme-btn{font-size: var(--px-12); padding: var(--px-6) var(--px-8); min-width: auto; border-radius: var(--px-6); position: absolute; bottom: 0; right: 0; color: #135A82;}
.news-r-box .related-events .theme-btn:hover::after{transform: translate(-80%, -55%);}
.news-r-box .related-events{position: relative; margin-top: var(--px-20);}
.news-r-box .related-events:first-child{margin-top: 0;}
.news-r-box .related-events img{clip-path: polygon(0 0, 100% 0, 100% 80%, 67% 80%, 67% 100%, 0 100%); border-radius: var(--px-12);}
.news-r-box .view-more{color: #0B79BE; font-size: var(--px-16); margin-top: var(--px-44); display: block; text-align: center;}
.event-wrapper{display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: var(--px-32); gap: var(--px-36);}
.event-wrapper .event-box{display: grid; grid-template-columns: var(--px-56) auto; align-items: center; gap: var(--px-6); background: var(--l-gradient); padding: var(--px-12); border-radius: var(--px-18);}
.event-wrapper .event-box p{font-weight: 700; color: #FFFFFF; font-size: var(--px-18);}

.news-r-box .aside-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--px-32);}
.news-r-box .aside-head h4{font-size: var(--px-24); font-weight: 400;}
.news-r-box .aside-head h4 span{font-weight: 700;}



.hero-banner-section .sm-container{display: flex; align-items: center;align-items: flex-end; gap: var(--px-16); flex-wrap: wrap; z-index:9}
.hero-banner-section .sm-container .banner-content p{color: #1E1E1E; margin-top: var(--px-36);}
.hero-banner-section .sm-container .banner-content{width: 47%;}
.hero-banner-section .sm-container .banner-content .heading02, .hero-banner-section .sm-container .banner-content p, .hero-banner-section .sm-container .banner-content .theme-btn{opacity: 0;transform: translate3d(-300px, 0, 0); opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
.hero-banner-section .sm-container .banner-content .heading02.active, .hero-banner-section .sm-container .banner-content p.active, .hero-banner-section .sm-container .banner-content .theme-btn.active{opacity: 1;transform: translateZ(0);}
.hero-banner-section .sm-container .banner-content .theme-btn{margin-top: var(--px-80);}
.hero-banner-section .sm-container img{width: calc(50% - var(--px-16));}
.banner-video{display: none;}
.banner-video video{width: 100%;}

/* top scroll animation */
#scroll-container {position: fixed;top: 0;left: 0;overflow: hidden;}
#scroll-container img {width: 100%;height: 100%;}

#mobile-scroll-container{display: none;}

#scroll-container{opacity: 0;transform: translate3d(300px, 0, 0); opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
#scroll-container.active{opacity: 1;transform: translate3d(0, 0, 0);}


/*thank ypu page*/
.thankyou-content{ height: 100vh;max-width: 1000px;margin: 0 auto;align-items: center;justify-content: center;display: flex;}
.thankyou-content .wrapper-1{width: 100%;display: flex;flex-direction: column;justify-content:center;}
.thankyou-content .wrapper-2{padding: vra(--px-32);text-align: center;}
.thankyou-content .wrapper-2 .theme-btn{display: inline-block;text-decoration: none;margin: 0 auto;margin-top: var(--px-28);}


.error-msg{position: absolute; bottom: -18px; font-size: var(--px-16);color: #dc3232;}

.static-section .heading03{
	font-size: var(--px-36);
	color: var(--dark-blue);
	margin-top: var(--px-24);
}

.static-section p {
	margin-top: var(--px-12);
}

.static-section ul{
	padding-left: var(--px-24);
}

.static-section li{
	list-style-type: disc;
	margin-top: var(--px-4);
}