/* ========================================= */
/* RESPONSIVE */
/* ========================================= */

/* ========================================= */
/* Large Tablets */
/* ========================================= */

@media (max-width:1200px){

    .footer-top{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-brand{

        text-align:center;

    }

    .footer-brand img{

        margin:0 auto 32px;

    }

    .footer-brand p{

        max-width:700px;

        margin:0 auto;

    }

    .footer-newsletter-card,
    .footer-social-card{

        max-width:800px;

        margin:0 auto;

    }

    .footer-bottom{

        flex-direction:column;

        gap:30px;

        text-align:center;

    }

    .footer-benefits{

        justify-content:center;

    }

}

/* ========================================= */
/* Tablets */
/* ========================================= */

@media (max-width:768px){

    #footer{

        padding:80px 0 40px;

    }

    .footer-top{

        gap:30px;

    }

    .footer-brand h2{

        font-size:48px;

    }

    .footer-brand p{

        font-size:20px;

    }

    .footer-newsletter-card,
    .footer-social-card{

        padding:32px;

        border-radius:24px;

    }

    .footer-newsletter-card h3{

        font-size:34px;

    }

    .footer-newsletter-card p,
    .footer-social-card p{

        font-size:18px;

    }

    .newsletter-form{

        flex-direction:column;

        background:transparent;

        gap:14px;

    }

    .newsletter-form input{

        width:100%;

        border-radius:16px;

        background:#1e293b;

    }

    .newsletter-form button{

        width:100%;

        height:64px;

        border-radius:16px;

    }

    .social-icons{

        justify-content:center;

    }

    .social-icons a{

        width:64px;
        height:64px;

        font-size:24px;

    }

    .footer-benefits{

        flex-direction:column;

        gap:18px;

        align-items:center;

    }

}

/* ========================================= */
/* Mobile */
/* ========================================= */

@media (max-width:480px){

    #footer{

        padding:64px 0 32px;

    }

    .footer-brand h2{

        font-size:36px;

    }

    .footer-brand p{

        font-size:17px;

        line-height:1.8;

    }

    .footer-newsletter-card,
    .footer-social-card{

        padding:24px;

    }

    .footer-newsletter-card h3{

        font-size:28px;

    }

    .footer-social-card h3{

        font-size:28px;

    }

    .footer-label{

        font-size:14px;

    }

    .newsletter-form input{

        padding:20px;

        font-size:16px;

    }

    .newsletter-form button{

        height:58px;

        font-size:20px;

    }

    .social-icons{

        gap:12px;

    }

    .social-icons a{

        width:56px;
        height:56px;

        font-size:20px;

        border-radius:16px;

    }

    .footer-benefits{

        gap:14px;

    }

    .benefit-item{

        font-size:15px;

    }

    .footer-language{

        font-size:15px;

    }

    .footer-copyright{

        font-size:15px;

    }

}