.hero-copy-v2 {
    color: inherit;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    max-width: min(1180px, calc(100% - 430px));
}

.hero-copy-v2 h1 {
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    letter-spacing: normal;
}

.index-promo-container-content .hero-description-v2 {
    color: inherit;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
}

.hero-description-v2 .blue-color,
.hero-description-v2 .green-color {
    font-weight: 300;
}

.hero-actions-v2 {
    max-width: min(1180px, calc(100% - 430px));
    gap: 30px;
}

.hero-actions-v2 > div {
    font-weight: 700 !important;
    margin-left: 0 !important;
    white-space: nowrap;
}

.hero-gap-v2 {
    display: block;
    margin-top: 44px;
    line-height: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .hero-copy-v2,
    .hero-actions-v2 {
        max-width: calc(100% - 360px);
    }

    .hero-copy-v2 h1 {
        margin-bottom: 24px;
        font-size: clamp(52px, 5vw, 62px);
        font-weight: 300;
        line-height: 1.05;
    }

    .index-promo-container-content .hero-description-v2 {
        font-size: clamp(22px, 2.2vw, 27px);
        line-height: 1.4;
    }

    .hero-actions-v2 {
        gap: 20px;
    }

    .hero-actions-v2 > div {
        font-size: clamp(22px, 2.2vw, 25px);
    }

    .hero-gap-v2 {
        margin-top: 40px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .hero-copy-v2,
    .hero-actions-v2 {
        max-width: calc(100% - 255px);
    }
}

@media (max-width: 767px) {
    .hero-copy-v2,
    .hero-actions-v2 {
        max-width: 100%;
    }

    .hero-copy-v2 h1 {
        margin-bottom: 20px;
        font-size: clamp(36px, 10vw, 44px);
        font-weight: 300;
        line-height: 1.05;
        letter-spacing: normal;
    }

    .index-promo-container-content .hero-description-v2 {
        font-size: clamp(17px, 4.6vw, 20px);
        line-height: 1.4;
    }

    .hero-break-v2,
    .description-break-v2 {
        display: none;
    }

    .hero-actions-v2 {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 10px;
    }

    .hero-actions-v2 > div {
        font-size: clamp(18px, 5vw, 20px);
        white-space: normal;
    }

    .hero-gap-v2 {
        margin-top: 22px;
    }
}

@media (min-width: 1280px) {
    .index-promo-container-content .hero-copy-v2,
    .index-promo-container-content .hero-actions-v2 {
        max-width: none;
    }

    .index-promo-container-content h1.hero-title-v2 {
        max-width: none;
        margin: 0 0 38px;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: clamp(60px, 3.56vw, 72px) !important;
        font-weight: 300;
        line-height: 1.04 !important;
    }

    .index-promo-container-content .hero-description-v2 {
        max-width: none;
        margin: 0 0 50px;
        font-family: 'Muli', sans-serif;
        font-size: clamp(32px, 1.98vw, 40px) !important;
        font-weight: 300;
        line-height: 1.42 !important;
    }

    .index-promo-container-content .hero-tagline-v2 {
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: clamp(30px, 1.98vw, 40px) !important;
        font-weight: 700;
        line-height: 1.2 !important;
        white-space: nowrap;
    }
}