.infographics{width:100%}.infographics .desktop-intro{width:100%;margin:auto;display:flex;flex-direction:column}.infographics .mobile-intro{padding-left:16px;padding-right:16px}.infographics .intro-heading{text-align:center}.infographics .intro-heading h2{font-size:40px;font-weight:300;line-height:1.2;margin-bottom:73px}.infographics .mobile-intro .mobile-intro--content,.infographics .desktop-intro .desktop-intro--content{width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.infographics .mobile-intro .mobile-intro--content{flex-direction:column;gap:2rem;margin:28px 0}.infographics .desktop-intro .desktop-intro--content .intro_main-image{padding:5rem 0;max-width:25vw;width:100%;position:relative}.infographics .intro_main-image .image_wrapper{position:relative}.infographics .main-image{width:100%;object-fit:cover;position:relative;z-index:3}.infographics .mobile-intro .mobile-intro--content .intro_main-image img,.infographics .desktop-intro .desktop-intro--content .intro_main-image img{height:auto}.curve_image{width:9vw}.curve_image.position-right.position-top{position:absolute;top:5.5rem;right:0;transform:translate(calc(100% - 30px),-100%);height:auto}.curve_image.position-left.position-top{position:absolute;top:5.5rem;left:0;transform:translate(calc(-100% + 30px),-100%);height:auto}.curve_image.position-left.position-middle{position:absolute;top:50%;left:0;transform:translate(calc(-100% + 30px),-100%);height:auto}.curve_image.position-right.position-middle{position:absolute;top:50%;right:0;transform:translate(calc(100% - 30px),-100%);height:auto}.curve_image.position-left.position-bottom{position:absolute;left:0;transform:translate(calc(-100% + 30px),-100%);height:auto;bottom:0}.curve_image.position-right.position-bottom{position:absolute;right:0;transform:translate(calc(100% - 30px),-100%);height:auto;bottom:0}.infographics .desktop-intro--content .description__item{position:absolute;display:flex;width:100%;max-width:25vw;height:fit-content;flex-direction:column;text-align:left}.infographics .mobile-intro--content .intro-descriptions{display:flex;flex-direction:column;overflow:hidden;width:100%}.infographics .mobile-description__item{margin:auto;display:flex;flex-direction:column;text-align:center}.infographics .description__item .item--title{font-size:28px;line-height:1.2;margin-bottom:4px}.infographics .description__item.position-top{top:0}.infographics .description__item.position-middle{top:50%;transform:translateY(-50%)}.infographics .description__item.position-bottom{bottom:0}.infographics .description__item.position-left{left:0;text-align:right}.infographics .description__item.position-left .item--description p{margin-left:auto}.infographics .description__item.position-right{right:0;text-align:left}.infographics .intro_extra--description{font-family:proxima-nova;font-size:15px;line-height:1.5;font-weight:300}.infographics .desktop-intro .item--description p{font-family:proxima-nova;font-weight:300;line-height:1.5;font-size:18px;width:80%}.infographics .mobile-intro .intro-extra--content,.infographics .desktop-intro .intro-extra--content{text-align:center}.infographics .mobile-intro .intro_extra--description{margin-top:20px}.infographics .desktop-intro .intro_extra--description{margin-top:28px}.infographics .desktop-intro .desktop-intro--content{margin-bottom:90px}.infographics .mobile-intro .item--title{font-size:24px;line-height:1.2;font-weight:300;margin-bottom:12px}.infographics .mobile-intro .intro-extra--content{gap:28px}.infographics .mobile-intro .mobile-description__item.swiper-slide-active{width:100%}.infographics .mobile-intro .mobile-description__item p{font-size:16px;font-family:proxima-nova;line-height:1.5;font-weight:300}.infographics .mobile-intro .mobile-description__item.swiper-slide-active .item--description{width:100%;margin:0 auto}.infographics .mobile-intro .swiper-pagination{position:static;width:auto;line-height:0}.infographics .mobile-intro .swiper-pagination .swiper-pagination-bullet-active{background:#424839}.infographics .swiper-controls{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:1.5rem}.infographics .swiper-btn{position:static;margin:0;height:27px}@media (min-width:1920px){.infographics .desktop-intro--content .description__item{max-width:31vw}.curve_image{width:6vw}}@media screen and (max-width: 1440px){.infographics .desktop-intro{padding:0 3rem}.curve_image{width:8vw}}@media screen and (max-width: 1120px){.curve_image{width:7vw}}@media (max-width:767px){.infographics .intro-heading h2{font-size:34px;margin-bottom:28px}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/infographics.css.map */