/* ======================================================================================================
 * Newsletter - section
 * ====================================================================================================== */

#newsletter {
    display         : flex;
    justify-content : center;
    width           : 100%;
    padding         : 95px 20px 185px 20px;
}

#newsletter .newsletter__container {
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content  : space-between;
    align-items      : center;
    width            : 100%;
    max-width        : 1200px;
    border-radius    : 10px;
    background-color : var(--background-color-secondary-ponsot);
}

#newsletter .newsletter__container > div {
    width : 50%;
}

#newsletter .newsletter__overlay {
    opacity        : 0.16;
    position       : absolute;
    top            : -330px;
    left           : -2%;
    z-index        : 2;
    width          : 60vw;
    pointer-events : none;
}

/* =============== Images ============== */
#newsletter .newsletter__images {
    position   : relative;
    overflow   : hidden;
    min-height : 365px;
}

.newsletter__mobile {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-95%, calc(-50% + 40px));
    z-index    : 60;
    height     : 450px !important;
    transition : 0.3s;
}

.newsletter__mobile:hover {
    top : 45%;
}

.newsletter__rock {
    position       : absolute;
    top            : -49px;
    left           : -50px;
    mix-blend-mode : color-dodge;
    rotate         : -15deg;
}

/* =============== Content ============== */
.newsletter__content {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    padding         : 60px 4%;
}

#mc-embedded-subscribe-form {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : flex-start;
    gap             : 25px;
}

#mce-EMAIL {
    font-family      : var(--text-font);
    font-size        : 16px;
    color            : var(--text-color-ponsot);
    height           : 50px;
    padding          : 15px 30px;
    border           : none;
    border-radius    : 50px;
    background-color : #16151A;
}

#mce-EMAIL::placeholder {
    color : #6F6D77;
}

#mc-embedded-subscribe-form .section__button-container {
    margin : 0 0 0 -12px !important;
}

#mc-embedded-subscribe {
    font-size        : 12px;
    padding          : 15px 80px !important;
    border-radius    : 50px;
    background-color : transparent !important;
}

#mc-embedded-subscribe:hover {
    background-color : var(--primary-color-ponsot) !important;
}

@media (max-width : 1024px) {
    #newsletter {
        padding : 80px 20px 115px 20px;
    }

    #newsletter .newsletter__container {
        flex-direction : column;
    }

    #newsletter .newsletter__container > div {
        width : 100%;
    }

    #newsletter .newsletter__images {
        min-height : 200px;
    }

    #newsletter .newsletter__overlay {
        top  : -100px;
        left : 34%;
    }

    .newsletter__rock {
        display : none;
    }

    .newsletter__mobile {
        top        : 0% !important;
        left       : 50%;
        transform  : translate(-50%, -70px);
        height     : unset !important;
        max-height : 320px;
    }

    .newsletter__content {
        align-items : center;
    }

    #mc-embedded-subscribe-form {
        justify-content : center;
        align-items     : center;
        width           : 100%;
    }
}

/* ======================================================================================================
 * END Newsletter - section
 * ====================================================================================================== */