.pro:hover {
     color: #ef6c00 !important;
 }
 
 .pro {
     color: #fff !important;
 }
 
 .user-dropdown .dropdown-item:hover {
     background-color: transparent !important;
     color: black;
     /* keeps text color */
     box-shadow: none;
 }
 /* Style for user menu */
 
 .user-menu {
     position: relative;
     /* Ensures the dropdown is positioned relative to this */
     display: inline-block;
     cursor: pointer;
     /* padding: 10px 0px; */
     font-size: 14px;
     font-weight: bold;
     color: #333;
     /* Ensures text color is visible */
     background: transparent;
     border-radius: 5px;
 }
 /* Dropdown styling */
 
 .user-dropdown {
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     background: white;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     padding: 10px;
     border-radius: 5px;
     min-width: 270px;
     z-index: 1000;
     text-align: left;
 }
 /* Show dropdown on hover */
 
 .user-menu:hover .user-dropdown {
     display: block;
 }
 /* Dropdown items */
 
 .user-dropdown a {
     display: block;
     padding: 8px 10px;
     text-decoration: none;
     color: black;
     font-size: 14px;
 }
 /* .user-dropdown a:hover {
            background: #f1f1f1;
            border-radius: 3px;
        } */
 /* Dropdown header */
 
 .user-dropdown p {
     margin: 0;
     padding: 10px;
     font-weight: bold;
     border-bottom: 1px solid #ddd;
 }
 /* Sign Out */
 
 .sign-out {
     color: red;
     font-weight: bold;
 }
 /* voucher text alignment and left shift on larger screens */
 
 .voucher-text {
     margin: 0;
     text-align: left;
     font-size: 14px;
     color: #fff;
     padding-left: 0;
 }
 
 @media (min-width: 992px) {
     /* nudge slightly left on desktop */
     .voucher-text {
         margin-left: -77px;
     }
 }
 
 @media (max-width: 991px) {
     /* keep normal flow on tablet/mobile */
     .voucher-text {
         margin-left: 0;
     }
 }
 
 .custom-hr {
     border: none;
     /* Remove default border */
     height: 1px;
     /* Set thickness */
     background-color: #00A6A6;
     /* Change color */
     width: 95%;
     /* Set width */
     margin: 4px auto;
     /* Center the line */
 }
 
 .flag {
     width: 20px;
     height: auto;
     margin-right: 6px;
     /* Optional: slightly rounded corners */
 }
 
 .custom-dropdown-item {
     display: flex;
     align-items: center;
     gap: 4px;
     /* space between icon and text */
     padding: 8px 12px;
     color: #000;
     font-weight: bold;
     text-decoration: none;
 }
 
 .custom-dropdown-item i {
     font-size: 16px;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     /* color: #00A6A6; */
     flex-shrink: 0;
 }
 
 .custom-dropdown-item span {
     display: inline-block;
 }
 
 .user-name {
     /* max-width: 120px; */
     /* adjust as needed */
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: middle;
     color: #fff;
     /* match your theme */
     font-weight: 400;
 }
 
 .lang-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     /* center horizontally */
     width: 100%;
     /* optional: full width on mobile */
     text-align: center;
 }
 
 .currency-pop {
     color: white;
     font-weight: bold;
     margin-left: 5px;
     font-size: 17px;
     cursor: pointer;
 }
 /* Give modal a taller height like MakeMyTrip */
 
 .currency-modal {
     max-width: 500px;
     /* adjust for preferred width */
     width: 90%;
 }
 
 .currency-modal .modal-content {
     min-height: 150px;
     /* fixed minimum height */
     border-radius: 12px;
     box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
     background-color: #fff;
 }
 /* Center content vertically inside */
 
 .currency-modal .modal-body {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
     padding: 2rem;
 }
 /* Adjust header for aesthetic spacing */
 
 .currency-modal .modal-header {
     border-bottom: none;
     justify-content: center;
     padding: 1rem 1rem 0 1rem;
 }
 /* Optional: make dropdown look more modern */
 
 .currency-modal select.form-control {
     height: 48px;
     font-size: 16px;
     border-radius: 6px;
 }
 
 .currency-modal .modal-content {
     background: rgba(255, 255, 255, 0.98);
     backdrop-filter: blur(8px);
 }
 
 .currency-modal .dropdown-toggle {
     background-color: #f9f9f9;
     border: 1px solid #ddd;
     height: 48px;
     font-size: 16px;
     border-radius: 8px;
     text-align: left;
     padding-left: 16px;
 }
 
 .currency-modal .dropdown-toggle::after {
     float: right;
     margin-top: 10px;
 }
 
 .currency-modal .dropdown-menu {
     max-height: 250px;
     overflow-y: auto;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .dropdown .dropdown-menu {
     padding: 20px;
     top: 44px !important;
     width: 350px !important;
     left: -267px !important;
     box-shadow: 0px 5px 30px black;
 }
 /* Show header  only on tablets */
 
 @media (min-width: 768px) and (max-width: 1024px) {
     .header-top {
         display: block !important;
         cursor: pointer;
     }
     ul .mobile {
         display: none !important;
     }
 }
 /* Hide hamburger on larger screens */
 /* .header-top {
    display: none;
} */
 
 ul .mobile {
     display: none !important;
 }
 /* Hide navbar only on tablets */
 
 @media (min-width: 300px) and (max-width: 1024px) {
     .header-top {
         display: none !important;
     }
     ul .mobile {
         display: block !important;
     }
     ul .currencyDropdown {
         margin-left: 10px !important;
         max-height: 100px !important;
         overflow-y: auto !important;
     }
     .currencyDropdown[size],
     .currencyDropdown:focus,
     .currencyDropdown:active {
         max-height: 100px;
         overflow-y: auto;
     }
 }
 
 i.far.fa-clock {
     margin: 25%;
 }
 
 i.fas.fa-map-marker-alt {
     margin: 25%;
 }