.section--feature-benefits{width:100%;box-sizing:border-box;overflow:hidden}.section--feature-benefits .wrapper-custom1{display:flex;align-items:center;gap:40px;width:100%;margin:0 auto}.feature-benefits-left{flex:1;display:flex;flex-direction:column;gap:30px}.feature-benefits-right{flex:1;text-align:center;display:flex;justify-content:center;align-items:center}.feature-benefits-right img{max-width:100%;height:auto;display:block;margin:0 auto}.animate-fade{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.animate-fade.animate-active{opacity:1;transform:translateY(0)}.feature-benefit-section{display:flex;align-items:flex-start;gap:25px;position:relative;transition:all .3s ease}.feature-benefit-section:hover{transform:translate(5px)}.feature-benefit-section img{width:100px;height:100px;flex-shrink:0;object-fit:contain;transition:transform .3s ease}.feature-benefit-section:hover img{transform:scale(1.1)}.feature-benefit-section div span{display:block;font-weight:700;font-size:1.2rem;margin-bottom:8px;color:var(--color-heading, #333);position:relative}.feature-benefit-section div span:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:currentColor;transition:width .3s ease}.feature-benefit-section:hover div span:after{width:100%}.feature-benefit-section div p{margin:0;font-size:1rem;line-height:1.5;color:var(--color-body, #555)}@media screen and (max-width: 990px){.feature-benefit-section div span{font-size:1rem}.feature-benefit-section div p{font-size:.9rem}.feature-benefit-section img{width:80px;height:80px}}@media screen and (max-width: 768px){.section--feature-benefits .wrapper-custom1{flex-direction:column;gap:40px;padding:0 20px}.feature-benefits-right{order:-1;margin-bottom:20px;width:100%}.feature-benefits-right img{max-width:80%}.feature-benefit-section{gap:15px}.feature-benefit-section:hover{transform:translate(0)}}@media screen and (max-width: 480px){.feature-benefit-section{flex-direction:column;align-items:center;text-align:center}.feature-benefit-section img{margin-bottom:15px;display:inline-block}.feature-benefit-section div span:after{left:50%;transform:translate(-50%)}.feature-benefits-right img{max-width:100%}.feature-benefits-left{display:flex;flex-direction:column;align-items:center}.feature-benefit-section img{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-feature-benefits-grid.css.map */