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

.newsletter-box{

    max-width:900px;

    margin-inline:auto;

    text-align:center;

    background:#fff;

    border-radius:var(--radius-2xl);

    padding:64px;

    box-shadow:var(--shadow-soft);

}

.newsletter-form{

    display:flex;

    justify-content:center;

    gap:16px;

    margin-top:32px;

    flex-wrap:wrap;

}

.newsletter-input{

    flex:1;

    min-width:280px;

    max-width:450px;

    padding:18px 20px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    font-size:16px;

    outline:none;

}

.newsletter-input:focus{

    border-color:var(--primary);

}