/* Responsive adjustments for mobile and tablet breakpoints */
@media (max-width: 992px) {
  .hero {
    min-height: auto;
    padding: 4rem 0;
  }

  .hero h1 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .navbar-brand {
    font-size: 1.2rem;
  }

  .hero .lead {
    font-size: 1rem;
  }

  .card-body {
    padding: 1.5rem;
  }
}

@media (max-width: 576px) {
 
  .navbar-nav .nav-link {
    padding: 0.5rem 0;
  }

  .hero {
    padding: 3rem 1rem;
  }
  .kh-logo-img {
    height: 50px;
    object-fit: contain;
    padding: 5px;
}
}

@media (min-width: 768px) {
.tash {
    display: flex;
    gap: 70px;
}
}