.image-with-box-animation .image-with-box-anim-header h2{margin:0;line-height:1.3;letter-spacing:0;text-align:center}.image-with-box-animation .image-with-box-anim-header div *{letter-spacing:0;text-align:center;margin:10px 0 0}.image-with-box-animation .image-with-box-anim-wrapper{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px}.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block{flex:0 0 33.33%;max-width:calc(33.33% - 20px * 2 / 3)}.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block.img_block svg,.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block.img_block img{width:100%;display:block;height:100%;object-fit:cover;border-radius:20px}.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block .image-with-content-block img{width:auto;display:block;height:55px}.image-with-box-animation .image-with-content-block{background-size:calc(100% + 4px) calc(100% + 4px);border-radius:20px;border:1px solid #66c379}.image-with-box-block .image-with-content-block{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:55px;gap:37px}.image-with-box-animation .image-with-content-block h3,.image-with-box-animation .image-with-content-block div *{margin:0;letter-spacing:0;line-height:1.3}.image-with-box-animation .image-with-content-block div *{line-height:1.8}.image-with-box-animation .image-with-content-block:nth-child(2),.image-with-box-animation .image-with-content-block:nth-child(3),.image-with-box-animation .image-with-content-block:nth-child(4),.image-with-box-animation .image-with-content-block:nth-child(5){opacity:0;transition:all .6s ease}.image-with-box-animation .image-with-content-block:nth-child(2){transform:translate(-50%)}.image-with-box-animation .image-with-content-block:nth-child(3){transform:translate(-100%);transition:all .7s ease}.image-with-box-animation .image-with-content-block:nth-child(4){transition:all .7s ease;transform:translate(100%)}.image-with-box-animation .image-with-content-block:nth-child(5){transform:translate(50%)}.image-with-box-animation .image-with-box-block.active{opacity:1;transform:translate(0)}@media (max-width: 1200px){.image-with-box-block .image-with-content-block{padding:30px;gap:20px}.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block .image-with-content-block img{height:44px}}@media (max-width: 989px){.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block{flex:0 0 auto;max-width:100%;height:auto}.image-with-box-block .image-with-content-block{padding:0 30px;height:100%}.image-with-box-animation .image-with-box-anim-wrapper .image-with-box-block .image-with-content-block img{margin-top:30px}.image-with-box-animation .image-with-content-block div{margin-bottom:30px}.image-with-box-animation .image-with-content-block:nth-child(2),.image-with-box-animation .image-with-content-block:nth-child(3),.image-with-box-animation .image-with-content-block:nth-child(4),.image-with-box-animation .image-with-content-block:nth-child(5){opacity:1;transition:all .6s ease;transform:translate(0)}.image-with-box-animation .image-with-box-anim-wrapper{gap:0}.image-with-box-animation .swiper-button-pagination{width:100%;display:flex;margin-top:20px;gap:5px}.image-with-box-animation .swiper-button-pagination span.swiper-pagination-bullet{height:5px;background:#2d2d2d;border-radius:5px;flex:1 1 100%;opacity:1}.image-with-box-animation .swiper-button-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#2a5b32}.image-with-box-animation .swiper-button-next:after,.image-with-box-animation .swiper-button-prev:after{content:unset}.image-with-box-animation .swiper-button-next svg,.image-with-box-animation .swiper-button-prev svg{width:16px}.image-with-box-animation .swiper-button-prev svg{transform:rotate(180deg)}.image-with-box-animation .swiper-button-next,.image-with-box-animation .swiper-button-prev{height:42px;width:42px;border-radius:50%;background:#ffffff52;display:flex;align-items:center;justify-content:center}.image-with-box-animation .swiper-button-next{right:0}.image-with-box-animation .swiper-button-prev{left:0}.image-with-box-animation .swiper-button-next:hover,.image-with-box-animation .swiper-button-prev:hover{background:#2a5c34}}@media (max-width: 767px){.image-with-box-animation .image-with-box-anim-wrapper{margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/image-with-box-animation.css.map */