.feature-animation{background-image:var(--background-img);background-position:center;width:100%;background-repeat:no-repeat;height:fit-content;background-size:cover;position:relative}.feature-animation .page-width{position:relative}.feature-animation .feature-title{color:var(--title-color);font-size:15.4688vw;font-family:Roboto Condensed Bold;text-align:center;line-height:1.2;letter-spacing:0;transform:translate(41.6667vw);opacity:0}.feature-animation .swiper-slide-active .feature-title{transform:translate(0);transition:all .9s;opacity:1}.feature-animation .main-feature-animated-content{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.feature-animation.active .feature-image img{transform:translateY(0);transition:all .9s;height:auto}.feature-animation .company-icon img{display:block;object-fit:cover;max-width:13.0208vw;height:auto}.feature-animation .feature-image{position:absolute;top:25%;left:50%;transform:translate(-45%,26.0417vw);opacity:0}.feature-animation .swiper-slide-active .feature-image{transform:translate(-45%);transition:all .9s;opacity:1}.feature-animation .feature-image img{transform:translateY(10.4167vw);transition:all .9s}.feature-animation .company-info .title-text{color:#fff;font-size:1.5625vw;font-family:Roboto Condensed Bold;line-height:1.2;padding:.625vw 0 .8333vw}.custom-pagination .swiper-image-pagination{display:flex;flex-direction:column;gap:.625vw;z-index:2}.feature-animation .company-info .desc{font-size:.9375vw;color:#fff;line-height:1.3;padding-bottom:1.0938vw}.feature-animation .company-info{margin-left:.4167vw;max-width:22.9167vw;width:100%;transform:translate(10.4167vw);transition:all 1s;opacity:0}.feature-animation .swiper-slide-active .company-info{transform:translate(0);transition:all 1s;opacity:1}.feature-animation .swiper-pagination-desktop{display:block!important;width:16.3021vw;height:.2083vw;background:#707070;position:relative;overflow:hidden}.feature-animation .flex-btn-with-progressbar{display:flex;align-items:center;justify-content:center;gap:1.5625vw;margin:0;margin-top:1.0417vw}.feature-animation .swiper-button-prev-desktop,.feature-animation .swiper-button-next-desktop{z-index:1}.feature-animation .flex-btn-with-progressbar svg{width:1.0417vw;height:1.0417vw}.feature-animation .flex-btn-with-progressbar .swiper-button-prev,.feature-animation .flex-btn-with-progressbar .swiper-button-next{position:unset;margin:0}.feature-animation .swiper-pagination-progressbar-fill{background:#fff}.feature-animation span.top-text{line-height:1;transform:translateY(0);transition:all .3s ease;opacity:1}.feature-animation .explore-button:hover span.top-text{transform:translateY(-2.6042vw);transition:all .3s ease;opacity:0}.feature-animation .explore-button:hover svg{transform:rotate(30deg);transition:all .3s ease}.feature-animation .explore-button svg{width:1.0417vw;filter:brightness(0);transition:all .3s ease}.feature-animation .explore-button svg line{stroke:#000}.feature-animation .explore-button svg path{fill:#000}.feature-animation span.bottom-text{position:absolute;transform:translateY(2.6042vw);transition:all .3s ease;line-height:1;opacity:0}.feature-animation .explore-button:hover span.bottom-text{transform:translateY(-200%);transform:translateY(0);transition:all .3s ease;opacity:1}.feature-animation .animation-text{display:flex;flex-wrap:wrap;flex-direction:column;position:relative;overflow:hidden}.feature-animation .explore-button{font-size:1.0417vw;color:var(--btn-font-color);text-decoration:none;padding:0 .8854vw;background:var(--btn-bck);line-height:1.2;text-transform:capitalize;max-width:6.9271vw;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5729vw;min-height:2.2917vw;position:relative}.feature-animation .explore-button:after{content:"";position:absolute;top:-.3125vw;right:-.3125vw;bottom:-.3125vw;left:-.3125vw;transition:all .2s;background:linear-gradient(var(--btn-bck),var(--btn-bck)) top left / .8854vw .1042vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top left / .1042vw .8854vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top right / .8854vw .1042vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top right / .1042vw .8854vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom left / .8854vw .1042vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom left / .1042vw .8854vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom right / .8854vw .1042vw no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom right / .1042vw .8854vw no-repeat}.feature-animation .explore-button:hover:after{top:-.2083vw;right:-.2083vw;bottom:-.2083vw;left:-.2083vw;transition:all .2s}.feature-animation .custom-pagination .swiper-image-pagination img{max-width:3.3333vw;height:100%;width:100%;object-fit:contain;margin:0 auto;text-align:center;align-items:center;justify-content:center;display:flex}.feature-animation .custom-pagination{display:flex;position:absolute;right:1.8229vw;bottom:4.3229vw;overflow:hidden}.feature-animation .pagination-icon{border-radius:.1042vw;background:#ffffff47;width:4.5313vw;height:4.5313vw;cursor:pointer}.feature-animation .pagination-icon.active{border:.1042vw solid #FFFFFF}.feature-animation .icon-with-text-with-pagination{transform:translateY(10.4167vw);opacity:0;transition:all 1s;padding-top:5.2083vw}.feature-animation.active .icon-with-text-with-pagination{transform:translateY(0);opacity:1;transition:all 1s}.feature-animation .swiper-image-pagination{display:flex;flex-direction:column;gap:.625vw;transform:translateY(10.4167vw);will-change:transform}.feature-animation.active .swiper-image-pagination{transform:translateY(0);transition:all .8s}.feature-animation .pagination-icon{transition:transform .5s ease;will-change:transform}.feature-animation .main-heading{transition:all .8s;opacity:0}.feature-animation.active .main-heading{transition:all .8s;opacity:1}.feature-animation .flex-btn-with-progressbar.mobile-only,.feature-animation .custom-pagination.mobile-only{display:none}@media(max-width:1520px){.feature-animation.active .feature-image img{max-width:28.9063vw;width:100%}}@media(max-width:1024px){.feature-animation .feature-title{font-size:10.4167vw}.feature-animation .feature-image{top:23%}}@media(max-width:991px){.feature-animation .feature-title{font-size:7.8125vw}}@media(max-width:768px){.feature-animation{background-image:var(--background-img-mob);height:81vh;padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.feature-animation .company-info .title-text{font-size:18px;line-height:1.223;margin:11px 0;padding:0}.feature-animation .explore-button{font-size:12px;line-height:1.25;padding:5px;max-width:90px;gap:4px;min-height:28px;height:28px;box-sizing:border-box}.feature-animation .explore-button svg{width:12px;height:12px}.feature-animation .explore-button:after{top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(var(--btn-bck),var(--btn-bck)) top left / 1px 10px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top left / 10px 1px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top right / 1px 10px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) top right / 10px 1px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom left / 1px 10px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom left / 10px 1px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom right / 1px 10px no-repeat,linear-gradient(var(--btn-bck),var(--btn-bck)) bottom right / 10px 1px no-repeat}.feature-animation .main-feature-animated-content{padding:0;height:calc(100% - 78px)}.feature-animation .company-info .desc{font-size:12px;margin:12px 0;padding:0;line-height:1.5}.feature-animation .feature-image{position:unset;transform:unset;transform:translate(-45%)}.feature-animation .feature-image img{width:100%}.feature-animation .explore-button{font-size:12px;line-height:1.25;padding:5px;max-width:90px;gap:4px;min-height:28px;height:28px;box-sizing:border-box;margin:4px}.feature-animation .company-icon img{width:100%;display:block;height:100%}.features-image-with-text-wrapper:nth-child(2) .company-icon img{max-width:46px}.features-image-with-text-wrapper:nth-child(3) .company-icon img{max-width:65px}.feature-animation .pagination-icon{width:48px;height:48px}.feature-animation .custom-pagination .swiper-image-pagination img{max-width:35px}.feature-animation .swiper-image-pagination{flex-direction:row;gap:10px;transform:translateY(0)}.feature-animation .company-info{margin-left:0;max-width:unset;width:100%}.feature-animation .feature-title{font-size:80px}.feature-animation .swiper-slide-active .feature-image{transform:translate(-50%);position:absolute;top:0;left:50%;max-width:var(--image-width-mobile);width:100%}.feature-animation .features-image-with-text-wrapper:first-child.swiper-slide-active .feature-image{top:50px}.feature-animation .features-image-with-text-wrapper:nth-child(3).swiper-slide-active .feature-image{top:10px}.feature-animation.active .feature-image img{max-width:100%;width:100%;display:block}.feature-animation .icon-with-text-with-pagination{padding:0 clamp(10px,1.05vw,20px);height:100%;display:flex;align-items:end}.feature-animation .flex-btn-with-progressbar.desktop-only{position:absolute;top:56%;left:50%;transform:translate(-50%,-56%);z-index:2;display:flex;align-items:center;width:100%;max-width:220px;gap:18px}.flex-btn-with-progressbar .swiper-button-next-desktop,.flex-btn-with-progressbar .swiper-button-prev-desktop{width:15px;height:15px}.feature-animation .flex-btn-with-progressbar svg{width:100%;height:100%;display:block}.feature-animation .swiper-pagination-desktop{width:100%;max-width:100%;height:3px}.feature-animation .company-icon img{max-width:140px}.feature-animation .custom-pagination.mobile-only{display:flex;position:unset;align-items:center;justify-content:center;padding-bottom:30px}.feature-animation .page-width{height:100%}.feature-animation .custom-pagination.desktop-only{display:none}.feature-animation .swiper-pagination-mobile{width:166px;height:3px;display:block!important;position:relative;overflow:hidden;background:#707070}.feature-animation.active .main-heading{height:100%}.features-image-with-text-wrapper{position:relative;height:unset;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.feature-animation .flex-btn-with-progressbar.mobile-only{position:absolute;left:50%;top:320px;transform:translate(-50%);margin:0;z-index:10}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/feature-animation.css.map */