.custom-banner {
  height: 175px;
  width: 100%;
  background-color: #112c38;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.custom-banner img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.footer {
  background-color: #112c38;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
}

.video-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 1rem;
}

.video-heading {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.video-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; 
  gap: 3rem;
}

.video-text-block {
  flex: 1 1 300px;
  max-width: 500px;
  text-align: left;
}

.video-frame-block {
  flex: 1 1 280px;
  display: flex;
  justify-content: center;
}

.vertical-video {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 9 / 16;
  border-radius: 0.75rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.carousel-section {
  padding-bottom: 2rem; /* Matches Tailwind pb-16 */
  text-align: center;
  padding-left: 0.5rem; /* px-2 */
  padding-right: 0.5rem;
}

.carousel-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700;    /* font-bold */
  margin-bottom: 1.5rem; /* mb-6 */
}