.why-section {
    background-color: #000;
    padding-inline: 16px;
    margin-block: 114px 56px
}

.why-section__heading {
    max-width: 600px;
    margin: 0 auto
}

.why-section__blocks {
    display: grid;
    gap: 24px
}

.why-section__block {
    border: 1px solid white;
    border-radius: 8px;
    background-color: #1a1a1a;
    padding: 24px 16px
}

.why-section__block-icon {
    width: 40px;
    height: 40px
}

.why-section__block-icon img {
    width: 100%
}

.why-section__block-title {
    color: #fff;
    padding-block: 12px 8px
}

@media(min-width:768px) {
    .why-section__blocks {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 16px
    }
    .why-section__block-icon {
        width: 48px;
        height: 48px
    }
}

@media(min-width:1024px) {
    .why-section {
        padding-inline: 48px
    }
    .why-section__block {
        padding: 32px 48px
    }
}

/*# sourceMappingURL=/cdn/shop/t/4/assets/why-section.css.map?v=99330379860628406991747376172 */