/* General Navbar Styles */
.navbar {
  transition: all 0.3s ease;
}

/* Fix Logo Dimension */


/* Nav Links Styling */
.nav-custom-link {
  font-weight: 500;
  color: #4a5568 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

.nav-custom-link:hover {
  color: #0d6efd !important;
  background-color: rgba(13, 110, 253, 0.05);
}

.nav-custom-link.active {
  color: #0d6efd !important;
  font-weight: 600;
}

/* Topbar Styling */
.topbar {
  font-size: 0.875rem;
}

/* Responsive Styles for Mobile */
@media (max-width: 991.98px) {
  .brand-logo {
    height: 38px; /* Lebih mengecil di tampilan hp */
  }

  .navbar-collapse {
    background: #ffffff;
    padding: 1.25rem;
    border-radius: 12px;
    margin-top: 0.75rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

  .nav-custom-link {
    padding: 0.75rem 1rem !important;
  }
}

/* =========================================
   CAROUSEL DESKTOP / LAPTOP
   ========================================= */
   @media (min-width: 992px) {
    #carouselExampleRide {
      height: 500px;
      overflow: hidden;
    }
  
    #carouselExampleRide .carousel-item {
      height: 500px;
    }
  
    #carouselExampleRide .carousel-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }