.new-team-section {
    text-align: center;
    padding: 60px 0; 
    overflow: hidden;
  }

  .new-badge {
    display: inline-block;
    background-color: #f0f2f5;
    color: #3C0145;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
  }

  .new-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #3C0145;
    margin-bottom: 60px;
    padding: 0 20px;
  }

  .marquee-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0; 
  }

  .marquee-track {
    display: flex;
    gap: 30px; 
    width: max-content; 
    animation: scroll 20s linear infinite; 
  }

  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%); 
    }
  }

  .marquee-track:hover {
    animation-play-state: paused;
  }

  
  .team-card {
    background-color: #f0f2f5;
    border-radius: 0px;
    padding: 20px;
    text-align: center;
    width: 300px; 
    flex-shrink: 0;
    transition: transform 0.3s ease;
  }

  .team-card:hover {
    transform: translateY(-5px); 
  }

  
  .team-img-box {
    width: 100%;
    height: 300px;
    border-radius: px;
    background-color: #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
  }

 
  .team-img {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  
  .doc-1 .team-img { background-position: 0% 0; }
  .doc-2 .team-img { background-position: 33.33% 0; }
  .doc-3 .team-img { background-position: 66.66% 0; }
  .doc-4 .team-img { background-position: 100% 0; }

  .name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3C0145;
    margin: 0 0 5px;
  }

  .role {
    font-size: 0.95rem;
    color: #555;
    font-weight: 400;
    margin: 0;
  }

 
  @media (max-width: 768px) {
    .new- .new- .section-title { font-size: 2rem; }
    .team-card { width: 260px; }
    .team-img-box { height: 260px; }
    .marquee-track { gap: 20px; }
  }