/* ===== 14. Footer Area CSS ===== */

.witrfm_area{position:relative;background: #0B2C3D;}

.footer{padding:65px 0 80px;}
.footer .container{display:flex;justify-content:space-between;}
.footer h5{margin-bottom:26px;margin-top:28px;font-size:26px;font-style:normal;line-height:1;font-weight:600;transition:0.5s;font-family:var(--font-family);color:#fff;}


.foot-logo{width:380px;}
.foot-logo p{margin:15px 0;font-size:17px;line-height:28px;color:#fff;}
.foot-logo .social-icons a{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:4px;/*background:#2A4A57;*/color:#fff;}
.foot-logo .social-icons a+a{margin-left:5px;}
.foot-logo .social-icons a:hover{/*background:var(--link-color-hover);*/color:#fff;}


.foot-nav{}
.foot-nav ul{font-size:0;}
.foot-nav ul li{margin-bottom:10px;font-size:17px;}
.foot-nav ul li a{color:#fff;}
.foot-nav ul li a:hover {
  color:var(--color-primary)
}
.foot-contact{width:410px;}
.foot-contact ul{}
.foot-contact ul li{display:flex;color:#fff;font-size:17px;margin-bottom:10px;}
.foot-contact ul li .icon{font-size:18px;margin-right:12px;}
.foot-contact ul li .info{flex:1;overflow:hidden;line-height:24px;}

.foot-list{}
.foot-list ul{}
.foot-list ul li{margin-bottom:10px;font-size:17px;}
.foot-list ul li a{color:#fff;}


/* footer bottom area css */

.footer-bottom{padding:23px 0;position:relative;border-top:1px solid #a29f9f;}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{font-size:16px;color:#fff;}
.footer-menu ul{font-size:0;}
.footer-menu ul li{display:inline-block;font-size:16px;}
.footer-menu ul li+li{margin-left:20px;}
.footer-menu ul li a{padding:0 10px;color:#fff;display:block;}
.footer-menu ul li a:hover {color:var(--link-color-hover);}

@media (max-width:1500px) {
.footer h5{font-size:24px;}
.foot-contact{width:360px;}
.foot-logo{width:350px;}
}

@media (max-width:1280px) {
.footer h5{font-size:22px;}
.foot-contact{width:330px;}
.foot-logo{width:330px;}
}

@media (max-width:1280px) {
.footer h5{font-size:21px;}
.foot-contact{width:300px;}
.foot-logo{width:300px;}
}

@media (max-width:1171px) {
.foot-list{display:none;}
}

@media (max-width:992px) {
.footer{padding:50px 0 40px;}
.footer .container{display:block;}
.foot-logo{width:100%;text-align:center;}
.footer h5{font-size:20px;margin-bottom:20px;text-align:center;}
.foot-nav ul{text-align:center;}
.foot-nav ul li{font-size:16px;display:inline-block;margin:0 5px 10px;}
.foot-contact{width:100%;}

}


@media (max-width:767px) {
.footer{padding:30px 0 20px;}
.footer h5{font-size:18px;}
.footer-bottom .container{display:block;text-align:center;}
.footer-bottom{padding:18px 0;}
.footer-menu{margin:10px 0 0;}
  .foot-contact ul li .info a{
  color:#FFF !important;
  }
}

@media (max-width:480px) {
.footer h5{font-size:17px;}
.foot-logo p{font-size:16px;line-height:24px;}
.foot-contact ul li{font-size:16px;}

}

@media (max-width:420px) {
.foot-logo p{font-size:15px;line-height:22px;}
.foot-nav ul li{font-size:15px;}
.foot-contact ul li{font-size:15px;}

}