@font-face{
    font-family: elegance-regular;
    src: url(../fonts/Rounded\ Elegance\ Regular.otf);
}

*,
p{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.footer-section{
    background-color: #404042;
    padding: 2.25rem 0;
}

.footer-section .footer-details{
    border-bottom: 2px solid #DCAC4A;
}

.footer-logo-row{
    padding: 2.25rem 0;
}

.footer-logo,
.footer-serving-heading{
    display: flex;
    align-items: center;
    height: 100%;
}

.footer-logo img{
    width: 80%;
}

.footer-serving-heading p{
    font-family: elegance-regular;
    font-size: 1.25rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 3rem;
}

.footer-contact-row{
    padding: 3.5rem 0 1.5rem;
}

.footer-address,
.footer-appointments-detail,
.footer-contact-details,
.footer-social-media-links{
    color: #FFFFFF;
}

.footer-address h5,
.footer-appointments-detail h5,
.footer-contact-details h5,
.footer-social-media-links h5{
    font-size: 1rem;
    text-transform: uppercase;
    color: #72b5d8;
    margin-top: 1rem;
}

.footer-address p,
.footer-appointments-detail p,
.footer-contact-details p,
.footer-social-media-links p{
    font-family: elegance-regular;
    font-size: 1.25rem;
}

.footer-contact-details a,
.footer-social-media-links a,
.footer-website-name a{
    font-family: elegance-regular;
    font-size: 1.25rem;
    text-decoration: none;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.footer-website-name{
    padding: 2rem 0 0;
    text-align: center;
}

.footer-contact-details a:hover,
.footer-social-media-links a:hover,
.footer-website-name a:hover{
    color: #72b5d8;
}

.footer-notification-area .notification {
    font-family: elegance-regular;
    font-size: 1.15rem;
    text-decoration: none;
    color: #72b5d8;   
    font-weight: 700;
    letter-spacing: 1px;
    word-spacing: -2px; 
    margin-bottom: 12px;
    text-align: center;
}

@media (max-width: 1199px){
    .footer-serving-heading p{
        margin-top: 2rem;
    }

    .footer-contact-row {
        padding: 2.5rem 0 3.5rem;
    }
}

@media (max-width: 991px){
    .footer-serving-heading p{
        margin-top: 1rem;
    }

    .footer-contact-row {
        padding: 1.5rem 0 2.5rem;
    }
}