/* ===================================== */
/* NEWSLETTER                            */
/* ===================================== */

.newsletter {
    padding: 120px 0;

    background: #faf8f5;
}

.newsletter-box {
    max-width: 760px;

    margin: auto;

    text-align: center;

    background: #fff;

    border-radius: 28px;

    padding: 70px;

    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.08);
}

.newsletter h2 {
    font-size: 44px;

    font-weight: 800;

    color: #222;

    margin-bottom: 28px;
}

.newsletter p {
    font-size: 18px;

    color: #666;

    line-height: 1.8;

    max-width: 620px;

    margin: 0 auto 45px;
}

.newsletter .newsletter-privacy-note {
    font-family: inherit;

    font-size: 13px;

    font-weight: 400;

    line-height: 23px;

    color: #666;

    margin: 15px 0 0;

    padding: 0;

    text-align: left;
}

.newsletter .newsletter-privacy-note a {
    color: inherit;
}

.newsletter-form {
    display: flex;

    justify-content: center;

    gap: 18px;
}

.newsletter-form input {
    flex: 1;

    max-width: 460px;

    padding: 20px 24px;

    font-size: 17px;

    border: 1px solid #ddd;

    border-radius: 14px;

    outline: none;

    transition: 0.3s;
}

.newsletter-form input:focus {
    border-color: #4a355b;

    box-shadow: 0 0 0 4px rgba(74, 53, 91, 0.1);
}

.newsletter-form button {
    border: none;

    cursor: pointer;

    padding: 20px 36px;

    border-radius: 14px;

    background: #3d3d3d;

    color: white;

    font-size: 17px;

    font-weight: 600;

    transition: 0.3s;
}

.newsletter-form button:hover {
    background: #382745;

    transform: translateY(-2px);
}