.deals-tab li .nav-link.active {
    background-color: rgb(47 169 251);
    border-bottom: 2px solid rgb(47 169 251);
    border-radius: 5px;
    color: #f7f8fa;
    font-size: 12px;
    font-weight: bolder;
    box-shadow: 0px 6px 20px 1px black;
    width: 90px;
    height: 90px;
    text-align: center;
}
.deals-tab li .nav-link {
    background-color: white;
    border-radius: 5px;
    color: rgb(47 169 251);
    font-size: 12px;
    font-weight: bolder;
    box-shadow: 0px 7px 20px 0px black;
    width: 90px;
    height: 90px;
    text-align: center;
    transition: all 0.1s ease; /* <== Adds smooth transition */
}
.deals-tab li .nav-link:hover {
    padding: 10px 10px;
}

/* ---- Fix: purani theme ka dark overlay hatao ---- */
#default-page::before,
#default-page::after,
#default-page .head-wrapper::before,
#default-page .head-wrapper::after {
    content: none !important;
    display: none !important;
    background: none !important;
}


#default-page .head-wrapper {
    background: linear-gradient(180deg, #55a9fb 0, #55a9fb 260px, #f0f6fc 260px) !important;
}
/* ============ 1) Poora search section blue ============ */
#default-page .head-wrapper > section:has(#pills-tabContent),
#default-page .head-wrapper > section:has(#pills-tabContent) {
    background: linear-gradient(180deg, #4a9ef3 0%, #3f94ec 100%) !important;
    padding-bottom: 54px;
    border-radius: 0 0 36px 36px;      /* neeche soft curve, light section se smooth milne ke liye */
}

/* ============ 2) Long Stay = glass chip with gold checkbox ============ */
#default-page .flight-search .check-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px 8px 42px;
    margin: 0;
    color: #fff !important;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .3px;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 999px;
    backdrop-filter: blur(6px);
    cursor: pointer;
    user-select: none;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
#default-page .flight-search .check-wrap:hover {
    background: rgba(255, 255, 255, .3);
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(20, 70, 130, .22);
}
#default-page .flight-search .check-wrap input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
#default-page .flight-search .check-wrap .checkmark {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 6px !important;
    transition: all .2s ease;
}
#default-page .flight-search .check-wrap .checkmark::after {
    content: "" !important;
    position: absolute;
    display: none;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #fff !important;
    border-width: 0 2.5px 2.5px 0 !important;
    transform: rotate(45deg);
    background: none !important;
}
#default-page .flight-search .check-wrap input:checked ~ .checkmark {
    background: linear-gradient(135deg, #F5B301, #FF8C00) !important;
    border-color: #F5B301 !important;
    box-shadow: 0 4px 10px rgba(245, 179, 1, .5);
}
#default-page .flight-search .check-wrap input:checked ~ .checkmark::after {
    display: block;
}
#default-page .flight-search .check-wrap:has(input:checked) {
    background: rgba(255, 255, 255, .32);
    border-color: #fff;
}

:root {
    --ffn-sky: #55a9fb;
    --ffn-sky-2: #4a9ef3;
    --ffn-sky-3: #3f94ec;
    --ffn-steel: #5B9BD5;
    --ffn-gold: #F5B301;
    --ffn-orange: #FF8C00;
    --ffn-bg: #f0f6fc;
    --ffn-bg-2: #e6f0fb;
    --ffn-ink: #2c3e50;
    --ffn-muted: #7f8c9a;
    --ffn-line: #e3edf9;
}

/* ---------- Page background (photo hata kar light brand surface) ---------- */
#default-page,
#default-page .head-wrapper {
    background: var(--ffn-bg) !important;
    background-image: none !important;
}

/* ======================================================
   1) HERO BAND  (heading section)
   ====================================================== */
#default-page .head-wrapper > section:has(h1.h1) {
    position: relative;
    z-index: 1;
    padding: 34px 0 12px;
    overflow: hidden;
    background:
            radial-gradient(circle 170px at 10% 25%, rgba(255, 255, 255, .26), transparent 70%),
            radial-gradient(circle 170px at 92% 20%, rgba(245, 179, 1, .34), transparent 70%),
            linear-gradient(180deg, var(--ffn-sky) 0%, var(--ffn-sky-2) 100%);
}
/* dotted gold flight-route (login page ke illustration jaisa) */
#default-page .head-wrapper > section:has(h1.h1)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 200' preserveAspectRatio='none'><path d='M-20 170 Q 330 -30 760 80 T 1420 30' fill='none' stroke='%23F5B301' stroke-width='3' stroke-dasharray='3 13' stroke-linecap='round' opacity='.85'/></svg>") center / 100% 100% no-repeat;
}
#default-page .head-wrapper > section:has(h1.h1) .container { position: relative; z-index: 2; }
#default-page .head-wrapper > section:has(h1.h1) .col-12 { margin-top: 0 !important; }

#default-page h1.h1 {
    color: #fff !important;
    font-weight: 800;
    letter-spacing: -.3px;
    text-shadow: 0 3px 14px rgba(20, 70, 130, .35);
    margin-bottom: 8px !important;
}
#default-page h1.h1 #changingword { color: #FFD43B !important; }

/* ======================================================
   2) TABS + SEARCH  (blue band neeche tak continue)
   ====================================================== */
#default-page .head-wrapper > section:has(#pills-tabContent) {
    position: relative;
    z-index: 3;
    padding-bottom: 46px;
    background: linear-gradient(180deg, var(--ffn-sky-2) 0, var(--ffn-sky-3) 190px, transparent 190px);
}
#default-page .tab-content.offers-content,
#default-page .flight-search {
    background: transparent !important;
}

/* Service tabs: glass tiles on blue, active = white tile */
.deals-tab { gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 0; }
.deals-tab li .nav-link {
    width: 92px;
    height: 84px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .17) !important;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    box-shadow: none;
    backdrop-filter: blur(6px);
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.deals-tab li .nav-link:hover {
    padding: 0;
    background: rgba(255, 255, 255, .32) !important;
    transform: translateY(-3px);
}
.deals-tab li .nav-link.active {
    width: 92px;
    height: 84px;
    background: #fff !important;
    color: var(--ffn-steel);
    border: 0;
    border-bottom: 4px solid var(--ffn-gold);
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(20, 70, 130, .30);
    transform: translateY(-3px);
}
.deals-tab li .nav-link i { font-size: 1.55rem !important; }

/* Trip type pills */
#default-page .flight-search .nav-tabs { gap: 8px; margin-bottom: 14px; border: 0; }
#default-page .flight-search .nav-tabs .nav-link {
    background: #fff;
    color: var(--ffn-steel);
    border: 0 !important;
    border-radius: 999px;
    padding: 7px 18px 7px 9px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(20, 70, 130, .16);
    transition: all .18s ease;
}
#default-page .flight-search .nav-tabs .nav-link .icon-20 {
    background: #e3edf9 !important;
    border: 2px solid #cfe1f6;
}
#default-page .flight-search .nav-tabs .nav-link.active {
    background: linear-gradient(135deg, var(--ffn-gold), var(--ffn-orange));
    color: #fff;
    box-shadow: 0 10px 22px rgba(255, 140, 0, .35);
}
#default-page .flight-search .nav-tabs .nav-link.active .icon-20 {
    background: #fff !important;
    border-color: #fff;
}

/* Search card */
#default-page .flight-search .search-pan {
    position: relative;
    background: #fff;
    border: 1px solid var(--ffn-line);
    border-radius: 24px !important;
    padding: 26px 18px 18px;
    box-shadow: 0 24px 60px rgba(91, 155, 213, .28);
}
#default-page .flight-search .search-pan::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 72px; height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--ffn-gold), var(--ffn-steel));
}
#default-page .flight-search .form-control,
#default-page .flight-search .dropdown-toggle.form-control {
    min-height: 52px;
    background: #f8fafc;
    border: 2px solid #e8ecf1;
    border-radius: 12px;
    color: var(--ffn-ink);
    font-weight: 500;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#default-page .flight-search .form-control:hover { border-color: #cfe1f6; }
#default-page .flight-search .form-control:focus,
#default-page .flight-search .form-group.form-control:focus-within {
    background: #fff;
    border-color: var(--ffn-steel);
    box-shadow: 0 0 0 4px rgba(91, 155, 213, .14);
    outline: 0;
}
#default-page .flight-search .form-control::placeholder { color: #a0aec0; font-weight: 400; }
#default-page .flight-search .icon-pos { color: var(--ffn-steel); }
#default-page .flight-search .cal-input {
    background: transparent; border: 0; outline: 0;
    color: var(--ffn-ink); font-weight: 600;
}
#default-page .flight-search .pos-swap {
    background: linear-gradient(135deg, var(--ffn-sky), var(--ffn-steel));
    color: #fff;
    border: 3px solid #fff;
    box-shadow: 0 6px 14px rgba(91, 155, 213, .5);
    transition: transform .3s ease;
}
#default-page .flight-search .pos-swap:hover { transform: rotate(180deg); }

/* Search button = register page ka gold button */
#default-page .btn-search {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    letter-spacing: .5px;
    background: linear-gradient(135deg, var(--ffn-gold) 0%, var(--ffn-orange) 100%);
    box-shadow: 0 10px 25px rgba(245, 179, 1, .38);
    transition: transform .2s ease, box-shadow .2s ease;
}
#default-page .btn-search:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(245, 179, 1, .5);
}
#default-page .btn.btn-light.font-small {
    border-radius: 10px; font-weight: 700; color: var(--ffn-steel); background: #eef5ff; border: 0;
}
#default-page .flight-search .check-wrap { color: var(--ffn-ink); font-weight: 600; }

/* Dropdowns */
#default-page .flight-search .dropdown-menu {
    border: 1px solid var(--ffn-line);
    border-radius: 16px;
    padding: 6px;
    box-shadow: 0 20px 44px rgba(91, 155, 213, .30);
}
#default-page .flight-search .dropdown-menu ul { margin: 0; padding: 0; list-style: none; }
#default-page .flight-search .li-content { border-radius: 12px; border-bottom: 0 !important; transition: background .12s ease; }
#default-page .flight-search .li-content:hover { background: var(--ffn-bg); }
#default-page .flight-search .drop-rest li { padding: 8px 12px; }
#default-page .flight-search .plus-minus-input .circle {
    border-radius: 50%;
    border: 1.5px solid var(--ffn-steel);
    background: #fff;
    color: var(--ffn-steel);
    transition: all .15s ease;
}
#default-page .flight-search .plus-minus-input .circle:hover { background: var(--ffn-steel); color: #fff; }
#default-page .search-pan h3 { color: var(--ffn-ink); font-weight: 700; padding: 18px 0; }

/* Datepicker */
.ui-datepicker {
    border: 0 !important;
    border-radius: 16px !important;
    padding: 10px !important;
    box-shadow: 0 20px 44px rgba(91, 155, 213, .35);
    z-index: 9999 !important;
}
.ui-datepicker .ui-datepicker-header {
    background: linear-gradient(135deg, var(--ffn-sky), var(--ffn-steel));
    border: 0; border-radius: 12px; color: #fff;
}
.ui-datepicker .ui-datepicker-title { color: #fff; font-weight: 700; }
.ui-datepicker td .ui-state-default { border: 0; border-radius: 10px; background: transparent; text-align: center; }
.ui-datepicker td .ui-state-hover { background: var(--ffn-bg); }
.ui-datepicker td .ui-state-highlight { background: #fff3cf; border-radius: 10px; }
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-highlight.ui-state-active {
    background: linear-gradient(135deg, var(--ffn-gold), var(--ffn-orange)); color: #fff;
}

/* ======================================================
   3) FEATURED DEALS  (light section, inset-photo cards)
   ====================================================== */
#default-page .featured-deal {
    position: relative;
    z-index: 1;
    border-top: 0 !important;
    padding-top: 20px !important;
    background:
            radial-gradient(rgba(91, 155, 213, .16) 1.2px, transparent 1.3px) 0 0 / 24px 24px,
            linear-gradient(180deg, var(--ffn-bg) 0%, var(--ffn-bg-2) 100%);
}
#default-page .featured-deal h4.h3 {
    color: var(--ffn-ink) !important;       /* inline gold ko override */
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.3px;
}
#default-page .featured-deal h4.h3::after {
    content: "";
    display: block;
    width: 84px; height: 4px;
    margin: 14px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--ffn-gold), var(--ffn-steel));
}
#default-page .featured-deal p.text-center {
    color: var(--ffn-muted) !important;     /* inline white ko override */
    font-size: 1.02rem;
}

/* Card */
#default-page .featured-deal .theme-box-shadow {
    height: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--ffn-line);
    border-radius: 22px !important;
    box-shadow: 0 10px 30px rgba(91, 155, 213, .16) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#default-page .featured-deal .theme-box-shadow:hover {
    transform: translateY(-8px);
    border-color: #bfd9f6;
    box-shadow: 0 24px 48px rgba(91, 155, 213, .34) !important;
}
#default-page .featured-deal .picHeight {
    height: 200px;
    border-radius: 16px !important;
    overflow: hidden;
}
#default-page .featured-deal .picHeight a,
#default-page .featured-deal .picHeight figure { display: block; height: 100%; margin: 0; }
#default-page .featured-deal .picHeight img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform .6s ease;
}
#default-page .featured-deal .theme-box-shadow:hover .picHeight img { transform: scale(1.08); }

/* Text area + gold arrow button */
#default-page .featured-deal .card-effect {
    display: block;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 16px 56px 8px 8px !important;
    text-decoration: none;
}
#default-page .featured-deal .card-box { display: none; }
#default-page .featured-deal .card-effect .fw-bold {
    display: block;
    color: var(--ffn-ink) !important;
    font-size: 1.08rem;
    font-weight: 700 !important;
}
#default-page .featured-deal .card-effect .font-small {
    color: var(--ffn-muted) !important;
    font-size: .84rem;
    margin-top: 2px;
}
#default-page .featured-deal .card-effect::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    position: absolute;
    right: 6px; top: 50%;
    transform: translateY(-40%);
    width: 38px; height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: .9rem;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ffn-gold), var(--ffn-orange));
    box-shadow: 0 8px 18px rgba(245, 179, 1, .4);
    transition: transform .25s ease;
}
#default-page .featured-deal .theme-box-shadow:hover .card-effect::after {
    transform: translateY(-40%) rotate(-45deg);
}

/* ---------- Accessibility ---------- */
#default-page a:focus-visible,
#default-page button:focus-visible {
    outline: 3px solid rgba(245, 179, 1, .8);
    outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    #default-page * { transition: none !important; animation: none !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    #default-page .flight-search .search-pan { padding: 22px 12px 12px; }
    #default-page .featured-deal .picHeight { height: 190px; }
}
@media (max-width: 767px) {
    /* tabs 2 rows ho jate hain, band lamba */
    #default-page .head-wrapper > section:has(#pills-tabContent) {
        background: linear-gradient(180deg, var(--ffn-sky-2) 0, var(--ffn-sky-3) 310px, transparent 310px);
    }
}
@media (max-width: 575px) {
    .deals-tab li .nav-link,
    .deals-tab li .nav-link.active { width: 76px; height: 76px; font-size: 11px; }
    #default-page h1.h1 { font-size: 1.6rem; }
    #default-page .featured-deal h4.h3 { font-size: 1.55rem; }
    #default-page .featured-deal .picHeight { height: 175px; }
}
/* ===== Service tabs: no movement, hover/active = yellow + white text ===== */
.deals-tab li .nav-link,
.deals-tab li .nav-link:hover,
.deals-tab li .nav-link:focus,
.deals-tab li .nav-link.active {
    width: 92px;
    height: 84px;
    padding: 0 !important;                 /* hover par padding-jump band */
    transform: none !important;            /* upar uthna band */
    border: 1px solid rgba(255, 255, 255, .45) !important;   /* sab states me same border, taake size/icon na hile */
    color: #fff !important;
    transition: background-color .2s ease, box-shadow .2s ease !important;
}

/* icon bhi bilkul sthir */
.deals-tab li .nav-link i,
.deals-tab li .nav-link:hover i,
.deals-tab li .nav-link.active i {
    transform: none !important;
    transition: none !important;
    color: #fff !important;
}
.deals-tab li .nav-link span { color: #fff !important; }

/* Hover aur Active = yellow */
.deals-tab li .nav-link:hover,
.deals-tab li .nav-link.active {
    background: #F5B301 !important;
    border-color: #F5B301 !important;
    box-shadow: 0 10px 22px rgba(245, 179, 1, .45);
}
/* ================= PARTNERS (airlines) ================= */
#default-page .partners-marquee {
    position: relative;
    z-index: 1;
    padding: 18px 0 64px;
    background: linear-gradient(180deg, var(--ffn-bg-2) 0%, var(--ffn-bg) 100%);
}
#default-page .partners-head { margin-bottom: 26px; }
#default-page .partners-label {
    display: inline-block;
    padding: 5px 16px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: rgba(245, 179, 1, .16);
    color: #b37d00;
    font-size: .82rem;
    font-weight: 700;
}
#default-page .partners-head h3 {
    color: var(--ffn-ink);
    font-size: 1.7rem;
    font-weight: 800;
    margin: 0;
}
#default-page .partners-head h3::after {
    content: "";
    display: block;
    width: 72px; height: 4px;
    margin: 12px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--ffn-gold), var(--ffn-steel));
}

/* viewport: edges par fade, click = pause/resume */
#default-page .partners-viewport {
    position: relative;
    overflow: hidden;
    padding: 18px 0;
    cursor: pointer;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
#default-page .partners-track {
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform;
}
#default-page .partner-item {
    flex: 0 0 auto;
    width: 160px;
    height: 88px;
    margin-right: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--ffn-line);
    border-radius: 18px;
    box-shadow: 0 8px 22px rgba(91, 155, 213, .16);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#default-page .partner-item:hover {
    transform: translateY(-4px);
    border-color: #bfd9f6;
    box-shadow: 0 16px 32px rgba(91, 155, 213, .3);
}
#default-page .partners-marquee .partner-logo {
    max-width: 112px;
    max-height: 52px;
    width: auto; height: auto;
    object-fit: contain;
    filter: grayscale(1) opacity(.75);
    transition: filter .25s ease;
}
#default-page .partner-item:hover .partner-logo { filter: none; }
#default-page .partners-empty { color: var(--ffn-muted); font-size: 1.1rem; padding: 20px; }

/* paused hint */
#default-page .partners-viewport.is-paused::after {
    content: "Paused — click to resume";
    position: absolute;
    right: 14%; bottom: 0;
    padding: 3px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--ffn-gold), var(--ffn-orange));
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
}
@media (max-width: 575px) {
    #default-page .partner-item { width: 130px; height: 76px; margin-right: 16px; }
    #default-page .partners-head h3 { font-size: 1.35rem; }
}
/* ===== Partners: logos hamesha clear + bare cards ===== */
#default-page .partners-viewport { padding: 24px 0; }

#default-page .partner-item {
    width: 280px;
    height: 140px;
    margin-right: 30px;
    padding: 14px 18px;
    border-radius: 22px;
}

#default-page .partners-marquee .partner-logo,
#default-page .partner-item:hover .partner-logo {
    max-width: 180px;
    max-height: 84px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: none !important;      /* grayscale + fade hamesha ke liye khatam */
    opacity: 1 !important;
}

@media (max-width: 575px) {
    #default-page .partner-item { width: 170px; height: 100px; margin-right: 18px; padding: 10px 12px; }
    #default-page .partners-marquee .partner-logo { max-width: 135px; max-height: 66px; }
}