/* ==========================================================================
   Zoriana Newsletter Section — migrated from Newsletter.vue
   ========================================================================== */

.newsletter {
    background-color: #21212C;
    padding: 80px 0;
    position: relative;
    z-index: 1;
    color: #fff;
}

.newsletter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
    opacity: .3;
}

.newsletter__wrapper {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.newsletter__img-wrapper {
    max-width: 50%;
}

.newsletter__img {
    animation: bounce-out-down 8s ease infinite;
}

.newsletter__desc-wrapper {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
}

.newsletter__title {
    font-size: 46px;
}

.newsletter__offer-title {
    font-size: 16px;
    color: #D5846E;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.newsletter__description {
    font-size: 16px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .newsletter {
        text-align: center;
    }

    .newsletter__wrapper {
        flex-direction: column-reverse;
    }

    .newsletter__desc-wrapper {
        max-width: 100%;
    }

    .newsletter__cta {
        align-self: center;
    }
}

@media (max-width: 550px) {
    .newsletter__title {
        font-size: 23px;
    }
}