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

/*==========================
        Tablet
==========================*/

@media (max-width:992px){

    /* CTA */

    .cta-card{

        padding:50px 35px;

    }

    .cta-content h2{

        font-size:40px;

    }

    .cta-content p{

        font-size:18px;

    }

    .cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .cta-call,

    .cta-whatsapp{

        width:280px;

    }

    /* Footer */

    .footer{

        padding:70px 0 30px;

    }

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

    .footer-map iframe{

        height:320px;

    }

}

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

@media (max-width:576px){

    /* CTA */

    .emergency-cta{

        padding-bottom:70px;

    }

    .cta-card{

        padding:40px 25px;

        border-radius:28px;

    }

    .cta-content h2{

        font-size:32px;

        line-height:1.35;

    }

    .cta-content p{

        font-size:16px;

        line-height:1.8;

    }

    .cta-buttons{

        flex-direction:column;

        gap:15px;

        margin-top:35px;

    }

    .cta-call,

    .cta-whatsapp{

        width:100%;

        padding:16px;

        font-size:17px;

    }

    /* Footer */

    .footer{

        padding:60px 0 25px;

        text-align:center;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-logo{

        width:150px;

        margin:auto auto 20px;

    }

    .footer-about,

    .footer-links,

    .footer-contact,

    .footer-hours{

        text-align:center;

    }

    .footer-links ul{

        padding:0;

    }

    .footer-links a:hover{

        padding-left:0;

    }

    .footer-map{

        margin:40px 0;

        border-radius:22px;

    }

    .footer-map iframe{

        height:260px;

    }

    .social-icons{

        gap:14px;

    }

    .social-icons a{

        width:46px;

        height:46px;

        font-size:18px;

    }

    .footer-bottom p{

        font-size:14px;

        line-height:1.8;

    }

}