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

.newsletter{
    width:100%;
    padding:80px 20px;
    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.newsletter-box{
    width:100%;
    max-width:700px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* ==========================
TITLE
========================== */

.newsletter-box h2{

    font-size:32px;
    color:#15213d;
    font-weight:700;
    margin-bottom:12px;

}

.newsletter-box p{

    color:#60697b;
    font-size:17px;
    margin-bottom:25px;

}


/* ==========================
SOCIAL ICONS
========================== */

.social-icons{

    display:flex;

    gap:18px;

    margin:35px 0;

}

.social-icons a{

    width:52px;
    height:52px;

    border-radius:50%;

    border:2px solid #dbe3f3;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#1e3a8a;

    font-size:22px;

    transition:.35s;

    text-decoration:none;

}

.social-icons a:hover{

    background:#2563eb;

    color:#fff;

    transform:translateY(-6px);

    box-shadow:0 10px 25px rgba(37,99,235,.3);

}

/* ==========================
FOOTER LINKS
========================== */

.footer-links{

    display:flex;
    justify-content:center;
    align-items:center;

    gap:18px;

    margin-top:30px;

}

.footer-links a{

    color:#4b5563;

    text-decoration:none;

    font-size:15px;

    transition:.3s;

}

.footer-links a:hover{

    color:#2563eb;

}

.footer-links span{

    color:#d1d5db;

}
/* ==========================
   FOOTER RESPONSIVE
========================== */

@media (max-width:768px){

    .newsletter{
        padding:60px 20px;
    }

    .newsletter-box{
        width:100%;
        max-width:100%;
    }

    .newsletter-box h2{
        font-size:28px;
    }

    .newsletter-box p{
        font-size:16px;
        line-height:1.6;
    }

    .social-icons{
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
    }

    .social-icons a{
        width:48px;
        height:48px;
        font-size:20px;
    }

    .footer-links{
        flex-direction:column;
        gap:10px;
    }

    .footer-links span{
        display:none;
    }
}