.hero-banner-alt-container {
    margin-top: 19rem;
    font-weight: 400vw;

    @media screen and (max-width: 767px) {
        margin-top: 14rem;
    }

    .hero-text {
        text-transform: uppercase;

        span {
            display: block;
        }
    }
}

.hero-banner-alt-container .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2.5rem;
    margin-bottom: -5rem;
}

.hero-banner-alt-container .text-t1 {
    margin: 0;
    font-weight: 400;
    line-height: 0.8;
}

.hero-banner-alt-container .description {
    max-width: 37rem;
    padding: 0 1.25rem;
}

.hero-banner-alt-container .cta-buttons {
    display: flex;
    align-items: center;
    padding: 1rem 0;

    .first-cta:not(:only-child) {
        padding-right: 1.5rem;
    }

    .second-cta {
        border-left: 1px solid rgba(51, 51, 51, 0.5);
        padding-left: 1.5rem;
    }

    @media screen and (max-width: 767px) {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;

        .first-cta {
            padding-right: 0 !important;
        }

        .second-cta {
            border-left: none;
            padding-left: 0 !important;
        }
    }
}