footer {
  
  .footer {
    background-color: inherit;
    padding: 110px 0 146px 0;
    displaY: flex;
    gap: 200px;
    
    .footer-content {
      max-width: 355px;
      
      img {
        margin-bottom: 30px;
      }
      
      p {
        font-weight: 400;
        line-height: 26px;
      }
    }
    
    .footer-links {
      display: flex;
      justify-content: space-between;
      width: 100%;
      
      h4 {
        font-weight: 600;
        line-height: 34px; 
        margin-bottom: 27px;
      }
      
      ul {
        flex-direction: column;
        list-style: none;
        
        li {
          a {
            font-weight: 400;
            line-height: 36px;
            transition: all .3s;
            
          }
        }
      }
    }
  }
  
  .foot-3 ul li a {
    display: flex;
    align-items: center;
    gap: 20px;
}
  
  .bottom-footer {
    display: flex;
    justify-content: space-between;
    padding: 53px 0 62px;
    border-top: 1px solid #ffffff3b;
    
    span {
      color: #FFF;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
    }
    
    .social-icons {
      display: flex;
      gap: 28px;
      
      img {
        width: 20px;
        height: 20px!important;
      }
    }
  }
}

@media (max-width: 1024px) { 
  footer {
    .footer {
      flex-direction: column;
      gap: 12px;
      padding: 50px 0 50px 0;
      
      .footer-content {
        max-width: 100%;
            p {
                color: #FFF;
                font-size: 16px;
                font-weight: 400;
                line-height: 26px;
            }
        }
    }
}
}

@media (max-width: 768px) { 
  footer {
    .footer {
      .footer-links {
         flex-direction: column; 
         gap: 24px;
        
          h4 {
            margin: 0;
          }
        }
    }
    
    .bottom-footer {
      padding: 50px 0;
      flex-direction: column;
      gap: 20px;
}
}