body {
     font-family: "Urbanist", sans-serif;
     font-optical-sizing: auto;
 }



 .skip-link {
  position: absolute;
  top: -100px;
  left: 20px;
  background-color: #F5B70A;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 40px;
  z-index: 9999;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 20px;
}


 .aan-navbar {
    z-index: 999999;
     background-color: #18546e;
 }

 .aan-navbar .scrolling-nav {
     overflow-x: auto;
     white-space: nowrap;
     scrollbar-width: none;
     -ms-overflow-style: none;
     position: relative;
     display: flex;
     align-items: center;
     gap: 2px;
     padding: 0.5rem 1rem;
 }

 .aan-navbar .scrolling-nav::-webkit-scrollbar {
     display: none;
 }

 /* Container for fade effects */
 .aan-navbar .nav-section {
     position: relative;
     overflow: hidden;
 }

 /* Fade effect indicators */
 .aan-navbar .nav-section::before,
 .aan-navbar .nav-section::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 60px;
     z-index: 2;
     pointer-events: none;
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .aan-navbar .nav-section::before {
     left: 0;
      background: linear-gradient(to right, #18546e, transparent);
 }

 .aan-navbar .nav-section::after {
     right: 0;
     background: linear-gradient(to left, #18546e, transparent);
/* background: linear-gradient(90deg,rgba(24, 84, 110, 0.66) 0%, rgba(30, 105, 138, 1) 71%, rgba(24, 84, 110, 0.72) 100%); */
 }

 .aan-navbar .nav-section.can-scroll-left::before {
     opacity: 1;
 }

 .aan-navbar .nav-section.can-scroll-right::after {
     opacity: 1;
 }

 /* Fade effect indicators for scroll */
 .aan-navbar .scrolling-nav::before,
 .aan-navbar .scrolling-nav::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 40px;
     pointer-events: none;
     z-index: 1;
     opacity: 0;
     transition: opacity 0.3s ease;
 }


 .aan-navbar .scrolling-nav.can-scroll-left::before {
     opacity: 1;
 }

 .aan-navbar .scrolling-nav.can-scroll-right::after {
     opacity: 1;
 }

 .aan-navbar .nav-item-link {
     transition: all 0.3s ease;
     border: 1px solid transparent;
     border-radius: 50px !important;
 }

 .aan-navbar .nav-item-link:hover {
     border: 1px solid #fb0;
 }

 .aan-navbar .nav-item-link.active {
     border: 1px solid #fb0;
     color: #fb0 !important;
     border-radius: 50px !important;
 }

 .aan-navbar .nav-item-link.active:hover {
     border: 1px solid #fb0;
     border-radius: 50px !important;
 }

 .aan-navbar .navbar-brand img {
     max-height: 60px;
 }

 .aan-navbar .top-nav-collapse {
     position: fixed;
     top: 0;
     left: -300px;
     width: 300px;
     height: 100vh;
     background-color: #18546e;
     z-index: 1050;
     transition: left 0.3s ease;
     box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
 }

 .aan-navbar .top-nav-collapse.show {
     left: 0;
 }

 .aan-navbar .sidebar-links a:hover {
     background-color: rgba(255, 208, 0, 0.2);
 }

 .aan-navbar .sidebar-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 1040;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }

 .aan-navbar .sidebar-overlay.show {
     opacity: 1;
     visibility: visible;
 }

 /* .aan-navbar .desktop-nav-link:hover,
 .text-white:hover {
     color: #ffd000 !important;
 } */

 .cart-dropdown{
        position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-283px, 25px) !important;

 }
 /* Large Desktop Layout - Everything in one row */
 @media (min-width: 1200px) {

     .aan-navbar .navbar-toggler {
         display: none;
     }

     .aan-navbar .top-nav-collapse {
         display: block;
         background: none;
         border-radius: 0;
         margin-top: 0;
         padding: 0;
     }

     .aan-navbar .desktop-nav-link {
         display: inline;
     }

     .aan-navbar .desktop-container {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 1rem;
     }

     .aan-navbar .nav-section {
         flex: 1;
         /* max-width: 60%; */
     }

     .aan-navbar .scrolling-nav {
         padding: 0.5rem 0 !important;
         justify-content: center;
         display: flex;
         flex-wrap: nowrap;
     }

     .aan-navbar .right-links {
         white-space: nowrap;
         flex-shrink: 0;
     }
 }

 /* Medium screens - Two row layout */
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .aan-navbar .navbar-toggler {
         display: none;
     }

     .aan-navbar .desktop-nav-link {
         display: inline;
     }
 }

 .set_margin{
    margin-top: 71px;
 }
 /* Mobile/Tablet Layout - Nav section moves to next line */
 @media (max-width: 1199.98px) {
     .hotel-banner{
        margin-top: 118px;
    }
     .aan-navbar .desktop-nav-link {
         display: none;
     }

     .set_margin{
        margin-top: 118px;
     }
     .aan-navbar .nav-section {
         width: 100%;
     }

     .aan-navbar .scrolling-nav {
         width: 100%;
     }



     .aan-visa-banner{
    margin-top:118px;
    /* height: 500px; */
}
.top_section .slick-slider{
    margin-top: 122px;
}
.top_section .help-banner-sec{
    margin-top: 118px;
}
.top_section .banner-section {
	margin-top: 118px ;

}
.cart-dropdown{
    width: 35px !important;
}
.cart-dropdown {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    width: 321px !important;
    transform: translate(-292px, 25px) !important;
}
 }
 @media (max-width: 991.98px) {
     .aan-navbar .desktop-nav-link {
         display: none;
     }
 }


 @media only screen and (max-width: 767px) {
     .scrolling-nav .nav-item-link {
         font-size: 15px;
     }
 }

 .scrolling-nav .nav-item-link {
     font-size: 14px;
     font-weight: 500;
 }


 .nav-section {
     position: relative;
     overflow: hidden;
 }

 .scrolling-nav {
     overflow-x: auto;
     white-space: nowrap;
     position: relative;
     scrollbar-width: none;
     /* Firefox */
 }

 .scrolling-nav::-webkit-scrollbar {
     display: none;
     /* Chrome, Safari */
 }

 /* Blur/gradient effect on both sides */
 .nav-section::before,
 .nav-section::after {
     content: "";
     position: absolute;
     top: 0;
     width: 40px;
     height: 100%;
     z-index: 10;
     pointer-events: none;
 }