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

.footer-section{
background:#002D62;
padding:90px 0 0;
color:#fff;
}

.footer-logo{
max-height:80px;
margin-bottom:25px;
}

.footer-widget p{
color:rgba(255,255,255,.75);
line-height:1.9;
font-size:15px;
}

.footer-widget h4{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:700;
margin-bottom:25px;
color:#fff;
}

.footer-widget ul{
padding:0;
margin:0;
list-style:none;
}

.footer-widget ul li{
margin-bottom:12px;
}

.footer-widget ul li a{
text-decoration:none;
color:rgba(255,255,255,.75);
transition:.3s;
}

.footer-widget ul li a:hover{
color:#16D3D3;
padding-left:5px;
}

.footer-social{
display:flex;
gap:12px;
margin-top:20px;
}

.footer-social a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.08);
border-radius:50%;
color:#fff;
text-decoration:none;
transition:.3s;
}

.footer-social a:hover{
background:#16D3D3;
}

.contact-item{
display:flex;
gap:15px;
margin-bottom:20px;
}

.contact-item i{
color:#16D3D3;
font-size:18px;
margin-top:4px;
}

.contact-item a,
.contact-item span{
color:rgba(255,255,255,.75);
text-decoration:none;
}

.footer-bottom{
margin-top:60px;
padding:22px 0;
border-top:1px solid rgba(255,255,255,.1);
}

.footer-bottom p{
margin:0;
font-size:14px;
color:rgba(255,255,255,.65);
}

/*===================================
MODAL
===================================*/



/* Appointment Form */

#appointmentModal .form-control,
#appointmentModal .form-select{
width:100%;
height:55px;
border:1px solid #d9e2ef;
border-radius:12px;
padding:0 18px;
font-size:15px;
margin-bottom:15px;
box-shadow:none;
}

#appointmentModal textarea.form-control{
height:120px;
resize:none;
padding-top:15px;
}

#appointmentModal .form-control:focus,
#appointmentModal .form-select:focus{
border-color:#16D3D3;
box-shadow:0 0 0 3px rgba(22,211,211,.15);
}

.submit-btn{
width:100%;
height:55px;
border:none;
border-radius:50px;
background:linear-gradient(135deg,#053F7E,#16D3D3);
color:#fff;
font-size:16px;
font-weight:600;
transition:.3s;
}

.submit-btn:hover{
transform:translateY(-2px);
color:#fff;
}





.appointment-modal{
border:none;
border-radius:25px;
overflow:hidden;
}

.appointment-modal .modal-header{
background:linear-gradient(135deg,#053F7E,#16D3D3);
color:#fff;
padding:20px;
}

.appointment-modal .modal-body{
padding:30px;
}

.appointment-modal .form-control{
height:55px;
border-radius:12px;
}

.submit-btn{
height:55px;
border:none;
border-radius:50px;
background:linear-gradient(135deg,#053F7E,#16D3D3);
color:#fff;
font-weight:600;
}


.footer-credit{
    color:#16D3D3;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.footer-credit:hover{
    color:#ffffff;
}





/*=========================
FLOATING WHATSAPP
=========================*/

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:25px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:34px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    z-index:9999;
    transition:.3s;
    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color:#fff;
    background:#1ebe5d;
    transform:scale(1.08);
}

@keyframes whatsappPulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }

    70%{
        box-shadow:0 0 0 15px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

@media(max-width:767px){

    .whatsapp-float{
        width:55px;
        height:55px;
        right:15px;
        bottom:20px;
        font-size:30px;
    }

}