#hero-section {
    background: 
        linear-gradient(to top, rgb(26, 0, 41), 30%, transparent),
        linear-gradient(to bottom, rgb(26, 0, 41), 30%, transparent),
        url(image/502462412_999311262359268_2897767805446980749_n.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    padding: 0;
}

/* Container for the logos */
.partners-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* space between logos */
    padding: 10px;
  }
  
  /* Logo styling */
  .partners-logos a img {
    display: block;
    max-width: 240px; /* Adjust as needed */
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
  }
  
  /* Optional: Add hover effect */
  .partners-logos a:hover img {
    transform: scale(1.05);
  }
  

  /* Responsive for mobile */
  @media (max-width: 480px) {
    .partners-logos {
      gap: 5px;
    }
  
    .partners-logos a img {
      max-width: 300px;
    }
  }

/* Grid container */
.partners-logos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* space between logos */
    justify-items: center; /* center logos in their cells */
    padding: 10px;
  }
  
  /* Logo styling */
  .partners-logos-grid a img {
    width: 240px;      /* same size for all */
    height: 120px;      /* same height for all */
    object-fit: contain; /* keep logo aspect ratio */
    display: block;
    transition: transform 0.3s ease;
  }
  
  /* Hover effect */
  .partners-logos-grid a:hover img {
    transform: scale(1.05);
  }
  
  /* Responsive: 3 per row on mobile */
  @media (max-width: 768px) {
    .partners-logos-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .partners-logos-grid a img {
      width: 200px;
      height: 120px;
    }
  }