.newsletter-section {
    padding: clamp(16px, 0.0462rem + 4.016vw, 65px) !important;
    display: flex;
    background: hsl(346, 36%, 77%);
    padding: 0px;
    margin: 100px 65px;
    border-radius: 16px;
    gap: 45px;
    position: relative;
}



.newsletter-section .img-wrapper {
    flex: 1.5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
}

.newsletter-section .img-wrapper img {
    position: absolute;
    object-fit: contain;
    width: 100%;
}



.newsletter-section .form-wrapper {
    flex: 2;
    padding:clamp(40px, 2.30525rem + 0.82vw, 50px) clamp(0px, -2.92006rem + 12.295vw, 150px) clamp(0px, -1.16803rem + 4.918vw, 60px) 0px; 
}




.newsletter-section .form-wrapper .subtitle {
    font-size: clamp(10px, 0.4692rem + 0.656vw, 18px) !important;
    color: #4C4766;
    opacity: 0.4;
    text-transform: uppercase;
    letter-spacing: 1rem;
    padding: 0px;
    padding-right: 50px;
}


.newsletter-section .form-wrapper .title {
    font-size: clamp(16px, 0.68864rem + 1.311vw, 32px) !important;
    margin-bottom: 30px;
    color: #4C4766;
    font-family:'Playfair Display', serif;
    line-height: 43px;
    padding-right: 50px;
}


.newsletter-section .form-wrapper .ml-form-embedBody {
    padding: 0px !important;
}


.newsletter-section .form-wrapper .ml-form-embedBody form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.newsletter-section .form-wrapper .ml-form-embedBody form .ml-input-horizontal {
    width: 100% !important;
    display: flex !important;
    gap: 20px !important;
}


.newsletter-section .form-wrapper .ml-form-embedBody form .ml-button-horizontal {
    width: 100% !important;
    margin-top: 20px !important;
}

.newsletter-section .form-wrapper .ml-form-embedBody form .ml-button-horizontal button {
    padding: 12px 38px !important;
    text-align: center !important;
    border-radius: 4px !important;
    background-color: #d45f3b !important;
    border: unset !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: unset !important;
}

.newsletter-section .form-wrapper .ml-form-embedBody form input {
    width: 100% !important;
    border: 1px solid #2d1c40 !important;
    background: transparent !important;
    font-size: 1rem !important;
    padding: 8px 32px !important;
    border-radius: 4px !important;

    line-height: unset !important;
}

.newsletter-section .form-wrapper .ml-form-embedBody form input::placeholder {
    color: #2d1c40 !important;
}

.newsletter-section .form-wrapper .ml-form-successBody {
    font-size: 0.75rem !important;
    line-height: 15px !important;
    color: #4c4766 !important;
    padding: 0px !important;

}

.newsletter-section .form-wrapper .ml-form-successBody h4,
.newsletter-section .form-wrapper .ml-form-successBody p {
    font-size: 0.75rem !important;
    line-height: 15px !important;
    color: #4c4766 !important;
}


.newsletter-section .form-wrapper .form-description {
    font-size: clamp(8px, 0.4221rem + 0.328vw, 12px) !important;
    line-height: 150%;
    color: #2D1C40;
}


.newsletter-section svg {
    position: absolute;
    bottom: -37px;
    margin: auto 0;
    width: 100%;
}


/* Mobile */
@media screen and (min-width: 300px) and (max-width: 767px) { 
    .newsletter-section {
        margin: 50px 16px 100px 16px;
        flex-direction: column-reverse;
    }

    .newsletter-section .img-wrapper img {
        width: 30% !important;;
        height: auto;
        right: 0;
        bottom: -30px;
    }

    .newsletter-section .form-wrapper .ml-form-embedBody form {
        flex-direction: column;
        gap: 16px;
    }

    .newsletter-section .form-wrapper .form-description {
        width: 50%;
    }
}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .newsletter-section {
        margin: 50px 16px 100px 16px;
        flex-direction: column-reverse;
    }

    .newsletter-section .img-wrapper img {
        width: 30% !important;
        height: auto;
        right: 0;
    }

    .newsletter-section .form-wrapper .ml-form-embedBody form {
        flex-direction: column;
        gap: 16px;
    }

    .newsletter-section .form-wrapper .form-description {
        width: 50%;
    }

    .newsletter-section {
        margin: 50px 32px 100px 32px;
    }
  }