.hero-slider{--color-foreground:#fff;--color-foreground-heading:#fff;--color-foreground-subheading:#fff;--slider-nav-height:120px;min-height:100vh}.hero-slider-wrapper{display:block}.slider-card{padding-block-start:var(--slider-nav-height);padding-block-end:var(--slider-nav-height);position:relative}.slider-card-custom{padding-block:180px 120px;position:relative}.with-floating-header .slider-card{padding-block-start:calc(var(--header-height) + 60px);padding-block-end:60px}.with-floating-header .slider-card-custom{padding-block-start:calc(var(--header-height) + 120px);padding-block-end:120px}.slider-card .content-box{max-width:772px}.slider-card-4 .content-box{max-width:1000px}.slider-card-4 .heading-color{--color-foreground-heading:#82b4ff}.slider-media{height:100%;display:flex}.slider-media img{object-fit:cover;width:100%;height:100%}.slider-nav{z-index:99;width:100%;height:var(--slider-nav-height);align-items:center;display:flex;position:absolute;bottom:0;left:0}.slider-nav .swiper-button-next,.slider-nav .swiper-button-prev{z-index:10;cursor:pointer;width:50%;height:inherit;color:var(--swiper-navigation-color);background-color:var(--swiper-navigation-background-color);border:none;border-top:1px solid var(--color-border);outline:none;justify-content:center;align-items:center;margin:0;transition:all .3s;display:flex;position:static}.slider-nav .swiper-button-next:hover,.slider-nav .swiper-button-prev:hover{color:var(--swiper-navigation-hover-color);background-color:var(--swiper-navigation-hover-background-color);border-top:1px solid var(--color-border-hover)}.slider-nav .swiper-button-next svg,.slider-nav .swiper-button-prev svg{width:32px;height:32px}hero-slider{display:flex}.slider-card{height:100%}.slider-animation>*{opacity:0;transition:opacity 1.5s .1s,transform 1.5s .1s;transform:translateY(100px)}.slider-animation>:nth-child(2){transition-delay:.3s}.slider-animation>:nth-child(3){transition-delay:.6s}.slider-animation>:nth-child(4){transition-delay:.8s}.swiper-slide-active .slider-animation>*{opacity:1;transform:translateZ(0)}.slider-media{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.slider-content{z-index:1;width:100%;height:100%;display:flex;position:relative}.slider-with-thumb .slider-card{align-items:center;min-height:100vh;display:flex}.slider-with-thumb .thumb-slider{max-width:400px;margin-block-start:0;padding-inline:0;position:absolute;bottom:24px;right:24px}.slider-with-thumb .thumb-slider .swiper{padding:24px}.slider-with-thumb .thumb-img{cursor:pointer;border-radius:100%;width:110px;max-width:110px;height:110px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.slider-with-thumb .swiper-slide-thumb-active .thumb-img{outline-offset:5px;outline:2px solid #fff}.slider-with-thumb .thumb-img img{object-fit:cover;height:inherit}.thumb-img:before{content:"";background:#0000004d;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.slider-with-thumb .swiper-slide-thumb-active .thumb-img:before{background:0 0}.slider-with-thumb .slider-card .content-box{max-width:840px}@media (max-width:1600px){.hero-slider{--slider-nav-height:80px}}@media (max-width:1280px){.hero-slider{--slider-nav-height:60px}.hero-slider-3{min-height:640px}}@media (max-width:767px){.slider-nav .swiper-button-next svg,.slider-nav .swiper-button-prev svg{width:28px;height:28px}.with-floating-header .slider-card{padding-block-start:calc(var(--header-height) + 40px);padding-block-end:40px}.slider-with-thumb .thumb-slider{max-width:340px;margin-block-start:-110px;margin-inline:auto;padding-block-start:40px;position:static}.slider-with-thumb .thumb-img{width:90px;max-width:90px;height:90px}}@media (max-width:1080px){.slider-card-custom{padding-block:90px 60px}.with-floating-header .slider-card-custom{padding-block-start:calc(var(--header-height) + 60px);padding-block-end:60px}}
.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{--swiper-navigation-size:44px;--swiper-navigation-color:#0f172a;--swiper-navigation-background-color:#fff;--swiper-navigation-hover-color:#fff;--swiper-navigation-hover-background-color:#c3ac74}.hero-banner{--padding-block-start:100px;--padding-block-bottom:100px;min-height:100vh;align-items:center;padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-bottom);display:flex;position:relative;overflow:hidden}.hero-banner-2{--color-secondary-button-border:#c3ac74;overflow:hidden}.hero-banner-2 .section-headings-left{max-width:560px}.hero-banner-2 .text-wrapper{align-items:flex-end;gap:6px;display:flex}.hero-banner-2 .text-wrapper .heading{line-height:.9}.hero-banner-2 .buttons{margin-top:40px}.hero-banner.with-floating-header{--padding-block-start:calc(var(--header-height) + 60px + 60px);--padding-block-bottom:calc(var(--header-height))}.hero-banner-2.with-floating-header{--padding-block-start:calc(var(--header-height) + 60px);--padding-block-bottom:0;padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-bottom)}.hero-banner .content>.buttons{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.hero-phone-call{color:var(--color-foreground);align-items:center;gap:14px;text-decoration:none;display:flex}.hero-phone-call svg{min-width:44px;height:44px}.banner-slider{display:block;position:relative}.hero-banner .main-img{border-radius:10px;position:relative}.thumb-slider{z-index:2;margin-block-start:-12%;padding-inline:12%;position:relative}.hero-banner .thumb-img{border-radius:10px;overflow:hidden}.hero-banner .thumb-img:before{content:"";cursor:pointer;background:0 0;border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.hero-banner .swiper-slide-thumb-active .thumb-img:before{content:"";background:var(--color-overlay);border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.hero-banner .thumb-img,.hero-banner .main-img img{object-fit:cover;height:100%}.hero-banner .main-img img{-webkit-mask-image:url(/img/slider/subtract.png);mask-image:url(/img/slider/subtract.png);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-banner.who-we-are .main-img img{-webkit-mask-image:url(/img/slider/subtract-2.png);mask-image:url(/img/slider/subtract-2.png);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-banner .banner-badge{z-index:2;border-radius:100%;width:24%;height:24%;position:absolute;top:12px;left:0}.hero-banner.who-we-are .banner-badge{left:auto;right:0}.hero-banner.who-we-are .banner-badge svg{width:100%}.hero-banner .banner-badge img{border-radius:inherit}.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);color:var(--swiper-navigation-color);background:var(--swiper-navigation-background-color);z-index:9;border-radius:100%;transition:all .3s}.hero-banner .swiper-button-prev:focus,.hero-banner .swiper-button-prev:hover,.hero-banner .swiper-button-next:focus,.hero-banner .swiper-button-next:hover{color:var(--swiper-navigation-hover-color);background-color:var(--swiper-navigation-hover-background-color)}.hero-banner .swiper-button-prev svg,.hero-banner .swiper-button-next svg{width:16px;height:16px}.hero-banner .swiper-button-prev{left:8.5%;right:auto}.hero-banner .swiper-button-next{left:auto;right:8.5%}.with-fixed-bg .slider-card{height:100vh;min-height:inherit}.with-fixed-bg .slider-media{clip-path:inset(0)}.with-fixed-bg .slider-media img{position:fixed}.text-banner{--color-background:#0f172a;--color-foreground:#fff;--color-foreground-heading:#fff;--color-foreground-subheading:#fff;--color-secondary-button-hover-border:#ffffff4d}.text-banner-inner{--padding:60px;padding:var(--padding);background-color:#1e293b}.text-banner .section-headings .text{max-width:1080px}.hero-banner-2 .banner-wrapper{min-height:720px;position:relative}.hero-banner-2 .running-content .content-inner{padding:20px 0}.hero-banner-2 .content-absolute{z-index:1}.hero-banner .counter-up{margin-block-start:40px}.hero-banner .counter-up .heading+.text{margin-block-start:16px}.hero-banner.who-we-are{padding:0;min-height:auto;padding-top:12px}.hero-banner-2.about-us-2 .content-box{--color-foreground:#fff;--color-foreground-heading:#fff;--color-border:#fff6;width:100%;padding:40px}.hero-banner-2.about-us-2 .content-box .section-headings{border-top:1px solid var(--color-border);margin-top:40px;padding-top:40px}.about-us-2-img-wrapper{border-radius:18px;display:flex;position:relative;overflow:hidden}.about-us-2-img-wrapper picture{width:100%}.about-us-2-img-wrapper picture img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.about-us-2-img-wrapper:hover picture img{transform:scale(1.04)}.about-us-2-overlay{opacity:0;color:#fff;--color-foreground:#fff;background:linear-gradient(#0000 0%,#000000bf 100%);border-radius:0 0 18px 18px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:64px 80px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(12px)}.about-us-2-img-wrapper:hover .about-us-2-overlay{opacity:1;transform:translateY(0)}.about-us-2-overlay__heading,.about-us-2-overlay__subheading{color:#fff}.hero-slider.height-auto{min-height:auto}@media (min-width:992px){.hero-banner.who-we-are .row{--bs-gutter-x:40px}}@media (max-width:1199px){.has-large-text .image-logo{width:96px;height:96px}}@media (max-width:991px){.banner-slider{margin-block-start:50px}.hero-banner-2 .section-headings-horizontal{flex-wrap:wrap;gap:30px}.hero-banner-2 .section-headings-left{max-width:100%}.about-us-2-overlay{padding:42px 60px}}@media (max-width:767px){.hero-banner{--padding-block-start:60px;--padding-block-bottom:60px}.text-banner-inner{--padding:40px 15px}.hero-banner.with-floating-header{--padding-block-start:calc(var(--header-height) + 40px)}.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{--swiper-navigation-size:36px}.hero-banner .swiper-button-prev svg,.hero-banner .swiper-button-next svg{width:14px;height:14px}.hero-banner .content>.buttons{flex-direction:column-reverse;align-items:flex-start}.hero-banner-2 .buttons{margin-top:30px}.has-large-text .image-logo{width:60px;height:60px}.running-content.has-large-text .content-item,.running-content.has-large-text .content-lists{gap:32px}.hero-banner.who-we-are .text-abs{font-size:36px}.hero-banner-2.about-us-2 .content-box{padding:24px 16px}.hero-banner-2.about-us-2 .content-box .section-headings{margin-top:32px;padding-top:32px}.about-us-2-overlay{padding:20px}}
.running-content .content-inner{background-color:var(--color-background,#fff0);overflow:hidden}.running-content-bg{--color-background:#0f172a1a}.running-content .logos-background{background-color:#f2f2f2;inset:0%}.running-content .content-lists{white-space:nowrap;justify-content:center;align-items:center;gap:80px;display:flex}.running-content .content-lists:hover{animation-play-state:paused}.content-item-img img{height:37px!important}.running-content .content-item{flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:80px;display:flex;position:relative}.running-content .content-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.running-animation{will-change:transform;animation:40s linear infinite scroll}.running-content .content-link img{object-fit:contain}.running-content.has-large-text .image-logo{width:50px;height:auto}.brand{position:relative}.brand-bg{background:#e7e7e7}.brand-logo{justify-content:center;align-items:center;display:flex}.brand-logo img{width:fit-content}.brand .product-grid{row-gap:40px}.running-content.has-bg .content-lists,.running-content.has-bg{--color-background:#0f172a;background:var(--color-background)}.running-content.has-bg .heading{--color-foreground-heading:#fff}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width:991px){.running-content .content-item,.running-content .content-lists{gap:60px}}@media (max-width:767px){.running-content .content-item,.running-content .content-lists{gap:48px}.running-animation{animation:20s linear infinite scroll}.running-content.has-large-text .image-logo{width:40px}}
