.service-feature{position:relative;width:100%;overflow:hidden;margin:0}.service-feature__container{display:grid;grid-template-columns:1fr;grid-template-areas:"media" "content";min-height:300px}.service-feature__container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--page-margin, 20px)}.service-feature__container.page-width{padding:0}.service-feature__media{grid-area:media;position:relative;width:100%;height:400px;overflow:hidden}.service-feature__image,.service-feature__placeholder{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.service-feature__placeholder{background-color:rgb(var(--color-foreground) / .1);height:400px}.service-feature__content{grid-area:content;display:flex;align-items:center;justify-content:flex-start;padding:40px 0}.service-feature--media-right .service-feature__content{justify-content:flex-start}.service-feature:not(.service-feature--media-right) .service-feature__content{justify-content:flex-end}.service-feature__content-inner{width:100%;max-width:600px}.service-feature__small-title{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ef4444;margin:0 0 16px}.service-feature__heading{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 20px;color:rgb(var(--color-foreground))}.service-feature__description{font-size:16px;line-height:1.6;margin:0 0 32px;color:rgb(var(--color-foreground) / .85)}.service-feature__button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.service-feature__button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.service-feature__button .button__arrow{transition:transform .3s ease}.service-feature__button:hover .button__arrow{transform:translate(4px)}@media screen and (min-width:750px){.service-feature__container{grid-template-columns:1fr 1fr;grid-template-areas:"media content";height:500px}.service-feature__media{height:500px}.service-feature__content{padding:60px 0}.service-feature__heading{font-size:42px}.service-feature__description{font-size:18px}.service-feature--medium .service-feature__container{grid-template-columns:1fr 1fr}.service-feature--wide .service-feature__container{grid-template-columns:3fr 2fr}.service-feature--narrow .service-feature__container{grid-template-columns:2fr 3fr}.service-feature--media-right .service-feature__container{grid-template-areas:"content media"}.service-feature--media-right.service-feature--wide .service-feature__container{grid-template-columns:2fr 3fr}.service-feature--media-right.service-feature--narrow .service-feature__container{grid-template-columns:3fr 2fr}}@media screen and (min-width:1200px){.service-feature__heading{font-size:48px}}@media screen and (max-width:749px){.service-feature__media{height:300px}.service-feature__content{padding:40px var(--page-margin, 20px);justify-content:flex-start!important}.service-feature__content-inner{max-width:100%}.service-feature__small-title{font-size:12px;margin-bottom:12px}.service-feature__heading{font-size:28px;margin-bottom:16px}.service-feature__description{font-size:15px;margin-bottom:24px}.service-feature__button{padding:12px 24px;font-size:14px}}.service-feature.color-scheme-1 .service-feature__small-title{color:#ef4444}.service-feature.color-scheme-1 .service-feature__button{background-color:#ef4444}.service-feature.color-scheme-1 .service-feature__button:hover{background-color:#dc2626}.service-feature[class*=color-inverse] .service-feature__heading,.service-feature.color-scheme-2 .service-feature__heading,.service-feature.color-scheme-5 .service-feature__heading{color:#fff}.service-feature[class*=color-inverse] .service-feature__description,.service-feature.color-scheme-2 .service-feature__description,.service-feature.color-scheme-5 .service-feature__description{color:#ffffffd9}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-service-feature.css.map */
