footer {
    background-color: var(--cool-light-gray);
    color: var(--neutral01100);
    font-family: var(--font-family-sora);
    
  }
  .footer-container{
    padding: 0 6%;
  }
  .logo{
      display: flex;
      justify-content: start;
      /* margin-left: 10%; */
  }

  .footer-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .footer-logo{
      text-align: center;
      padding: 10px 0;
  }
  
  .footer-logo p{
      font-size: 10px;
      margin: 10px 0 0;
  }
  
  .footer-info{
      display: flex;
      justify-content: space-between;
      margin: 0;
      padding: 0;
      
  
  }
  
  .footer-contact{
      background-color: var(--blue-zodiac);
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: 8px 30px ;
      /* margin-left: 20px; */
      /* margin: 0 5%; */
      border-radius: 4px;
  
  }
  
  .footer-contact p{
      margin: 10px 0;
  }

  .footer-contact span{
    font-size: var(--font-size-xs); 
}
    .tel{
        position: relative;
        bottom: 4px;
    }
  
  .footer-links {
      /* position: relative;
      bottom: -4px;
      margin-top: 30px; */
      display: flex;
      align-items: end;
      padding-bottom: 10px;
  }
  
  .footer-links a{
    font-size: var(--font-size-l);
    font-family: 200;
      margin-right: 20px;
      text-decoration: none;
      color: var(--blue-zodiac);
  
  }
  
  .f-mail, f-tel{
      display: flex;
      flex-direction: column;
      /* justify-content: space-between; */
      
  }
  
  .footer-copyright{
      padding: 10px 6%;
      height: 50px;
      background-color: var(--white);
      display: flex;
      align-items: center;
      color: var(--blue-zodiac);  
  }
  
  
  @media (max-width: 768px) {
      .footer-info {
          flex-direction: column;
      }
  
      .footer-contact{
          display: flex;
          justify-content: space-between;
          gap: 20px;
          padding: 8px 30px ;
          margin: 0;
          width: 100%;
          border-radius: 4px;
  
      }
  
      .footer-links {
          position: relative;
          bottom: 0;
          margin-top: 5px;
          display: flex;
          justify-content: center;
      }
  
      .footer-copyright{
          padding:0 20px;
          height: 50px;
          display: flex;
          align-items: center;  
      }
  }