.footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding: 60px 40px;
    background: #222;
    color: #fff;
  }
  
  .footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .footer-logo img {
    width: 120px;
    margin-bottom: 10px;
  }
  
  .footer-column {
    display: flex;
    flex-direction: column;
  }
  
  .footer-column h3 {
    margin-bottom: 10px;
    border-bottom: 2px solid #444; /* Adjust color and thickness as needed */
    padding-bottom: 10px; /* Adds spacing between the text and the line */
    margin-bottom: 15px; /* Adds spacing between the line and the links */
  }
  
  .footer-column a {
    color: #bbb;
    text-decoration: none;
    margin: 5px 0;
  }
  
  .footer-column a:hover {
    color: #fff;
  }
  

  /* ------------------------ */


  /* .footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
    background: #222;
    color: #fff;
  } */
  
  /* در موبایل، ستون‌ها زیر هم قرار بگیرند */
  @media (max-width: 768px) {
    .footer {
      grid-template-columns: 1fr; /* فقط یک ستون در موبایل */
      text-align: center;
    }
  }