/* Ensure FontAwesome is included for the bell icon */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

@import "@fortawesome/fontawesome-free/css/all.css";

body {
    font-family: Rubik,
        sans-serif;
}

/* General Styles */
.bg-lightt {
    background-color: #fff;
}

footer {
    font-size: 15px;
    background-color: #113F69;
}

footer a {
    text-decoration: none;
}

.golden-border-bottom {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
    color: #fff;
}

.golden-border-bottom::after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 75px;
    height: 3px;
    background-color: #f59c1e;
}

/* Notification Icon Styles */
.notification-icon-container {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.notification-icon-container .fa-bell {
    font-size: 16px;
    color: black;
}

.notification-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

/* Header and Navigation Styles */
.header-logo {
    max-height: 58px;
}

.nav-item .block {
    max-width: 35px;
    display: block;
    margin: 0 auto 5px;
}

.nav-item .nav-text {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: #000 !important;
}

.logo-container {
    margin-right: 35px;
}

.nav-link {
    color: black;
    font-size: 14px;
}

.nav-link:hover {
    color: #333;
}


.header .d-flex {
    align-items: center;
}

.nav-link.dropdown-toggle {
    display: inline-flex;
    align-items: center;
}

.drop-image {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    vertical-align: middle;
}

.dropdown-menu {
    width: 700px;
    padding: 0;
}

.dropdown-item {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 8px 15px;
}

.dropdown-item img {
    width: 20px;
    height: 15px;
    margin-right: 10px;
}

.dropdown-header {
    font-weight: bold;
    background-color: #f8f9fa;
}

.dropdown-col {
    flex: 1;
    padding: 0 10px;
}

.dropdown-menu .row {
    margin-left: -15px;
    margin-right: -15px;
}

#languageDropdown .dropdown-menu {
    width: 600px;
}

#languageDropdown .dropdown-col {
    padding: 0;
}

#languageDropdown .dropdown-item {
    font-size: 13px;
}

#currencyDropdown .dropdown-menu {
    width: 700px;
}

#currencyDropdown .dropdown-col {
    padding: 0 15px;
}

#currencyDropdown .dropdown-menu .dropdown-item {
    font-size: 12px !important;
}

/* Right Side Elements Alignment */
.header .right-container {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header .nav-item {
    margin-left: 10px;
}

.header .nav-item .nav-text {
    margin-top: 0;
    margin-bottom: 0;
}

.header .mt-3 {
    margin-top: 0;
}

.nav-item.dropdown {
    margin-left: 10px;
}

.right-con .nav-item {
    margin-right: -12px;
}

.right-con {
    margin-right: -20px;
}

.social-image {
    width: 35px;
    height: 35px;
    vertical-align: middle;
}

/* Footer Specific Styles */
footer .col-md-2 {
    padding-right: 1.5rem;
}

footer .col-md-2:last-child {
    padding-right: 0;
}

/* Payment Options Styles */
.payment-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.payment-options img {
    width: 50px;
    height: auto;
}

/* Contact Information Styles */
.contact-info {
    display: flex;
    flex-direction: column;
    /* Stack items vertically */
}

.contact-item {
    display: flex;
    align-items: center;
    /* Vertically align items */
    margin-bottom: 10px;
    /* Space between items */
}

.contact-item img {
    width: 30px;
    /* Set a fixed width for the images */
    margin-right: 10px;
    /* Space between the image and text */
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 30px;
}

.contact-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    /* Stack text vertically */
}

.contact-text p {
    margin: 0px !important;
    padding: 0px !important;
}

/* Social Icons Styles */
.social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #03294C;
    /* Darker shade for the icons */
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    /* Smaller white background */
    height: 30px;
    /* Smaller white background */
    text-decoration: none;
    margin: 0 2px;
    /* Reduced space between icons */
}

.social-icons i {
    font-size: 18px;
    /* Larger icon size within the smaller circle */
}

/* Expandable Section Styles */
#expandable-section {
    text-align: left;
    background-color: #FFF196;
    /* Light background color */
    padding: 20px;
}

#expandable-text {
    font-size: 16px;
    text-align: justify;
}

#toggle-btn {
    color: #007bff;
    /* Primary color for the link */
    cursor: pointer;
    margin-left: 5px;
    /* Space between the text and the link */
    float: right;
}

#toggle-btn:hover {
    text-decoration: underline;
}

.hidden {
    display: none;
}

/* Banner Styles */
.banner {
    background-image: linear-gradient(180deg, #005494, #04a7ea);
    height: 590px;
}

.form-title {
    color: #000;
}

.banner .mt-5 {
    margin: 3rem 0 !important;
}

.banner-heading {
    padding-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center !important;
    /* Center the content horizontally */
}

.banner-heading img {
    width: 40px;
    /* Adjust size as needed */
    height: auto;
    /* Maintain aspect ratio */
}

.banner-heading h1 {
    font-size: 34px;
    font-weight: 600;
    margin-left: 10px;
    /* Space between the image and heading */
}

.banner-heading2 {
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
    /* Center the content horizontally */
}

.trending-hotel .owl-carousel .owl-stage-outer {}

.body-heading img {
    width: 30px;
    /* Adjust size as needed */
    height: auto;
    /* Maintain aspect ratio */
    vertical-align: middle !important;
}

.card-container {
    /* max-width: 1200px; Adjust as needed */
    width: 100%;
    /* Ensure card container takes full width */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .card {
    width: 100%;
    padding: 20px;
    height: 340px;
    border: 1px solid #ddd;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative;
} */

.circular-button-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23.6%;
    z-index: 1;
    /* Ensure it's above other content */
}

.circular-button {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: #005494;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    /* Border color and width */
    font-size: 24px;
    box-shadow: 0 1px 30px 0 #0000001f;
}

.large-text {
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    margin: -5px 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    font-family: Rubik, sans-serif;
}

.bold-large-text {
    font-size: 1.25rem;
    font-weight: bold;
}

.small {
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
    color: #4a4a4a;
    font-family: Rubik, sans-serif;
    cursor: pointer;
    margin: 0 0 14px;
    display: block;
    margin-bottom: 14px !important;
}

.text-muted {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    color: #4a4a4a !important;
    width: 100%;
    margin: 0;
    cursor: pointer;
    font-family: Rubik, sans-serif;
}

.table-like-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    /* overflow: hidden; */
    position: relative;
    /* Ensure relative positioning for absolute children */
}

.table-row {
    display: flex;
}

.table-cell {
    padding: 5px;
}

/* Adjust column widths */
.table-cell:nth-child(1),
.table-cell:nth-child(3) {
    flex: 1;
    /* Make the first and second columns twice as wide */
}

/* .table-cell:nth-child(3), */
.table-cell:nth-child(4),
.table-cell:nth-child(5) {
    flex: 1;
    /* Make the rest of the columns normal width */
}

.border-end {
    border-right: 1px solid #ddd;
}

.border-bottom {
    border-bottom: none !important;
    /* Remove bottom border for circular button */
}


.radio-group .form-check {
    /* width:100px; */
    font-size: 12px;
    font-family: Rubik, sans-serif;
    background: #f8f9fa;
    /* padding: 6px 12px;
        margin-right: 8px;  */
    border: none;
    /* Remove default borders */
}

.radio-group .form-check-inline {
    padding: 10px;
    white-space: nowrap;
    margin-top: 0px !important;
    /* Prevent label text from wrapping */
}

.first-section {}

.first-section h3 {
    font-size: 30px;
}



.carousel {
    padding: 10px 80px;
}

.owl-carousel {
    padding: 0px 20px;
    position: relative;
}



#navWhere {
    padding-right: 20px;

}



/* .owl-next {
        font-size: 18px;
        margin: 5px;
        padding: 4px 15px;
        font-weight: 600;
        transform: translateY(-50%);
        background: #005494;
        color: #fcf4f1;
        border: none;
        border-radius: 3px;

    } */



/* .owl-next span {
        font-size: 20px !important;
        vertical-align: super;
    } */

.custom-header {
    /* background-color: #f8f9fa; */
    padding: 10px 0;

    /* border-bottom: 1px solid #dee2e6; */
}

.custom-header ul {
    list-style-type: none;
    padding: 5px 40px;
    margin: 0;
    display: flex;
    justify-content: start;
}

.custom-header ul li {
    margin-right: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #f5f5f5;
    border-radius: 20px;
}

.custom-header ul li:last-child {
    margin-right: 0;
}

.owl-carousel2 .owl-item {}

.owl-carousel2 .item {
    /* Decreased width for smaller cards */
    background-color: #fff;
    text-align: center;
    margin-right: 3px;
    /* Adjusted margin between items */
    overflow: hidden;
    /* Ensure content doesn't overflow */
    position: relative;
    /* Ensure relative positioning for child elements */
}

.owl-carousel2 .item h3 {
    font-size: 18px;
    margin: 5px 0;
}

.owl-carousel2 .item p {
    font-size: 14px;
    margin: 5px 0;
}

.owl-carousel2 .item img {
    width: 150px;
    height: 50px;
    margin: 5px auto;
    /* Center the image horizontally */
    display: block;
    /* Ensure block-level display for image */
    object-fit: contain;
}

.owl-carousel2 .item .price {
    background-color: #0254A0;
    /* Dark background color for price */
    color: #fff;
    /* White text color for price */
    font-size: 14px;
    font-weight: bold;
    /* Adjusted padding */
    border-radius: 0;
    height: auto;
    width: 100%;
    /* Take full width of parent (.item) */
    justify-content: center;
    align-items: center;
    background-clip: padding-box !important;

}

.hotel-card {
    border-radius: 20px;
    overflow: visible;
    /* Allow badge to be visible outside the card */
    background-color: #fff;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Adjust width to make the card smaller */
    margin: 0 auto;
    /* Adjust card height to match new image height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    /* Allow positioning of badge */
    flex-shrink: 0;
    /* Prevent card from shrinking */
}

.hotel-img {
    position: relative;
}

.hotel-img img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensure image covers the entire space */
    display: block;
    object-position: center;
    /* Ensure centered image alignment */
}

.route-img {
    position: absolute;
    /* Position badge absolute to align it with the image */
    top: 188px;
    /* Adjust this value to position the badge below the image */
    right: 10px;
    /* Align the badge to the right edge of the image */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    /* Ensure badge is on top of the image */
}

.route-img img {
    border-radius: 0;
    display: block;
    margin: 0;
}

.route-img p {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    /* Ensure text is visible on top of the badge */
    z-index: 2;
    /* Ensure text is visible on top of the badge */
    top: 70%;
    /* Center text vertically */
    left: 50%;
    /* Center text horizontally */
    transform: translate(-50%, -50%);
    /* Adjust position to center text */
    line-height: 14px;
}

.route-img span {
    font-size: 14px;
    display: block;
}

.hotel-body {
    padding: 15px;
    flex-grow: 1;
    /* Allow body to grow to fill the space */
    display: flex;
    flex-direction: column;
    /* Stack elements vertically */
    justify-content: space-between;
    /* Ensure content is spaced evenly */
    overflow: hidden;
    /* Prevent text overflow */
    height: 110px;
    /* Adjust height to fit within the card */
}

.body-left {
    flex-grow: 1;
    max-width: 100%;
}

.stars-rating {
    color: #ffc107;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.stars-rating i {
    margin-right: 2px;
    /* Space between stars */
    font-size: 0.8rem;
    /* Make stars smaller */
}

.title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
    display: block;
    text-align: left;
    line-height: 22px;
    /* Align title to the left */
}

.location {
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    /* Align location to the left */
}

.hotel-footer {
    border-top: 1px solid #eee;
    padding: 5px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px;
}

.price {
    font-size: 1.1rem;
    font-weight: bold;
    padding: 6px;
}

.book-now {
    background-color: #F59C1E;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.book-now:hover {
    background-color: #0056b3;
}

.owl-carousel4 .card {
    position: relative;
    overflow: hidden;
    border: none;
    /* Remove border if you want a seamless look */
    width: 300px;
    /* Adjust the width of the card */
    height: 350px;
    /* Adjust the height of the card */
    margin: 0 auto;
    /* Center the card */
}

.owl-carousel4 .card-img-top {
    width: 100%;
    height: 60%;
    /* Image covers 60% of the card height */
    object-fit: cover;
    /* Ensures the image covers the card area */
    position: absolute;
    top: 0;
    left: 0;
}

/* .owl-carousel4 .card-body {
        position: relative;
        /* Ensure the card body is correctly positioned */
/* background: #fff; */
/* padding: 0; */
/* Add padding for content spacing */
/* margin-top: 70%; */
/* Position the card body below the image */
/* Create a gradient effect that blends into the card body */
/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);    */
/* z-index: 1; Ensure text is above the gradient */
/* box-sizing: border-box; Ensure padding is included in the element's total width and height */


*/ .whyImage {
    width: 80px;
    object-fit: contain;
    /* Ensure the image takes full column width */
    height: 80px;
    /* Maintain aspect ratio */
    /* border-radius: ++50%; Optional: Circle shape for the image */
}

h5 {
    font-size: 1.25rem;
    margin-top: 10px;
    color: #333;
    /* Adjust color as needed */
}

p {
    font-size: 0.9rem;
    color: #666;
    /* Adjust color as needed */
    margin-top: 10px;
}

.input-group {
    /* Set specific width for input group */
    margin: 0 auto;
    /* Center the input group */
}

.input-group .form-control {
    border-radius: 5px 0 0 5px;
    /* Round left corners */
    font-size: 0.9rem;
    /* Smaller font size */
    padding: 0.5rem;
    /* Padding for the input */
}

.input-group .btn {
    border-radius: 0 5px 5px 0;
    /* Round right corners */
    background-color: #f59c1e;
    /* Button background color */
    color: #fff;
    /* Button text color */
    font-weight: bold;
    /* Padding for the button */
}

.input-group .form-control::placeholder {
    font-size: 0.85rem;
    /* Smaller placeholder font size */
}



.bg-green {
    background-color: #61982C;
}

.form-outer {
    max-width: 1320px;
    margin: auto !important;
}

.form-field {
    flex: 1;
    padding: 12px 16px;
    max-width: 316px;
}

.form-field:hover {
    background-color: #eaf5ff;
}

.form-submit {
    padding: 0px !important;
    margin: 0px !important;
    overflow: visible !important;
}


.tab-button {
    line-height: 12px;
    height: 30px;
}

.card-body {
    padding: 10px;
}

.card-price-span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

.card-price-label {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 2px 0;
}

.card-price-span,
.card-price-label {
    display: block;
}

.card-body-outer {
    border-radius: 10px;
}

.card-body label {
    font-weight: 700;
}

.hotel-deal-section .owl-item {}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.hotel-deal-section .owl-carousel .owl-stage-outer {}

.trending-hotel {
    max-height: 500px;

}



#return {
    width: 50%;
}

.trip-type-button {

    color: #fff;
    font-size: 14px;
    border: 2px solid #0254a0 !important;
    color: #0254a0 !important;
}

.trip-type-button:focus:not(:focus-visible) {
    background-image: linear-gradient(90deg, #4ea7f9, #0254a0);
    color: #fff !important;
}

.trip-type-button.active {
    background-color: #007bff;
    background-image: linear-gradient(90deg, #4ea7f9, #0254a0);
    color: #fff !important;
    border-color: #007bff;
}

.form-check .form-check-input {
    margin-left: 0px;
    padding: 6px;
    margin: 10px;
    border-color: #005494;
}

.form-check-inline {
    margin-right: 0px;
}

.srchBtnSe {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0254a0;
    background-image: linear-gradient(90deg, #4ea7f9, #0254a0);
    border-radius: 30px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    padding: 16px;
    outline: 0;
    border: 0;
    cursor: pointer;
    margin: 20px auto -55px;
    width: 220px;
}


.slider {
    position: relative;
    width: 100%;
    max-width: 1200px;
    /* Adjust as needed */
    margin: auto;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100% !important;
}

.slide {
    flex: none;
    /* Show 3 slides at a time */
    box-sizing: border-box;
    padding: 8px;
    width: auto !important;
    /* Optional: for spacing between slides */
}

.prev,
.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}


.text-start {
    /* width: 100%; */
}


.recent-searches-slider {
    justify-content: flex-start !important;
}

.recent-searches-slider .mt-2 {
    margin-top: 0px !important;
}

.recent-searches-slider .me-2 {
    margin-right: 0px !important;
}

.title-outer {
    background-color: #1b2b4f;
    background-image: linear-gradient(180deg, #005494, #04a7ea);
    height: 200px;
    color: #fff;
}

.title-outer h1 {
    text-align: left;
}

.left-section {
    padding: 70px 0 30px;
}

.right-section img {
    float: right;
}

.card-inner {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
}



.contact-text p {
    color: #fff;
}

.trip-type-button {
    width: auto !important;
}


body.bgImage {
    background-image: url('../../assets/images/body-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.newsletter-outer .mx-5 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.newsletter-left-inner {
    border-radius: 10px;
    padding: 16px;
    background: linear-gradient(130deg, #0254a0, #20bcff);
    box-shadow: 0 3px 5px #00000026;
}

.copyright .mt-4 {
    margin-top: 0px !important;
}

footer p {
    color: #fff;
}

.section-title {
    display: inline-block;

}

.title-right {
    text-align: center;
    padding-left: 30%;
}

.title-left {
    text-align: right;
}

.trending-hotel .owl-carousel .owl-stage {
    height: 400px;
}

.footer-bottom {
    background: url('../../assets/images/footerBg.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.newsletter-right {
    background-image: url(../../assets/images/signup-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 3px 5px #00000026;
    color: #fff;
    margin-left: 0px !important;
}

.newsletter-right .input-group .form-control {
    border-radius: 5px 0 0 5px;
}






.movement-buttons li {
    display: none !important;
}

.dl-left,
.dl-right {
    width: 100%;
    display: inline-block;
}

.dl-left {
    vertical-align: top;
    max-width: 49% !important;
}

.dl-right {
    max-width: 49%;
}

.dl-left .ms-4 {
    margin: 0px !important;
    padding: 0px !important;
}

/* Dropdown Button Styling */
.country-btn {
    background-color: #ffcc00;
    /* Yellow background */
    border: 1px solid #ffcc00;
    /* Yellow border */
    color: #fff;
    /* White text color */
    font-weight: bold;
    padding: 6px 12px;
    /* Adjust padding for button */
    font-size: 14px;
    /* Font size */
    border-radius: 0;
    /* Remove border-radius to align with input */
}

.country-btn img {
    margin-right: 5px;
    /* Space between flag and text */
    width: 20px;
    /* Adjust flag size */
    height: auto;
}

.dropdown-menu a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    /* Spacing inside dropdown */
    font-size: 14px;
    /* Font size */
}

.dropdown-menu a img {
    margin-right: 10px;
    /* Space between flag and text */
    width: 20px;
    /* Adjust flag size */
    height: auto;
}

.get-app-link-btn {
    background-color: #ffcc00;
    /* Yellow background color */
    color: #fff;
    /* White text color */
    font-weight: bold;
    border: 1px solid #ffcc00;
    /* Yellow border */
    padding: 6px 12px;
    /* Padding for button */
    font-size: 14px !important;
    /* Font size */
    border-radius: 0;
    /* Remove border-radius to align with input */
}

.get-app-link-btn:hover {
    background-color: #e6b800;
    /* Slightly darker yellow on hover */
}

.input-group .form-control {
    border-left: 0;
    /* Remove left border */
    padding: 6px 12px;
    /* Padding for input */
    font-size: 14px;
    /* Font size */
    border-radius: 0;
    /* Remove border-radius for seamless alignment */
    border-color: #ffcc00;
    /* Yellow border color */
}

.input-group-prepend .dropdown-toggle::after {
    border-top-color: #fff;
    /* White arrow color */
    border-bottom-color: transparent;
}

.input-group-prepend .dropdown-toggle {
    display: flex;
    align-items: center;
    border-radius: 0;
    /* Remove border-radius for seamless alignment */
}

.input-group-prepend,
.input-group-append {
    margin: 0;
}

.input-group {
    width: 100%;
    /* Ensure full width for the group */
}

.dropdown-menu {
    border-radius: 0;
    margin-top: -1px;
    /* Overlap the dropdown slightly */
}


#dropdownMenuButton {
    height: 35px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background: #fff;
    border: none;
}

.newsletter-form {
    max-width: 345px;
    margin: 0px !important;
}

.more-ways-section {
    width: 100%;
    color: #fff;
    float: left;
    text-align: left;
    margin: 20px 0px;
}

.dl-left img {
    float: left;
}

.newsletter-right .ms-3 {
    margin-left: 0px !important;
}

.owl-carousel1 .owl-item {
    border-radius: 16px;
    box-shadow: 0 4px 5px #0000001a;
    overflow: hidden;
}

.date-large {
    font-size: 26px;
    font-weight: 700;
}

.date-month {
    font-size: 23px;
    font-weight: 500;
}

.date-day,
.traveller-class {
    font-size: 11px;
}

.traveller-number {
    font-size: 26px;
    font-weight: 600;
}

.traveller-number-count {
    font-size: 13px;
    font-weight: 600;
}

.max-width {
    min-width: 206px;
    max-width: 210px;
}

.flex-trip {
    border-radius: 8px !important;
}

.owl-carousel3 .owl-item {
    padding: 10px 5px;
}

.owl-carousel4 .owl-item {
    padding: 5px 0 10px;
}

.why-book {}

.view-all {
    font-size: 20px;
    color: #0254a0;
}


.card-footer {
    background: none;
    padding: 0px
}

.card-footer:last-child {
    border: none !important;
}

.card-body-deals {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, #fff 50%, #0000);
    width: 100%;
    padding: 70px 16px 10px;
}

.card-title {
    display: block;
    font-family: Segoe-Bold;
    text-align: center;
    max-width: max-content;
    background-color: brown;
    color: #fff;
    padding: 3px 14px 4px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
    margin: 0 auto 4px;
    cursor: pointer;
}

.card-img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.trip-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.trip-details-left {
    font-size: 13px;
    line-height: 18px;
    display: block;
}

.trip-details-right {
    font-size: 13px;
    line-height: 18px;
    display: block;
}

.justify-content-center {
    /* justify-content: space-around !important; */
}

.holidays-view-all {
    text-align: right;
    font-size: 20px;
    color: #005494;
}

.holidays-view-all a {
    color: #005494;
}

.fw-bold {
    text-align: left;
    color: #9b9b9b;
    font-weight: 500 !important;
}

.why-book .justify-content-center {
    justify-content: space-between !important;
}

.login-text-top {
    font-size: 15px;
    font-family: Rubik, sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
}

.login-text-bottom {
    display: block;
    margin: 0;
    color: #9d9d9d;
    font-size: 12px;
    line-height: 14px;
}

.picture img {
    width: 100%;
}

.WhatYouGet h5 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #303030;
    font-family: Segoe-Bold;
}

.footer-main h6 {
    font-weight: 700;
}

.copyrights-right {
    float: right;
}

.copyrights-right img {
    width: 55px;
}




/* recent searches carousel stylign */
.recent-searches-carousel {
    position: relative;
    padding: 0px !important;
    /* Add space for arrows */
}

.recent-searches-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.recent-searches-carousel .owl-nav .owl-prev,
.recent-searches-carousel .owl-nav .owl-next {
    background-color: #ccc;
    border-radius: 50%;
    padding: 5px;
}

.recent-searches-carousel .owl-nav .owl-prev {
    margin-right: 5px;
}

.recent-searches-carousel .owl-nav .owl-next {
    margin-left: 5px;
}

.recent-searches-carousel .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Adjust as needed */
}

.recent-searches-carousel .item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    /* Adjust spacing between items */
}

.recent-searches-slider .owl-prev span,
.recent-searches-slider .owl-next span {
    font-size: 30px !important;
}

.recent-city-name {
    font-size: 12px;
}

.recent-outer {
    background-color: #f8f9fa;
    border-radius: 8px;
    font-size: 12px;
    padding: 8px 12px;
    font-family: Rubik, sans-serif;
    cursor: pointer;
}

.recent-searches-slider .owl-carousel {
    width: 70% !important;
    float: right;
}

.form-mobile {
    display: none !important;
}


/* .why-book-one:after {
    content: "";
    position: absolute;
    height: 100%;
    right: -10px;
    top: 0;
    width: 10px !important;
    background-image: url('../../assets/images/right-shadow.png');
    background-size: 100% 100%;
} */



/* General styling for all items within the specific section */
.why-book-one.item-inner,
.why-book-two.item-inner,
.why-book-three.item-inner,
.why-book-four.item-inner,
.why-book-five.item-inner {
    position: relative;
    padding-right: 20px;
    /* Adjust this if needed */
}

/* Add divider after each item except the last one */
.why-book-one.item-inner:not(:last-child)::after,
.why-book-two.item-inner:not(:last-child)::after,
.why-book-three.item-inner:not(:last-child)::after,
.why-book-four.item-inner:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 10px;
    background-image: url(../../assets/images/right-shadow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}


.unchecked {
    color: #232323 !important;
}

.cabin-label {
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
    display: block;
    font-weight: 700;
}

.second {
    padding: 12px 16px 12px 36px !important;
}

.recent-heading {
    width: 50%;
    display: inline-block;
    text-align: right;
}

#recentnav {
    width: 50%;
    display: initial;
    float: right;
    text-align: right;
}

.text-muted-recent {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

.search-icon {
    padding: 0px 5px;
}

.banner-popular-flights,
.banner-exclusive-hotels {
    padding-bottom: 0px !important;
}

.why-book-title {
    margin: auto;
}


.why-book-title,
.what-you-get-title {
    margin-bottom: 0px !important;
}

.nav-buttons-outer {
    padding: 0px 20px;
    font-weight: 500;
    background: none !important;
    width: 25%;
}

.tab-button-active {
    cursor: pointer;
    padding: 10px 20px;
    margin-right: 10px;
    background: orange !important;
    border-radius: 10px;
}

.why-book .item-inner {
    width: 20% !important;
}

.why-book h5 {
    height: 40px;
}

.dropdown-content {
    display: none;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
}



/* Show the dropdown when the show class is added */
.dropdown-content.show {
    display: block;
    max-height: 300px;
    /* Adjust according to the content height */
}

.hotel-footer-inner {
    margin: 0px;
}

.hotel-footer .price {
    display: block;
    text-align: left;
    padding: 0px;
}

.hotel-footer-label {
    display: block;
}

.trending-hotel .price {
    padding: 0px;
}


.unique-dropdown {
    background-color: white;
    /* Set background color if needed */
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 20px;
    /* Adjust size according to the need */
    padding-right: 30px;
    /* Adjust padding to accommodate the flag */
}

.unique-option {
    padding-left: 25px;
    /* Adjust to move text away from the flag */
    background-size: 20px 20px;
    /* Size of the image */
    background-repeat: no-repeat;
    background-position: left center;
}

/* Add the following CSS to your styles */
.day-cell.selected {
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
}

.day-cell.in-range {
    background-color: #cce5ff;
}


#calendar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 700px;
}

.calendar-container {
    width: 48%;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.calendar-days,
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.calendar-grid {
    grid-auto-rows: 40px;
}

.day-cell,
.empty-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.day-cell.selected {
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
}

.day-cell.in-range {
    background-color: #cce5ff;
}

.calendar-container {
    width: 100%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

#prevMonth {
    order: 1;
    /* Keep "Prev" button on the left */
}

#currentMonth1 {
    flex-grow: 1;
    text-align: center;
    order: 2;
}

#nextMonth {
    order: 3;
    /* Keep "Next" button on the right */
}

#currentMonth2 {
    flex-grow: 1;
    text-align: center;
    order: 2;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: bold;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px;
}

.day-cell {
    padding: 0px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.empty-cell {
    visibility: hidden;
}

.price {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}

.download-outer {
    max-width: 345px;
}

.download-left img {
    width: 180px;
}


.download-right img {
    width: 126px;
    float: right;
}

.day-cell {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}

.depature-return {
    display: flex;
    display: -webkit-flex
}

.copyright-inner {
    justify-content: space-between;
}

.copyright-inner .text-left {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.holiday-fields {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.holidays-fields-input {
    width: 50%;
}

.holiday_type {
    display: flex;

}

.footer-main .me-md-3 {
    margin: 0px !important;
}


.sign-up-input {
    height: 35px;
}

.why-book-one.item-inner,
.why-book-two.item-inner,
.why-book-three.item-inner,
.why-book-four.item-inner,
.why-book-five.item-inner {
    position: relative;
    padding-right: 20px;
    /* Adjust this if needed */
}


.why-book-one.item-inner:not(:last-child)::after,
.why-book-two.item-inner:not(:last-child)::after,
.why-book-three.item-inner:not(:last-child)::after,
.why-book-four.item-inner:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 10px;
    background-image: url(../../assets/images/right-shadow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}



.input-group-text {
    background-color: #fff;
    border-right: none;
}

.form-select {
    border-left: none;
}

@media (max-width:767px) {
    .hotel-card {
        max-width: 100% !important;
    }

    .form-submit {
        width: 100% !important;
        max-width: 100% !important;
        margin: auto;
        border-radius: 20px;
        height: 80px;
        line-height: 80px !important;
        padding: 0px !important;
        text-align: center !important;
        border: none !important;
    }

    .form-field {
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
    }

    .table-row {
        height: 100%;
    }

    .large-text {
        font-size: 20px;
    }

    .srchBtnSe {
        margin: 20px auto;
    }

    .form-submit {
        width: 100%;
    }

    .fare-type-section {
        margin: 0px !important;
    }

    .fare-type-section-inner {
        padding: 0px !important;
    }

    #tabs {
        width: 30%;
    }

    .custom-header ul {
        flex-direction: row !important;
    }

    .row .title-section {
        margin: 0px !important;
    }

    .right-section img {
        float: right;
        width: 250px;
        padding: 40px 0px;
    }

    .banner-heading {
        display: none !important;
    }

    .banner {
        background-image: none !important;
        background-color: #fff;
        padding: 0px !important;

    }

    .form-title-left .trip-type-button {
        float: left;
    }

    .first-section .col-8 {
        flex: initial;
    }

    .nav {
        background: radial-gradient(circle, #f8fcff 8%, #ceeaff 100%);
        margin: 0 auto 4px;
    }

    .navbar-outer {
        background-color: #005a9a;
    }

    .circular-button-container {
        top: 15%;
        left: 40%;
        width: auto !important;
    }

    .dropdown-content {
        background-color: #fff !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .header-icons {
        margin-top: 10px;
    }

    .title-left {
        width: 20%;

    }

    .title-right {
        width: 70% !important;
    }

    .title-right h3 {
        font-size: 24px !important;
    }

    .title-left img {
        width: 30px !important;
        max-width: auto !important;
    }

    .header-arrows-main {
        width: 100% !important;
    }

    .flag-country-flag img {
        width: 20px !important;
    }

    .flag-search-container {
        top: -278px;
        max-width: 100% !important;
    }

    .flag-search-box:after {
        content: 'f002';
    }

    .trending-hotel {
        max-height: 100%;
    }

    .trending-hotel .col-12 {
        display: block !important;
    }


    .trending-hotel .nav-buttons-outer {
        display: block !important;
    }

    #whatYouGetCarousel img {
        width: auto !important;
        margin: auto !important;
    }

    .owl-carousel {
        padding: 0px !important;
    }

    .nav-buttons-outer {
        display: none;
    }

    .exclusive-offers {
        width: 100% !important;
    }

    .exclusive-offers .title-right {
        width: 100% !important;
        padding: 0px !important;
    }

    .bg-blue {
        width: 100%;
    }

    .dl-left,
    .dl-right {
        max-width: 100% !important;
    }

    .dl-right img {
        height: auto !important;
    }

    .newsletter-left {
        padding: 0px !important;
    }

    .newsletter-left-inner {}

    .form-inner {
        padding: 0px !important;
    }

    #whyCarousel .img-fluid {
        width: auto;
        margin: auto;
    }

    .title-image {
        display: none;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(35, 35, 36, 0.3);
        /* Your desired shade */
        box-shadow: 0 0 0 10000px rgba(35, 35, 36, 0.3);
        /* Adding the shadow */
        visibility: hidden;
        z-index: 999;
        /* Make sure it sits above other content */
    }

    .sidebar {
        position: fixed;
        left: -250px;
        /* Hidden by default */
        top: 0;
        width: 250px;
        height: 100%;
        background-color: #fff;
        z-index: 1000;
        /* Above overlay */
        transition: left 0.3s ease;
    }

    .social-icons a {
        width: 29px !important;
    }

    /* Rest of your CSS */
    #sidebar .social-icons {
        color: #04a7ea;
    }

    #sidebar .social-icons a {
        color: #04a7ea;
    }

    #sidebar .social-icons i {
        margin-right: 0px !important;
        color: #04a7ea !important;
    }

    #sidebar.visible:not(.close) {
        box-shadow: 0 0 0 10000px #2323244d;
    }

    #sidebar i {
        color: #04a7ea;
        margin-right: 10px !important;
    }

    #sidebar a {
        font-size: 14px;
        margin: 0px !important;
        color: #232323;
    }

    .banner .mt-5 {
        margin: 0px !important;
        margin-top: 10px !important;
    }

    .card {
        padding: 16px !important;
    }

    .justify-content-start {
        margin-bottom: 0px !important;
    }

    .form-title-left {
        margin-bottom: 0px !important;
    }

    .form-title-left .btn {
        margin-right: 2px !important;
    }

    .table-cell,
    #return {
        padding: 8px 12px !important;
    }



    .max-width {
        max-width: 100% !important;
    }

    .table-row {
        display: flex;
        flex-flow: column;
    }


    div.fifth {
        order: 1;
    }

    div.sixth {
        display: flex !important;
        order: 3;
    }

    div.seventh {
        display: flex !important;
        display: -webkit-flex !important;
        order: 2;
    }

    .seventh {
        order: 7;
    }

    .eigth {
        order: 8;
    }

    .text-start {
        overflow-x: auto;
        white-space: nowrap;
    }

    .login-text {
        display: block;
    }

    .login-text-outer,
    .login-icon {
        display: inline-block;
        line-height: 1.2;
    }

    .login-icon i {
        font-size: 46px !important;
    }

    .first-menu-item {
        background: #f0f8ff;
        padding: 20px 14px !important;
    }

    .newsletter-right .text-start {
        white-space: inherit;
    }


    #recentnav {
        display: none !important;
    }

    .form-mobile {
        display: block !important;
    }

    .recent-searches-slider .owl-carousel {
        width: 100% !important;
    }

    .border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .circular-button-container {
        width: 100%;
        text-align: center;
        margin: 20px 0;
        right: -25px;
        left: unset;
    }

    .footer-main {
        display: none !important;
    }

    .why-book-title {
        font-size: 22px !important;
    }

    .banner-heading2 {
        padding-bottom: 0px !important;
    }

    .newsletter-right input,
    .newsletter-btn {
        width: 50% !important;
        display: inline-block !important;
    }

    .newsletter-btn {
        margin-top: 0px !important;
    }

    #expandable-section {
        display: none;
    }

    .why-book .item-inner {
        width: 100% !important;
    }

    .trending-hotel .nav-buttons-outer {
        margin-top: 15px;
    }

    .holidays-view-all {
        text-align: center;
    }

    .trending-hotel .owl-nav {
        display: none !important;
    }

    .why-book .justify-content-center {
        justify-content: center !important;
    }

    .calendar-container {
        width: 100% !important;
    }

    .download-outer {
        max-width: 100% !important;
    }

    .depature-return {
        display: block;
    }

    .holiday-form-fields {
        margin: 10px 0px;
    }

    .tf-text-green {
        display: block;
    }
}



/* Apply left: 25% only on desktop screens */
@media only screen and (min-width: 768px) {
    .desktop-position {
        left: 25%;
    }
}

/* For mobile screens, reset left position */
@media only screen and (max-width: 767px) {
    .desktop-position {
        left: 0;
        /* or any other value that works for mobile */
    }
}