.benefits-grid{background-color:var(--background-color);color:var(--text-color);position:relative}.benefits-grid__container{display:flex;flex-direction:column;align-items:center;gap:40px}.benefits-grid__header{display:flex;flex-direction:column;align-self:center;justify-content:center;width:100%;gap:20px}.benefits-grid__title{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(26px,4vw,46px);line-height:normal;letter-spacing:0;text-align:center;text-transform:capitalize;margin:0;color:var(--title-color)}.benefits-grid__subtitle{font-weight:400;font-size:clamp(14px,1.5vw,16px);line-height:140%;letter-spacing:0;text-align:center;margin:0}.benefits-grid__layout{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.benefits-grid__column{display:flex;flex-direction:column;gap:20px;height:100%}.benefits-grid__main-visual{display:flex;justify-content:center}.benefits-grid__image{max-width:100%;height:auto;object-fit:contain}.benefits-grid__decorate-visual{max-width:210px;height:auto;position:absolute;top:15px;left:0}.benefits-grid__decorate-image{width:100%;height:100%}.benefit-card{background-color:var(--card-background);padding:30px;border-radius:var(--text-boxes-radius);border:1px solid rgb(var(--color-secondary-border));flex:1}.benefit-card__header{display:flex;align-items:center;gap:16px;margin-bottom:10px}.benefit-card__icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.benefit-card__title{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(18px,2vw,20px);line-height:normal;letter-spacing:0;margin:0;color:var(--title-color)}.benefit-card__description{font-family:var(--font-body-family);font-weight:400;font-size:clamp(14px,1.4vw,16px);line-height:140%;letter-spacing:0;margin:0}.benefits-grid__button-wrapper{display:flex;justify-content:var(--button-alignment);width:100%}@media(max-width:1024px){.benefits-grid__layout{grid-template-columns:1fr;gap:40px}.benefits-grid__decorate-visual{display:none}.benefits-grid__layout{gap:20px}.benefits-grid__header{gap:16px}.benefit-card{padding:20px;border-radius:10px}.benefits-grid__container{gap:20px}.benefits-grid__column{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-benefits.css.map */