/* ===== 14. Footer Area CSS ===== */
#m09-side-bar{top: 40%;position:fixed;right:10px;z-index:9999;background:#fff;border-radius:15px;box-shadow:rgba(62,57,107,0.3) 0px 6px 16px 0px;}
#m09-side-bar a{display:block;cursor:pointer;width:70px;height:70px;background:#fff;position:relative;color:#676767;padding: 15px 0;text-align:center;box-sizing:border-box;border-radius:3px;}
#m09-side-bar a i{display:block;font-size:22px;color:rgb(1,111,180)}
#m09-side-bar a span {font-size: 12px;color:#333;display:block;margin:5px 0 0;text-align: center;}
#m09-side-bar a:hover{background:var(--color-primary);color:#fff}
#m09-side-bar a:hover span{color:rgb(1,111,180)}
.witrfm_area {position:relative;background:#040022;}
              
.footer-middle{padding:65px 0 80px;}
.footer-middle .wp{display:flex;justify-content:space-between;}
.footer-middle h3{margin-bottom:26px;font-size:21px;color:#fff;font-weight:700;line-height:1;}

.foot-logo{width:300px;text-align:center;}
.foot-logo .social-icons{position:relative;margin:150px 0 0;text-align:center;}
.foot-logo .social-icons a {width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;color:#fff;border-radius:4px;margin:0 5px;}
.foot-logo .social-icons a:hover {background:#6827fd;}      
              

.foot-list ul li{font-size:16px;color:#fff;}
.foot-list ul li+li{margin-top:10px;}

.foot-nav ul li{font-size:16px;color:#fff;}
.foot-nav ul li+li{margin-top:10px;}              
              
.foot-contact{width:400px;}
.foot-contact .footer_s_inner{display:flex;align-items:flex-start;}
.foot-contact .footer_s_inner+.footer_s_inner{margin-top:10px;}
.footer-sociala-icon{font-size:17px;margin-top:3px;}
.footer-sociala-icon i{font-size:18px;color:#fff;}
.footer-sociala-info {margin-left:20px;}
.footer-sociala-info p{color:#fff;font-size:16px;line-height:24px;}           
                
               
/* footer bottom area css */
.footer-bottom{position:relative;}
.footer-bottom .wp{border-top:1px solid #fff;padding-top:25px;padding-bottom:25px;display: flex;justify-content: space-between;align-items: center;}
.footer-bottom p{color:#fff;font-size:15px;color:rgba(255,255,255,0.5);}
.footer-bottom ul{}
.footer-bottom ul li {display:inline-block;}
.footer-bottom ul li a {font-size:15px;color:rgba(255,255,255,0.5);padding:0 10px;display:block;}
.footer-bottom ul li a:hover {color:#0073E0;}

/* ------------------------------------------------- Old Desktop:992 ---------------------------------------------------*/

@media(min-width:992px) and (max-width:1199px) {
.footer-middle .recent-post-text > h4 {margin-top:-7px;line-height:1;}
/* footer area css */  
.azela-description-area .social-icons a {margin-right:5px;}
.footer-middle .recent-post-text h4 a {font-size:14px;}
.footer-bottom::before {width:100%;}
}

/* ------------------------------------------------- Tablet Screen:768 ---------------------------------------------------*/
@media(min-width:768px) and (max-width:991px) {
.footer-bottom:before {width:100%;}
}

/* ------------------------------------------------- Small Mobile:320 ---------------------------------------------------*/
@media(max-width:767px) {
.footer-menu ul {margin:10px 0 0;text-align:center !important;}
.footer-menu ul li a {font-size:14px;}
.copy-right-text p {text-align:center;}
.footer-bottom:before {width:100%;}
.copy-right-text p {font-size:15px;}
.footer-middle {text-align:center;}
.footer-sociala-icon {float:none;}
.footer-sociala-info {margin-left:0;}
.footer-sociala-info p {text-align:center;}
.footer-social-icon a i {font-size:16px;height:35px;line-height:35px;width:35px;}
}
@media screen and (max-width: 768px){
.foot-list {
    margin: 20px 0 20px 0;
   text-align:center;
}
.foot-logo .social-icons {
    margin: 30px 0 0;
}
  .footer-middle .wp {
    flex-direction: column;
}
  .foot-logo img{
    max-width: 300px;
}
  
  .foot-logo {
    width: initial;
}
  .foot-contact {
    width: initial;
    text-align:center;
}
  
  .foot-contact .footer_s_inner {
    justify-content: center;
}
  
  
}