/* hero-section  */

.hero-banner {
  min-height: 300px; /* Increased height */
  display: flex;
  align-items: center;
}
.hero-banner p{
  max-width: 350px;
}

/* appointment-section */

#book-appointment .input-group-text .fa {
  color: #2a6c96;
}

/* how it works icon */

#how-it-works .icon-circle i {
  font-size: 2rem;
}

/* departments-section */

.card:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}








/* Mobile Responsive Styles */
@media (max-width: 767px) {
  /* Hero Section */
  .hero-banner {
    padding: 50px 20px;
  }
  .hero-banner h1 {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .hero-banner p {
    font-size: 1rem;
  }
  .hero-banner a {
    padding: 10px 20px;
    font-size: 0.9rem;
  }

  /* Appointment Form */
  #appointment-form {
    padding: 20px !important;
  }
  #appointment-form .row .col-md-6 {
    width: 100%;
    margin-bottom: 15px;
  }
  #appointment-form .form-control,
  #appointment-form .form-select {
    font-size: 1rem;
    padding: 12px;
  }

  /* How it works - stack icons */
  #how-it-works .col-md-3 {
    width: 100%;
    margin-bottom: 20px;
  }

  /* Departments */
  #departments .col-md-4 {
    width: 100%;
    margin-bottom: 20px;
  }
  #departments .card {
    height: auto;
  }
  #departments h2 {
    font-size: 1.8rem;
  }

  /* General Text Adjustments */
  h2,
  h5 {
    font-size: 1.3rem;
  }
  p {
    font-size: 0.95rem;
  }
}