#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/68441942_2378259472260780_5761204014855225344_n.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.gradient-text {
    background: linear-gradient(90deg, red, orange, #f9f871, lightgreen, rgb(106, 189, 216), rgb(135, 47, 203));
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 10s ease infinite;
  }
  
  @keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  .partners-marquee {
    overflow: hidden;
    white-space: nowrap;
    margin: 2rem 0;
    background-color: white;
  }
  
  .marquee-content {
    display: inline-block;
    animation: marquee 80s linear infinite alternate; /* alternate for forward/backward */
    will-change: transform;
  }
  
  .marquee-content a {
    display: inline-block;
    margin: 0 2rem;
  }
  
  .marquee-content img {
    height: 100px; /* adjust as needed */
    vertical-align: middle;
  }
  
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  .goals-grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 2rem;
    flex-wrap: wrap; /* Allow wrap on small screens */
  }
  
  .goal-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
  }
  
  .goal-item img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff; /* Optional: white border */
  }
  
  .goal-item h3 {
    margin-top: 1rem;
    font-size: 1.1rem;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .goals-grid {
      flex-direction: column;
      align-items: center;
      gap: 30px;
    }
  }