.icon-with-content{padding-top:var(--desktop-padding-top);padding-bottom:var(--desktop-padding-bottom)}.icon-with-content-header h2.heading{font-size:var(--heading-size-desktop);color:var(--heading-color);text-align:var(--heading-text-align);line-height:1.4;margin:0;transform:translateY(100%);opacity:0;transition:all 1s ease}.icon-with-content-header h2.heading+.richtext{margin:20px auto 0}.icon-with-content-header .richtext{font-size:var(--richtext-size-desktop);color:var(--richtext-color);text-align:var(--richtext-text-align);line-height:1.5;max-width:1240px;margin:0;letter-spacing:0;transform:translateY(100%);opacity:0;transition:all 1s ease}.icon-with-content-header.active .richtext,.icon-with-content-header.active h2.heading{transform:translateY(0);opacity:1;transition:all 1s ease}.icon-with-content-header .richtext p{margin:0}.icon-with-content-header+.icon-with-content-body{margin-top:30px}.icon-with-content-list ul.swiper-wrapper{margin:0;padding:0;list-style:none;gap:22px}.icon-with-content-list{padding:1rem}.icon-with-content-list{--side-space: calc(100% - var(--page-width) + 100px);padding-left:calc(var(--side-space) / 2);padding-right:calc(var(--side-space) / 2)}.icon-with-content-list .swiper-button-next:after,.icon-with-content-list .swiper-button-prev:after{content:none}.icon-with-content-list .swiper-button-next,.icon-with-content-list .swiper-button-prev{width:75px;height:75px;border-radius:50%}.icon-with-content-list .swiper-button-prev svg{transform:rotate(180deg)}.icon-with-content-list .swiper-button-prev{--slider-left: calc(var(--side-space) / 2);left:calc(var(--slider-left) - 38px)}.icon-with-content-list .swiper-button-next{--slider-right: calc(var(--side-space) / 2);right:calc(var(--slider-right) - 38px)}.icon-with-content-header+.icon-with-content-body{margin-top:3rem}.icon-with-content-list .swiper-wrapper{display:flex;flex-wrap:wrap;height:unset}.icon-with-content-item .icon-wrapper{width:7.6rem;margin:0 auto}.icon-with-content-list li{background:#e8f0ea;box-shadow:0 3px 6px 1px #00000029;border-radius:15px;flex:0 0 33.33%;max-width:calc(33.33% - 3rem);margin:0 1.5rem 3rem}.icon-with-content-item .content-info{display:flex;flex-direction:column;gap:1.6rem;padding:5rem 2rem 3rem;height:100%;box-sizing:border-box}.icon-with-content-item{height:100%}.icon-with-content-item .icon-wrapper svg.placeholder-svg,.icon-with-content-item .icon-wrapper img{width:100%;height:100%;display:block;object-fit:contain;max-height:9.4rem}.icon-with-content-item h4.title{margin:0;font-size:26px;line-height:1.3;letter-spacing:0;color:#000;text-align:center}.icon-with-content-item .desc{font-size:16px;line-height:1.5;color:#000;text-align:center}.icon-with-content-item .desc p{margin:0}.icon-with-content-list.swiper-container-initialized .swiper-wrapper,.icon-with-content-list.swiper-initialized .swiper-wrapper{flex-wrap:unset;gap:0}.icon-with-content-list.swiper-container-initialized li,.icon-with-content-list.swiper-initialized li{margin:0;flex:unset;max-width:100%;flex-shrink:0;height:inherit}.icon-with-content-list .swiper-pagination{display:none;position:unset;margin-top:25px;gap:6px;align-items:center}.icon-with-content-list .swiper-pagination span.swiper-pagination-bullet{margin:0;flex:1 1 100%;border-radius:4px;height:5px;background:#e8f0ea;opacity:1}.icon-with-content-list .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#2a5c34}@media (max-width:1700px){.icon-with-content-list{padding-left:5rem;padding-right:5rem}.icon-with-content-list .swiper-button-prev{left:10px}.icon-with-content-list .swiper-button-next{right:10px}}@media (max-width:1200px){.icon-with-content-list .swiper-button-next,.icon-with-content-list .swiper-button-prev{width:60px;height:60px;border-radius:50%}}@media (max-width:749px){.icon-with-content{padding-top:var(--mobile-padding-top);padding-bottom:var(--mobile-padding-bottom)}.icon-with-content-header h2.heading{font-size:var(--heading-size-mobile)}.icon-with-content-header .richtext{font-size:var(--richtext-size-mobile);margin:5px auto 0}.icon-with-content-header+.icon-with-content-body{margin-top:30px}.icon-with-content-header h2.heading+.richtext{margin:14px auto 0}.icon-with-content-header+.icon-with-content-body{margin-top:10px}.icon-with-content-list{padding-left:2rem;padding-right:2rem}.icon-with-content-list .swiper-button-prev{left:0}.icon-with-content-list .swiper-button-next{right:0}.icon-with-content-item .icon-wrapper{width:5.6rem;margin:0 auto}.icon-with-content-item .content-info{gap:1.3rem;padding:4rem 1.4rem 1.5rem}.icon-with-content-item h4.title{font-size:18px}.icon-with-content-item .desc{font-size:14px}.icon-with-content-list .swiper-button-next,.icon-with-content-list .swiper-button-prev{width:54px;height:54px}.icon-with-content-list .swiper-pagination{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/icon-with-content.css.map */