/* =============================
   📱 Mobile Styles (Up to 480px)
   ============================= */
@media (max-width: 480px) {
}

/* =============================
   📱 Mobile & Small Tablets (481px to 768px)
   ============================= */
@media (max-width: 768px) {
  #heroCarousel {
    height: auto;
  }

  .offcanvas {
    background: linear-gradient(135deg, #0a66c2, #033866);
    color: white;
  }

  .custom-gallery-item {
    width: calc(50% - 10px);
  }

  .heading-1 {
    font-size: 2.4rem;
  }

  .heading-2 {
    font-size: 2.4rem;
  }

  /* .hero-carousel {
    position: relative;
    height: 70vh;
    overflow: hidden;
  } */

  .carousel-control-prev,
  .carousel-control-next {
    width: 60px;
    height: 60px;
    opacity: 0.6;
  }

  .carousel-control-prev {
    left: 15px;
  }

  .carousel-control-next {
    right: 15px;
  }

  .carousel-indicators [data-bs-target] {
    width: 40px;
    height: 3px;
    margin: 0 3px;
  }

  .carousel-caption .cta-btn {
    padding: 12px 25px;
    font-size: 1rem;
  }

  .scroll-indicator {
    display: none;
  }
}

/* =============================
   💻 Medium and Up (768px and above)
   ============================= */
@media (min-width: 768px) {
  section {
    /* padding: var(--space-lg) 0; */
  }
}

/* =============================
   💻 Large Screens (992px and above)
   ============================= */
@media (min-width: 992px) {
  .dropdown > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    top: 100;
    display: block;
    transition: all 0.1s ease-out;
  }

  .dropdown:hover > .dropdown-menu {
    padding: 20px 0;
    display: block;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }

  .dropdown-item:hover {
    color: white;
    background-color: var(--primary-color);
  }

  @media (max-width: 576px) {
    .carousel-caption {
      width: 95%;
      padding: 0 15px;
    }

    .carousel-indicators {
      bottom: 20px;
    }
    
  }
}

@media (min-width: 768px) {
  .badge {
    font-size: 0.2 rem;
    padding: 0.75rem 1.25rem;
  }
}