@media (max-width: 576px) {
.logo {
	position: fixed;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	z-index: 20;
	border-radius: 50%;
	padding: 6px;
	transition: all 0.3s;
}
}


    /* Responsive Adjustments */
    @media (min-width: 1400px) {
      .navbar-wrapper {
        width: 90%;
        /* width: 85%; */
      }
    }

    @media (max-width: 1200px) {
      .navbar-wrapper {
        width: 92%;
      }
    }

    @media (max-width: 992px) {
      .navbar-wrapper {
        width: 94%;
        top: 15px;
      }
      
      .nav-link {
        padding: 12px 15px !important;
      }
      
      .hero-overlay h1 {
        font-size: 2rem;
      }
    }

    @media (max-width: 768px) {
      .navbar-wrapper {
        width: 96%;
        top: 10px;
        border-radius: 10px;
      }
      
      .logo {
        width: 100px;
        top: -20px;
      }
      
      .hero-section {
        height: 100%;
        margin-top: 70px;
      }


/* ----------birthday mobile view--------- */

      .birthday_button .carousel-control-prev,
.birthday_button .carousel-control-next {
	margin: 40px 90px;

}


.toppers_button .carousel-control-prev,
.toppers_button .carousel-control-next {
	margin: 200px 170px 0px 170px;

}



    }

    @media (max-width: 576px) {


            .navbar-wrapper {
    width: 90%;
    top: 5px;
    border-radius: 40px;
    position: fixed; 
    left: 50%;
    transform: translateX(-50%);
  }
      
      .logo {
        width: 80px;
        top: -15px;
      }
      
      .nav-link {
        padding: 10px 12px !important;
        font-size: 14px;
      }
      
      .hero-overlay h1 {
        font-size: 1.8rem;
        padding: 0 15px;
      }
    }

    /* Mobile Navbar Scrollable */
    @media (max-width: 991px) {
      .navbar-collapse {
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-right: 5px;
        /* background-color: #281a67; */
        border-radius: 0 0 15px 15px;
        margin-top: 10px;
      }

      .navbar-collapse::-webkit-scrollbar {
        width: 5px;
      }

      .navbar-collapse::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.1);
        border-radius: 10px;
      }

      .navbar-collapse::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.3);
        border-radius: 10px;
      }

      .navbar-collapse::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,0.5);
      }

      .navbar-nav {
        flex-direction: column !important;
      }

      .nav-item {
        margin-bottom: 5px;
      }

      .dropdown-menu {
        position: static !important;
        float: none;
        background-color: rgba(0,0,0,0.1);
        border: none;
        box-shadow: none;
      }

      .logo {
        display: block;
      }

      .carousel-control-prev.custom-carousel-btn {
  left: 0%;
}

.carousel-control-next.custom-carousel-btn {
  right: 0%;
}
    }