.how-it-works-section{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:50px;width:100%}.section-title{text-align:center;font-family:Poppins;font-size:clamp(35px,3vw,55px);font-style:normal;font-weight:400;line-height:122%;margin:0}.how-it-works__wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:100px}.how-it-works-card{text-align:center;display:flex;flex-direction:column;row-gap:50px;width:100%}.hiw-image-wrapper{position:relative;width:100%}.hiw-image-wrapper img{width:100%;height:auto;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.hiw-step-number{display:flex;justify-content:center;align-items:center;width:112px;height:112px;color:#fff;z-index:2;border:10px solid #fff;font-family:Poppins;font-size:29px;font-style:normal;font-weight:800;line-height:122%;letter-spacing:-.591px;text-transform:capitalize;position:absolute;bottom:-35px;left:50%;transform:translate(-50%);border-radius:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.hiw-card-content{display:flex;flex-direction:column;row-gap:2px}.hiw-card-title{color:#3b3b39;text-align:center;font-family:Poppins;font-size:27px;font-style:normal;font-weight:800;line-height:122%;letter-spacing:-.54px;text-transform:capitalize;margin:0;min-height:66px;display:flex;align-items:center;justify-content:center}.hiw-card-subtitle{color:#000;text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:400;line-height:122%;letter-spacing:-.48px}@media screen and (max-width: 1100px){.how-it-works-section{row-gap:32px}.how-it-works-swiper-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;gap:15px}.how-it-works-card{row-gap:45px}.hiw-step-number{width:95px;height:95px}.how-it-works__swiper{width:100%;height:100%}.how-it-works-swiper-container .swiper-button-next:after,.how-it-works-swiper-container .swiper-button-prev:after{content:""}.how-it-works-swiper-container .swiper-button-next,.how-it-works-swiper-container .swiper-button-prev{width:21px;height:35px;position:relative}.how-it-works-swiper-container .swiper-button-next{right:0}.how-it-works-swiper-container .swiper-button-prev{left:0}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/how-it-works-pdp.css.map */