body {
      font-family: Arial, sans-serif;
      
    }
    .hero {
      background-color: #042d1f;
      color: #fff;
      padding: 60px 0;
    }
    .hero h1 {
      font-weight: bold;
    }
    .btn-custom {
      background-color: #2bb673;
      color: #fff;
      font-weight: bold;
      border-radius: 8px;
    }
    .btn-custom:hover {
      background-color: #23945d;
    }
    .info-box {
      background-color: #0d3f30;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 15px;
      color: #fff;
    }
  .about {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  margin-top: 0px;
  background-color: #0e2d1f; /* dark green background */
  padding: 60px 0;
  color: #fff;
}

.about .container {
  max-width: 900px;
}

.about p {
  background-color: #174a32; /* inner card box */
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.speakers {
  background-color: #0e2d1f;
}

.speaker-section {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  margin-top: 30px;
}

.speaker-card {
  background-color: #174a32;
  border-radius: 15px;
  border: none;
  color: #fff;
  padding: 20px;
  text-align: center;
  height: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* keeps text aligned */
}

.speaker-card img {
  width: 100%;
  height: 216px;       /* fixed height */
  /* object-fit: cover;   crop uniformly without stretching */
  border-radius: 10px;
  margin-bottom: 10px;
}





.carousel-control-prev,
.carousel-control-next {
  width: 20px;
  top: auto;
  bottom: 10px;   /* safe spacing from bottom */
}

.carousel-control-prev {
  right: 60px;
  left: auto;
}

.carousel-control-next {
  right: 10px;
}


.custom-navbar {
  background-color: #0b1d14 !important; /* custom dark green */
}

.custom-navbar .navbar-nav .nav-link,
.custom-navbar .navbar-brand {
  color: #2bb673 !important; /* your text color */
}
.custom-img {
  max-width: 350px;
  width: 100%;
  margin: 15px auto;   /* centered on mobile/tablet */
  display: block;      /* ensures centering works */
}

@media (min-width: 992px) {
  .custom-img {
    margin-left: 80px; /* only for desktops/laptops */
    margin-right: 0;   /* avoid extra space */
  }
}
.about-subtitle {
  display: block;
  font-size: 14px;
  color: #ffffff;  /* subtle gray */
  margin-bottom: 15px;
  text-align: right;
}
/* Schedule Section Tabs */
.schedule .nav-tabs {
  border-bottom: none;
  justify-content: center;
  
}
.schedule {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  margin-top: 0px;
  background-color: #0e2d1f; /* dark green background */
  padding: 60px 0;
  color: #fff;
}



.schedule-subtitle {
  display: block;
  font-size: 14px;
  color: #ffffff;  /* white text */
  margin-bottom: 15px;
  text-align: right;
}

.schedule .nav-tabs .nav-link {
  background-color: #1b2e25;  /* dark green (match background) */
  color: #ffffff;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  margin: 0 5px;
  padding: 12px 20px;
  border: none;
}

.schedule .nav-tabs .nav-link.active {
  background-color: #2f4f3f;  /* slightly lighter green for active */
  color: #ffcc00;             /* highlight text in yellow */
}

.schedule .nav-tabs .nav-link:hover {
  background-color: #2a4035;
  color: #ffcc00;
}
.table.custom-dark {
  background-color: #18392b !important;
  color: #fff;
}
.table.custom-dark th,
.table.custom-dark td {
  background-color: #18392b !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.15);
}
.table.custom-dark thead th {
  background-color: #1f4333 !important;
}