
.footer-section{position: relative;padding: 35px 0px 50px 0px;color: #fff;background-color: #7b8284;}
.footer-section a:hover {color: #ffffff;opacity: 0.8;letter-spacing: 0.2px;}
.footer-section h4 {color: #fff;font-size: 18px;line-height: 1;}
.footer-section p,
.footer-section ul li,
.footer-section a {font-size: 14px;line-height:26px} 

.footer-whatsapp{position: absolute;top: 0;right: 0;background-color: #25d366;padding: 7px 25px; border-radius: 200px;transform: translate(-100px, -50%);}
.footer-whatsapp a{ font-size: 18px !important;line-height: 22px !important;} 
.footer-whatsapp a img {max-width: 20px ;margin-right: 10px;}

.footer-wrap {padding-left: 170px;display: flex;justify-content: space-around;}
.footer-colum {width: 33.33%;padding-right: 30px;} 
.footer-logo-img {margin-bottom: 20px;}

.social-link {margin-top: 15px;}
.social-link a {margin-right: 20px;}
.social-link a svg, .social-link a img {height: 25px;width: 25px;fill: #fff;transition: all 0.3s;filter: invert(1);}
.social-link a svg:hover, .social-link a img:hover {transform: translateY(-4px);}

.protected-trust {margin-top: 30px;}
.protected-trust img:first-child {padding-right: 20px;}

.copyright {margin-top: 50px;}
.copyright p { color: #fff;margin-top: 20px;margin-bottom: 0;}

/* ================ footer section css end ================ */ 
/* go to top */
#myBtn { display: none;position: fixed;bottom: 20px;right: 30px;z-index: 5;font-size: 18px;border: none;outline: none;background:linear-gradient(45deg, #c2292c, #fb911b);color: white;cursor: pointer;padding: 15px;border-radius: 50%; border: 1px solid #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);transition: 1s;animation: top_fade_in .4s linear;}
#whatsapp {min-width: 59px;min-height: 59px;font-size: 14px;position: fixed;bottom: 20px;right: 30px;background-color: #0d9f16;border: none;outline: none;color: white;cursor: pointer;padding: 12px;border-radius: 50%;z-index: 5;border: 1px solid #fff;box-shadow: 0px 0px 10px  rgba(0, 0, 0, .2);vertical-align: middle;transition: all .6s linear;}
#whatsapp img{display: block;margin: 0 auto;}
header.sticky~#whatsapp {bottom: 95px;}
#whatsapp:hover {background-color: #0a7911;}
#myBtn:hover {background: linear-gradient(-45deg, #c2292c, #fb911b);}

@keyframes top_fade_in {
    0% {
        right: 15px;
        opacity: .6;
    }

    100% {
        right: 30px;
        opacity: 1;
    }
} 



