.steps-animation-section{padding:40px 0 16px;position:relative;width:100%;overflow:hidden}.steps-animation-section .steps-animation-section__inner{position:relative;display:flex;flex-direction:column;gap:24px}.steps-animation-section .steps-animation-section__content,.steps-animation-section .steps-animation-section__content .steps-animation-section__content-slider{width:100%}.steps-animation-section .steps-animation-section__content .steps-animation-section__content-slider .steps-animation-section__slide{width:100%;display:flex;flex-direction:column}.steps-animation-section .steps-animation-section__title{margin-bottom:87px;max-width:332px;font-size:34px;color:var(--custom-color-black)}.steps-animation-section .steps-animation-section__step{margin-bottom:12px;font-family:Overused Grotesk,sans-serif;font-size:24px;font-weight:500;line-height:110%;color:var(--custom-color-black)}.steps-animation-section .steps-animation-section__description{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:150%;color:#000000b3}.steps-animation-section .steps-animation-section__images .steps-animation-section__images-slider{width:100%;overflow:visible}.steps-animation-section .steps-animation-section__image{margin:0 -15px;aspect-ratio:375/320;background-color:var(--custom-color-dark-beige)}.steps-animation-section .steps-animation-section__image img{width:100%;height:100%;object-fit:contain;display:block}.steps-animation-section .swiper-pagination{margin-top:32px;position:static;display:flex;gap:4px}.steps-animation-section .swiper-pagination .swiper-pagination-bullet{position:relative;margin:0;max-width:66px;width:auto;height:2px;flex-grow:1;border-radius:16px;opacity:1;background-color:transparent}.steps-animation-section .swiper-pagination .swiper-pagination-bullet:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--custom-color-black, #000);opacity:.1}.steps-animation-section .swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:var(--bullet-progress,0%);background-color:var(--custom-color-black, #000)}.steps-animation-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--custom-color-black, #000)}@media screen and (min-width: 768px){.steps-animation-section .steps-animation-section__image{margin:0 -32px;aspect-ratio:375/320}}@media screen and (min-width: 990px){.steps-animation-section{padding:0;width:100%;display:flex}.steps-animation-section .page-width{padding:0;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center}.steps-animation-section .steps-animation-section__inner{height:100svh;flex-direction:row-reverse;align-items:center;gap:0}.steps-animation-section .steps-animation-section__content{padding:24px;width:50%;height:100%;display:flex;flex-direction:column}.steps-animation-section .steps-animation-section__step{margin-top:auto;margin-bottom:24px;font-size:32px}.steps-animation-section .steps-animation-section__images{width:50%;height:100%;display:flex;align-items:center;overflow:hidden}.steps-animation-section .steps-animation-section__content .steps-animation-section__content-slider,.steps-animation-section .steps-animation-section__images .steps-animation-section__images-slider{height:100%}.steps-animation-section .steps-animation-section__images .steps-animation-section__slide{display:flex}.steps-animation-section .steps-animation-section__images .steps-animation-section__image{margin:0;width:100%;aspect-ratio:1/1}.steps-animation-section .steps-animation-section__title{margin-bottom:0;font-size:36px;text-align:start}.steps-animation-section .steps-animation-section__description{max-width:520px}.steps-animation-section .swiper-pagination{margin-top:48px}.steps-animation-section .swiper-pagination .swiper-pagination-bullet{max-height:66px}.steps-animation-section .swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:var(--bullet-progress,0%);height:100%;background-color:var(--custom-color-black, #000)}.steps-animation-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent}}@media (min-width: 1200px){.steps-animation-section .steps-animation-section__content{padding:48px}.steps-animation-section .steps-animation-section__title{font-size:48px}.steps-animation-section .steps-animation-section__description{font-size:20px;line-height:140%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-steps-animation.css.map */
