* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


h2 {
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    font-style: italic;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gentium Book Plus";
}

h2 span {
    color: #1653AC;
    font-family: "Onset";
    font-style: normal;
    font-weight: normal;
}

.f-size-18 {
    font-size: 18px;
}

@media (max-width: 768px) {
    h2 {
        font-size: 30px;
    }

}

@media (max-width: 480px) {
    .pb-30 {
        padding-bottom: 10px !important;
    }

    .mb-10 {
        margin-bottom: 20px;
    }
}

p {
    font-family: "Onset";
}

.common-margin {
    margin: 20px 50px;
}

@media (max-width : 768px) {
    .common-margin {
        margin: 0px !important;
    }
}

.heading-2 {
    text-align: justify;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.p-70 {
    padding: 70px 0px 70px 0px;
}

.p-40 {
    padding: 40px 0px 0px 0px;
}

.m-50 {
    margin: 50px 0px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-20 {
    margin-top: 20px;
}

@media (max-width:768px) {
    .p-40 {
        padding: 20px 0px 0px 0px;
    }

    .mt-60 {
        margin-top: 20px !important;
    }
}

.p-20 {
    padding: 20px 0px 20px 0px;
}

.p-30 {
    padding: 0px 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-10 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.p-50 {
    padding: 50px;
}

.mb-25 {
    margin-bottom: 25px;
}

/* HERO */
.hero {
    position: relative;
    height: 100vh;
    margin: 20px;
    border-radius: 20px;
    /* overflow: hidden; */
    color: #fff;
}

/*  */
.heroine {
    position: relative;
    height: 100vh;
    margin: 20px;
    border-radius: 20px;
    /* overflow: hidden; */
    color: #fff;
}

/*  */

/* VIDEO */
.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -2;
}

/* DARK OVERLAY */
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: -1;
}

/* NAVBAR */
.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 25px;
    border-radius: 30px;
    margin: 20px;
}

.logo {
    font-weight: 600;
}

.nav-links {
    border: 1px solid #fff;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.20);
    display: flex;
    list-style: none;
    gap: 5px;
    font-size: 16px;
    font-family: "Onset";
    font-weight: 500;
    padding: 8px 24px;

}

.nav-links li {
    cursor: pointer;
    opacity: 0.9;
    padding: 6px 12px;
}

.nav-links li a.active {
    background: white;
    color: black;
    padding: 6px 14px;
    border-radius: 20px;
}

/* COMMON */
.nav-links li a {
    text-decoration: none;
}


.home-header .nav-links li a.active {
    background: #ffffff;
    color: #000;
    padding: 6px 14px;
    border-radius: 20px;
}

/* HOME */
.home-header .nav-links li a {
    color: #fff;
}

/* ITINERARY */
.itinerary-header .nav-links li a {
    color: #222;
}

.mega-item span {
    color: black;
}

/* CALL BUTTON */
.call-btn {
    color: #FFFF;
    font-family: "Onset";
    background: orange;
    padding: 10px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
}

/* CONTENT */
.hero-content {
    text-align: center;
    margin-top: 70px;
    position: relative;
    z-index: 0;
}

.hero-content h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    font-style: Italic;
    font-size: 80px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.hero-content p {
    letter-spacing: 0px;
    margin-bottom: 40px;
}

.hero-content h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: Italic;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

/*  */
.heroine-content {
    text-align: center;
    margin-top: 140px;
    position: relative;
    z-index: 0;
}

.heroine-content h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    font-style: Italic;
    font-size: 70px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.heroine-content p {
    letter-spacing: 4px;
    margin-bottom: 40px;
}

.heroine-content h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: Italic;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

/*  */

/* SEARCH */
/* HERO CONTENT */
.hero-content {
    text-align: center;
    color: #fff;
}

/* SEARCH BOX */
/* ================= DESKTOP SEARCH BOX ================= */

.search-box {
    /* padding: 4px 8px; */
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 30px;
    max-width: 900px;
    margin: 20px auto 0;
}

/* FIELD */
.search-box .field {
    flex: 1;
    /* padding: 10px 20px; */
    position: relative;
}

/* VERTICAL DIVIDER */
.search-box .field:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e0e0e0;
}

/* LABEL */
.search-box .field label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;
    text-align: left;
}

/* INPUT */
.search-box .field input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    padding: 0px;
}

/* PLACEHOLDER */
.search-box .field input::placeholder {
    color: #999;
}

/* SEARCH BUTTON */
.search-btn {
    background: #ff9800;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    margin-right: 6px;
    transition: background 0.3s ease;
}

.search-btn:hover {
    background: #e68900;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* ================= HERO ================= */
    .hero {
        margin: 12px;
        border-radius: 22px;
        height: auto !important;
        min-height: 100vh;
        overflow: visible !important;
        padding-bottom: 90px;
        position: relative;
    }

    /*  */
    .heroine {
        margin: 12px;
        border-radius: 22px;
        height: auto !important;
        min-height: 100vh;
        overflow: visible !important;
        padding-bottom: 90px;
        position: relative;
    }

    /* ================= NAVBAR ================= */
    .navbar {
        margin: 14px;
        padding: 12px 16px;
        border-radius: 18px;
        justify-content: space-between;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
        border: none !important;

    }

    .nav-links,
    .call-btn {
        display: none !important;
    }

    .navbar::after {
        content: "☰";
        font-size: 22px;
        color: #fff;
        opacity: 0.95;
    }

    .logo img {
        height: 26px;
    }

    .navbar::before {
        content: none !important;
        display: none !important;
    }

    @media (max-width: 768px) {
        .flatpickr-calendar {
            left: 38px !important;
            right: 20px !important;
            width: 250px !important;
            max-width: 90% !important;
            padding: 8px;
            font-size: 12px;
        }

        .flatpickr-day {
            width: 32px;
            height: 32px;
            line-height: 32px;
            font-size: 12px;
        }

        .flatpickr-current-month {
            font-size: 14px;
        }

        .flatpickr-weekday {
            font-size: 11px;
        }
    }

    /* ================= HERO CONTENT ================= */
    .hero-content {
        margin-top: 105px;
        padding: 0 14px 20px;
        position: relative;
        z-index: 6;
        text-align: center;
    }

    .hero-content h1 {
        font-size: 56px;
        line-height: 1.05;
    }

    .hero-content h4 {
        font-size: 26px;
        margin-top: 8px;
    }

    /*  */
    .heroine-content {
        margin-top: 105px;
        padding: 0 14px 20px;
        position: relative;
        z-index: 6;
        text-align: center;
    }

    .heroine-content h1 {
        font-size: 56px;
        line-height: 1.05;
    }

    .heroine-content h4 {
        font-size: 26px;
        margin-top: 8px;
    }

    /* ================= SEARCH BOX ================= */
    .search-box {
        display: flex !important;
        flex-direction: column !important;
        background: #fff;
        border-radius: 26px;
        padding: 16px;
        width: 92%;
        margin: 24px auto 0;
        position: relative;
        z-index: 10;
    }

    .search-box .field {
        padding: 14px 4px;
    }

    .search-box .field:not(:last-child) {
        border-bottom: 1px solid #e9e9e9;
    }

    .search-box .field::after {
        display: none !important;
    }

    .search-box label {
        font-size: 14px;
        color: #666;
        margin-bottom: 6px;
    }

    .search-box input {
        font-size: 16px;
        padding: 6px 0;
    }

    .hero .search-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: min(85vw, 420px);
        margin: clamp(14px, 4vw, 26px) auto 0;
        padding: clamp(12px, 3.6vw, 18px);

        background: #fff;
        border-radius: clamp(18px, 4.5vw, 28px);
        gap: 0;
        position: relative;
        z-index: 10;
    }

    .hero .search-box .field {
        padding: clamp(10px, 3vw, 16px) 4px;
    }

    .hero .search-box .field:not(:last-child) {
        border-bottom: 1px solid #e9e9e9;
    }

    /* kill desktop divider */
    .hero .search-box .field:not(:last-child)::after {
        display: none !important;
    }

    .hero .search-box .field label {
        font-size: clamp(12px, 3.2vw, 14px);
        color: #666;
        margin-bottom: 6px;
    }

    .hero .search-box .field input {
        width: 100%;
        font-size: clamp(14px, 3.8vw, 16px);
        padding: 6px 0;
    }

    /* ===== BUTTON (fluid + touch-friendly) ===== */
    .hero .search-box .search-btn {
        width: 100% !important;
        height: clamp(48px, 12vw, 56px) !important;

        border-radius: clamp(14px, 4vw, 18px) !important;
        margin: clamp(12px, 3.5vw, 16px) 0 0 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: clamp(16px, 4.2vw, 18px) !important;
        font-weight: 700 !important;
    }

    .hero .search-box .search-btn i {
        display: none !important;
    }

    .hero .search-box .search-btn::before {
        content: "Search";
    }

    .heading-2 {
        font-size: 28px !important;
        padding-bottom: 8px !important;
    }

    /* ===== Extra small phones (320px) ===== */
    @media (max-width: 360px) {
        .hero .search-box {
            width: 85vw;
        }

        .hero .search-box .field {
            padding: 10px 2px;
        }
    }

    /* ===== Bigger phones (430px+) ===== */
    @media (min-width: 430px) and (max-width: 768px) {
        .hero .search-box {
            width: min(88vw, 460px);
        }
    }

    /* ================= FOOTER TAG ================= */
    .footer-tag {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        opacity: 0.95;
        z-index: 6;
    }


    /* ================= BACKGROUND LAYERS ================= */
    .video-wrapper,
    #bgVideo {
        z-index: 0;
    }

    .overlay {
        z-index: 1;
    }

    .navbar::after {
        content: none !important;
    }

    /* show real button */
    .menu-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        color: #ffa121;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
        z-index: 20;
    }

    /* backdrop */
    .menu-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: 0.25s ease;
        z-index: 9998;
    }

    /* sidebar */
    .mobile-menu {
        /* margin: 5px 0px 5px 0px ; */
        position: fixed;
        top: 0;
        right: -100%;
        width: min(86vw, 360px);
        height: 100vh;
        background: #2f2f2f;
        color: #fff;
        padding: 18px 16px;
        z-index: 9999;
        transition: right 0.3s ease;
        display: flex;
        flex-direction: column;
    }

    /* open state */
    .mobile-menu.active {
        right: 0;
    }

    .menu-backdrop.active {
        opacity: 1;
        pointer-events: auto;
    }

    /* header */
    .mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    }

    .mobile-menu-header img {
        height: 26px;
    }

    .mobile-menu-close {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    /* links */
    .mobile-menu-links {
        padding-top: 14px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        flex: 1;
    }

    .mobile-menu-links a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        padding: 12px 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        opacity: 0.95;
    }

    .mobile-menu-links a span {
        opacity: 0.7;
    }

    /* call button bottom */
    .mobile-menu-call {
        margin: 16px 10px 10px;
        background: #ff9800;
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        padding: 14px 16px;
        border-radius: 26px;
        text-align: center;
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .menu-item {
        display: flex;
        flex-direction: column;
    }

    .submenu-toggle {
        background: none;
        border: none;
        color: #fff;
        font-size: 15px;
        padding: 12px 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        width: 100%;
    }

    .submenu-toggle .arrow {
        transition: transform 0.25s ease;
        opacity: 0.7;
        color: #ffffff;
    }

    .submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding-left: 12px;
    }

    .submenu a {
        color: #ddd;
        text-decoration: none;
        font-size: 14px;
        padding: 10px 0;
        display: block;
    }

    /* active */
    .menu-item.active .submenu {
        max-height: 500px;
    }

}



/* show on hover (desktop) */
@media (min-width: 992px) {
    .has-mega:hover .mega-menu {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    .has-mega:hover .caret {
        transform: rotate(180deg);
    }
}

/* hide mega on mobile */
@media (max-width: 991px) {
    .mega-menu {
        display: none !important;
    }
}


/* desktop safety */
@media (min-width: 769px) {

    .menu-btn,
    .menu-backdrop,
    .mobile-menu {
        display: none !important;
    }
}

/* Default: hide on desktop */
.mobile-only {
    display: none;
}

/* Show only on mobile */

/* FOOTER */
/* content */
.small {
    font-family: "Onset";
    font-size: 16px;
    font-weight: 600;

}

.footer-tag {
    position: absolute !important;
    bottom: 50px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    opacity: 0.8;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .nav-links {
        display: none;
    }

    .hero-content h1 {
        font-size: 42px;
    }

    .heroine-content h1 {
        font-size: 42px;
    }

    .search-box {
        flex-direction: column;
        border-radius: 20px;
    }

    .search-btn {
        margin-top: 10px;
    }

    .faq-title {
        text-align: left !important;
    }
}

/* SEARCH HEADER */
.search-header {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 999;
    transition: all 0.3s ease;
}

/* FIXED STATE */
.search-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    animation: slideDown 0.3s ease;
}

/* ANIMATION */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.search-header-inner {
    position: relative;
    max-width: 1400px;
    margin: auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 1000;
}

/* SEARCH HEADER (HIDDEN INITIALLY) */
.search-header {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    opacity: 0;
    z-index: 999;
    transition: all 0.35s ease;
}

/* SHOW ON SCROLL */
.search-header.show {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* LOGO */
.search-logo img {
    height: 40px;
}

/* HEADER SEARCH BAR */
.header-search {
    flex: 1;
    max-width: 850px;
}

/* SEARCH BOX (REUSE) */
.search-box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
}

/* FIELDS */
.search-box .field {
    flex: 1;
    padding: 7px 20px;
    position: relative;
}

/* DIVIDER */
.search-box .field::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e0e0e0;
}

.search-box .field:nth-last-child(2)::after {
    display: none;
}

.search-box label {
    font-size: 14px;
    font-weight: 600;
}

.search-box input {
    border: none;
    outline: none;
    font-size: 14px;
    width: 100%;
    color: #777;
}

/* SEARCH BUTTON */
.search-btn {
    background: #ff9800;
    border: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}

/* CALL BUTTON */
.header-call-btn {
    background: #ff9800;
    color: #fff;
    padding: 7px 16px;
    border-radius: 25px;
    font-weight: 500;
    white-space: nowrap;
}

.header-call-btn a {
    color: #ffff;
    text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .search-header-inner {
        flex-wrap: wrap;
    }

    .header-call-btn {
        display: none;
    }
}

.destinations {
    text-align: center;
    padding: 60px 20px;
}

.destinations h3 {
    font-family: Gentium Book Plus;
    font-weight: 700;
    font-style: Italic;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;

}

.destinations h3 span {
    font-weight: 700;
    font-style: Italic;
    font-size: 46px;
    line-height: 105%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #1653AC;

}


.c-pd {
    padding: 16px 20px 16px 20px;
}

/* cards */
.cards {
    display: flex;
    justify-content: center;
    gap: 25px;
    align-items: center;
    /* height: 400px; */
    /* border: 1px solid black; */
    /* border-radius: 20px solid red; */
}

/* card Base */
.card {
    width: 100%;
    /* border: none; */
    background: transparent;
    transition: 0.4s ease;
    /* border: 1px solid #2a99d1; */

}

/* image Wrapper */
.card-img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    /* z-index : 1; */
}

/* image height difference */
.card img {
    width: 100%;
    object-fit: cover;
    /* transition: 0.4s ease; */
}

/* Heights */
.card1 img {
    height: 350px;
}

.card2 img {
    height: 280px;
}

.card3 img {
    /* height: 350px; */
    height: 300px;
}

/* overlay */

.card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    /* padding-bottom: 20px; */
    padding-bottom: 20px;
    border-radius: 20px;
    color: #fff;
    opacity: 0;
    transition: 0.4s ease;
    height: 350px;
    pointer-events: none;
}


/*  */
.card-overlay span {
    font-family: "Onset";
    font-size: 16px;
    position: relative;
    /* padding-bottom: 8px; */
    margin-bottom: 8px;
}

/* .card-overlay span::after { */
.card-overlay span:first-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 6px auto 0;
}

/*  */

.card-overlay h5 {
    font-family: "Onset";
    font-size: 20px;
    color: #ffb703;
}

/* hover effect */
.card:hover .card-overlay {
    opacity: 1;
}

.card:hover {
    /* transform: scale(1.05); */
    transform: translateY(-2px);
    transform: scale(1.05);
}

/* card-title */
.card-body h5 {
    font-family: "Gentium Book Plus ";
    font-weight: 400;
    font-size: 20px;
}

.card-body {
    background: rgba(0, 0, 0, 0.3);
    /* dark transparent layer */
    backdrop-filter: blur(3px);
    /* blur effect */
    -webkit-backdrop-filter: blur(3px)
}

.card p {
    margin-top: 12px;
    font-weight: bold;
    font-size: 16px;
    font-family: "Onset";
}

.fix {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}

/* section1-mobile slider*/
@media (max-width: 768px) {

    .section-style .row.pt-20 {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 15px;
        padding-bottom: 10px;
        margin: 0;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .section-style .row.pt-20::-webkit-scrollbar {
        display: none;
    }

    .section-style .row.pt-20>div {
        flex: 0 0 250px;
        max-width: 250px;
        width: 280px;
        scroll-snap-align: center;
        padding: 0;
    }

    /* overlay always visible on mobile */
    .card-overlay {
        opacity: 1 !important;
    }

    /* remove hover zoom on mobile */
    .card:hover {
        transform: none;
    }

    .card img,
    .card1 img,
    .card2 img,
    .card3 img {
        height: 300px !important;
    }

    .card-overlay {
        height: 300px !important;
    }
}



/* mobile */
@media (max-width:768px) {

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

}

/*  */

/* instgram feed css */
.insta-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.insta-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 20px;
    padding: 20px;
}

.insta-scroll::-webkit-scrollbar {
    display: none;
}

.insta-card {
    min-width: 280px;
    height: 420px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

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

.insta-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.nav {
    background: white;
    border: none;
    font-size: 32px;
    cursor: pointer;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* ===== WRAPPER ===== */
.insta-wrapper {
    position: relative;
    width: 100%;
    padding: 40px 0;
}

/* ===== SCROLL CONTAINER ===== */
.insta-scroll {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 10px 60px;
}

.insta-scroll::-webkit-scrollbar {
    display: none;
}

/* ===== CARD ===== */
.insta-card {
    min-width: 300px;
    height: 440px;
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

/* Hover zoom */
.insta-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

/* ===== IMAGE ===== */
.insta-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.insta-card:hover img {
    transform: scale(1.08);
}

/* ===== TEXT OVERLAY ===== */
.insta-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.85),
            rgba(0, 0, 0, 0.3),
            transparent);
}

/* ===== NAV BUTTONS ===== */
.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    font-size: 32px;
    cursor: pointer;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    z-index: 10;
    transition: all 0.3s ease;
}

.nav:hover {
    background: #000;
    color: #fff;
}

.nav.left {
    left: 10px;
}

.nav.right {
    right: 10px;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .insta-card {
        min-width: 240px;
        height: 360px;
    }

    .insta-scroll {
        padding: 10px 20px;
    }

    .nav {
        display: none;
    }
}

/* instgram feed */
.clr-gray {
    color: #A8A8A8;
    font-weight: 500;
}

.clr-white {
    color: white;
}

.clr-orange {
    color: #FF9606;
}

.clr-blue {
    color: #1653AC;

}

.clr-black {
    color: black;
}

.pl-80 {
    padding-left: 70px;
}

.pr-80 {
    padding-right: 70px;
}

.tagline {
    font-family: "Onest";
    font-weight: 500;
    font-size: 20px;
    text-align: center;
}

.txt-center {
    text-align: center;
}

.f-onset {
    font-size: "Onest";
}

/* ///////////////////////////// */

/* Tabs */
/* 
.tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 12px 0px 12px 0px;
    
}

.tab {
    font-family: "Onset";
    padding: 8px 16px;
    border-radius: 16px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
    color: #09090B;
}

.tab.active {
    background: #1653AC;
    color: #FFFFFF;
    border-color: #1653AC;
} */
.tabs {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    /* important */
    overflow-x: auto;
    /* enable horizontal scroll */
    white-space: nowrap;
    margin-bottom: 10px;
    padding: 12px 15px;
}

.tabs::-webkit-scrollbar {
    display: none;
    /* optional */
}

.tab {
    font-family: "Onset";
    padding: 8px 16px;
    border-radius: 16px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
    color: #09090B;
    flex: 0 0 auto;
    /* prevents shrinking */
}

.tab.active a {
    color: #ffff;
}

.tab.active {
    background: #1653AC;
    color: #FFFFFF;
    border-color: #1653AC;
}

@media (max-width:768px) {
    .tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

}

.dest-slider-wrapper {
    position: relative;
}

.dest-slider {
    overflow: hidden;
    position: relative;
}

/* slider-control*/
.slider-controls {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 20px;
}

/* Arrow buttons */
.arrows {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: #f2f4f8;
    color: #333;
    cursor: pointer;
    transition: 0.3s ease;
}

.arrows:hover {
    background: #1653AC;
    color: #fff;
}

/* Destination Cards layout */
.destination-card {
    display: flex;
    gap: 24px;
    align-items: stretch;
    transition: transform 0.6s ease-in-out;
}

/* Card default */

.dest-card {
    flex: 0 0 340px;
    /* width: 340px; */
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.45s ease;

    /* flex: 0 0 340px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.45s ease;
    min-width: calc(33.33% - 14px);
    3 cards desktop
    background: #fff;
    border-radius: 12px;
    cursor: pointer; */
}

/* Card expands on hover (KEY EFFECT) */
.dest-card:hover {
    flex: 0 0 420px;
}

/* Dim others */
.destination-card:hover .dest-card:not(:hover) {
    opacity: 0.7;
}



/* Image */
.dest-img-box {
    border-radius: 16px;

    height: 260px;
    overflow: hidden;
}

.dest-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Text */
.dest-card h4 {
    font-size: 18px;
    /* padding: 15px; */
    padding-top: 10px;
}

.sub {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: #7B7B7B;
}

.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.firstsectionprice {
    font-size: 24px;
    font-weight: 700;
    color: #ffb703;
    ;
}

.per {
    color: #7F7F7F;
    font-size: 14px;
    font-weight: 400;
}

.days {
    font-size: 16px;
    color: #7F7F7F;
    font-weight: 400;
}

.actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.actions button {
    font-family: Onest;
    background: #1653AC;
    color: #FFFFFF;
    font-weight: 600;
    border: none;
    padding: 7px 16px;
    border-radius: 20px;
    font-size: 20px;
}

.actions button a {
    background: #1653AC;
    color: #FFFFFF;
    text-decoration: none;
}

.call {
    border: 1px solid #1653AC;
    border-radius: 50%;
    padding: 6px;
    color: #1653AC;
}

.sub-title {
    color: #1653AC;
    font-size: 25px;
    font-weight: 600;
}

/* responsive  */
@media (max-width: 991px) {

    .destination-card {
        gap: 16px;
    }

    .dest-card {
        flex: 0 0 300px;
        max-width: 300px;
        /* margin-bottom: 25px; */
    }

    .sub {
        font-size: 12px;
    }

    .rating {
        font-size: 12px !important;
    }

    .dest-img-box {
        height: 220px;
    }

    .dest-card h4 {
        font-size: 18px !important;
    }

    .price {
        font-size: 18px !important;
    }

    .per {
        font-size: 12px;
    }

    .days {
        font-size: 12px;
    }

    .actions button {
        font-size: 12px !important;
    }

    .call {
        padding: 5px 5px;
    }

    .call img {
        width: 20px;
        height: 20px;
    }

    .slider-btns button {
        width: 40px !important;
        height: 40px !important;
    }


}

/* //// */
@media (max-width: 576px) {


    .dest-card {
        flex: 0 0 260px;
        max-width: 260px;
    }

    .dest-img-box {
        height: 180px;
    }

    .dest-card h4 {
        font-size: 15px;
    }

    .price {
        font-size: 18px;
    }

    .actions button {
        font-size: 14px;
        padding: 6px 12px;
    }

    .slider-btns {
        display: none;
    }

    .pb-20 {
        padding-bottom: 0px;
    }

}


/* 3rd black */

.p-tb-50 {
    padding: 50px 0px 50px 0px
}

.p-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.container-bg {
    background-color: #001F4B;
    /* padding-bottom: 50px; */
}

.desktop-devotional {
    display: block;
}

.mobile-devotional-slider {
    display: none;
}

@media (max-width:768px) {

    .desktop-devotional {
        display: none;
    }

    .mobile-devotional-slider {
        display: block;
    }

}

.devotional-card {
    position: relative;
    overflow: hidden;
    /* border-radius: 20px; */
    height: auto;
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

.devotional-card:hover .tag {
    visibility: visible;
    opacity: 1;
    /* transform: translateY(0); */
}

.devo-card-image img {
    /* width: 489px;
    height: 518px; */
    border-radius: 20px;
    width: 100%;
    height: 350px;
    display: block;
    object-fit: cover;
    transition: all 0.5s ease;
}

.tag {
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 10px;
    /* border: 2px solid black; */
    border-radius: 20px;
    background-color: #1653AC;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 10px;
    opacity: 1;
    /* transform: translateY(-5px); */
    transition: all 0.5s ease;
}

.devotional-card:hover,
.tag {
    filter: grayscale(0%);
    visibility: visible;
}

.devo-card-txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    /* background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); */
    /* transform: translateY(100%); */
    /* start from bottom */
    opacity: 1;
    /* transition: all 3s ease; */
}

.city {
    color: #FFFFFF;
    font-family: "Onset";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: center;
    line-height: 1.0;
}

.yatra {
    font-family: "Gentium Book Plus";
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.0;
    text-align: center;
}

.yatra::after {
    content: "";
    display: block;
    width: 75%;
    height: 1px;
    background: #fff;
    margin: 6px auto 0;
}

.rate {
    display: block;
    font-size: 16px;
    padding: 0px 60px;
}

.devotional-card:hover .devo-card-txt {
    transform: translateY(0);
    opacity: 1;
}

.ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.mtb-100 {
    padding-bottom: 70px;
}

/* @media(max-width:768px) {
    .devotional-card {
        margin-bottom: 30px;
        border: 1px solid #ffff;
        border-radius: 20px;
    }

    .rate {
        font-size: 13px;
        padding: 0px 20px 0px 30px;
    }
} */
/* Divya Darshan mobile horizontal slider */
@media (max-width: 768px) {

    .container-bg .row.p-tb-30 {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 15px;
        padding-bottom: 30px;
        margin: 0;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .container-bg .row.p-tb-30::-webkit-scrollbar {
        display: none;
    }

    .container-bg .row.p-tb-30>div {
        flex: 0 0 260px;
        max-width: 260px;
        width: 260px;
        padding: 0;
        scroll-snap-align: center;
    }

    .devotional-card {
        width: 100%;
    }

    .devo-card-image img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        border-radius: 20px;
    }

    .rate {
        font-size: 14px;
    }

    .clr-orange {
        padding: 0px 10px;
    }
}

/* holi section */

.btn {
    /* background: #1653AC; */
    color: #fff;
    /* border: 0.7px solid var(--White, #FFF);
    border: 1px solid #ffff; */
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background 0.3s;
}


.btn:hover {
    border: none;
    transform: scale(1.1);
}



/* 
.round-btn {
    background: #1653AC;
    background-color:transparent;
    color: #fff;
    border: 0.7px solid var(--White, #FFF);
    border: 1px solid #ffff;
    padding: 10px 15px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background 0.3s;
} */
.round-btn {
    background: transparent;
    border: none;

}

.round-btn:hover {
    border: none;
    transform: scale(1.2);
}

@media(max-width:768px) {
    .block {
        display: flex;
        margin-bottom: 40px;
    }
}


/* footer css */
.flex-class {
    display: flex;
    gap: 20px;
    margin: 30px 50px 0px 50px;
}

@media(max-width:768px) {
    .flex-class {
        flex-direction: column;
        margin: 0px 0px;
        padding: 0px 30px;
        gap: 10px;
    }
}

.clearfix::before {
    content: none !important;
    display: none !important;
}

.inter {
    font-family: "inter";
    font-weight: 300;
    font-size: 20px;
}

.fw-semibold {
    font-family: "Gentium Book Plus";
    font-weight: 700;
    /* font-style: italic; */
    font-size: 20px;
}

.why-choose-section {
    position: relative;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
    padding-top: 30vh;
}

.why-choose-section .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.15),
            rgba(6, 28, 63, 0.95));
    z-index: 0;
}

.why-choose-section h1,
.why-choose-section h5,
.why-choose-section p {
    position: relative;
    z-index: 1;
    /* content above video and overlay */
}


.footer {
    position: relative;
    background: #0b1b3a;
    color: #fff;
    padding: 60px 0 20px;
    font-size: 14px;
    overflow: hidden;
}

/* fade from transparent (top) to solid footer color */
.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    /* adjust fade height */
    background: linear-gradient(to bottom,
            rgba(11, 27, 58, 0) 0%,
            rgba(11, 27, 58, 0.55) 35%,
            rgba(11, 27, 58, 1) 100%);
    pointer-events: none;
    z-index: 0;
}

.why-choose-section {
    margin-bottom: -1px;
    /* removes tiny gap/line */
}

/* keep footer content above the fade layer */

.footer .container {
    position: relative;
    z-index: 1;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .footer-logo {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.footer .footer-logo img {
    height: 60px;
    margin-right: 10px;
}

/* .footer .footer-description {
    font-family: "Onset";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #f7f7f8;
} */
.footer-description {
    font-family: "Onset";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
    color: #f7f7f8;
}

.footer .footer-section h5 {
    font-family: "Onset";
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}

.footer .footer-bottom {
    border-top: 1px solid #1a2b4c;
    padding-top: 15px;
    text-align: center;
    color: #cfd4db;
    font-size: 12px;
}

.footer .social-icons a {
    margin-right: 10px;
    font-size: 18px;
}

.footer .contact-info p {
    margin-bottom: 5px;
}

.fw-light {
    text-align: left;
}

.list-unstyled li {
    font-family: "Onset";
    font-weight: 400;
    font-size: 14px;

}

.mb-50 {
    margin-bottom: 50px;
}

.social-media-icons {
    gap: 10px;
    display: flex;
    list-style: none;
    font-size: 15px;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.pd-15 {
    padding-left: 15px;
}

.icon-space {
    margin-right: 10px;
}

/* end */
/* start destination */
/* .half-hero {
    position: relative;
    height: 80vh;
    overflow: hidden;
} */
.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

/* end */

.hero {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.heroine {
    position: relative;
    height: 70vh;
    overflow: hidden;
}

.video-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dark overlay */
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

/* Mute button bottom-left */
.mute-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 18px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.mute-btn:hover {
    background: rgba(0, 0, 0, 0.85);
}

/* Make sure content stays above overlay */
.navbar,
.heroine-content,
.hero-content,
.footer-tag {
    position: relative;
    z-index: 3;
}

.overlay {
    pointer-events: none;
}

/* faq of itineary pages */

/* Container */
.accordion-item {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

/* Header */
.accordion-header {
    gap: 10px;
    font-family: "Onset";
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* Icon */
.accordion-icon {
    font-size: 22px;
    font-weight: bold;
}

/* Content hidden */
.accordion-content {
    display: none;
    margin-top: 10px;
    font-size: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}

/* Active state */
.accordion-item.active .accordion-content {
    display: block;
    max-height: 200px;
}

/* faq css */
.faq-left {
    max-width: 900px;
    margin: 0;
    padding: 40px 20px
}

.faq-section {
    max-width: 900px;
    margin: auto;
    padding: 0px 0px;
}

.faq-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
}

.faq-itineary-title {

    text-align: left;
    margin-bottom: 10px;

}

.faq-title span {
    color: #1653AC;
}

.faq {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.faq-question {
    gap: 10px;
    font-family: "Onset";
    width: 100%;
    background: #fff;
    border: none;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-question .arrow {
    font-size: 22px;
    transition: transform 0.3s ease;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    /* background: #fafafa; */
    background-color: #ffff;
}

.faq-answer p {
    font-family: "Onset";
    padding: 15px 20px;
    margin: 0;
    color: #555;
}

.faq-ul li {
    font-family: "Onset";
    padding: 5px 20px;
    margin: 0;
    color: #555;

}

.faq.active .faq-answer {
    /* max-height: 500px; */
    max-height: 1000px;
    /* max-height: 300px; */

}

.faq.active .arrow {
    transform: rotate(90deg);
}

/* sliders */
.logo-slider {
    width: 100%;
    position: relative;
}

.logo-viewport {
    overflow: hidden;
    /* width: calc(340px * 3.8 + 30px * 3); */
    width: 100%;
    margin: auto;
}

.log-track {
    display: flex;
    /* gap: 20px; */
    transition: transform 0.4s ease;
}

.slider-btns {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.slider-btns button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #1653AC;
    /* background: #1653AC; */
    background-color: #FFFFFF;
    color: #1653AC;
    font-size: 20px;
    cursor: pointer;
}

.slider-btns button:hover {
    background: #1653AC;
    color: #fff;

}

/* Interest CARD */
.replace-bootstrap {
    margin-bottom: 15px;
}

.replace-bootstrap .book-now-arrow {
    background-color: #1653AC;
    padding: 4px 15px;
    border-radius: 8px;
    color: #ffff;
}

.fw-600 {
    font-weight: 600;
}

.interest-card {
    width: 300px;
    flex-shrink: 0;
    border-radius: 20px;
    /* overflow: hidden;
  border: 1px solid #FFFFFF; */

}

.interest-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

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

/* badge */
.badge {
    font-family: "Onset";
    position: absolute;
    top: 10px;
    left: 40px;
    right: 40px;
    background: #FF9606;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    opacity: 0;
    transform: translateY(-15px);
    transition: all 0.4s ease;
}

@media (max-width: 768px) {
    .badge {
        transform: translateY(0px);
        font-size: 12px;
        padding: 4px 2px;

    }

    .amount {
        transform: translateY(0px);
    }

    .interest-card .amount {
        opacity: 1;
        transform: translateY(0);
    }

    .interest-card .badge {
        transition-delay: 0s;
        opacity: 1;
        transform: translateY(0);
    }

    .interest-card {
        width: 260px;
    }

}

.amount {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease;
}

.interest-card:hover .amount {
    opacity: 1;
    transform: translateY(0);
}

.interest-card:hover .badge {
    transition-delay: 0.1s;
    opacity: 1;
    transform: translateY(0);
}

.interest-card:hover .amount {
    transition-delay: 0.2s;
}

.interest-card:hover h6 {
    transition-delay: 0.2s;
    transform: translateY(-8px);
}


/* interest bottom */
.interest-bottom {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    height: 60px;
    width: auto;
    background: #fff;
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.interest-bottom h6 {
    margin: 0;
    font-family: "Gentium Book plus";
    font-size: 20px;
    font-weight: 400;
    line-height: 0.5;
    transition: transform 0.4s ease;
    padding-top: 30px;
}

.pt-20 {
    padding-top: 20px;
}

.interest-bottom p {
    font-family: "Onset";
    /* margin: 4px 0 0; */
    font-size: 16px;
    color: #1653AC;
}

.interest-bottom a:hover {
    color: #1653AC;
}

/* 
.arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #7F7F7F;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.fw-bold {
    font-family: Gentium Book Plus;
    font-weight: 700;
    font-style: Italic;
    font-size: 40px;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    #stickySearch {
        display: none;
    }
}


.btn-outline-light {
    border-radius: 30px;
}

/* why-choose-section */
.why-section {
    margin-bottom: 10px;
}

.why-section .head-title {
    margin-bottom: 30px;
}

.why-section .promotion {
    background: url("../../image/icon/promo0.png") no-repeat 0px 67px;
}

.why-section .promotion .item {
    text-align: center;
}

.why-section .promotion .item img {
    height: 79px;
}

.why-section .promotion .item h3 {
    font-size: 18px;
    color: #191919;
    font-weight: 700;
    margin-top: 27px;
}

.why-section .promotion .item p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

@media (max-width:768px) {
    .why-section .head-title {
        margin-bottom: 20px;
    }
}

/* grid */

.movement-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 15px;
}

/* common */
.movement-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    grid-row: span 1;

}

.movement-grid img {
    grid-row: span 1;
}

.movement-grid img.medium {
    grid-row: span 2;
}

.movement-grid img.tall {
    grid-row: span 3;
}

@media screen and (max-width: 768px) {
    .movement-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 140px;
        gap: 12px;
    }

    .movement-grid img {
        grid-row: span 1 !important;
    }
}

@media screen and (max-width: 480px) {
    .movement-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }
}


/* new second slider */
/* Desktop (default grid) */
.destination-slider {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Mobile slider */
@media (max-width: 768px) {
    .destination-slider {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .destination-slider::-webkit-scrollbar {
        display: none;
    }

    .destination-slider .card {
        min-width: 80%;
        scroll-snap-align: start;
        flex-shrink: 0;
    }

    .logo-viewport {
        /* width: calc(300px * 2.3 + 20px * 2); */
    }

    .dest-card {
        flex: 0 0 300px;
    }

    .pb-20 {
        padding-bottom: 0px;
    }

}

/* Default: show on desktop */
.desktop-only {
    display: block;
}

/* Hide on phone */
@media screen and (max-width: 768px) {
    .desktop-only {
        display: none;
    }

    h1 {
        font-family: "Gentium Book Plus";
        text-align: center;
        font-style: italic;
        font-size: 26px;
        font-weight: 700;
    }

    h1 span {
        font-family: "Playfair Display";
        font-style: normal;
    }
}

/* Default: hide on desktop */
.mobile-only {
    display: none;
}

/* Show on phone */
@media screen and (max-width: 768px) {
    .mobile-only {
        display: block;
    }

    h1 {
        font-family: "Gentium Book Plus";
        text-align: center;
        font-style: italic;
        font-size: 26px;
        font-weight: 700;
    }

    h1 span {
        font-family: "Playfair Display";
        font-style: normal;
    }

    .display-5 {
        font-family: "Antic Didone";
        font-size: 35px;
        font-weight: 400;
    }
}

/* section4 */
.section-4 h4 {
    font-family: "Gentium Book Plus";
    font-weight: 400;
    font-size: 26px;
}

.section-4 p {
    font-family: "Onset";
    font-weight: 400;
    font-size: 20px;
    margin: 0;

}

/* navbar mega menu */

/* ================= NAV ITEM BASE ================= */
.nav-links .nav-item {
    position: relative;
}

.nav-links .nav-link {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* ================= DESTINATION ARROW (CLEAN) ================= */
.destination-link {
    position: relative;
    padding-right: 14px;
}

.destination-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;

    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffffff;

    transition: transform 0.2s ease;
}

.has-mega:hover .destination-link::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ================= MEGA MENU PANEL ================= */
.mega-menu {
    position: absolute;
    left: 50%;
    top: calc(100% + 12px);
    transform: translateX(-50%);

    width: min(600px, 92vw);
    height: auto;
    background-color: #ffffff;
    /* SOLID WHITE */

    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);

    padding: 26px 30px;

    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(10px);
    transition: transform .18s ease, visibility .18s ease;

    z-index: 1000000;
    isolation: isolate;
    /* 🔥 stops background bleed */
}

/* ================= SIMPLE ARROW / NOTCH ================= */
.mega-notch {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;

    z-index: 1000001;
}

/* ================= GRID ================= */
.mega-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* gap: 40px; */
}

.mega-col {
    min-width: 0;
}

/* ================= SECTION TITLES ================= */
.mega-title {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.9px;
    color: #7c8797;
    text-transform: uppercase;
}

/* ================= MENU ITEMS ================= */
.mega-item {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 7px 10px;
    border-radius: 12px;

    text-decoration: none;
    color: #1c2a3a;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;

    background: transparent;
    transition: background .18s ease, transform .18s ease;
}

/* images */
.mega-item img {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    object-fit: cover;
    flex: 0 0 28px;
}

/* hover */
.mega-item:hover {
    background: #eef8fb;
    transform: translateY(-1px);
}

/* ================= DESKTOP HOVER LOGIC ================= */
@media (min-width: 992px) {

    .has-mega {
        padding-bottom: 18px;
        /* hover bridge */
    }

    .has-mega::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 18px;
    }

    .has-mega:hover .mega-menu,
    .has-mega .mega-menu:hover {
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    /* keep menu above hero */
    .navbar {
        position: relative;
        z-index: 500;
    }

    .hero-content,
    .heroine-content,
    .search-box,
    .footer-tag {
        position: relative;

    }
}

/* ================= MOBILE ================= */
@media (max-width: 991px) {
    .mega-menu {
        display: none !important;
    }
}


/* ===== SIMPLE CLEAN MEGA MENU ARROW ===== */
.mega-notch {
    position: absolute;
    top: -8px;
    /* attach properly */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    /* same as mega-menu bg */

    z-index: 10;
}

/* ===== Destination arrow (clean & modern) ===== */
.destination-link {
    position: relative;
    padding-right: 14px;
}

/* arrow using CSS border (NOT text) */
.destination-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 0;
    height: 0;

    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffffff;
    /* arrow color */
    opacity: 0.85;
    transition: transform 0.2s ease;
}

/* rotate arrow on hover */
.has-mega:hover .destination-link::after {
    transform: translateY(-50%) rotate(180deg);
}

/* serch */

/* DESTINATION DROPDOWN */
/* =========================
   DESTINATION DROPDOWN
========================= */
.bdr {
    border-radius: 40px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0 4.951px 32.182px -8.664px rgba(0, 0, 0, 0.25);

}

@media(max-width:768px) {
    .block {
        display: none;
    }
}

.destination-field {
    position: relative;
}

.destination-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 10px;
    /* align inside field padding */
    right: 10px;
    /* same as left so it matches field width */
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    padding: 10px;
    margin: 0;
    list-style: none;
    display: none;
    z-index: 9999;
}

.destination-dropdown li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    cursor: pointer;
    transition: 0.2s;
}

.destination-dropdown li:hover {
    background: #f5f5f5;
}

.destination-dropdown img {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    object-fit: cover;
    flex-shrink: 0;
}

.destination-dropdown span {
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

/* =========================
   GUESTS DROPDOWN
========================= */
.guests-field {
    position: relative;
}

.guests-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 10px;
    /* align inside field padding */
    width: 360px;
    /* like screenshot */
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    padding: 13px;
    display: none;
    z-index: 9999;
}

/* rows */
.guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
}

.guest-row+.guest-row {
    border-top: 1px solid #f0f0f0;
}

.guest-row h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.guest-row p {
    margin: 6px 0 0;
    font-size: 13px;
    color: #8a8a8a;
}

/* counter */
.counter {
    display: flex;
    align-items: center;
    gap: 14px;
}

.counter button {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    color: black;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    display: grid;
    place-items: center;
    transition: 0.2s;
}

.counter button:hover {
    background: #f7f7f7;
}

.counter button:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.counter span {
    min-width: 26px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

/* pets */
.pets-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 14px;
    margin-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.pets-row h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.pets-row p {
    margin: 6px 0 0;
    font-size: 13px;
    color: #8a8a8a;
}

#petsCheck {
    width: 20px;
    height: 20px;
    accent-color: #ff9800;
}

/* if guests dropdown gets cut off on right side */
@media (max-width: 768px) {
    .guests-dropdown {
        width: auto;
        left: 10px;
        right: 10px;
    }
}


/* Portal container sits above everything */
#dropdownPortal {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999999;
}

/* the actual dropdown box */
.portal-box {
    position: absolute;
    pointer-events: auto;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

/* destination list style */
.portal-box ul {
    margin: 0;
    padding: 10px;
    list-style: none;
    max-height: 320px;
    overflow-y: auto;
}

.portal-box li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    cursor: pointer;
}

.portal-box li:hover {
    background: #f5f5f5;
}

.portal-box img {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    object-fit: cover;
}

/* guests popup inner padding */
/* .portal-box.guests-box{
  padding: 18px;
} */
/* google reviews section */
/* h3 {
    text-align: center;
    font-size: 30px;
} */

.review-cards {
    min-width: 300px;
    height: 150px;
    flex-shrink: 0;
}

.reviews {
    padding: 20px;
    width: 300px;
    height: 150px;
    border-radius: 16px;
    border: 1px solid rgb(235, 233, 233);
}

.stars {
    color: #f39c12;
}

.rating {
    color: #f39c12;
    font-size: 16px;
}

.review-slider {
    width: 100%;
    overflow: hidden
}

.review-track {
    display: flex;
    gap: 60px;
    width: max-content;
    animation: scrollLeft 15s linear infinite
}

.review-card {
    flex: 0 0 auto
}

.logo img {
    max-height: 60px;
    width: auto;
    display: block
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

/* ITINEARY PAGE CSS START */

.itineary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0px;
}

.itineary span {
    font-family: "Onset";
    font-size: "12px";
    font-weight: 500;
    line-height: 100%;
    text-decoration: underline;
    color: #09090B;
}

.itineary h1 {
    font-family: "Mulish";
    font-weight: 700;
    font-size: 48px;
    line-height: 129%;
    letter-spacing: -2%;
    color: #040B0C;
}

@media (max-width:768px) {
    .itineary h1 {
        font-size: 30px;
        text-align: left;
    }

    .itineary p {
        display: none;
    }

    .itineary {
        padding: 10px 0px;
    }

    .itineary-content h2 {
        font-size: 28px !important;
    }

    .itineary-content p {
        font-size: 18px !important;
    }


}

/* GRID */
.itineary-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2, 200px);
    gap: 8px;
    /* max-width: 1200px; */
    max-width: 1256px;
    margin: auto;
}

.itineary-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.itineary-grid img:hover {
    transform: scale(1.03);
}

.itineary-grid .big {
    grid-row: span 2;
}

/* LIGHTBOX */
.lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.lightbox img {
    max-width: 85%;
    max-height: 85%;
    border-radius: 10px;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}

.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white;
    font-size: 40px;
    cursor: pointer;
    padding: 20px;
}

.prev-btn {
    left: 20px;
}

.next-btn {
    right: 20px;
}

/* responsive-itineary */
@media (max-width:768px) {

    .itineary-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 10px;
    }

    .itineary-grid .big {
        grid-column: span 2;
        grid-row: span 1;
    }

    .itineary-grid img {
        height: 200px;
    }

    .itineary-grid .big {
        height: 280px;
    }

}

/* left-section */

/* .left-section{
    border: 2px solid red;
} */
.links {
    /* padding: 0px 20px; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #DFDFDF;

}

.links-ul {
    display: flex;
    gap: 20px;
    padding: 0;
    /* justify-content: space-around; */
}

.links-ul li {
    list-style-type: none;

}

/* .links-ul a{
    text-decoration: none;
    color: black;
} */
.links-ul a {
    color: #000;
    text-decoration: none;
    padding-bottom: 6px;

    transition: color 0.3s ease, border-bottom 0.3s ease;
}

.links-ul a.active {
    color: orange;
    border-bottom: 2px solid orange;
    font-weight: 600;
}

.links-ul a:hover {
    color: orange;
    border-bottom: 2px solid orange;
    /* font-weight: 600; */
}

/*  */
.tabs-scroll {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.tabs-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs-menu li {
    flex: 0 0 auto;
    padding: 10px 15px 10px 0px;
    cursor: pointer;
}

/* Hide scrollbar (optional) */
.tabs-scroll::-webkit-scrollbar {
    display: none;
}


/*  */

/* .links-ul a.active{
    color: orange;
    border-bottom: 2px solid orange;
} */
.itineary-content {
    padding: 35px 0px;
    border-bottom: 1px solid #DFDFDF;
}

.itineary-content h2 {
    text-align: left;
    font-family: "Mulish";
    font-weight: 700;
    font-size: 32px;
    line-height: 132%;
    letter-spacing: -2%;
}

.itineary-content p {
    font-family: "Mulish";
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #7B7B7B;
    text-align: justify;
}

.itineary-content ul li {
    font-family: "Mulish";
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #7B7B7B;
    text-align: justify;

}

.include h4 {
    /* border: 1px solid black; */
    padding-left: 55px;
    font-family: "Onset";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0%;
}

.include li {
    list-style: none;
    font-family: "Onset";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    padding: 5px 10px;
}

.li-items {
    display: flex;
    gap: 10px;
    text-align: start;
}

/* cancellation table */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
    /*enables horizontal scroll */
    -webkit-overflow-scrolling: touch;
}

.cancel-table {
    width: 100%;
    min-width: 600px;
    /* IMPORTANT: prevents squeezing */
    border-collapse: collapse;
    text-align: center;
    font-family: "Onset";
}

.cancel-table th,
.cancel-table td {
    border: 1px solid #000;
    padding: 10px;
}

.cancel-table thead th {
    background-color: #ffa500;
    font-size: 18px;
    font-weight: 700;
}

.cancel-table tbody td {
    font-size: 16px;
    line-height: 1.4;
}

/*=========== right-section ============== */

/* .right-section{
    border: 2px solid black;
} */
.sticky-top {
    position: sticky;
    top: 0px;
    z-index: 1020;
}

.booking-card {
    margin-top: 44px;
    max-width: 380px;
    padding: 35px 32px;
    border-radius: 32px;
    /* background: #fff; */
    border: 1px solid #DFDFDF;
    font-family: Arial, sans-serif;
}

.booking-card h2 {
    font-family: "Onset";
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    /* margin-bottom: 16px; */
}

.price-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.price {
    font-family: "Onset";
    font-size: 32px;
    font-weight: 700;
    color: #1653AC;
    ;
}

.old-price {
    font-family: "Onset";
    font-weight: 400;
    font-size: 24px;
    color: #6A7282;
    text-decoration: line-through;
}

.save-badge {
    font-family: "Onset";
    background: #e6f8ec;
    color: #016630;
    font-size: 14px;
    padding: 8px;
    border-radius: 6px;
    font-weight: 500;
}

.tax-text {
    font-family: "Onset";
    font-weight: 400;
    font-size: 14px;
    color: #7B7B7B;
    margin: 8px 0 18px;
}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    font-family: "Onset";
    font-weight: 500;
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.form-group select {
    font-family: "Onset";
    font-weight: 400;
    width: 100%;
    padding: 8px 8px;
    border-radius: 8px;
    border: 1px solid #D1D5DC;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}

.form-group input {
    font-family: "Onset";
    font-weight: 400;
    width: 100%;
    padding: 8px 8px;
    border-radius: 8px;
    border: 1px solid #D1D5DC;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}

.chat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #00c853;
    color: #fff;
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 14px;
}

.chat-btn i {
    font-size: 18px;
}

.download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 16px;
    border-radius: 30px;
    border: 1.5px solid #000;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

/* ===Media Query===== */
/* ===== TABLET + DESKTOP (768px and up) ===== */

@media (min-width: 768px) {

    .itineary {
        flex-direction: row;
        justify-content: space-between;
    }

    .itineary-grid {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: repeat(2, 200px);
    }

    .itineary-grid .big {
        grid-row: span 2;
    }

    .links {
        overflow: visible;
    }

    .booking-card {
        max-width: 380px;
    }

}

/* itineary-header */
.iti-nav {
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.25);
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #DFDFDF;
}

.pl-55 {
    padding-left: 55px;
}

/* contact-us Page */
.contact-wrapper {
    max-width: 650px;
    background: #FAFAFA;
    padding: 30px;
    border-radius: 12px;
}

.title {
    font-family: "Gentium Book Plus";
    font-size: 30px;
    margin-bottom: 10px;
    text-align: justify;
    font-style: italic;
}

.title span {
    color: #1653AC;
    font-style: normal;
}

.contact-form {
    margin-top: 20px;
}

.form-entries {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
    flex: 1;
}

.form-entries label {
    font-family: "Onset";
    font-size: 16px;
    margin-bottom: 6px;
    color: #000;
}

.form-entries input,
.form-entries textarea {
    border: none;
    background: #ffff;
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 16px;
    font-family: "onset";
    outline: none;
}

.form-entries textarea {
    border-radius: 10px;
    resize: none;
    height: 120px;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 15px 0 25px;
}

.checkbox a {
    color: #000;
    text-decoration: underline;
}

.submit-btn {
    background: #1653AC;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background 0.3s;
}


.submit-btn:hover {
    background-color: #ff9800;
    ;
}

.map {
    border-radius: 16px;
    width: 480px;
    height: 150px;
}

.office-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    padding: 10px 40px 10px 10px;
    border-radius: 10px;
    max-width: 650px;
}

.office-icon {
    width: 44px;
    height: 44px;
    background: #1653AC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}

.office-text strong {
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-family: "Onset";
    color: #000;
    margin-bottom: 4px;
}

.office-text p {
    font-family: "Onset";
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

@media(max-width:768px) {
    .record {
        display: flex;
        gap: 20px;
    }

    .form-entries {
        flex: 1;
    }

    .map {
        width: 300px;
    }

    .contact-wrapper {
        padding-top: 20px;
        padding-left: 10px;
    }

    .office-box {
        gap: 6px;
        padding: 10px;
        text-align: justify;
    }

    .footer .footer-description {
        text-align: justify;
    }

    .office-icon {
        width: 35px;
        height: 35px;
    }

    .submit-btn {
        font-size: 14px;
    }

    .checkbox {
        font-size: 12px;
    }

}

/* about-us page */
.about-content h2 {
    padding-bottom: 10px;
}

.about-content p {
    text-align: justify;
    font-family: "Onset";
    font-size: 16px;
    font-weight: 500;
}

.legacy-boder {
    border-right: 1px solid #E4E4E7;
}

.legacy span {
    text-align: left;
    font-family: "Onset";
    font-size: 48px;
    font-weight: 500;
    line-height: 130%;
    color: #1075C2;

}

.legacy p {
    color: #09090B;
    font-family: "Onset";
    font-size: 16px;
    line-height: 160%;
}

.about-content ul li {
    list-style: none;
    font-family: "Onset";
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
}

.about-content ul li i {
    color: #1075C2;
    padding-right: 10px;
}

.services {
    width: 100%;
    height: auto;
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    padding: 24px 22px;
}

.services h5 {
    font-weight: bold;
}

.service-icon img {
    border: 1px solid #1075C233;
    padding: 22px 24px;
    border-radius: 10px;

}

.service-btn {
    /* width: 30%; */
    display: inline-block;
    background: #ff9800;
    color: #fff;
    padding: 7px 16px;
    border-radius: 25px;
    font-weight: 500;
    white-space: nowrap;
}

.service-btn a {
    color: #fff;
    text-decoration: none;
}

/* ============================= */
/* MOBILE RESPONSIVE (max 768px) */
/* ============================= */
@media (max-width: 768px) {


    /* Hero text */
    .hero-content h1 {
        font-size: 28px;
        text-align: center;
    }

    .hero-content h6 {
        font-size: 14px;
        text-align: center;
        padding: 0 15px;
    }

    /* About section padding */
    .p-70 {
        padding: 40px 15px !important;
    }

    /* Headings */
    .about-content h2 {
        font-size: 22px;
        text-align: center !important;
    }

    /* Paragraph */
    .about-content p {
        font-size: 14px;
        /* text-align: justify; */
    }

    /* Legacy stats section */
    .legacy-boder {
        border-right: none;
    }

    .legacy {
        border-bottom: 1px solid #E4E4E7;
        padding: 15px 0;
    }

    .legacy span {
        font-size: 28px;
    }

    /* Last stat remove bottom border */
    .legacy:last-child {
        border-bottom: none;
    }

    /* Images */
    .about-content img {
        margin-bottom: 20px;
        margin-top: 20px;
        height: auto;
    }

    .service-icon img {
        padding: 10px;
    }

    /* Services cards */
    .services {
        margin-bottom: 20px;
        padding: 15px;
        text-align: center;
    }

    .services h5 {
        font-size: 16px;
    }

    .services p {
        font-size: 14px;
    }

    /* Service button */
    .service-btn {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .about-content ul li {
        line-height: 1.9;
        font-size: 14px;
    }

    /* Review section */
    .review-card {
        width: 260px;
    }

    /* Sticky search header */
    .search-header-inner {
        flex-direction: column;
        gap: 15px;
    }

    .header-call-btn {
        width: 100%;
        text-align: center;
    }
}


/* banner */
.banner-2 {
    height: 100vh;
    background: url("../assets/images/domestic-banner.png") no-repeat center center/cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
.banner-2-content {
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.banner-2-content h1 {
    font-size: 60px;
    margin-bottom: 15px;
}

.banner-2-content p {
    font-size: 18px;
    margin-bottom: 25px;
}

.banner-2-btn {
    background: #00c853;
    padding: 12px 25px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: 0.3s;
}

.banner-2-btn:hover {
    background: #009624;
}

/* itineary css top */
.iti-nav {
    position: sticky;
    top: 0;
    z-index: 9990;
    background: #fff;
}

.iti-nav .navbar {
    margin: 0;
}

.desktop-banner {
    display: flex;
}

.mobile-slider {
    display: none;
}

.slide {
    display: none;
}

.slide.active {
    display: block;
}

.dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background: #000;
}

/* Mobile */
@media (max-width: 767px) {
    .desktop-banner {
        display: none;
    }

    .mobile-slider {
        display: block;
    }
}

.navbar::before,
.navbar::after {
    display: none !important;
}

/* packages-page */
.pckg-label {
    position: absolute;
    background-color: #ff9800;
    font-size: 13px;
    color: #ffff;
    font-weight: bold;
    /* bottom:10px;
      right:4px; */
    top: 10px;
    left: 30px;
    border-radius: 8px;
    padding: 1px 7px;
}

.flex-package {
    display: flex;
    justify-content: space-between;
}

.pt-15 {
    padding-top: 15px;
}

@media (max-width:768px) {
    .hide-mobile {
        display: none;
    }

}

.pr-8 {
    padding-right: 8px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

/* listing-page-css */
.brdr {
    border: 1px solid black;
}

/* Right section css of listing page */
.right {
    display: flex;
    /* justify-content: center; */
}

.filter-tabs{
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    /* important */
    overflow-x: auto;
    /* enable horizontal scroll */
    white-space: nowrap;
    margin-bottom: 10px;
    padding: 12px 15px;
}

.filter-tabs::-webkit-scrollbar {
    display: none;
    /* optional */
}

.fltr-tab {
    font-family: "Onset";
    padding: 10px 25px;
    border-radius: 50px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
    color: #f7f7f8;
    flex: 0 0 auto;
    background: #1653AC;

    /* prevents shrinking */
}

.fltr-tab.active a {
    color: #ffff;
}
.fltr-tab:hover{
    background: #ffff;
    color: black;
    font-size: bold;
}
.fltr-tab.active {
    background: #1653AC;
    color: #FFFFFF;
    border-color: #1653AC;
}

.listing-box{
    width: 100%;
    height: auto;
    padding: 30px;
    border: 1px solid #bdbdbd;
    margin-top: 40px;
    border-radius: 15px;
}
.left-flex{
    display: flex;
    /* justify-content: center; */
    gap: 20px;
    align-items: center;
}
.left-img img{
    width: 70vw;
    height: 300px;
    position: relative;
}
.right-text p{
    font-size: 18px;
}
/* .left-img span{
    position: absolute;
    width: 50px;
    height: 20px;
    top: 20px;
    left: 30px;
    border: 1px solid black;
    background: #f4a300;
    color: black;
} */
.listing-tag{
    /* visibility: hidden; */
    position: absolute;
    z-index: 2;
    top: 220px;
    left: 70px;
    /* border: 2px solid black; */
    border-radius: 20px;
    background-color: black;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 16px;
    opacity: 1;
}
.listing-amount{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* .what-include{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.inclusive-tag{
    border: 1px solid black;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: 16px;
} */
@media (max-width:768px) {
    .filter-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}




/*-------------------------------- Left section css of listing page */

/* .budget-box{
    width: 350px;
    height: 10%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border: 1px solid black;
    border-radius: 40px;
    background-color:#ffff;
    padding: 30px;
    text-align: center;
} */
 .budget-box h3{
    padding-bottom: 10px;

 }
.budget-slider{
    position: relative;
    width: 100%;
    height: 20px;
}
.budget-track{
    position: absolute;
    height: 8px;
    width: 100%;
    background: #c4c4c4;
    border-radius: 5px;
    transform: translateY(-50%);
}
.budget-range{
    position: absolute;
    height: 8px;
    background: #f4a300;
    border-radius: 5px;
    /* top: 50%; */
    transform: translateY(-50%);
}
input[type="range"]{
    position: absolute;
    width: 100%;
    /* top: 0px; */
    transform: translateY(-50%);
    appearance: none;
    background: none;
    pointer-events: none;
}
input[type="range"]::-webkit-slider-thumb{
    appearance: none;    
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #f4a300;
    cursor: pointer;
    pointer-events: auto;
    border: none;
}
.budget-price-labels{
    display: flex;
    justify-content: space-between;
    /* margin-top: 8px; */
    color: #7777;
    font-size: 16px;
}
.budget-value-box{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.budget-value-box input{
    width: 112px;
    /* padding: 12px; */
    border: 1px solid #999;
    border-radius: 25px;
    text-align: center;
    font-size: 16px;
    outline: none;
}
.filter-item
@media (max-width: 768px) {
    .budget-box {
        padding: 15px;
    }

    .budget-box h3 {
        font-size: 20px;
        text-align: center;
    }

    .budget-value-box {
        flex-direction: column;
        gap: 12px;
    }

    .budget-value-box span {
        display: none;
    }

    .budget-value-box input {
        width: 100%;
        max-width: 220px;
        font-size: 16px;
        padding: 8px;
    }

    .budget-price-labels {
        font-size: 14px;
    }
}