body {
    font-family: 'Inter', sans-serif;
}
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.testimonial-carousel .testimonial-item {
    display: none;
}
.testimonial-carousel .testimonial-item.active {
    display: block;
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.5rem; /* 40px, for clear separation */
}
@media (min-width: 640px) {
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1024px) {
    .team-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}
.team-card {
    margin-bottom: 0;
    margin-top: 0;
    /* Add extra shadow and separation */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    transition: box-shadow 0.3s;
}
.team-card:not(:last-child) {
    /* Optional: add a subtle border or shadow for separation */
}
@keyframes partner-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.partner-marquee {
  width: max-content;
  animation: partner-scroll 30s linear infinite;
}
@media (max-width: 768px) {
  .partner-marquee {
    animation-duration: 50s;
  }
  footer .grid {
        gap: 2rem;
    }
}
/* .hero-glass {
    background: rgba(30, 41, 59, 0.35);
    backdrop-filter: blur(8px);
    border-radius: 1.5rem;
    padding: 2rem;
} */
.testimonial-carousel button {
    box-shadow: 0 2px 8px rgba(60,72,88,0.12);
    outline: none;
}
.testimonial-carousel button:focus {
    border: 2px solid #6366f1; /* Indigo */
}
.service-card, .testimonial-item .bg-gray-200, .team-card {
    box-shadow: 0 2px 8px rgba(60, 72, 88, 0.07); /* softer shadow */
    transition: box-shadow 0.3s, transform 0.3s;
}
.service-card:hover, .testimonial-item.active .bg-gray-200:hover, .team-card:hover {
    box-shadow: 0 4px 16px rgba(60, 72, 88, 0.10); /* slightly stronger on hover */
    transform: scale(1.02);
}