.ebmnt1-why {
    background-image: var(--ebmnt1-image-why-decor);
    background-repeat: no-repeat;
    background-position: right -1.25rem bottom -2rem;
    background-size: clamp(5.5rem, 4rem + 6vw, 15.6rem) auto;
}

/* ===== features block ===== */
.ebmnt1-why__features-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ebmnt1-gap-section-inner);
}

.ebmnt1-why__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ebmnt1-gap-section-inner);
    text-align: start;
}

.ebmnt1-why__features {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ebmnt1-gap-cards);
}

.ebmnt1-why__feature {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 0.8em;
    --ebmnt1-circle-bg: var(--ebmnt1-color-feature-icon-bg);
    --ebmnt1-circle-fill: var(--ebmnt1-color-feature-icon-fill);
    --ebmnt1-circle-icon: var(--ebmnt1-color-feature-icon);
    --ebmnt1-circle-size: 3.25rem;
}

.ebmnt1-why__feature-content {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.ebmnt1-why__feature-title {
    font-size: var(--ebmnt1-fs-h3);
    color: var(--ebmnt1-color-feature-title);
}

.ebmnt1-why__feature-text {
    color: var(--ebmnt1-color-feature-text);
}

.ebmnt1-why__image-wrap {
    position: relative;
    width: 100%;
    max-width: 36rem;
    display: flex;
    padding-block-end: 1.25rem;
    padding-inline-start: 2.5rem;
}

.ebmnt1-why__image {
    width: 100%;
    border-radius: var(--ebmnt1-radius-card);
    overflow: hidden;
}

.ebmnt1-why__image img {
    width: 100%;
    aspect-ratio: 1 / 0.8937;
    object-fit: cover;
}

.ebmnt1-why__badge {
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    width: clamp(5.5rem, 4.5rem + 3vw, 7.9rem);
    aspect-ratio: 1;
    border-radius: var(--ebmnt1-radius-circle);
    background-color: var(--ebmnt1-color-badge-ring-bg);
    box-shadow: 0 0.5rem 1.5rem var(--ebmnt1-color-badge-ring-shadow);
    color: var(--ebmnt1-color-badge-ring-icon);
    font-size: var(--ebmnt1-fs-icon-large);
}

.ebmnt1-why__badge::before {
    content: "";
    position: absolute;
    inset: 0.4rem;
    border: 2px dashed var(--ebmnt1-color-badge-ring-border);
    border-radius: var(--ebmnt1-radius-circle);
    animation: ebmnt1-rotate 20s linear infinite;
}

.ebmnt1-why__badge i {
    animation: ebmnt1-ring 2.4s ease-in-out infinite;
}

@keyframes ebmnt1-rotate {
    to {
        transform: rotate(-360deg);
    }
}

@keyframes ebmnt1-ring {
    0%,
    60%,
    100% {
        transform: rotate(0deg);
    }

    70% {
        transform: rotate(-14deg);
    }

    80% {
        transform: rotate(14deg);
    }

    90% {
        transform: rotate(-8deg);
    }
}

/* ===== why cards ===== */
.ebmnt1-why__cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ebmnt1-gap-cards);
}

.ebmnt1-why__card,
.ebmnt1-why__cta-card {
    position: relative;
    isolation: isolate;
    width: 100%;
    border-radius: var(--ebmnt1-radius-card);
    overflow: hidden;
    text-align: start;
}

.ebmnt1-why__card {
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding: 1.875em 1.5em;
    background-color: var(--ebmnt1-color-why-card-bg);
    --ebmnt1-circle-bg: var(--ebmnt1-color-why-icon-bg);
    --ebmnt1-circle-fill: var(--ebmnt1-color-why-icon-fill);
    --ebmnt1-circle-icon: var(--ebmnt1-color-why-icon);
    --ebmnt1-circle-size: 4.375rem;
}

.ebmnt1-why__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--ebmnt1-color-why-card-fill);
    transform: translateY(100%);
    transition: transform var(--ebmnt1-duration-medium) var(--ebmnt1-ease-main);
}

.ebmnt1-why__card:hover::before {
    transform: translateY(0);
}

.ebmnt1-why__card-content {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
}

.ebmnt1-why__card-title {
    font-size: var(--ebmnt1-fs-h3);
    color: var(--ebmnt1-color-why-card-title);
    transition: color var(--ebmnt1-duration-fast) var(--ebmnt1-ease-main);
}

.ebmnt1-why__card-text {
    color: var(--ebmnt1-color-why-card-text);
    transition: color var(--ebmnt1-duration-fast) var(--ebmnt1-ease-main);
}

.ebmnt1-why__card:hover .ebmnt1-why__card-title {
    color: var(--ebmnt1-color-why-card-title-hover);
}

.ebmnt1-why__card:hover .ebmnt1-why__card-text {
    color: var(--ebmnt1-color-why-card-text-hover);
}

.ebmnt1-why__cta-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2em;
    padding: 2.5em 1.75em;
    background-image: var(--ebmnt1-image-why-cta-bg);
    background-position: center center;
    background-size: cover;
}

.ebmnt1-why__cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--ebmnt1-color-why-cta-overlay);
}

.ebmnt1-why__cta-title {
    font-size: var(--ebmnt1-fs-h3);
    color: var(--ebmnt1-color-why-cta-title);
}

.ebmnt1-why__cta-contact {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
}

.ebmnt1-why__cta-label {
    font-weight: 600;
    color: var(--ebmnt1-color-why-cta-label);
}

.ebmnt1-why__cta-phone {
    display: flex;
    align-items: center;
    gap: 0.6em;
    font-size: var(--ebmnt1-fs-h3);
    font-weight: 700;
    color: var(--ebmnt1-color-why-cta-phone-text);
    direction: ltr;
    justify-content: flex-end;
}

.ebmnt1-why__cta-phone-icon {
    display: grid;
    place-items: center;
    width: 1.9rem;
    aspect-ratio: 1;
    border-radius: var(--ebmnt1-radius-circle);
    background-color: var(--ebmnt1-color-why-cta-phone-icon-bg);
    color: var(--ebmnt1-color-why-cta-phone-icon);
    font-size: var(--ebmnt1-fs-small);
}

.ebmnt1-why__note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.6em;
}

.ebmnt1-why__note-badge {
    font-weight: 500;
    padding: 0.1em 0.8em;
    border-radius: 0.25rem;
    background-color: var(--ebmnt1-color-footer-note-badge-bg);
    color: var(--ebmnt1-color-footer-note-badge-text);
}

.ebmnt1-why__note-link {
    font-weight: 600;
    text-decoration: underline;
    color: var(--ebmnt1-color-footer-note-link);
    transition: color var(--ebmnt1-duration-fast) var(--ebmnt1-ease-main);
}

.ebmnt1-why__note-link:hover {
    color: var(--ebmnt1-color-footer-note-link-hover);
}

@media (min-width: 768px) {
    .ebmnt1-why__feature {
        width: calc(50% - var(--ebmnt1-gap-cards) / 2);
    }

    .ebmnt1-why__card {
        width: calc(50% - var(--ebmnt1-gap-cards) / 2);
    }

    .ebmnt1-why__cta-card {
        width: calc(50% - var(--ebmnt1-gap-cards) / 2);
    }
}

@media (min-width: 1024px) {
    .ebmnt1-why__features-block {
        flex-direction: row;
        align-items: center;
    }

    .ebmnt1-why__content {
        flex: 1.1;
    }

    .ebmnt1-why__image-wrap {
        flex: 1;
    }

    .ebmnt1-why__card,
    .ebmnt1-why__cta-card {
        width: calc(25% - var(--ebmnt1-gap-cards) * 0.75);
    }
}