footer {
    background-color: #091337;
    padding: 3rem 0rem;
}
footer p.footer-heading {
    color: #8a8a8a;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    font-weight: 500;
}
footer figure {
    margin-bottom: 3rem;
}
footer .footer-menu ul {
    padding-inline-start: initial;    
}
footer .footer-menu ul li {
    display: inline-block;
}
footer .footer-menu ul li a {
    color: #fff;
    text-transform: capitalize;
    margin: 1rem 3rem 0.7rem 0rem;
    display: inline-block;
    text-decoration: none;
}
footer .footer-contact ul {
    padding-inline-start: initial;
}
footer .footer-contact ul li {
    color: #fff;
    font-weight: 300;
    list-style: none;
    margin-bottom: 1rem;
    line-height: 1.9rem;
}
footer .footer-social-media .fab {
    color: #fff;
    font-size: 1.5rem;
    margin: 0.5rem 0.8rem;
}
footer .footer-social-media ul {
    padding-inline-start: initial;
}
footer .footer-social-media ul li {
    list-style: none;
    display: inline-block;
}


footer .copyright {
    padding: 2rem 0rem 1rem 0rem;
}
footer .copyright p {
    color: #fff;
    opacity: 0.8;
}
footer hr {
    color: #fff;
    opacity: 0.1;
}
footer .copyright a {
    color: #fff;
    opacity: 0.9;
    text-decoration: none;
}
footer .copyright .fa-chevron-up {
    background-color: #fff;
    color: #091337;
    padding: 1rem 1.06rem;
    border-radius: 100px;
    font-weight: 600;
    display: inline-block;
    margin-left: 1rem;
}
footer .footer-contact ul li.footer-bloging-heading {
    color: #8a8a8a;
    font-size: 1.2rem;
    font-weight: 500;
}
.whatsapp-icon {
    position: fixed;
    bottom: 40px;
    right: 40px;
    height: 50px;
    width: 50px;
    background-color: #1eff1e;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
}
ul.contact-details li a { text-decoration: none; color: #fff; }
ul.contact-details li i { margin-right: 15px; }
.whatsapp-icon i {
font-size: 30px;
line-height: 50px;
}
.whatsapp-icon:hover i { color:#fff;}
.contact-details a { text-decoration: none; }
.contact-details a:hover { color: #fff; }
@media only screen and (max-width: 480px) {
    footer p.footer-heading {
        font-size: 1.7rem;
    }
    footer .footer-menu ul li a {
        font-size: 1.2rem;
    }
    footer .footer-contact ul li {
        font-size: 1.2rem;
        line-height: 2.5rem;
    }
    footer .copyright p {
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    footer .copyright a {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width:1200px) { 
footer .footer-menu ul li { width:49%;}    
    
}