.navbar {
            background-color: #14213d;
        }

        .hero {
            background-color: #14213d;
            color: white;
        }

        .btn-primary {
            background-color: #14213d;
            border-color: #14213d;
        }

        .btn-primary:hover {
            background-color: #0f1a33;
            border-color: #0f1a33;
        }

        footer {
            background-color: #14213d;
        }

.carousel-item img {
    height: 60vh; /* 60% of viewport height */
    object-fit: cover;
  }

  /* Ensure captions are centered and not too large */
  .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }

  /* Mobile tweaks */
  @media (max-width: 768px) {
    .carousel-item img {
      height: 40vh;
    }
    .carousel-caption h1 {
      font-size: 1.5rem;
    }
    .carousel-caption p {
      font-size: 1rem;
    }
    .carousel-caption .btn {
      font-size: 0.9rem;
      padding: 0.4rem 1rem;
    }
  }

form input, form textarea {
  border-radius: 0.5rem;
  border: 1px solid #ccc;
}

form input:focus, form textarea:focus {
  border-color: #14213d;
  box-shadow: 0 0 5px rgba(20, 33, 61, 0.3);
}

.btn-primary {
  background-color: #14213d;
  border-color: #14213d;
}

.btn-primary:hover {
  background-color: #0f1a33;
  border-color: #0f1a33;
}


/* Registration Form Enhancements */
.section h4 {
  color: #14213d;
}

.section {
  margin-bottom: 2rem;
}

.card {
  border-radius: 1rem;
}

.card-body h5 {
  color: #14213d;
}

.registration-section {
  background: linear-gradient(180deg, #2c3158 0%, #1f2240 100%);
  min-height: 100vh;
  padding: 4rem 0;
}

.registration-card {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 1rem;
  background-color: #f8f9fa; /* light gray */
}