.footer{ 
    background-color: #000;
    padding:100px;
    padding-bottom:50px;
    overflow: hidden;
 }


.footer-inner{
   grid-template-columns: 1fr 1fr 1fr 1fr;
   display: grid;
   gap: 30px;
}

.footer-logo{   
   text-align:center;
   margin-bottom: 15px;  
}

.footer-logo img{   
max-width: 150px;
  }


.footer-col-title{
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 13px;
   text-transform:uppercase;
}

.footer-address{ 
   background:url('images/location-w.png'); 
   background-size: 21px;
   background-position: 0 0;
   background-repeat: no-repeat;
   padding-left: 34px;     
   color: #fff;  
   margin-bottom: 10px;   
   font-size:14px;
}

.footer-whatsapp{
   background:url('images/call-w.png'); 
   background-size: 21px;
   background-position: 0 0;
   background-repeat: no-repeat;
   padding-left: 34px;     
   color: #fff;     
   font-size:14px;
   margin-bottom: 10px; }

.footer-mail{
   background:url('images/email-w.png'); 
   background-size: 21px;
   background-position: 0 0;
   background-repeat: no-repeat;
   padding-left: 34px;     
   color: #fff;     
   font-size:14px;
   margin-bottom: 10px; }
 
.footer-web{
   background:url('images/web-w.png'); 
   background-size: 21px;
   background-position: 0 0;
   background-repeat: no-repeat;
   padding-left: 34px;     
   color: #fff;
   font-size:14px;
   margin-bottom: 10px; 
}


.social-icons{
        position: relative;
        z-index: 99;
        text-align: center;
        padding: 10px 0;
        cursor:pointer;
    }

.icons{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
}

.icons-text a{
    color:#fff;
    text-transform: capitalize;
    font-size:14px;
    text-decoration:none;
}

.icons-text a:hover{
    text-decoration:none;
}

.icons:hover .icons-text a{
    color:#dc5928;
    text-decoration:none;
}

.social-icons img{
max-width:20px;
height:20px;
text-align: center;
}

.dark-i{ display:none;}

.icons:hover .dark-i{ 
display:block;
text-align: center;
}

.icons:hover .white-i{ 
display:none;
}

.footer-info-col {
    font-size:14px;
}

  .footer-menu ul {
   display: block;
   padding-left: 0;
   }

   .footer-menu ul li{
       list-style:none;
   }

   .footer-menu a{
    display: block;
       color: #fff;    
       font-weight: 400;
       font-size: 14px;
       text-decoration: none;
       padding: 10px 0;
   }

   .footer-menu a:hover{
       color: #dc5928;
   }

   .footer-menu .menu li.current-menu-item a{
    color: #dc5928;
 }

 .footer-rights-text{
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color:#aaaaab;
    font-weight: 300;
    }
    

    a.rights-name {
    color: #ffffff;
    font-weight: 400;
    text-decoration:none;
}

a.rights-name:hover {
    color: #dc5928;
}


   @media screen and (max-width:1200px) {
    .footer{ 
    padding:50px;
    padding-bottom:20px;
 }

   }

   @media screen and (max-width:990px) {
    .footer{ 
    padding:30px;
    padding-bottom:20px;
 }

 
.footer-inner{
   grid-template-columns: 1fr 1fr;
   display: grid;
   gap: 30px;
}

.footer-col-title {
    text-align: center;}

    .footer-menu {
    text-align: center;
}

.icons {
    justify-content: center;}

.footer-address{ 
          text-align: center;
          background:none;
       }

       .footer-whatsapp{
           text-align: center;
           background:none;
           }

       .footer-mail{
           text-align: center;
       background:none;
       }
       
       .footer-web{
           text-align: center;
           background:none;
       }

       .footer-menu a{
       padding: 5px 0;
   }
   }

  
     @media screen and (max-width:767px) {
      
.footer-inner{
   grid-template-columns: 1fr;
   gap: 20px;
}

      

       .footer-info-col {
           text-align: center;
           padding-left: 0;
       }

       .footer-bottom {
           margin: 15px;
           
           }

           .footer-logo {
               text-align: center;
           }

   .footer-col-right{
           text-align: center;
   }

   .footer-menu ul {
   display: block;
   text-align: center;
   padding-bottom: 10px;
}

ul#menu-footer {
   padding-left: 0;
}
   }