.card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 1rem;
}

.carousel-inner > .carousel-item > div {
  overflow-x: auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

.committee-card {
  min-width: 400px;
  min-height: 400px;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease;
  border: none;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.card-wrapper {
  position: relative;
  min-width: 280px;
  min-height: 280px;
  background-color: #991416; /* Fallback color under zoom */
  border: 4px solid #991416; /* Added border */
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* Zoom on hover */
.card-wrapper:hover .committee-card {
  transform: scale(1.05);
}

.scroll-btn {
  border-radius: 4px !important; /* or 0 for perfect square edges */
}
  .left-btn { left: 0; }
  .right-btn { right: 0; }

  /* Smooth scrolling */
.committee-section .overflow-auto {
  scroll-behavior: smooth;
}

/* Hide scrollbar - cross-browser */
.committee-section .overflow-auto::-webkit-scrollbar {
  display: none;
}
.committee-section .overflow-auto {
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-width: none;     /* Firefox */
}

.card-title {
  display: -webkit-box;
    /* show max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
}

[id^="patrons"],
[id^="general-chair"],
[id^="organizing-chair"],
[id^="organizing-secretary"],
[id^="advisory"],
[id^="reviewers"],
[id^="technical"],
[id^="editors"],
[id^="core"],
[id^="finance"],
[id^="publicity"],
[id^="publication"],
[id^="arrangement"],
[id^="hospitality"],
[id^="website"],
[id^="adminsupport"] {
  scroll-margin-top: 75px;
}

.committee-tabs-wrapper {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}

.committee-tabs-wrapper::-webkit-scrollbar {
  display: none;
}
.committee-tabs-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Marquee animation */
.committee-marquee {
  animation: scroll-left 15s linear infinite;
}

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

/* Ensure each tab link is centered inside its container */
.committee-marquee .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;      /* Ensures multiline text is centered */
  white-space: normal;     /* Allow wrapping for longer committee names */
  min-width: 180px;        /* Adjust width as needed */
  height: 100%;            /* Full height alignment */
  padding: 0.5rem 1rem;    /* Adjust spacing if needed */
}