* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.hero {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    background-image: url("../images/hero.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.72) 0%,
        rgba(0,0,0,0.42) 48%,
        rgba(0,0,0,0.08) 100%
    );
}

.hero-content {
    position: relative;
    z-index: 2;
    color: white;
    max-width: 650px;
}

.hero h1 {
    color: white;
    font-size: 48px;
    line-height: 1.1;
    margin: 12px 0 16px;
}

.hero p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.hero-tag {
    font-size: 15px;
    font-weight: 600;
}

.hero-buttons {
    display: flex;
    gap: 14px;
}

.primary-btn,
.secondary-btn {
    display: inline-block;
    padding: 13px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
}

.primary-btn {
    background: #d35400;
    color: white;
}

.secondary-btn {
    border: 2px solid white;
    color: white;
}
body {
    font-family: Arial, sans-serif;
    background: #fff;
    color: #222;
}

.container {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto;
}

/* ===== TOP BAR ===== */

.top-bar {
    background: #8b2e12;
    color: #fff;
    font-size: 14px;
}

.top-bar-inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.top-contact {
    display: flex;
    gap: 18px;
}

.top-contact a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.top-contact a:hover {
    text-decoration: underline;
}

/* ===== MAIN HEADER ===== */

.main-header {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    position: relative;
    z-index: 1000;
}

.header-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

/* ===== LOGO ===== */

.site-logo {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    line-height: 1;
    flex-shrink: 0;
}

.logo-main {
    color: #b53b13;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.logo-small {
    margin-top: 6px;
    color: #5c5c5c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

/* ===== NAVIGATION ===== */

.main-navigation > ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 4px;
}

.main-navigation li {
    position: relative;
    list-style: none;
}

.main-navigation a {
    display: block;
    padding: 30px 11px;
    color: #292929;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.25s ease;
}

.main-navigation > ul > li > a:hover {
    color: #c94f16;
}

/* ===== DROPDOWN ===== */

.main-navigation .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.13);
    border-top: 3px solid #d65a1f;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: 0.2s ease;
    z-index: 9999;
}

.main-navigation .has-dropdown:hover > .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-navigation .dropdown a {
    padding: 11px 18px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.main-navigation .dropdown a:hover {
    background: #fff5ed;
    color: #c94f16;
    padding-left: 22px;
}

/* ===== MOBILE MENU BUTTON ===== */

.menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    border: 0;
    background: #b53b13;
    border-radius: 6px;
    padding: 9px;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    height: 2px;
    background: #fff;
    margin: 5px 0;
}

/* ===== MOBILE ===== */

@media (max-width: 900px) {

    .top-bar-inner {
        justify-content: center;
        text-align: center;
    }

    .top-bar-inner > span {
        display: none;
    }

    .header-inner {
        min-height: 72px;
    }

    .logo-main {
        font-size: 23px;
    }

    .menu-toggle {
        display: block;
    }

    .main-navigation {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.12);
    }

    .main-navigation.active {
        display: block;
    }

    .main-navigation > ul {
        display: block;
    }

    .main-navigation a {
        padding: 14px 20px;
        border-bottom: 1px solid #eee;
    }

    .main-navigation .dropdown {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: 0;
        padding-left: 18px;
        display: block;
    }
}

/* ===== POPULAR PACKAGES ===== */

.popular-packages {
    padding: 80px 0;
    background: #fff8f3;
}

.section-heading {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 45px;
}

.section-heading span {
    color: #d35400;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section-heading h2 {
    font-size: 36px;
    margin: 10px 0 12px;
    color: #222;
}

.section-heading p {
    color: #666;
    line-height: 1.7;
}

.package-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.package-card {
    flex: 0 0 calc((100% - 50px) / 3);
    min-width: calc((100% - 50px) / 3);
}
.package-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.10);
    transition: 0.3s ease;
}

.package-card:hover {
    transform: translateY(-6px);
}

.package-image {
    height: 220px;
    overflow: hidden;
}

.package-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.package-content {
    padding: 22px;
}

.duration {
    display: inline-block;
    color: #d35400;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.package-content h3 {
    font-size: 20px;
    color: #222;
    margin-bottom: 10px;
}

.package-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

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

.package-bottom strong {
    color: #222;
    font-size: 19px;
}

.package-bottom small {
    font-size: 11px;
    color: #777;
}

.package-btn {
    background: #d35400;
    color: #fff;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
}

/* Popular Packages - Mobile */


    .section-heading h2 {
        font-size: 28px;
    }

    .popular-packages {
        padding: 55px 0;
    }


/* ========================================
   NEW PREMIUM HERO SECTION
======================================== */

.hero-new {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg, rgba(15, 20, 25, 0.88) 0%, rgba(15, 20, 25, 0.62) 55%, rgba(15, 20, 25, 0.25) 100%),
        url("../images/hero.jpg") center/cover no-repeat;
    overflow: hidden;
}

.hero-new .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.05),
        rgba(0,0,0,0.30)
    );
}

.hero-new .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}

.hero-new .hero-tag {
    display: inline-block;
    color: #f5b544;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.hero-new h1 {
    color: #ffffff;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.05;
    max-width: 760px;
    margin: 0 0 22px;
    font-weight: 700;
}

.hero-description {
    color: rgba(255,255,255,0.90);
    max-width: 690px;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 32px;
}

.hero-package-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(230px, 310px));
    gap: 12px;
    margin-bottom: 25px;
}

.hero-package-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 17px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    backdrop-filter: blur(5px);
    transition: 0.3s ease;
}

.hero-package-link span {
    color: #f5b544;
    font-size: 12px;
    font-weight: 700;
}

.hero-package-link:hover {
    background: rgba(255,255,255,0.22);
    transform: translateY(-2px);
}

.hero-main-cta {
    display: inline-block;
    padding: 15px 27px;
    background: #d85618;
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    transition: 0.3s ease;
}

.hero-main-cta:hover {
    transform: translateY(-2px);
    background: #bd4510;
}


/* MOBILE HERO */

@media (max-width: 768px) {

    .hero-new {
        min-height: 720px;
        background-position: center center;
    }

    .hero-new .hero-content {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hero-new h1 {
        font-size: 42px;
        line-height: 1.08;
    }

    .hero-description {
        font-size: 16px;
        line-height: 1.6;
    }

    .hero-package-links {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .hero-package-link {
        padding: 13px 15px;
        font-size: 14px;
    }

    .hero-main-cta {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
}

/* =========================================
   FINAL PREMIUM HERO DESIGN
   ========================================= */

.hero-new {
    min-height: calc(100vh - 110px);
    position: relative;
    background:
        linear-gradient(
            90deg,
            rgba(7, 18, 30, 0.88) 0%,
            rgba(7, 18, 30, 0.72) 42%,
            rgba(7, 18, 30, 0.20) 72%,
            rgba(7, 18, 30, 0.08) 100%
        ),
        url("../images/hero.jpg") center center / cover no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;
    overflow: hidden;
}

/* MAIN HERO CONTENT */

.hero-new .hero-content {
    width: 100%;
    max-width: 1180px;
    margin: auto;
    padding: 70px 40px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Orange small heading */

.hero-new .hero-tag {
    color: #ffb13b;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* MAIN HEADING */

.hero-new h1 {
    color: #ffffff;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.05;
    max-width: 760px;
    margin: 0 0 20px;
    font-weight: 800;
}

/* Description */

.hero-new .hero-content > p {
    max-width: 700px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255,255,255,0.92);
    margin-bottom: 28px;
}

/* PACKAGE BUTTON AREA */

.hero-package-links {
    width: 100%;
    max-width: 760px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}

/* Package Buttons */

.hero-package-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 14px 22px;

    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;

    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 12px;

    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

/* Arrow instead of 01 02 03 04 */

.hero-package-link::after {
    content: "→";
    position: absolute;
    right: 20px;
    font-size: 20px;
    color: #ffb13b;
    transition: transform 0.3s ease;
}

/* Button Hover */

.hero-package-link:hover {
    background: rgba(255, 145, 0, 0.90);
    border-color: #ff9a00;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.hero-package-link:hover::after {
    transform: translateX(5px);
    color: white;
}

/* PLAN YOUR YATRA */

.hero-main-cta {
    display: inline-block;
    align-self: flex-start;
    padding: 16px 30px;
    background: linear-gradient(135deg, #ff7a00, #ff3d00);
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(255, 85, 0, 0.35);
    transition: 0.3s ease;
}

.hero-main-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(255, 85, 0, 0.45);
}

/* =========================================
   TRUST BAR
   ========================================= */

.hero-trust-bar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);

    background: rgba(6, 17, 29, 0.88);
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255,255,255,0.18);
}

.trust-item {
    min-height: 82px;
    padding: 14px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: left;

    border-right: 1px solid rgba(255,255,255,0.13);
}

.trust-item:last-child {
    border-right: none;
}

.trust-item > span {
    font-size: 24px;
}

.trust-item div {
    display: flex;
    flex-direction: column;
}

.trust-item strong {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
}

.trust-item small {
    color: rgba(255,255,255,0.70);
    font-size: 11px;
    margin-top: 3px;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .hero-new {
        min-height: auto;
        background-position: 58% center;
    }

    .hero-new .hero-content {
        padding: 60px 20px 35px;
    }

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

    .hero-new .hero-content > p {
        font-size: 16px;
        line-height: 1.6;
    }

    .hero-package-links {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .hero-package-link {
        min-height: 54px;
        padding: 12px 18px;
    }

    .hero-main-cta {
        width: 100%;
        text-align: center;
    }

    .hero-trust-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust-item {
        min-height: 75px;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }
}
/* ==================================
   HERO BACKGROUND SLIDER
================================== */

.hero-new {
    position: relative;
    overflow: hidden;
    background: none !important;
}

.hero-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1);
    transition: opacity 1.4s ease-in-out;
}

.hero-slide.active {
    opacity: 1;
    animation: heroZoom 7s ease-in-out forwards;
}

@keyframes heroZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.07);
    }
}

/* Dark overlay so text stays readable */
.hero-dark-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(5, 15, 30, 0.82) 0%,
            rgba(5, 15, 30, 0.52) 45%,
            rgba(5, 15, 30, 0.18) 100%
        );
    pointer-events: none;
}

/* Keep hero content above slider */
.hero-center-content {
    position: relative;
    z-index: 2;
}

.hero-trust-bar {
    position: relative;
    z-index: 2;
}

/* ===== HERO SLIDER FIX ===== */

.hero-new {
    position: relative;
    overflow: hidden;
    background: #14243a;
}

.hero-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.hero-slide.active {
    opacity: 1;
}

.hero-dark-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(5, 15, 30, 0.72) 0%,
        rgba(5, 15, 30, 0.42) 50%,
        rgba(5, 15, 30, 0.18) 100%
    );
    pointer-events: none;
}

.hero-center-content,
.hero-trust-bar {
    position: relative;
    z-index: 2;
}

/* ===== HERO SLIDER FIX ===== */

.hero.hero-new {
    position: relative;
    overflow: hidden;
    background: #071426;
}

.hero-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;
    transition: opacity 1.5s ease-in-out;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
}

.hero-dark-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(5,15,30,.68) 0%,
        rgba(5,15,30,.38) 50%,
        rgba(5,15,30,.18) 100%
    );
}

.hero-center-content,
.hero-trust-bar {
    position: relative;
    z-index: 2;
}

/* ===== HERO TITLE PREMIUM ANIMATION ===== */

.hero-center-content h1 {
    font-size: clamp(48px, 5.5vw, 82px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -2px;
    white-space: nowrap;
    animation: heroTitleEntry 1.2s ease-out both;
    text-shadow: 0 4px 20px rgba(0,0,0,0.35);
}

.hero-center-content h1 span {
    display: inline-block;
    color: #ffb21c;
    background: rgba(0,0,0,0.28);
    border: 1px solid rgba(255,178,28,0.55);
    padding: 5px 16px;
    border-radius: 12px;
    margin-left: 8px;
    animation: yearFloat 3s ease-in-out infinite;
    box-shadow: 0 0 22px rgba(255,166,0,0.25);
}

@keyframes heroTitleEntry {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes yearFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-7px);
    }
}

/* Mobile par heading automatically wrap hogi */
@media (max-width: 768px) {
    .hero-center-content h1 {
        white-space: normal;
        font-size: 44px;
        letter-spacing: -1px;
    }
}

/* ===== FINAL HERO HEADING FIX ===== */

.hero-center-content {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.hero-center-content h1 {
    width: 100%;
    max-width: none;
    white-space: nowrap;
    font-size: clamp(42px, 4.6vw, 70px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    margin: 12px 0 22px;
}

.hero-center-content h1 span {
    display: inline-block;
    color: #ffb000;
    font-size: 0.72em;
    padding: 7px 15px;
    margin-left: 10px;
    border: 1px solid rgba(255, 176, 0, 0.7);
    border-radius: 10px;
    background: rgba(10, 20, 30, 0.48);
    box-shadow: 0 0 18px rgba(255, 176, 0, 0.28);
    vertical-align: middle;
    animation: yearFloat 2.8s ease-in-out infinite;
}

/* Description bhi unnecessary narrow nahi rahe */
.hero-description {
    max-width: 900px;
}

/* Laptop / smaller screens */
@media (max-width: 1100px) {
    .hero-center-content h1 {
        font-size: 5vw;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .hero-center-content {
        width: 92%;
    }

    .hero-center-content h1 {
        white-space: normal;
        font-size: 42px;
        line-height: 1.05;
    }

    .hero-center-content h1 span {
        font-size: 0.75em;
        margin-left: 5px;
    }
}

/* ===== HERO 4 PACKAGE LINKS - SINGLE ROW ===== */

.hero-package-links {
    width: 100%;
    max-width: 1180px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 22px;
}

.hero-package-link {
    width: 100%;
    min-width: 0;
    padding: 18px 16px;
}

/* Tablet */
@media (max-width: 1000px) {
    .hero-package-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .hero-package-links {
        grid-template-columns: 1fr;
    }
}

/* ===== HERO DESCRIPTION + CTA FINAL ALIGNMENT ===== */

.hero-description {
    width: 100%;
    max-width: 1180px;
    white-space: nowrap;
    margin: 18px auto 20px;
    text-align: center;
    font-size: 17px;
}

/* CTA button center */
.hero-cta,
.hero-center-content > a {
    margin-left: auto;
    margin-right: auto;
}

/* Mobile */
@media (max-width: 768px) {
    .hero-description {
        white-space: normal;
        font-size: 15px;
        line-height: 1.6;
    }
}

/* ===== CENTER HERO CTA BUTTON ===== */

.hero-main-cta {
    display: block;
    width: fit-content;
    margin: 18px auto 0;
}

/* ===== POPULAR PACKAGES SLIDER ===== */

.popular-packages .container {
    position: relative;
}

.package-grid {
    display: flex !important;
    gap: 24px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 10px 5px 25px;
    scrollbar-width: none;
}

.package-grid::-webkit-scrollbar {
    display: none;
}

.package-card {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    scroll-snap-align: start;
}

/* Tablet */
@media (max-width: 900px) {
    .package-card {
        flex: 0 0 calc((100% - 24px) / 2);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .package-grid {
        gap: 15px;
    }

    .package-card {
        flex: 0 0 88%;
    }
}

/* ===== PACKAGE SLIDER ARROWS ===== */

.package-slider-controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}

.package-slider-controls button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: #ff5a00;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.package-slider-controls button:hover {
    transform: translateY(-2px);
    background: #e94f00;
}

@media (max-width: 600px) {
    .package-slider-controls button {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }
}

/* ==============================
   CHARDHAM YATRA ROUTE
================================ */

.chardham-route {
    padding: 80px 0;
    background: #fffaf5;
}

.chardham-route .section-heading {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 55px;
}

.chardham-route .section-tag {
    display: inline-block;
    color: #f05a24;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.chardham-route .section-heading h2 {
    font-size: 36px;
    color: #222;
    margin: 0 0 15px;
}

.chardham-route .section-heading p {
    color: #666;
    font-size: 16px;
    line-height: 1.7;
}

.route-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
}

.route-stop {
    flex: 1;
    min-width: 130px;
    background: #ffffff;
    border: 1px solid #f1dfd4;
    border-radius: 16px;
    padding: 25px 12px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease;
}

.route-stop:hover {
    transform: translateY(-6px);
}

.route-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #f05a24;
    color: #ffffff;
    font-weight: 700;
}

.route-stop h3 {
    margin: 0 0 6px;
    font-size: 18px;
    color: #222;
}

.route-stop p {
    margin: 0;
    font-size: 13px;
    color: #777;
}

.route-arrow {
    color: #f05a24;
    font-size: 25px;
    font-weight: 700;
    flex-shrink: 0;
}


/* MOBILE */

@media (max-width: 768px) {

    .chardham-route {
        padding: 55px 0;
    }

    .chardham-route .section-heading {
        margin-bottom: 35px;
        padding: 0 15px;
    }

    .chardham-route .section-heading h2 {
        font-size: 28px;
    }

    .route-wrapper {
        flex-direction: column;
        gap: 10px;
        padding: 0 18px;
    }

    .route-stop {
        width: 100%;
        min-width: 0;
        padding: 20px;
    }

    .route-arrow {
        transform: rotate(90deg);
        font-size: 22px;
    }
}
/* ========================================
   CHARDHAM PREMIUM ROUTE MAP
======================================== */

.chardham-map-section {
    padding: 90px 5%;
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 111, 0, 0.08), transparent 30%),
        linear-gradient(180deg, #fffdf9 0%, #f7f8fa 100%);
}

.route-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 45px;
}

.route-heading span {
    display: inline-block;
    color: #e84c0e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.route-heading h2 {
    font-size: 38px;
    color: #202124;
    margin: 0 0 12px;
}

.route-heading p {
    color: #6d7075;
    font-size: 16px;
    line-height: 1.7;
}


/* MAIN DASHBOARD */

.route-dashboard {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 2.1fr 0.9fr;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.10);
}


/* LEFT MAP */

.route-map {
    position: relative;
    min-height: 620px;
    padding: 35px;
    background:
        linear-gradient(rgba(255,255,255,.80), rgba(255,255,255,.80)),
        radial-gradient(circle at 70% 25%, #ffe5d7, transparent 25%),
        radial-gradient(circle at 30% 75%, #e8f1e5, transparent 28%),
        #f6f4ef;
    overflow: hidden;
}

.map-title {
    position: relative;
    z-index: 5;
}

.map-title span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #e84c0e;
}

.map-title h3 {
    font-size: 25px;
    color: #222;
    margin-top: 6px;
}


/* MAP CANVAS */

.map-canvas {
    position: relative;
    width: 100%;
    height: 500px;
    margin-top: 15px;
}

/* Decorative route line */

.map-canvas::before {
    content: "";
    position: absolute;
    left: 17%;
    top: 57%;
    width: 68%;
    height: 2px;

    border-top: 3px dashed #e84c0e;

    transform: rotate(-16deg);
    transform-origin: left center;

    opacity: .65;

    animation: routePulse 2s infinite alternate;
}

@keyframes routePulse {
    from {
        opacity: .35;
    }
    to {
        opacity: 1;
    }
}


/* DESTINATION PINS */

.map-stop {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    z-index: 3;

    transition: .35s ease;
}

.map-stop span {
    width: 48px;
    height: 48px;

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

    background: #ffffff;
    border: 5px solid #e84c0e;

    color: #e84c0e;
    font-weight: 800;

    border-radius: 50%;

    box-shadow:
        0 8px 20px rgba(232,76,14,.22),
        0 0 0 7px rgba(232,76,14,.08);

    animation: pinFloat 3s ease-in-out infinite;
}

.map-stop strong {
    background: rgba(255,255,255,.94);
    padding: 7px 12px;
    border-radius: 20px;
    font-size: 13px;
    color: #282828;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.map-stop:hover {
    transform: translateY(-8px) scale(1.08);
}

@keyframes pinFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


/* PIN LOCATIONS */

.haridwar {
    left: 8%;
    bottom: 8%;
}

.yamunotri {
    left: 25%;
    top: 43%;
}

.gangotri {
    left: 43%;
    top: 20%;
}

.kedarnath {
    right: 27%;
    top: 40%;
}

.badrinath {
    right: 5%;
    top: 15%;
}


/* RIGHT ITINERARY */

.route-itinerary {
    padding: 35px 30px;
    background: #fafafa;
    border-left: 1px solid #ececec;
}

.itinerary-head {
    margin-bottom: 27px;
}

.itinerary-head span {
    color: #e84c0e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.itinerary-head h3 {
    margin: 6px 0 0;
    font-size: 25px;
    color: #222;
}


/* ITINERARY CARDS */

.journey-stop {
    position: relative;

    display: flex;
    align-items: center;
    gap: 16px;

    background: #ffffff;

    padding: 15px;
    margin-bottom: 13px;

    border: 1px solid #ededed;
    border-radius: 14px;

    transition: .3s ease;

    cursor: pointer;
}

.journey-stop:not(:last-child)::after {
    content: "";
    position: absolute;

    left: 32px;
    bottom: -14px;

    width: 2px;
    height: 14px;

    background: #e84c0e;
    opacity: .35;
}

.stop-number {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

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

    border-radius: 50%;

    background: #f1f1f1;

    color: #555;
    font-size: 12px;
    font-weight: 700;
}

.journey-stop strong {
    display: block;
    color: #222;
    font-size: 15px;
    margin-bottom: 3px;
}

.journey-stop small {
    color: #8b8b8b;
    font-size: 12px;
}


/* ACTIVE + HOVER */

.journey-stop.active {
    background: linear-gradient(135deg, #f4511e, #e5390d);
    border-color: transparent;

    box-shadow: 0 10px 25px rgba(232,76,14,.25);
}

.journey-stop.active strong,
.journey-stop.active small {
    color: #ffffff;
}

.journey-stop.active .stop-number {
    background: #ffffff;
    color: #e84c0e;
}

.journey-stop:hover {
    transform: translateX(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,.09);
}


/* MOBILE */

@media (max-width: 900px) {

    .chardham-map-section {
        padding: 65px 18px;
    }

    .route-heading h2 {
        font-size: 30px;
    }

    .route-dashboard {
        grid-template-columns: 1fr;
    }

    .route-map {
        min-height: 530px;
        padding: 25px 18px;
    }

    .route-itinerary {
        border-left: 0;
        border-top: 1px solid #ececec;
    }

    .map-canvas {
        height: 410px;
    }

}


/* SMALL MOBILE */

@media (max-width: 600px) {

    .route-heading h2 {
        font-size: 27px;
    }

    .route-map {
        min-height: 470px;
    }

    .map-canvas {
        height: 350px;
    }

    .map-stop span {
        width: 38px;
        height: 38px;
        border-width: 4px;
        font-size: 12px;
    }

    .map-stop strong {
        font-size: 10px;
        padding: 5px 8px;
    }

    .route-itinerary {
        padding: 25px 18px;
    }
}

/* ========================================
   PREMIUM CHARDHAM ROUTE 2027
======================================== */
/* ===== PREMIUM ROUTE SECTION ===== */

.premium-route-section {
    position: relative;
    padding: 75px 25px;
    background: #fffaf4;
    overflow: hidden;
}

.premium-route-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(230, 92, 25, 0.08), transparent 25%),
        radial-gradient(circle at 90% 70%, rgba(230, 92, 25, 0.06), transparent 25%);
    pointer-events: none;
}

/* SECTION HEADING */

.route-main-heading {
    position: relative;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 38px;
    z-index: 2;
}

.route-main-heading .route-tag {
    display: block;
    color: #e85d19;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.route-main-heading h2 {
    margin: 0;
    font-size: 46px;
    line-height: 1.15;
    color: #17212b;
    font-family: Georgia, serif;
}

.route-main-heading h2 span {
    color: #e85d19;
}

.route-main-heading p {
    margin: 12px auto 0;
    color: #66707a;
    font-size: 16px;
    line-height: 1.7;
}

/* MAIN WHITE DASHBOARD */

.premium-route-layout {
    position: relative;
    z-index: 2;
    width: min(1450px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(330px, 0.85fr);
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(231, 214, 196, 0.8);
    border-radius: 26px;
    box-shadow: 0 22px 60px rgba(68, 48, 32, 0.12);
    overflow: hidden;
}

/* LEFT MAP AREA */

.route-map-panel {
    position: relative;
    min-height: 720px;
    padding: 35px;
    overflow: hidden;
    background:
        linear-gradient(rgba(255,255,255,0.08), rgba(255,250,242,0.15)),
        url("../images/uttarakhand-map.png") center/cover no-repeat;
}

.route-map-title {
    position: relative;
    z-index: 5;
}

.route-map-title small {
    display: block;
    color: #e85d19;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.route-map-title h3 {
    margin: 0;
    color: #17212b;
    font-family: Georgia, serif;
    font-size: 32px;
}
/* ===== MAP TEMPLE STICKERS ===== */

.temple-sticker {
    position: absolute;
    z-index: 6;
    width: 105px;
    text-align: center;
    transform: translate(-50%, -50%);
    transition: transform 0.35s ease;
}

.temple-sticker:hover {
    transform: translate(-50%, -50%) scale(1.12);
}

.temple-sticker img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 8px 8px rgba(0,0,0,0.20));
}

.temple-sticker strong {
    display: inline-block;
    margin-top: 4px;
    background: rgba(255,255,255,0.94);
    padding: 5px 10px;
    border-radius: 10px;
    color: #17212b;
    font-size: 13px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}

/* Temple positions on Uttarakhand map */

.temple-haridwar {
    left: 18%;
    top: 77%;
}

.temple-yamunotri {
    left: 31%;
    top: 39%;
}

.temple-gangotri {
    left: 52%;
    top: 26%;
}

.temple-kedarnath {
    left: 62%;
    top: 61%;
}

.temple-badrinath {
    left: 82%;
    top: 42%;
}


/* ===== ANIMATED ROUTE ===== */

.route-line {
    position: absolute;
    z-index: 4;
    height: 4px;
    border-radius: 20px;
    background-image:
        linear-gradient(
            90deg,
            #ef5b18 0%,
            #ef5b18 55%,
            transparent 55%,
            transparent 100%
        );
    background-size: 14px 4px;
    transform-origin: left center;
    animation: routeMove 0.8s linear infinite;
}

@keyframes routeMove {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 14px 0;
    }
}

/* Soft glowing route points */

.route-dot {
    position: absolute;
    width: 13px;
    height: 13px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #ef5b18;
    box-shadow: 0 0 0 4px rgba(239,91,24,0.20);
    z-index: 5;
    animation: routePulse 1.8s ease-in-out infinite;
}

@keyframes routePulse {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(239,91,24,0.20);
    }
    50% {
        box-shadow: 0 0 0 9px rgba(239,91,24,0);
    }
}
/* =========================================
   CHARDHAM ROUTE MAP IMAGE
========================================= */

.route-map-image-wrap {
    position: relative;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 18px;
}

.uttarakhand-route-map {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Desktop */
.route-map-panel {
    width: 100%;
    overflow: hidden;
}

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

    .route-map-image-wrap {
        margin-top: 15px;
        border-radius: 12px;
    }

    .uttarakhand-route-map {
        width: 100%;
        height: auto;
    }
}
/* ===== FINAL CHARDHAM MAP FIX ===== */

.premium-route-layout{
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) 340px !important;
    gap: 24px !important;
    align-items: start !important;
}

.route-map-panel{
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border-radius: 20px !important;
    padding: 24px !important;
}

/* Remove old decorative/background map */
.route-map-panel::before,
.route-map-panel::after,
.route-map-image-wrap::before,
.route-map-image-wrap::after{
    display: none !important;
    content: none !important;
}

.route-map-image-wrap{
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 18px 0 0 !important;
}

.uttarakhand-route-map{
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
}

/* Right itinerary */
.journey-panel{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    position: relative !important;
    background: #fff !important;
    border-radius: 20px !important;
    padding: 22px !important;
}

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

    .premium-route-layout{
        grid-template-columns: 1fr !important;
    }

    .route-map-panel,
    .journey-panel{
        width: 100% !important;
        padding: 15px !important;
    }

    .uttarakhand-route-map{
        width: 100% !important;
        height: auto !important;
    }
}
/* =========================================
   CHARDHAM JOURNEY ITINERARY - RIGHT PANEL
   ========================================= */

.journey-panel {
    background: #fffaf5;
    border-radius: 22px;
    padding: 28px 22px 24px;
    box-shadow: 0 12px 35px rgba(67, 43, 25, 0.10);
    border: 1px solid rgba(231, 111, 31, 0.12);
    height: fit-content;
}

.journey-heading {
    margin-bottom: 22px;
}

.journey-heading span {
    display: block;
    color: #e85d19;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.journey-heading h3 {
    margin: 0;
    color: #17212b;
    font-family: Georgia, serif;
    font-size: 29px;
    line-height: 1.1;
}

.journey-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Vertical dotted route line */
.journey-list::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 28px;
    bottom: 28px;
    border-left: 2px dashed #f3a16e;
    z-index: 0;
}

.journey-card {
    position: relative;
    z-index: 1;
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 13px 15px 13px 8px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 18px rgba(39, 43, 48, 0.07);
    border: 1px solid #f3eee9;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.journey-card:hover {
    transform: translateX(4px);
    box-shadow: 0 8px 24px rgba(39, 43, 48, 0.12);
}

.journey-number {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 50%;
    background: #fff2e9;
    color: #ee5c17;
    border: 2px solid #ff7a32;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 3px 10px rgba(238, 92, 23, 0.15);
}

.journey-card > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.journey-card strong {
    color: #17212b;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.1;
}

.journey-card small {
    color: #7b7f84;
    font-size: 13px;
    line-height: 1.2;
}

/* First/active card */
.journey-card.active {
    background: linear-gradient(135deg, #ff6a21, #f45116);
    border-color: transparent;
    box-shadow: 0 9px 25px rgba(239, 91, 23, 0.25);
}

.journey-card.active .journey-number {
    background: #ffffff;
    color: #ef5b1b;
    border-color: #ffffff;
}

.journey-card.active strong {
    color: #ffffff;
}

.journey-card.active small {
    color: rgba(255, 255, 255, 0.88);
}

/* Explore button */
.complete-route-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding: 16px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff6b21, #f45116);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(239, 91, 23, 0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.complete-route-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 11px 25px rgba(239, 91, 23, 0.30);
}

/* Mobile */
@media (max-width: 768px) {
    .journey-panel {
        padding: 22px 15px;
        border-radius: 18px;
    }

    .journey-heading h3 {
        font-size: 25px;
    }

    .journey-card {
        min-height: 68px;
    }

    .journey-card strong {
        font-size: 16px;
    }

    .journey-number {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .journey-list::before {
        left: 20px;
    }
}
.journey-temple-img {
    width: 75px;
    height: 55px;
    object-fit: contain;
    flex-shrink: 0;
}

.journey-card {
    display: flex;
    align-items: center;
    gap: 12px;
    }
    /* FIX CHARDHAM JOURNEY ITINERARY */

.journey-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journey-card {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
}

.journey-temple-img {
    width: 65px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
}

.journey-card > div {
    flex: 1;
    min-width: 0;
}

.complete-route-btn {
    width: 100%;
    box-sizing: border-box;
}
/* FINAL JOURNEY PANEL BUTTON FIX */

.journey-panel {
    display: flex !important;
    flex-direction: column !important;
}

.journey-list {
    flex: 1 !important;
}

.complete-route-btn {
    width: 100% !important;
    margin-top: 18px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}
/* ========================================
   TRENDING KEDARNATH PACKAGES
======================================== */

.kedarnath-packages-section {
    padding: 80px 0;
    background: #fffaf6;
}

.kedarnath-section-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 38px;
}

.kedarnath-section-heading > span {
    display: inline-block;
    color: #ef5b17;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.kedarnath-section-heading h2 {
    margin: 0 0 12px;
    font-size: 36px;
    line-height: 1.2;
    color: #1d2b25;
}

.kedarnath-section-heading p {
    margin: 0;
    color: #6c716e;
    font-size: 15px;
    line-height: 1.7;
}


/* 5 CARDS PER ROW */

.kedarnath-package-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}


/* CARD */

.kedarnath-package-card {
    background: #ffffff;
    border: 1px solid #eee7e1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.kedarnath-package-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
}


/* IMAGE */

.kedarnath-package-image {
    width: 100%;
    height: 145px;
    overflow: hidden;
}

.kedarnath-package-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.kedarnath-package-card:hover .kedarnath-package-image img {
    transform: scale(1.05);
}


/* CONTENT */

.kedarnath-package-content {
    padding: 15px;
}

.kedarnath-duration {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #ef5b17;
    background: #fff1e8;
    border-radius: 20px;
    padding: 5px 9px;
    margin-bottom: 9px;
}

.kedarnath-package-content h3 {
    margin: 0 0 15px;
    color: #1f2925;
    font-size: 15px;
    line-height: 1.4;
    min-height: 42px;
}


/* PRICE + BUTTON */

.kedarnath-package-bottom {
    padding-top: 12px;
    border-top: 1px solid #f0ece8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.kedarnath-package-bottom strong {
    color: #17251f;
    font-size: 15px;
    white-space: nowrap;
}

.kedarnath-package-bottom strong small {
    display: block;
    margin-top: 2px;
    color: #8a8f8c;
    font-size: 9px;
    font-weight: 500;
}

.kedarnath-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 8px;
    background: #ef5b17;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.kedarnath-view-btn:hover {
    background: #d94c0c;
    color: #ffffff;
}


/* VIEW ALL */

.kedarnath-view-all-wrap {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.kedarnath-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 25px;
    border: 1.5px solid #ef5b17;
    border-radius: 10px;
    color: #ef5b17;
    background: #ffffff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.25s ease;
}

.kedarnath-view-all:hover {
    background: #ef5b17;
    color: #ffffff;
}


/* TABLET */

@media (max-width: 1100px) {
    .kedarnath-package-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .kedarnath-packages-section {
        padding: 55px 0;
    }

    .kedarnath-section-heading h2 {
        font-size: 27px;
    }

    .kedarnath-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .kedarnath-package-image {
        height: 125px;
    }

    .kedarnath-package-content {
        padding: 12px;
    }

    .kedarnath-package-content h3 {
        font-size: 13px;
        min-height: 55px;
    }

    .kedarnath-package-bottom {
        display: block;
    }

    .kedarnath-view-btn {
        width: 100%;
        margin-top: 9px;
    }
}


/* VERY SMALL MOBILE */

@media (max-width: 420px) {

    .kedarnath-package-grid {
        grid-template-columns: 1fr;
    }

    .kedarnath-package-image {
        height: 190px;
    }

    .kedarnath-package-content h3 {
        min-height: auto;
    }
}
/* ===== EXTRA COMPACT KEDARNATH PACKAGE CARDS ===== */

.kedarnath-package-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.kedarnath-package-card {
    border-radius: 11px;
}

/* Image ko bahut chhota */
.kedarnath-package-image {
    height: 75px !important;
}

.kedarnath-package-content {
    padding: 8px 9px !important;
}

.kedarnath-duration {
    font-size: 8px !important;
    padding: 3px 6px !important;
    margin-bottom: 5px !important;
}

.kedarnath-package-content h3 {
    font-size: 11px !important;
    line-height: 1.25 !important;
    min-height: 28px !important;
    margin: 0 0 6px !important;
}

.kedarnath-package-bottom {
    padding-top: 6px !important;
    gap: 4px !important;
}

.kedarnath-package-bottom strong {
    font-size: 11px !important;
}

.kedarnath-package-bottom strong small {
    font-size: 7px !important;
}

.kedarnath-view-btn {
    font-size: 8px !important;
    padding: 5px 7px !important;
    border-radius: 6px !important;
}

/* Second row ko first row ke paas */
.kedarnath-package-grid {
    row-gap: 12px !important;
}
/* =====================================
   WHY CHOOSE CHARDHAM
===================================== */

.why-chardham-section {
    padding: 35px 0;
    background: linear-gradient(180deg, #fffdf9 0%, #fff8f1 100%);
}

.why-chardham-heading {
    text-align: center;
    margin-bottom: 22px;
}

.why-chardham-heading > span {
    display: block;
    color: #f4511e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.why-chardham-heading h2 {
    font-size: 30px;
    line-height: 1.15;
    color: #102b27;
    margin: 0 0 7px;
}

.why-chardham-heading p {
    max-width: 650px;
    margin: auto;
    color: #626262;
    font-size: 13px;
    line-height: 1.5;
}


/* MAIN AREA */

.why-chardham-layout {
    display: grid;
    grid-template-columns: 1.05fr 1.6fr;
    gap: 18px;
    align-items: stretch;
}


/* LEFT IMAGE */

.why-chardham-image {
    position: relative;
    height: 245px;
    overflow: hidden;
    border-radius: 16px;
}

.why-chardham-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.why-image-label {
    position: absolute;
    left: 14px;
    bottom: 14px;
    background: rgba(255,255,255,.92);
    padding: 7px 14px;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
}

.why-image-label strong {
    font-size: 12px;
    color: #182522;
}

.why-image-label small {
    font-size: 8px;
    letter-spacing: 1px;
    color: #777;
}


/* RIGHT FEATURE CARDS */

.why-chardham-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.why-feature-card {
    background: rgba(255,255,255,.8);
    border: 1px solid #eee1d5;
    border-radius: 13px;
    padding: 13px 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.why-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #fff1e4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.why-feature-card h3 {
    font-size: 13px;
    line-height: 1.25;
    color: #142824;
    margin: 0 0 4px;
}

.why-feature-card p {
    font-size: 10px;
    line-height: 1.4;
    color: #6b6b6b;
    margin: 0;
}


/* BOTTOM TRUST BAR */

.why-trust-bar {
    margin-top: 14px;
    min-height: 70px;
    background: #fff2e7;
    border-radius: 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.why-trust-item {
    text-align: center;
    padding: 8px 15px;
    border-right: 1px solid #edc9ad;
}

.why-trust-item:last-child {
    border-right: none;
}

.why-trust-item strong {
    display: block;
    color: #102b27;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 4px;
}

.why-trust-item span {
    font-size: 10px;
    color: #555;
}


/* MOBILE */

@media (max-width: 768px) {

    .why-chardham-section {
        padding: 28px 0;
    }

    .why-chardham-heading h2 {
        font-size: 25px;
    }

    .why-chardham-layout {
        grid-template-columns: 1fr;
    }

    .why-chardham-image {
        height: 210px;
    }

    .why-chardham-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-feature-card {
        padding: 10px 8px;
    }

    .why-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 16px;
    }

    .why-feature-card h3 {
        font-size: 11px;
    }

    .why-feature-card p {
        font-size: 9px;
    }

    .why-trust-item strong {
        font-size: 17px;
    }

    .why-trust-item span {
        font-size: 8px;
    }
}
/* =================================
   DO DHAM PACKAGE SECTION
================================= */

.dodham-packages-section {
    padding: 35px 0;
    background: #ffffff;
}

.dodham-heading {
    text-align: center;
    margin-bottom: 20px;
}

.dodham-heading > span {
    display: block;
    color: #f4511e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 5px;
}

.dodham-heading h2 {
    margin: 0 0 6px;
    font-size: 29px;
    color: #142824;
    line-height: 1.2;
}

.dodham-heading p {
    margin: auto;
    max-width: 650px;
    font-size: 12px;
    line-height: 1.5;
    color: #6b6b6b;
}


/* 5 CARDS IN ONE ROW */

.dodham-package-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.dodham-card {
    background: #fff;
    border: 1px solid #eee5dc;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(0,0,0,.06);
    transition: .25s ease;
}

.dodham-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0,0,0,.09);
}


/* COMPACT IMAGE */

.dodham-image {
    height: 85px;
    overflow: hidden;
}

.dodham-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* CONTENT */

.dodham-content {
    padding: 9px;
}

.dodham-duration {
    display: inline-block;
    background: #fff1e8;
    color: #ef531e;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 8px;
    font-weight: 700;
    margin-bottom: 5px;
}

.dodham-content h3 {
    margin: 0 0 8px;
    font-size: 11px;
    line-height: 1.3;
    color: #202b29;
    min-height: 29px;
}


/* PRICE + BUTTON */

.dodham-bottom {
    border-top: 1px solid #f0ebe7;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.dodham-bottom strong {
    font-size: 11px;
    color: #1c2825;
}

.dodham-bottom strong small {
    display: block;
    font-size: 7px;
    color: #888;
    font-weight: 500;
}

.dodham-btn {
    background: #f4511e;
    color: #fff;
    text-decoration: none;
    font-size: 8px;
    font-weight: 700;
    padding: 5px 7px;
    border-radius: 6px;
}


/* VIEW ALL */

.dodham-view-all-wrap {
    text-align: center;
    margin-top: 18px;
}

.dodham-view-all {
    display: inline-block;
    padding: 9px 20px;
    border: 1px solid #f4511e;
    border-radius: 8px;
    color: #e94b19;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    transition: .2s ease;
}

.dodham-view-all:hover {
    background: #f4511e;
    color: #fff;
}


/* MOBILE */

@media (max-width: 768px) {

    .dodham-packages-section {
        padding: 28px 0;
    }

    .dodham-heading h2 {
        font-size: 24px;
    }

    .dodham-package-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .dodham-image {
        height: 80px;
    }

    .dodham-content h3 {
        font-size: 10px;
    }
}
/* =====================================
   COMPACT GOOGLE REVIEWS
===================================== */

.google-reviews-section {
    padding: 34px 0;
    background: #fff9f3;
}

.google-reviews-heading {
    text-align: center;
    margin-bottom: 18px;
}

.google-reviews-heading > span {
    display: block;
    color: #f4511e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 4px;
}

.google-reviews-heading h2 {
    margin: 0 0 5px;
    font-size: 28px;
    color: #142824;
}

.google-reviews-heading p {
    margin: 0 auto 8px;
    color: #6c6c6c;
    font-size: 11px;
}

.google-rating-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 11px;
}

.google-rating-summary strong {
    color: #4285f4;
    font-size: 13px;
}

.google-stars,
.review-stars {
    color: #f5a623;
    letter-spacing: 1px;
}


/* 5 REVIEWS PER ROW */

.google-reviews-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.google-review-card {
    background: #fff;
    border: 1px solid #eee5dc;
    border-radius: 10px;
    padding: 10px;
    min-height: 115px;
    box-shadow: 0 4px 12px rgba(0,0,0,.04);
}

.review-top {
    display: flex;
    align-items: center;
    gap: 7px;
}

.review-avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: #fff0e4;
    color: #ed531e;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    font-weight: 800;
}

.review-top strong {
    display: block;
    font-size: 9px;
    color: #202725;
}

.review-top small {
    display: block;
    font-size: 7px;
    color: #999;
}

.google-g {
    margin-left: auto;
    font-size: 12px;
    font-weight: 900;
    color: #4285f4;
}

.review-stars {
    font-size: 9px;
    margin: 6px 0 4px;
}

.google-review-card p {
    font-size: 8px;
    line-height: 1.45;
    color: #606060;
    margin: 0;
}


/* READ ALL */

.google-reviews-button-wrap {
    text-align: center;
    margin-top: 16px;
}

.google-reviews-button {
    display: inline-block;
    padding: 9px 20px;
    border: 1px solid #f4511e;
    border-radius: 8px;
    color: #e94b19;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    transition: .2s ease;
}

.google-reviews-button:hover {
    background: #f4511e;
    color: #fff;
}


/* MOBILE */

@media (max-width: 768px) {

    .google-reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .google-reviews-heading h2 {
        font-size: 24px;
    }
}
/* =========================================
   NEWS & UPDATES SECTION
========================================= */

.news-updates-section {
    padding: 45px 0 40px;
    background: #fffaf6;
    overflow: hidden;
}

.news-updates-section .container {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto;
}

/* Heading */

.news-heading {
    text-align: center;
    margin-bottom: 28px;
}

.news-heading > span {
    display: block;
    color: #e95b17;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.news-heading h2 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.2;
    color: #222;
}

.news-heading p {
    max-width: 680px;
    margin: 0 auto;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}


/* Slider Area */

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

.news-slider {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 5px 2px 12px;
}

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


/* Small News Cards */

.news-card {
    flex: 0 0 calc((100% - 42px) / 4);
    background: #ffffff;
    border: 1px solid #f0e4dc;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(0,0,0,0.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0,0,0,0.10);
}


/* Image */

.news-image {
    width: 100%;
    height: 115px;
    overflow: hidden;
    background: #f2f2f2;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Content */

.news-content {
    padding: 12px 13px 14px;
}

.news-date {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: #e95b17;
    background: #fff1e8;
    padding: 4px 8px;
    border-radius: 20px;
    margin-bottom: 7px;
}

.news-content h3 {
    font-size: 15px;
    line-height: 1.35;
    color: #222;
    margin: 0 0 9px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-content a {
    color: #e95b17;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.news-content a:hover {
    text-decoration: underline;
}


/* Slider Arrows */

.news-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: #e95b17;
    font-size: 19px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    z-index: 5;
}

.news-prev {
    left: -18px;
}

.news-next {
    right: -18px;
}

.news-arrow:hover {
    background: #e95b17;
    color: #ffffff;
}


/* View All */

.news-view-all-wrap {
    text-align: center;
    margin-top: 18px;
}

.news-view-all {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #e95b17;
    border-radius: 8px;
    color: #e95b17;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

.news-view-all:hover {
    background: #e95b17;
    color: #ffffff;
}


/* Tablet */

@media (max-width: 900px) {

    .news-card {
        flex: 0 0 calc((100% - 28px) / 3);
    }

}


/* Mobile */

@media (max-width: 600px) {

    .news-updates-section {
        padding: 35px 0;
    }

    .news-heading h2 {
        font-size: 25px;
    }

    .news-heading p {
        font-size: 13px;
    }

    .news-card {
        flex: 0 0 78%;
    }

    .news-image {
        height: 125px;
    }

    .news-prev {
        left: -8px;
    }

    .news-next {
        right: -8px;
    }
}
/* =========================
   MAIN FOOTER
========================= */

.main-footer {
    background: #17251f;
    color: #ffffff;
    margin-top: 0;
}

.footer-top {
    padding: 42px 0 30px;
}

.footer-container {
    width: 92%;
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 35px;
}

.footer-column h2 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #ffffff;
}

.footer-column h2 span {
    color: #ff5a1f;
}

.footer-column h3 {
    font-size: 16px;
    margin-bottom: 16px;
    color: #ffffff;
    position: relative;
    padding-bottom: 8px;
}

.footer-column h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: #ff5a1f;
}

.footer-column p {
    color: #c9d0cc;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 14px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 9px;
}

.footer-column ul li a {
    color: #c9d0cc;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.footer-column ul li a:hover {
    color: #ff5a1f;
    padding-left: 4px;
}


/* SOCIAL MEDIA */

.footer-social {
    display: flex;
    gap: 9px;
    margin-top: 16px;
}

.footer-social a {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.footer-social a:hover {
    background: #ff5a1f;
    border-color: #ff5a1f;
}


/* FOOTER BOTTOM */

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 15px 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer-bottom p {
    margin: 0;
    color: #aeb8b3;
    font-size: 12px;
}

.footer-bottom a {
    color: #c9d0cc;
    text-decoration: none;
    font-size: 12px;
    margin-left: 15px;
}

.footer-bottom a:hover {
    color: #ff5a1f;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .footer-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .footer-top {
        padding: 30px 0 22px;
    }

    .footer-container {
        width: 90%;
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .footer-column h2 {
        font-size: 21px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .footer-bottom a {
        margin: 0 6px;
    }
}
/* =========================================
   HOME CHARDHAM PACKAGES - NEW SECTION
========================================= */

.home-chardham-section {
    padding: 55px 0;
    background: #fffaf4;
}

.home-chardham-section .container {
    width: 92%;
    max-width: 1250px;
    margin: auto;
}

/* HEADING */

.home-chardham-heading {
    text-align: center;
    margin-bottom: 15px;
}

.home-chardham-heading > span {
    display: inline-block;
    color: #e85b24;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 7px;
}

.home-chardham-heading h2 {
    margin: 0;
    color: #17251f;
    font-size: 32px;
    line-height: 1.2;
}

/* INTRO */

.home-chardham-intro {
    max-width: 950px;
    margin: 0 auto 28px;
    text-align: center;
}

.home-chardham-intro p {
    margin: 0;
    color: #626a66;
    font-size: 14px;
    line-height: 1.7;
}

.chardham-intro-more {
    display: none;
    margin-top: 8px;
}

.chardham-read-more {
    margin-top: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #e85b24;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

/* MAIN 2-COLUMN LAYOUT */

.chardham-main-layout {
    display: grid;
    grid-template-columns: minmax(0, 3.2fr) minmax(220px, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* 8 CHARDHAM CARDS */

.chardham-package-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.chardham-small-card {
    background: #ffffff;
    border: 1px solid #eee5da;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.chardham-small-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.09);
}

.chardham-small-image {
    height: 112px;
    overflow: hidden;
}

.chardham-small-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.chardham-small-card:hover .chardham-small-image img {
    transform: scale(1.04);
}

.chardham-small-content {
    padding: 10px;
}

.chardham-small-content > span {
    display: block;
    color: #e85b24;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.chardham-small-content h3 {
    color: #17251f;
    font-size: 13px;
    line-height: 1.35;
    margin: 0 0 10px;
    min-height: 35px;
}

.chardham-small-bottom {
    border-top: 1px solid #eee8df;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.chardham-small-bottom strong {
    color: #17251f;
    font-size: 12px;
}

.chardham-small-bottom a {
    color: #e85b24;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

/* VIEW ALL */

.chardham-view-all-wrap {
    text-align: center;
    margin-top: 18px;
}

.chardham-view-all {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
    background: #e85b24;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

/* =========================================
   RIGHT POPULAR PACKAGES
========================================= */

.popular-mini-area {
    background: #17251f;
    border-radius: 12px;
    padding: 16px;
    overflow: hidden;
    position: relative;
}

.popular-mini-heading {
    margin-bottom: 12px;
}

.popular-mini-heading span {
    display: block;
    color: #f18a60;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-bottom: 4px;
}

.popular-mini-heading h3 {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
}

.popular-mini-slider {
    position: relative;
}

.popular-mini-slide {
    display: none;
}

.popular-mini-slide.active {
    display: block;
}

.popular-mini-slide img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.popular-mini-content {
    padding-top: 12px;
}

.popular-mini-content span {
    display: block;
    color: #f18a60;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
}

.popular-mini-content h4 {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
    margin: 0 0 9px;
}

.popular-mini-content strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 11px;
}

.popular-mini-content a {
    color: #ff7a45;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

/* SLIDER ARROWS */

.popular-mini-controls {
    display: flex;
    gap: 7px;
    margin-top: 15px;
}

.popular-mini-controls button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.25);
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
}

.popular-mini-controls button:hover {
    background: #e85b24;
    border-color: #e85b24;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .chardham-main-layout {
        grid-template-columns: 1fr;
    }

    .chardham-package-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .popular-mini-area {
        max-width: 100%;
    }

    .popular-mini-slide img {
        height: 260px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .home-chardham-section {
        padding: 38px 0;
    }

    .home-chardham-heading h2 {
        font-size: 25px;
    }

    .home-chardham-intro p {
        font-size: 13px;
    }

    .chardham-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .chardham-small-image {
        height: 105px;
    }

    .chardham-small-content {
        padding: 9px;
    }

    .chardham-small-content h3 {
        font-size: 12px;
    }

    .chardham-small-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .popular-mini-slide img {
        height: 210px;
    }
}

/* =========================================
   FINAL PACKAGE PAGE
========================================= */

.cyp-package-page {
    background: #fffaf4;
}


/* =========================================
   FINAL PACKAGE HERO
========================================= */

.cyp-final-hero {
    position: relative;
    min-height: 330px;

    background-image:
        linear-gradient(
            90deg,
            rgba(5, 52, 44, 0.96) 0%,
            rgba(5, 52, 44, 0.86) 32%,
            rgba(5, 52, 44, 0.30) 60%,
            rgba(5, 52, 44, 0.08) 100%
        ),
        url("../images/kedarnath-temple.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: #ffffff;
    overflow: hidden;
}

.cyp-final-hero-container {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1250px;
    min-height: 330px;

    margin: 0 auto;

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


/* LEFT CONTENT */

.cyp-final-hero-content {
    width: 52%;
    padding: 35px 0;
}

.cyp-final-eyebrow {
    display: block;
    margin-bottom: 9px;

    color: #ff7a25;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.cyp-final-hero-content h1 {
    margin: 0;

    color: #ffffff;

    font-size: 45px;
    line-height: 0.98;
    font-weight: 800;
    letter-spacing: -1px;
}

.cyp-final-route {
    margin: 13px 0 24px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
}


/* BOTTOM DETAILS */

.cyp-final-hero-bottom {
    display: flex;
    align-items: center;
    gap: 22px;
}


/* PRICE */

.cyp-final-price {
    position: relative;
}

.cyp-final-price > small {
    display: block;

    margin-bottom: 2px;

    color: #d8e2df;
    font-size: 9px;
}

.cyp-final-price > div {
    display: flex;
    align-items: flex-start;

    line-height: 1;
}

.cyp-final-price > div span {
    margin-top: 5px;
    margin-right: 2px;

    color: #ff6b1a;

    font-size: 19px;
    font-weight: 800;
}

.cyp-final-price > div strong {
    color: #ff6b1a;

    font-size: 35px;
    font-weight: 900;
    letter-spacing: -1px;
}

.cyp-final-price > p {
    margin: 2px 0 0;

    color: #d6e0dd;

    font-size: 8px;
}


/* DIVIDER */

.cyp-final-divider {
    width: 1px;
    height: 54px;

    background: rgba(255,255,255,0.35);
}


/* SMALL DETAILS */

.cyp-final-hero-detail {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cyp-final-detail-icon {
    width: 33px;
    height: 33px;

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

    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 7px;

    color: #ffffff;

    font-size: 13px;
}

.cyp-final-hero-detail strong {
    display: block;

    color: #ffffff;

    font-size: 11px;
    font-weight: 700;
}

.cyp-final-hero-detail small {
    display: block;

    margin-top: 3px;

    color: #cbd8d4;

    font-size: 8px;
}


/* =========================================
   FOUR DHAM LABELS
========================================= */

.cyp-final-dhams {
    position: absolute;

    right: 0;
    bottom: 22px;

    display: flex;
    align-items: center;
    gap: 7px;
}

.cyp-final-dhams span {
    padding: 7px 11px;

    background: rgba(5, 52, 44, 0.90);
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 5px;

    backdrop-filter: blur(4px);

    font-size: 9px;
    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .cyp-final-hero-content {
        width: 65%;
    }

    .cyp-final-hero-content h1 {
        font-size: 38px;
    }

    .cyp-final-dhams {
        display: none;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-final-hero {
        min-height: 390px;

        background-position: 62% center;
    }

    .cyp-final-hero-container {
        width: 90%;
        min-height: 390px;
    }

    .cyp-final-hero-content {
        width: 100%;
        padding: 35px 0;
    }

    .cyp-final-hero-content h1 {
        font-size: 34px;
    }

    .cyp-final-route {
        font-size: 11px;
        margin-bottom: 22px;
    }

    .cyp-final-hero-bottom {
        flex-wrap: wrap;
        gap: 15px;
    }

    .cyp-final-divider {
        height: 48px;
    }

    .cyp-final-price > div strong {
        font-size: 31px;
    }
}
/* =========================================
   OVERVIEW + ENQUIRY FORM
========================================= */

.cyp-overview-final {
    background: #fffaf4;
    padding: 42px 0 45px;
}

.cyp-overview-final-container {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.45fr 0.75fr;
    gap: 45px;
    align-items: start;
}


/* =========================================
   LEFT - OVERVIEW
========================================= */

.cyp-overview-final-content {
    padding-top: 5px;
}

.cyp-overview-label {
    display: inline-block;
    margin-bottom: 8px;

    color: #e84b23;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.cyp-overview-final-content h2 {
    margin: 0 0 14px;

    color: #173d35;

    font-size: 29px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-overview-final-content > p {
    max-width: 720px;

    margin: 0 0 11px;

    color: #68716d;

    font-size: 12px;
    line-height: 1.7;
}

.cyp-overview-final-content .cyp-overview-lead {
    color: #35423d;
    font-weight: 500;
}


/* =========================================
   OVERVIEW BOXES
========================================= */

.cyp-overview-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 10px;

    margin-top: 22px;
}

.cyp-overview-box {
    min-height: 67px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 11px 13px;

    background: #ffffff;

    border: 1px solid #e7dfd5;
    border-radius: 9px;

    box-shadow: 0 5px 16px rgba(23, 61, 53, 0.04);
}

.cyp-overview-box > span {
    width: 34px;
    height: 34px;
    min-width: 34px;

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

    background: #173d35;
    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.cyp-overview-box strong {
    display: block;

    margin-bottom: 3px;

    color: #26332e;

    font-size: 11px;
    font-weight: 700;
}

.cyp-overview-box small {
    display: block;

    color: #8a908d;

    font-size: 8px;
}


/* =========================================
   RIGHT - ENQUIRY CARD
========================================= */

.cyp-enquiry-card {
    background: #ffffff;

    border: 1px solid #e5ddd3;
    border-radius: 13px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(23, 61, 53, 0.09);
}


/* FORM HEADING */

.cyp-enquiry-heading {
    padding: 18px 20px 16px;

    background: #173d35;
}

.cyp-enquiry-heading > span {
    display: block;

    margin-bottom: 4px;

    color: #f4aa69;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.cyp-enquiry-heading h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 20px;
    line-height: 1.2;
}

.cyp-enquiry-heading p {
    margin: 0;

    color: #c5d3cf;

    font-size: 9px;
    line-height: 1.5;
}


/* =========================================
   FORM
========================================= */

.cyp-enquiry-form {
    padding: 16px 18px 13px;
}

.cyp-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 9px;
}

.cyp-form-field {
    margin-bottom: 10px;
}

.cyp-form-field label {
    display: block;

    margin-bottom: 4px;

    color: #59625e;

    font-size: 8px;
    font-weight: 700;
}

.cyp-form-field input,
.cyp-form-field select,
.cyp-form-field textarea {
    width: 100%;
    box-sizing: border-box;

    padding: 9px 10px;

    background: #fffdf9;
    color: #343c38;

    border: 1px solid #ded8d0;
    border-radius: 6px;

    outline: none;

    font-family: inherit;
    font-size: 9px;

    transition: 0.2s ease;
}

.cyp-form-field input,
.cyp-form-field select {
    height: 35px;
}

.cyp-form-field textarea {
    min-height: 58px;
    resize: vertical;
}

.cyp-form-field input:focus,
.cyp-form-field select:focus,
.cyp-form-field textarea:focus {
    border-color: #e76c3c;

    box-shadow: 0 0 0 2px rgba(232, 75, 35, 0.08);
}


/* BUTTON */

.cyp-enquiry-btn {
    width: 100%;

    padding: 10px 14px;

    background: linear-gradient(
        135deg,
        #ff7417,
        #e84b23
    );

    color: #ffffff;

    border: 0;
    border-radius: 7px;

    cursor: pointer;

    font-family: inherit;
    font-size: 10px;
    font-weight: 700;

    transition: 0.2s ease;
}

.cyp-enquiry-btn:hover {
    transform: translateY(-1px);

    box-shadow: 0 7px 18px rgba(232, 75, 35, 0.22);
}


/* FORM BOTTOM */

.cyp-enquiry-contact {
    display: flex;
    justify-content: center;
    gap: 17px;

    padding: 10px 12px;

    background: #f6f2ec;

    border-top: 1px solid #e8e0d7;
}

.cyp-enquiry-contact span {
    color: #65706b;

    font-size: 7.5px;
    font-weight: 600;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .cyp-overview-final-container {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 25px;
    }

    .cyp-overview-final-content h2 {
        font-size: 25px;
    }

    .cyp-overview-boxes {
        grid-template-columns: 1fr;
    }

    .cyp-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-overview-final {
        padding: 32px 0 35px;
    }

    .cyp-overview-final-container {
        width: 90%;

        grid-template-columns: 1fr;
        gap: 25px;
    }

    .cyp-overview-final-content h2 {
        font-size: 24px;
    }

    .cyp-overview-boxes {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .cyp-overview-box {
        min-height: 62px;
        padding: 9px;
    }

    .cyp-overview-box > span {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .cyp-form-row {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 430px) {

    .cyp-overview-boxes {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   FINAL ITINERARY
========================================= */

.cyp-final-itinerary {
    background: #ffffff;
    padding: 42px 0 48px;
}

.cyp-final-itinerary-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
}


/* HEADING */

.cyp-final-itinerary-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 22px;
}

.cyp-final-itinerary-heading > div > span {
    display: block;
    margin-bottom: 6px;

    color: #e84b23;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-final-itinerary-heading h2 {
    margin: 0;

    color: #173d35;

    font-size: 29px;
    line-height: 1.2;
}

.cyp-final-itinerary-heading > p {
    max-width: 390px;
    margin: 0;

    color: #7a817e;

    font-size: 10px;
    line-height: 1.55;

    text-align: right;
}


/* =========================================
   ITINERARY LIST
========================================= */

.cyp-final-itinerary-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}


/* EACH DAY */

.cyp-final-day {
    background: #ffffff;

    border: 1px solid #e5dfd7;
    border-radius: 8px;

    overflow: hidden;

    transition: 0.2s ease;
}

.cyp-final-day:hover {
    border-color: #d8c7ba;
}

.cyp-final-day.active {
    border-color: #df9c80;

    box-shadow: 0 5px 16px rgba(23, 61, 53, 0.05);
}


/* =========================================
   DAY HEADER
========================================= */

.cyp-final-day-head {
    width: 100%;
    min-height: 55px;

    display: grid;
    grid-template-columns: 62px 1fr 45px;
    align-items: stretch;

    padding: 0;

    background: #ffffff;

    border: 0;

    cursor: pointer;
    text-align: left;

    font-family: inherit;
}


/* DAY NUMBER */

.cyp-final-day-no {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #173d35;
    color: #ffffff;

    font-size: 16px;
    font-weight: 800;

    line-height: 1;
}

.cyp-final-day-no small {
    display: block;

    margin-bottom: 4px;

    color: #f2a76a;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* ROUTE */

.cyp-final-day-route {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 9px 15px;
}

.cyp-final-day-route strong {
    display: block;

    margin-bottom: 3px;

    color: #28342f;

    font-size: 11px;
    font-weight: 700;
}

.cyp-final-day-route small {
    display: block;

    color: #8b918e;

    font-size: 8px;
}


/* PLUS */

.cyp-final-day-plus {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #e84b23;

    font-size: 19px;
    font-weight: 400;

    transition: 0.2s ease;
}


/* =========================================
   OPEN CONTENT
========================================= */

.cyp-final-day-content {
    display: none;

    padding: 0 17px 14px 77px;

    background: #fffdf9;
}

.cyp-final-day.active .cyp-final-day-content {
    display: block;
}

.cyp-final-day.active .cyp-final-day-no {
    background: #e84b23;
}

.cyp-final-day.active .cyp-final-day-plus {
    transform: rotate(45deg);
}


/* DESCRIPTION */

.cyp-final-day-content p {
    max-width: 850px;

    margin: 0;

    color: #66706b;

    font-size: 10px;
    line-height: 1.6;
}


/* TAGS */

.cyp-final-day-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-top: 9px;
}

.cyp-final-day-tags span {
    padding: 5px 8px;

    background: #f6eee7;
    color: #59625e;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 600;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-final-itinerary {
        padding: 34px 0 38px;
    }

    .cyp-final-itinerary-container {
        width: 90%;
    }

    .cyp-final-itinerary-heading {
        display: block;
        margin-bottom: 18px;
    }

    .cyp-final-itinerary-heading h2 {
        font-size: 24px;
    }

    .cyp-final-itinerary-heading > p {
        margin-top: 7px;
        max-width: none;
        text-align: left;
    }

    .cyp-final-day-head {
        grid-template-columns: 54px 1fr 36px;
        min-height: 55px;
    }

    .cyp-final-day-no {
        font-size: 14px;
    }

    .cyp-final-day-route {
        padding: 8px 10px;
    }

    .cyp-final-day-route strong {
        font-size: 10px;
    }

    .cyp-final-day-content {
        padding: 0 12px 12px 66px;
    }
}
/* =========================================
   PACKAGE DETAILS TABS
========================================= */

.cyp-package-details {
    background: #fffaf4;
    padding: 40px 0 45px;
}

.cyp-package-details-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
}

/* HEADING */

.cyp-details-heading {
    margin-bottom: 18px;
}

.cyp-details-heading > span {
    display: block;
    margin-bottom: 5px;

    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-details-heading h2 {
    margin: 0;
    color: #173d35;
    font-size: 28px;
    line-height: 1.2;
}


/* MAIN BOX */

.cyp-details-box {
    background: #ffffff;
    border: 1px solid #e4ddd4;
    border-radius: 11px;
    overflow: hidden;

    box-shadow: 0 7px 22px rgba(23, 61, 53, 0.05);
}


/* =========================================
   TAB BUTTONS
========================================= */

.cyp-details-tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    background: #173d35;
}

.cyp-detail-tab {
    min-height: 46px;
    padding: 9px 10px;

    background: transparent;
    color: #d8e3df;

    border: 0;
    border-right: 1px solid rgba(255,255,255,0.12);

    cursor: pointer;

    font-family: inherit;
    font-size: 9px;
    font-weight: 700;

    transition: 0.2s ease;
}

.cyp-detail-tab:last-child {
    border-right: 0;
}

.cyp-detail-tab:hover {
    background: rgba(255,255,255,0.06);
}

.cyp-detail-tab.active {
    background: #e84b23;
    color: #ffffff;
}


/* =========================================
   TAB CONTENT
========================================= */

.cyp-detail-content {
    display: none;
    min-height: 145px;
    padding: 22px 25px;
}

.cyp-detail-content.active {
    display: block;
}


/* HIGHLIGHTS / INCLUSIONS / EXCLUSIONS */

.cyp-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 10px 30px;
}

.cyp-detail-grid > div {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    padding: 7px 0;
}

.cyp-detail-grid > div > span {
    width: 22px;
    height: 22px;
    min-width: 22px;

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

    background: #f7e9e2;
    color: #e84b23;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 800;
}

.cyp-detail-grid p {
    margin: 2px 0 0;

    color: #59635e;
    font-size: 10px;
    line-height: 1.5;
}


/* =========================================
   PAYMENT / CANCELLATION
========================================= */

.cyp-policy-content {
    max-width: 900px;
}

.cyp-policy-content p {
    margin: 0;
    padding: 10px 0;

    color: #626b67;
    font-size: 10px;
    line-height: 1.6;

    border-bottom: 1px solid #eee8e1;
}

.cyp-policy-content p:first-child {
    padding-top: 2px;
}

.cyp-policy-content p:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}

.cyp-policy-content strong {
    color: #26362f;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-package-details {
        padding: 34px 0 38px;
    }

    .cyp-package-details-container {
        width: 90%;
    }

    .cyp-details-heading h2 {
        font-size: 24px;
    }

    .cyp-details-tabs {
        display: flex;
        overflow-x: auto;
    }

    .cyp-detail-tab {
        flex: 0 0 auto;
        min-width: 105px;
        min-height: 43px;
    }

    .cyp-detail-content {
        min-height: auto;
        padding: 18px;
    }

    .cyp-detail-grid {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}
/* =========================================
   SIMILAR PACKAGES - COMPACT SLIDER
========================================= */

.cyp-similar-packages {
    background: #ffffff;
    padding: 40px 0 45px;
}

.cyp-similar-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
}


/* HEADING */

.cyp-similar-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 18px;
}

.cyp-similar-heading > div:first-child > span {
    display: block;
    margin-bottom: 5px;

    color: #e84b23;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-similar-heading h2 {
    margin: 0;

    color: #173d35;

    font-size: 28px;
    line-height: 1.2;
}


/* ARROWS */

.cyp-slider-arrows {
    display: flex;
    gap: 6px;
}

.cyp-slider-arrows button {
    width: 34px;
    height: 34px;

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

    background: #ffffff;
    color: #173d35;

    border: 1px solid #ddd6ce;
    border-radius: 7px;

    cursor: pointer;

    font-size: 15px;

    transition: 0.2s ease;
}

.cyp-slider-arrows button:hover {
    background: #173d35;
    color: #ffffff;
    border-color: #173d35;
}


/* =========================================
   SLIDER
========================================= */

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

.cyp-similar-track {
    display: flex;
    gap: 13px;

    transition: transform 0.35s ease;
}


/* =========================================
   PACKAGE CARD
========================================= */

.cyp-similar-card {
    flex: 0 0 calc((100% - 32px) / 3.25);

    background: #ffffff;

    border: 1px solid #e5dfd7;
    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 5px 16px rgba(23, 61, 53, 0.05);

    transition: 0.25s ease;
}

.cyp-similar-card:hover {
    transform: translateY(-3px);

    box-shadow: 0 10px 24px rgba(23, 61, 53, 0.09);
}


/* IMAGE */

.cyp-similar-image {
    position: relative;

    width: 100%;
    height: 125px;

    overflow: hidden;
}

.cyp-similar-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-similar-card:hover .cyp-similar-image img {
    transform: scale(1.04);
}

.cyp-similar-image > span {
    position: absolute;

    top: 9px;
    left: 9px;

    padding: 5px 7px;

    background: rgba(23, 61, 53, 0.92);
    color: #ffffff;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 700;
}


/* CARD CONTENT */

.cyp-similar-body {
    padding: 12px 13px 13px;
}

.cyp-similar-body h3 {
    margin: 0 0 5px;

    color: #26332e;

    font-size: 12px;
    line-height: 1.35;
}

.cyp-similar-body > p {
    min-height: 27px;

    margin: 0 0 11px;

    color: #858c88;

    font-size: 8px;
    line-height: 1.5;
}


/* PRICE + LINK */

.cyp-similar-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 8px;

    padding-top: 9px;

    border-top: 1px solid #eee8e1;
}

.cyp-similar-bottom small {
    display: block;

    margin-bottom: 2px;

    color: #939995;

    font-size: 7px;
}

.cyp-similar-bottom strong {
    display: block;

    color: #e84b23;

    font-size: 14px;
    font-weight: 800;
}

.cyp-similar-bottom a {
    color: #173d35;

    text-decoration: none;

    font-size: 8px;
    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .cyp-similar-card {
        flex: 0 0 calc((100% - 13px) / 2.15);
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-similar-packages {
        padding: 34px 0 38px;
    }

    .cyp-similar-container {
        width: 90%;
    }

    .cyp-similar-heading h2 {
        font-size: 24px;
    }

    .cyp-similar-card {
        flex: 0 0 78%;
    }

    .cyp-similar-image {
        height: 120px;
    }
}
/* =========================================
   SIMILAR SLIDER FIX
========================================= */

.cyp-similar-slider {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.cyp-similar-slider::-webkit-scrollbar {
    display: none;
}

.cyp-similar-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
    width: max-content;
}

.cyp-similar-card {
    flex-shrink: 0;
}
/* =========================================
   READY TO PLAN CTA
========================================= */

.cyp-plan-cta {
    background: #ffffff;
    padding: 0 0 45px;
}

.cyp-plan-cta-container {
    position: relative;
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    padding: 27px 32px;

    background: #173d35;
    border-radius: 13px;

    overflow: hidden;
}

/* subtle background circle */

.cyp-plan-cta-container::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -55px;
    top: -85px;

    border: 35px solid rgba(255, 255, 255, 0.035);
    border-radius: 50%;

    pointer-events: none;
}


/* LEFT CONTENT */

.cyp-plan-cta-content {
    position: relative;
    z-index: 1;
    max-width: 500px;
}

.cyp-plan-cta-content > span {
    display: block;
    margin-bottom: 5px;

    color: #f4a261;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-plan-cta-content h2 {
    margin: 0 0 7px;

    color: #ffffff;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-plan-cta-content p {
    max-width: 470px;
    margin: 0;

    color: #c7d4d0;

    font-size: 9px;
    line-height: 1.6;
}


/* =========================================
   CTA BUTTONS
========================================= */

.cyp-plan-cta-actions {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 7px;

    flex-shrink: 0;
}

.cyp-plan-btn {
    min-height: 36px;

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

    box-sizing: border-box;
    padding: 9px 13px;

    border-radius: 6px;

    text-decoration: none;
    cursor: pointer;

    font-family: inherit;
    font-size: 8px;
    font-weight: 700;

    transition: 0.2s ease;
}


/* ENQUIRE NOW */

.cyp-plan-btn-primary {
    background: #e84b23;
    color: #ffffff;
    border: 1px solid #e84b23;
}

.cyp-plan-btn-primary:hover {
    background: #ff6237;
    border-color: #ff6237;
    transform: translateY(-1px);
}


/* REQUEST CALLBACK */

.cyp-plan-btn-light {
    background: #ffffff;
    color: #173d35;

    border: 1px solid #ffffff;
}

.cyp-plan-btn-light:hover {
    background: #f3eee7;
    transform: translateY(-1px);
}


/* CALL NOW */

.cyp-plan-btn-outline {
    background: transparent;
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.45);
}

.cyp-plan-btn-outline:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .cyp-plan-cta-container {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-plan-cta {
        padding-bottom: 38px;
    }

    .cyp-plan-cta-container {
        width: 90%;
        box-sizing: border-box;

        padding: 23px 20px;
        gap: 17px;

        border-radius: 11px;
    }

    .cyp-plan-cta-content h2 {
        font-size: 22px;
    }

    .cyp-plan-cta-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .cyp-plan-btn {
        flex: 1 1 calc(50% - 5px);
    }

    .cyp-plan-btn-primary {
        flex-basis: 100%;
    }
}
/* =========================================
   WHY CHOOSE US / TRUST SECTION
========================================= */

.cyp-trust-section {
    background: #fffaf4;
    padding: 42px 0 46px;
}

.cyp-trust-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
}


/* HEADING */

.cyp-trust-heading {
    max-width: 600px;
    margin: 0 auto 23px;
    text-align: center;
}

.cyp-trust-heading > span {
    display: block;
    margin-bottom: 6px;

    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-trust-heading h2 {
    margin: 0 0 7px;

    color: #173d35;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-trust-heading p {
    margin: 0;

    color: #7b837f;
    font-size: 10px;
    line-height: 1.6;
}


/* =========================================
   TRUST GRID
========================================= */

.cyp-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px;
}


/* TRUST CARD */

.cyp-trust-item {
    min-height: 120px;

    display: flex;
    align-items: flex-start;
    gap: 11px;

    padding: 17px 14px;

    background: #ffffff;

    border: 1px solid #e6dfd6;
    border-radius: 9px;

    box-shadow: 0 5px 15px rgba(23, 61, 53, 0.04);

    transition: 0.2s ease;
}

.cyp-trust-item:hover {
    transform: translateY(-2px);

    border-color: #ddc9bc;

    box-shadow: 0 9px 22px rgba(23, 61, 53, 0.07);
}


/* NUMBER ICON */

.cyp-trust-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

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

    background: #173d35;
    color: #f4a261;

    border-radius: 7px;

    font-size: 9px;
    font-weight: 800;
}


/* TEXT */

.cyp-trust-item h3 {
    margin: 2px 0 5px;

    color: #293630;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;
}

.cyp-trust-item p {
    margin: 0;

    color: #808783;
    font-size: 8.5px;
    line-height: 1.55;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .cyp-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-trust-section {
        padding: 34px 0 38px;
    }

    .cyp-trust-container {
        width: 90%;
    }

    .cyp-trust-heading {
        margin-bottom: 18px;
    }

    .cyp-trust-heading h2 {
        font-size: 24px;
    }

    .cyp-trust-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cyp-trust-item {
        min-height: auto;
        padding: 13px;
    }

}
/* =========================================
   CHARDHAM FAQ SECTION
========================================= */

.cyp-faq-section {
    background: #ffffff;
    padding: 42px 0 48px;
}

.cyp-faq-container {
    width: 92%;
    max-width: 900px;
    margin: 0 auto;
}


/* HEADING */

.cyp-faq-heading {
    max-width: 600px;
    margin: 0 auto 22px;
    text-align: center;
}

.cyp-faq-heading > span {
    display: block;
    margin-bottom: 6px;

    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-faq-heading h2 {
    margin: 0 0 7px;

    color: #173d35;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-faq-heading p {
    margin: 0;

    color: #7d8581;
    font-size: 10px;
    line-height: 1.6;
}


/* FAQ LIST */

.cyp-faq-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


/* FAQ ITEM */

.cyp-faq-item {
    background: #fffdf9;

    border: 1px solid #e5dfd7;
    border-radius: 8px;

    overflow: hidden;

    transition: 0.2s ease;
}

.cyp-faq-item.active {
    background: #ffffff;
    border-color: #df9c80;

    box-shadow: 0 5px 16px rgba(23, 61, 53, 0.05);
}


/* QUESTION */

.cyp-faq-question {
    width: 100%;
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 11px 15px;

    background: transparent;
    border: 0;

    cursor: pointer;
    text-align: left;

    font-family: inherit;
}

.cyp-faq-question > span:first-child {
    color: #303c37;

    font-size: 10.5px;
    line-height: 1.4;
    font-weight: 700;
}


/* PLUS */

.cyp-faq-plus {
    width: 25px;
    height: 25px;
    min-width: 25px;

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

    background: #f5eee7;
    color: #e84b23;

    border-radius: 50%;

    font-size: 16px;
    font-weight: 400;

    transition: 0.2s ease;
}

.cyp-faq-item.active .cyp-faq-plus {
    background: #e84b23;
    color: #ffffff;

    transform: rotate(45deg);
}


/* ANSWER */

.cyp-faq-answer {
    display: none;

    padding: 0 55px 14px 15px;
}

.cyp-faq-item.active .cyp-faq-answer {
    display: block;
}

.cyp-faq-answer p {
    max-width: 760px;

    margin: 0;

    color: #707975;

    font-size: 9.5px;
    line-height: 1.65;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-faq-section {
        padding: 34px 0 40px;
    }

    .cyp-faq-container {
        width: 90%;
    }

    .cyp-faq-heading {
        margin-bottom: 18px;
    }

    .cyp-faq-heading h2 {
        font-size: 24px;
    }

    .cyp-faq-question {
        padding: 11px 12px;
    }

    .cyp-faq-question > span:first-child {
        font-size: 10px;
    }

    .cyp-faq-answer {
        padding: 0 45px 13px 12px;
    }

}
/* =========================================
   PREMIUM BLOG / JOURNAL PAGE
========================================= */

.cyp-journal-page {
    background: #f8f4ec;
}


/* =========================================
   PREMIUM JOURNAL HERO
========================================= */

.cyp-journal-hero {
    position: relative;
    min-height: 365px;

    display: flex;
    align-items: center;

    background-image:
        linear-gradient(
            90deg,
            rgba(7, 48, 42, 0.98) 0%,
            rgba(7, 48, 42, 0.93) 30%,
            rgba(7, 48, 42, 0.58) 52%,
            rgba(7, 48, 42, 0.12) 78%,
            rgba(7, 48, 42, 0.04) 100%
        ),
        url("../images/kedarnath-temple.png");

    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;

    color: #ffffff;
    overflow: hidden;
}


/* SUBTLE DARK BOTTOM */

.cyp-journal-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(3, 31, 27, 0.38) 0%,
            transparent 35%
        );

    pointer-events: none;
}


/* MAIN CONTAINER */

.cyp-journal-hero-container {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1100px;
    margin: 0 auto;

    padding: 42px 0 27px;
}


/* =========================================
   EYEBROW
========================================= */

.cyp-journal-eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 9px;

    color: #ff7a25;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-journal-eyebrow i {
    width: 4px;
    height: 4px;

    display: block;

    background: #ff7a25;
    border-radius: 50%;
}


/* =========================================
   HERO HEADING
========================================= */

.cyp-journal-hero h1 {
    max-width: 570px;

    margin: 0 0 10px;

    color: #ffffff;

    font-size: 46px;
    line-height: 0.98;
    font-weight: 800;
    letter-spacing: -1.3px;
}


/* DESCRIPTION */

.cyp-journal-hero-text {
    max-width: 470px;

    margin: 0 0 20px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 11px;
    line-height: 1.65;
}


/* =========================================
   SEARCH BAR
========================================= */

.cyp-journal-search {
    width: 100%;
    max-width: 470px;
    height: 43px;

    display: flex;
    align-items: center;

    padding: 4px 5px 4px 14px;
    box-sizing: border-box;

    background: #ffffff;

    border-radius: 30px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.cyp-journal-search-icon {
    margin-right: 9px;

    color: #173d35;

    font-size: 17px;
}

.cyp-journal-search input {
    min-width: 0;
    flex: 1;

    background: transparent;
    color: #38443f;

    border: 0;
    outline: 0;

    font-family: inherit;
    font-size: 9px;
}

.cyp-journal-search input::placeholder {
    color: #909793;
}


/* SEARCH BUTTON */

.cyp-journal-search button {
    width: 35px;
    height: 35px;
    min-width: 35px;

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

    padding: 0;

    background: #d88708;
    color: #ffffff;

    border: 0;
    border-radius: 50%;

    cursor: pointer;

    font-size: 14px;

    transition: 0.2s ease;
}

.cyp-journal-search button:hover {
    background: #e84b23;
    transform: scale(1.04);
}


/* =========================================
   BOTTOM FEATURES
========================================= */

.cyp-journal-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 25px;

    margin-top: 23px;
}

.cyp-journal-feature {
    display: flex;
    align-items: center;

    gap: 6px;
}

.cyp-journal-feature > span {
    color: #f4a62a;

    font-size: 13px;
}

.cyp-journal-feature p {
    margin: 0;

    color: rgba(255, 255, 255, 0.91);

    font-size: 8px;
    font-weight: 600;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .cyp-journal-hero {
        min-height: 350px;
        background-position: 58% center;
    }

    .cyp-journal-hero h1 {
        font-size: 41px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-journal-hero {
        min-height: 470px;

        align-items: flex-end;

        background-image:
            linear-gradient(
                0deg,
                rgba(7, 48, 42, 0.98) 0%,
                rgba(7, 48, 42, 0.87) 48%,
                rgba(7, 48, 42, 0.18) 100%
            ),
            url("../images/kedarnath-temple.png");

        background-position: 60% center;
    }

    .cyp-journal-hero-container {
        width: 90%;
        padding: 130px 0 25px;
    }

    .cyp-journal-hero h1 {
        max-width: 330px;

        font-size: 37px;
        line-height: 1;
    }

    .cyp-journal-hero-text {
        max-width: 340px;

        font-size: 10px;
    }

    .cyp-journal-search {
        max-width: 100%;
    }

    .cyp-journal-features {
        gap: 11px 18px;
        margin-top: 18px;
    }

    .cyp-journal-feature {
        flex: 0 0 calc(50% - 10px);
    }

}
/* =========================================
   EDITOR'S PICK / FEATURED GUIDE
========================================= */

.cyp-journal-featured {
    background: #f8f4ec;
    padding: 22px 0 14px;
}

.cyp-journal-featured-container {
    width: 92%;
    max-width: 1100px;
    min-height: 275px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.35fr 0.9fr;

    background: #ffffff;
    border: 1px solid #e4ddd2;
    border-radius: 11px;
    overflow: hidden;

    box-shadow: 0 8px 24px rgba(23, 61, 53, 0.07);
}


/* =========================================
   LEFT IMAGE
========================================= */

.cyp-journal-featured-image {
    position: relative;
    min-height: 275px;
    overflow: hidden;
}

.cyp-journal-featured-image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-journal-featured-container:hover
.cyp-journal-featured-image img {
    transform: scale(1.025);
}


/* EDITOR'S PICK BADGE */

.cyp-editors-pick {
    position: absolute;
    top: 15px;
    left: 15px;

    padding: 6px 10px;

    background: #f05a24;
    color: #ffffff;

    border-radius: 5px;

    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: 0.7px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}


/* =========================================
   RIGHT CONTENT
========================================= */

.cyp-journal-featured-content {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 27px 30px;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(216, 135, 8, 0.07),
            transparent 38%
        ),
        #fffaf0;
}


/* SMALL LABEL */

.cyp-featured-label {
    display: block;
    margin-bottom: 7px;

    color: #e84b23;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.3px;
}


/* HEADING */

.cyp-journal-featured-content h2 {
    margin: 0 0 10px;

    color: #102f29;

    font-size: 27px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.5px;
}


/* DESCRIPTION */

.cyp-journal-featured-content > p {
    max-width: 410px;
    margin: 0 0 13px;

    color: #66716c;

    font-size: 9.5px;
    line-height: 1.65;
}


/* META INFO */

.cyp-featured-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;

    margin-bottom: 15px;

    color: #777f7b;

    font-size: 8px;
    font-weight: 600;
}


/* READ BUTTON */

.cyp-featured-read-btn {
    align-self: flex-start;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 9px 13px;

    background: #123f35;
    color: #ffffff;

    border-radius: 5px;

    text-decoration: none;

    font-size: 8px;
    font-weight: 700;

    transition: 0.2s ease;
}

.cyp-featured-read-btn span {
    font-size: 12px;
}

.cyp-featured-read-btn:hover {
    background: #e84b23;
    transform: translateY(-1px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 850px) {

    .cyp-journal-featured-container {
        grid-template-columns: 1.1fr 0.9fr;
    }

    .cyp-journal-featured-content {
        padding: 24px;
    }

    .cyp-journal-featured-content h2 {
        font-size: 24px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-journal-featured {
        padding: 18px 0 10px;
    }

    .cyp-journal-featured-container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .cyp-journal-featured-image {
        min-height: 215px;
    }

    .cyp-journal-featured-content {
        padding: 21px 19px 23px;
    }

    .cyp-journal-featured-content h2 {
        font-size: 23px;
    }

    .cyp-featured-info {
        gap: 8px 14px;
    }
}
/* =========================================
   PREMIUM BLOG CATEGORY FILTERS
========================================= */

.cyp-journal-categories {
    background: #f8f4ec;
    padding: 4px 0 15px;
}

.cyp-journal-categories-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    gap: 6px;

    overflow-x: auto;
    padding: 4px 1px 7px;

    scrollbar-width: none;
}

.cyp-journal-categories-container::-webkit-scrollbar {
    display: none;
}


/* CATEGORY BUTTON */

.cyp-journal-category {
    flex: 0 0 auto;

    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 7px 11px;

    background: #fffaf0;
    color: #37443f;

    border: 1px solid #e7ded1;
    border-radius: 7px;

    box-shadow: 0 3px 9px rgba(23, 61, 53, 0.04);

    cursor: pointer;

    font-family: inherit;
    font-size: 7.5px;
    font-weight: 650;
    white-space: nowrap;

    transition: 0.2s ease;
}


/* ICON */

.cyp-journal-category span {
    color: #a56c28;
    font-size: 10px;
}


/* HOVER */

.cyp-journal-category:hover {
    background: #ffffff;
    border-color: #d9c9b7;

    transform: translateY(-1px);
}


/* ACTIVE CATEGORY */

.cyp-journal-category.active {
    background: #f05a24;
    color: #ffffff;

    border-color: #f05a24;

    box-shadow: 0 5px 13px rgba(240, 90, 36, 0.18);
}

.cyp-journal-category.active span {
    color: #ffffff;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-journal-categories {
        padding: 3px 0 12px;
    }

    .cyp-journal-categories-container {
        width: 90%;
        gap: 5px;

        /* lets last pill peek slightly */
        padding-right: 25px;
    }

    .cyp-journal-category {
        min-height: 33px;
        padding: 7px 10px;

        font-size: 7.5px;
    }

}
/* =========================================
   LATEST FROM THE HIMALAYAS
========================================= */

.cyp-latest-journal {
    padding: 48px 0 55px;
    background: #fffaf4;
}

.cyp-latest-journal-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}


/* HEADING */

.cyp-latest-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.cyp-latest-heading > div > span {
    display: block;
    margin-bottom: 5px;
    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-latest-heading h2 {
    margin: 0;
    color: #173d35;
    font-size: 29px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-latest-heading p {
    margin: 7px 0 0;
    max-width: 520px;
    color: #78807c;
    font-size: 10px;
    line-height: 1.55;
}

.cyp-view-all {
    flex: 0 0 auto;
    color: #173d35;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}


/* MAIN MAGAZINE GRID */

.cyp-latest-grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 16px;
}


/* LARGE CARD */

.cyp-latest-main-card {
    background: #ffffff;
    border: 1px solid #e8e0d7;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 7px 22px rgba(23, 61, 53, 0.06);
}

.cyp-latest-main-image {
    position: relative;
    height: 255px;
    overflow: hidden;
}

.cyp-latest-main-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cyp-latest-main-card:hover .cyp-latest-main-image img {
    transform: scale(1.035);
}

.cyp-latest-main-image > span {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 6px 9px;
    background: #e84b23;
    color: #ffffff;
    border-radius: 5px;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.cyp-latest-main-content {
    padding: 18px 20px 20px;
}

.cyp-latest-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #9a8b80;
    font-size: 8px;
    font-weight: 600;
}

.cyp-latest-main-content h3 {
    margin: 0 0 8px;
    color: #173d35;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-latest-main-content p {
    margin: 0 0 12px;
    color: #737c78;
    font-size: 9.5px;
    line-height: 1.6;
}

.cyp-latest-main-content > a {
    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}


/* RIGHT 2 x 2 GRID */

.cyp-latest-small-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.cyp-latest-small-card {
    background: #ffffff;
    border: 1px solid #e8e0d7;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.25s ease;
}

.cyp-latest-small-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(23, 61, 53, 0.08);
}

.cyp-latest-small-image {
    position: relative;
    height: 125px;
    overflow: hidden;
}

.cyp-latest-small-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.cyp-latest-small-card:hover .cyp-latest-small-image img {
    transform: scale(1.04);
}

.cyp-latest-small-image > span {
    position: absolute;
    left: 9px;
    top: 9px;
    padding: 4px 7px;
    background: rgba(23, 61, 53, 0.92);
    color: #ffffff;
    border-radius: 4px;
    font-size: 6.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.cyp-latest-small-content {
    padding: 11px 12px 13px;
}

.cyp-latest-small-content small {
    display: block;
    margin-bottom: 5px;
    color: #e84b23;
    font-size: 7px;
    font-weight: 700;
}

.cyp-latest-small-content h3 {
    min-height: 32px;
    margin: 0 0 8px;
    color: #263a33;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 750;
}

.cyp-latest-small-content a {
    color: #69736f;
    font-size: 7.5px;
    font-weight: 700;
    text-decoration: none;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-latest-grid {
        grid-template-columns: 1fr;
    }

    .cyp-latest-main-image {
        height: 280px;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-latest-journal {
        padding: 34px 0 40px;
    }

    .cyp-latest-journal-container {
        width: 90%;
    }

    .cyp-latest-heading {
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .cyp-latest-heading h2 {
        font-size: 24px;
    }

    .cyp-latest-heading p {
        font-size: 9px;
    }

    .cyp-view-all {
        margin-top: 20px;
        font-size: 8px;
    }

    .cyp-latest-main-image {
        height: 210px;
    }

    .cyp-latest-main-content {
        padding: 15px;
    }

    .cyp-latest-main-content h3 {
        font-size: 17px;
    }

    .cyp-latest-small-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .cyp-latest-small-image {
        height: 100px;
    }

    .cyp-latest-small-content {
        padding: 9px;
    }

    .cyp-latest-small-content h3 {
        font-size: 9px;
        min-height: 38px;
    }

}
/* =========================================
   EXPLORE BY TEMPLE
========================================= */

.cyp-temple-guides {
    padding: 48px 0 55px;
    background: #ffffff;
}

.cyp-temple-guides-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

/* HEADING */

.cyp-temple-heading {
    margin-bottom: 22px;
    text-align: center;
}

.cyp-temple-heading > span {
    display: block;
    margin-bottom: 6px;
    color: #e84b23;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-temple-heading h2 {
    margin: 0;
    color: #173d35;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-temple-heading p {
    max-width: 520px;
    margin: 7px auto 0;
    color: #7b827f;
    font-size: 10px;
    line-height: 1.55;
}


/* 4 TEMPLE CARDS */

.cyp-temple-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.cyp-temple-card {
    position: relative;
    height: 285px;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    text-decoration: none;
    background: #173d35;
    box-shadow: 0 8px 22px rgba(23, 61, 53, 0.10);
}

.cyp-temple-card > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.cyp-temple-card:hover > img {
    transform: scale(1.06);
}

.cyp-temple-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(10, 45, 38, 0.96) 0%,
        rgba(10, 45, 38, 0.58) 42%,
        rgba(10, 45, 38, 0.08) 75%
    );
}

.cyp-temple-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px;
    color: #ffffff;
}

.cyp-temple-content > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    color: #ff9b59;
    font-size: 8px;
    font-weight: 800;
}

.cyp-temple-content h3 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 800;
}

.cyp-temple-content p {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 8px;
}

.cyp-temple-content strong {
    display: inline-block;
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    transition: 0.2s ease;
}

.cyp-temple-card:hover .cyp-temple-content strong {
    color: #ff9b59;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-temple-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-temple-card {
        height: 260px;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-temple-guides {
        padding: 35px 0 40px;
    }

    .cyp-temple-guides-container {
        width: 90%;
    }

    .cyp-temple-heading {
        margin-bottom: 17px;
    }

    .cyp-temple-heading h2 {
        font-size: 24px;
    }

    .cyp-temple-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .cyp-temple-card {
        height: 220px;
        border-radius: 9px;
    }

    .cyp-temple-content {
        padding: 12px;
    }

    .cyp-temple-content > span {
        width: 23px;
        height: 23px;
        margin-bottom: 6px;
        font-size: 7px;
    }

    .cyp-temple-content h3 {
        font-size: 16px;
    }

    .cyp-temple-content p {
        font-size: 7px;
    }

    .cyp-temple-content strong {
        font-size: 7px;
    }

}
/* =========================================
   ESSENTIAL CHARDHAM TRAVEL GUIDES
========================================= */

.cyp-essential-guides {
    padding: 65px 0;
    background: #f7f4ee;
}

.cyp-essential-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* HEADING */

.cyp-essential-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 32px;
}

.cyp-essential-heading > div > span {
    display: block;
    margin-bottom: 7px;
    color: #e84b23;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.cyp-essential-heading h2 {
    margin: 0;
    color: #173d35;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-essential-heading > p {
    max-width: 390px;
    margin: 0;
    color: #737b77;
    font-size: 12px;
    line-height: 1.7;
}

/* CARDS */

.cyp-essential-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.cyp-essential-card {
    position: relative;
    min-height: 245px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #ffffff;
    border: 1px solid #e4ddd4;
    border-radius: 14px;

    text-decoration: none;
    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

/* ORANGE TOP LINE */

.cyp-essential-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 65px;
    height: 3px;

    background: #e84b23;

    transition: width 0.3s ease;
}

.cyp-essential-card:hover {
    transform: translateY(-5px);
    border-color: #d8c7ba;
    box-shadow: 0 15px 35px rgba(23, 61, 53, 0.10);
}

.cyp-essential-card:hover::before {
    width: 100%;
}

/* NUMBER */

.cyp-essential-number {
    position: absolute;
    top: 18px;
    right: 20px;

    color: #e9e5df;

    font-size: 42px;
    line-height: 1;
    font-weight: 900;
}

/* CONTENT */

.cyp-essential-content {
    position: relative;
    z-index: 2;
    padding-top: 38px;
}

.cyp-essential-content > span {
    display: block;
    margin-bottom: 9px;

    color: #e84b23;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.cyp-essential-content h3 {
    max-width: 270px;
    margin: 0 0 12px;

    color: #173d35;

    font-size: 19px;
    line-height: 1.25;
    font-weight: 800;
}

.cyp-essential-content p {
    margin: 0 0 22px;

    color: #737b77;

    font-size: 10px;
    line-height: 1.65;
}

.cyp-essential-content strong {
    color: #173d35;

    font-size: 9px;
    font-weight: 800;

    transition: color 0.2s ease;
}

.cyp-essential-card:hover
.cyp-essential-content strong {
    color: #e84b23;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-essential-heading h2 {
        font-size: 29px;
    }

    .cyp-essential-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .cyp-essential-guides {
        padding: 45px 0;
    }

    .cyp-essential-container {
        width: 90%;
    }

    .cyp-essential-heading {
        display: block;
        margin-bottom: 23px;
    }

    .cyp-essential-heading h2 {
        font-size: 26px;
    }

    .cyp-essential-heading > p {
        margin-top: 10px;
        max-width: none;
    }

    .cyp-essential-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .cyp-essential-card {
        min-height: 205px;
        padding: 21px;
    }

    .cyp-essential-content {
        padding-top: 28px;
    }

    .cyp-essential-number {
        font-size: 36px;
    }

}
/* =========================================
   TRAVEL TIPS & EXPERIENCES
========================================= */

.cyp-stories {
    padding: 55px 0 60px;
    background: #ffffff;
}

.cyp-stories-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}


/* HEADING */

.cyp-stories-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;

    margin-bottom: 23px;
}

.cyp-stories-heading > div > span {
    display: block;
    margin-bottom: 6px;

    color: #e84b23;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.cyp-stories-heading h2 {
    margin: 0;

    color: #173d35;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-stories-heading > a {
    color: #173d35;

    text-decoration: none;

    font-size: 9px;
    font-weight: 700;
}


/* =========================================
   MAIN GRID
========================================= */

.cyp-stories-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 16px;
}


/* =========================================
   LARGE STORY
========================================= */

.cyp-story-main {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;

    min-height: 315px;

    background: #fffaf4;

    border: 1px solid #e7dfd5;
    border-radius: 13px;

    overflow: hidden;
}


/* LARGE IMAGE */

.cyp-story-image {
    position: relative;
    display: block;

    min-height: 315px;

    overflow: hidden;
}

.cyp-story-image img {
    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    display: block;
    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-story-main:hover .cyp-story-image img {
    transform: scale(1.04);
}


/* BADGE */

.cyp-story-badge {
    position: absolute;

    top: 14px;
    left: 14px;

    padding: 6px 9px;

    background: #e84b23;
    color: #ffffff;

    border-radius: 5px;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.8px;
}


/* LARGE CONTENT */

.cyp-story-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 25px;
}

.cyp-story-meta {
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 8px;

    color: #a08d80;

    font-size: 7.5px;
    font-weight: 600;
}

.cyp-story-main-content h3 {
    margin: 0 0 11px;

    color: #173d35;

    font-size: 21px;
    line-height: 1.25;
    font-weight: 800;
}

.cyp-story-main-content > p {
    margin: 0 0 16px;

    color: #727b77;

    font-size: 9.5px;
    line-height: 1.65;
}

.cyp-story-link {
    align-self: flex-start;

    color: #e84b23;

    text-decoration: none;

    font-size: 9px;
    font-weight: 800;
}


/* =========================================
   RIGHT SIDE STORIES
========================================= */

.cyp-story-side {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    gap: 12px;
}

.cyp-story-small {
    display: grid;
    grid-template-columns: 42% 58%;

    min-height: 150px;

    background: #fffaf4;

    border: 1px solid #e7dfd5;
    border-radius: 10px;

    overflow: hidden;

    transition: 0.25s ease;
}

.cyp-story-small:hover {
    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(23, 61, 53, 0.07);
}


/* SMALL IMAGE */

.cyp-story-small-image {
    position: relative;

    display: block;

    overflow: hidden;
}

.cyp-story-small-image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-story-small:hover
.cyp-story-small-image img {
    transform: scale(1.05);
}


/* SMALL CONTENT */

.cyp-story-small-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 14px;
}

.cyp-story-small-content > span {
    display: block;

    margin-bottom: 5px;

    color: #e84b23;

    font-size: 6.5px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.cyp-story-small-content h3 {
    margin: 0 0 7px;

    color: #263b34;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 750;
}

.cyp-story-small-content .cyp-story-meta {
    margin-bottom: 7px;
}

.cyp-story-small-content > a {
    color: #173d35;

    text-decoration: none;

    font-size: 7.5px;
    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .cyp-stories-grid {
        grid-template-columns: 1fr;
    }

    .cyp-story-side {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-stories {
        padding: 38px 0 42px;
    }

    .cyp-stories-container {
        width: 90%;
    }

    .cyp-stories-heading {
        margin-bottom: 18px;
    }

    .cyp-stories-heading h2 {
        font-size: 24px;
    }

    .cyp-stories-heading > a {
        font-size: 8px;
    }


    /* LARGE STORY */

    .cyp-story-main {
        grid-template-columns: 1fr;
    }

    .cyp-story-image {
        min-height: 210px;
    }

    .cyp-story-main-content {
        padding: 18px;
    }

    .cyp-story-main-content h3 {
        font-size: 18px;
    }


    /* SMALL STORIES */

    .cyp-story-side {
        grid-template-columns: 1fr;
    }

    .cyp-story-small {
        grid-template-columns: 38% 62%;
        min-height: 130px;
    }

}
/* =========================================
   BLOG FINAL PREMIUM CTA
========================================= */

.cyp-blog-cta {
    padding: 55px 0 60px;
    background: #fffaf4;
}

.cyp-blog-cta-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;

    position: relative;
    overflow: hidden;

    padding: 45px 48px 28px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(232, 75, 35, 0.18),
            transparent 28%
        ),
        #173d35;

    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(23, 61, 53, 0.15);
}

/* DECORATIVE CIRCLE */

.cyp-blog-cta-container::after {
    content: "";
    position: absolute;

    width: 220px;
    height: 220px;

    right: -80px;
    top: -100px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;

    pointer-events: none;
}


/* =========================================
   MAIN CONTENT
========================================= */

.cyp-blog-cta-content {
    position: relative;
    z-index: 2;

    max-width: 680px;
}

.cyp-blog-cta-label {
    display: block;

    margin-bottom: 8px;

    color: #ff9b59;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.cyp-blog-cta-content h2 {
    margin: 0 0 11px;

    color: #ffffff;

    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-blog-cta-content > p {
    max-width: 600px;

    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 10px;
    line-height: 1.7;
}


/* =========================================
   BUTTONS
========================================= */

.cyp-blog-cta-actions {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 21px;
}

.cyp-blog-cta-primary,
.cyp-blog-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;
    padding: 0 17px;

    border-radius: 6px;

    text-decoration: none;

    font-size: 8.5px;
    font-weight: 800;

    transition: 0.25s ease;
}

.cyp-blog-cta-primary {
    background: #e84b23;
    color: #ffffff;
}

.cyp-blog-cta-primary:hover {
    background: #f05b32;
    transform: translateY(-2px);
}

.cyp-blog-cta-secondary {
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.cyp-blog-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.12);
}


/* =========================================
   BOTTOM TRUST INFORMATION
========================================= */

.cyp-blog-cta-info {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 25px;

    margin-top: 34px;
    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.cyp-blog-cta-info-item strong {
    display: block;

    margin-bottom: 3px;

    color: #ffffff;

    font-size: 9px;
    font-weight: 750;
}

.cyp-blog-cta-info-item span {
    color: rgba(255, 255, 255, 0.55);

    font-size: 7.5px;
}

.cyp-blog-cta-divider {
    width: 1px;
    height: 27px;

    background: rgba(255, 255, 255, 0.13);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .cyp-blog-cta {
        padding: 38px 0 42px;
    }

    .cyp-blog-cta-container {
        width: 90%;

        padding: 31px 22px 22px;

        border-radius: 14px;
    }

    .cyp-blog-cta-content h2 {
        font-size: 26px;
    }

    .cyp-blog-cta-content > p {
        font-size: 9px;
    }

    .cyp-blog-cta-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cyp-blog-cta-primary,
    .cyp-blog-cta-secondary {
        width: 100%;
        min-height: 40px;
    }

    .cyp-blog-cta-info {
        grid-template-columns: 1fr;
        gap: 13px;

        margin-top: 25px;
    }

    .cyp-blog-cta-divider {
        width: 100%;
        height: 1px;
    }

}

/* =========================================
   PLAN BETTER FOR YOUR YATRA
========================================= */

.cyp-plan-better {
    padding: 30px 0 32px;
    background: #123f36;
}

.cyp-plan-better-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}


/* HEADING */

.cyp-plan-better-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 14px;
}

.cyp-plan-better-heading h2 {
    margin: 0 0 3px;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.1;
    font-weight: 800;
}

.cyp-plan-better-heading p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 9px;
    line-height: 1.45;
}

.cyp-plan-all-guides {
    flex: 0 0 auto;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    text-decoration: none;
}

.cyp-plan-all-guides span {
    margin-left: 7px;
    color: #ff7a32;
    font-size: 14px;
}


/* =========================================
   3 GUIDE CARDS
========================================= */

.cyp-plan-better-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.cyp-plan-guide-card {
    position: relative;

    display: grid;
    grid-template-columns: 58px 1fr 31px;
    align-items: center;
    gap: 11px;

    min-height: 78px;
    padding: 9px 11px;

    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 7px;

    color: inherit;
    text-decoration: none;

    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-plan-guide-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.14);
}


/* ICON BOX */

.cyp-plan-guide-icon {
    width: 58px;
    height: 58px;

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

    background: #fff8ed;
    border-radius: 5px;

    color: #9a5a16;
    font-size: 28px;
    line-height: 1;
}


/* TEXT */

.cyp-plan-guide-content {
    min-width: 0;
}

.cyp-plan-guide-content h3 {
    margin: 0 0 4px;

    color: #202a27;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-plan-guide-content p {
    margin: 0;

    color: #69716e;

    font-size: 7.5px;
    line-height: 1.45;
}


/* ORANGE ARROW */

.cyp-plan-guide-arrow {
    width: 27px;
    height: 27px;

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

    background: #f2672d;
    color: #ffffff;

    border-radius: 50%;

    font-size: 15px;
    font-weight: 600;

    transition: transform 0.25s ease;
}

.cyp-plan-guide-card:hover .cyp-plan-guide-arrow {
    transform: translateX(2px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .cyp-plan-better-grid {
        grid-template-columns: 1fr;
    }

    .cyp-plan-guide-card {
        grid-template-columns: 58px 1fr 31px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-plan-better {
        padding: 27px 0 29px;
    }

    .cyp-plan-better-container {
        width: 90%;
    }

    .cyp-plan-better-heading {
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .cyp-plan-better-heading h2 {
        font-size: 22px;
    }

    .cyp-plan-better-heading p {
        max-width: 240px;
        font-size: 8px;
    }

    .cyp-plan-all-guides {
        margin-top: 5px;
        font-size: 7px;
    }

    .cyp-plan-better-grid {
        gap: 8px;
    }

    .cyp-plan-guide-card {
        min-height: 72px;
        grid-template-columns: 50px 1fr 28px;
        gap: 9px;
        padding: 8px 9px;
    }

    .cyp-plan-guide-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }

    .cyp-plan-guide-content h3 {
        font-size: 10px;
    }

    .cyp-plan-guide-content p {
        font-size: 7px;
    }

    .cyp-plan-guide-arrow {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }
}

/* =========================================================
   INNER BLOG - ARTICLE TOP
   Reference Design: Breadcrumb / Title / Meta / Share
========================================================= */

.cyp-inner-blog {
    background: #ffffff;
    color: #263a35;
}

.cyp-article-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}


/* TOP SECTION */

.cyp-article-head {
    padding: 14px 0 10px;
}


/* BREADCRUMB */

.cyp-article-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 12px;

    font-size: 10px;
    line-height: 1.4;
    color: #7c8582;
}

.cyp-article-breadcrumb a {
    color: #66716d;
    text-decoration: none;
}

.cyp-article-breadcrumb a:hover {
    color: #f26b2c;
}

.cyp-article-breadcrumb span:last-child {
    color: #3f4d48;
}


/* CATEGORY */

.cyp-article-category {
    display: inline-flex;
    align-items: center;

    padding: 4px 10px;
    margin-bottom: 7px;

    border-radius: 20px;

    background: #eaf7ef;
    color: #176247;

    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.5px;
}


/* TITLE */

.cyp-article-title {
    max-width: 900px;

    margin: 0 0 5px;

    color: #123f36;

    font-size: 29px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.4px;
}


/* INTRO */

.cyp-article-intro {
    max-width: 900px;

    margin: 0;

    color: #626d69;

    font-size: 11px;
    line-height: 1.55;
    font-weight: 400;
}


/* =========================================================
   AUTHOR / DATE / READ TIME / SHARE
========================================================= */

.cyp-article-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 12px;
}


.cyp-article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    color: #626d69;

    font-size: 9px;
    line-height: 1.3;
}


/* AUTHOR */

.cyp-article-author {
    display: flex;
    align-items: center;
    gap: 7px;
}

.cyp-article-author strong {
    color: #243f38;
    font-weight: 800;
}


/* TEMP AUTHOR PHOTO */

.cyp-article-author-photo {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

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

    border-radius: 50%;

    background: #153f36;
    color: #ffffff;

    font-size: 8px;
    font-weight: 800;
}


/* META DIVIDER */

.cyp-meta-line {
    width: 1px;
    height: 14px;

    background: #d8ddda;
}


/* SHARE */

.cyp-article-share {
    display: flex;
    align-items: center;
    gap: 6px;

    flex-shrink: 0;

    color: #46534f;

    font-size: 9px;
}

.cyp-article-share > span {
    margin-right: 3px;
    font-weight: 600;
}


.cyp-article-share a {
    width: 27px;
    height: 27px;

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

    border: 1px solid #dfe5e2;
    border-radius: 50%;

    background: #ffffff;
    color: #176247;

    text-decoration: none;

    font-size: 9px;
    font-weight: 800;

    transition: 0.2s ease;
}

.cyp-article-share a:hover {
    border-color: #f26b2c;
    color: #f26b2c;
    transform: translateY(-1px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-article-title {
        font-size: 26px;
    }

    .cyp-article-meta-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-article-container {
        width: 90%;
    }

    .cyp-article-head {
        padding: 11px 0 9px;
    }

    .cyp-article-breadcrumb {
        gap: 5px;
        margin-bottom: 10px;
        font-size: 8px;
    }

    .cyp-article-title {
        font-size: 23px;
        line-height: 1.15;
    }

    .cyp-article-intro {
        font-size: 10px;
    }

    .cyp-article-meta {
        gap: 7px;
        font-size: 8px;
    }

    .cyp-meta-line {
        display: none;
    }

    .cyp-article-share {
        font-size: 8px;
    }

    .cyp-article-share a {
        width: 25px;
        height: 25px;
    }

}

/* =========================================================
   INNER BLOG - FEATURED IMAGE + TABLE OF CONTENTS
========================================================= */

.cyp-article-body {
    padding: 0 0 12px;
}


/* TWO COLUMN LAYOUT */

.cyp-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 3.15fr) minmax(210px, 1fr);
    gap: 20px;
    align-items: start;
}

.cyp-article-main-column {
    min-width: 0;
}


/* =========================================================
   FEATURED IMAGE
========================================================= */

.cyp-article-featured {
    width: 100%;
    height: 235px;

    margin: 0;

    overflow: hidden;
    border-radius: 7px;

    background: #edf1ef;
}

.cyp-article-featured img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   TABLE OF CONTENTS
========================================================= */

.cyp-article-sidebar {
    min-width: 0;
}

.cyp-article-toc {
    padding: 11px;

    background: #ffffff;

    border: 1px solid #dfe5e2;
    border-radius: 7px;

    box-shadow: 0 3px 12px rgba(20, 63, 54, 0.06);
}


/* TOC HEADING */

.cyp-toc-title {
    display: flex;
    align-items: center;
    gap: 7px;

    padding: 0 2px 9px;

    border-bottom: 1px solid #e9edeb;
}

.cyp-toc-title-icon {
    color: #176247;
    font-size: 12px;
}

.cyp-toc-title h2 {
    margin: 0;

    color: #183f36;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}


/* TOC LINKS */

.cyp-toc-list {
    display: flex;
    flex-direction: column;
    gap: 3px;

    margin-top: 7px;
}

.cyp-toc-list a {
    display: flex;
    align-items: center;
    gap: 8px;

    min-height: 30px;
    padding: 5px 7px;

    border-radius: 5px;

    color: #46534f;
    text-decoration: none;

    transition: 0.2s ease;
}


/* NUMBER */

.cyp-toc-list a span {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;

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

    border-radius: 50%;

    background: #f2f4f3;
    color: #45534e;

    font-size: 7px;
    font-weight: 800;
}


/* TEXT */

.cyp-toc-list a strong {
    font-size: 8.5px;
    line-height: 1.25;
    font-weight: 600;
}


/* ACTIVE ITEM */

.cyp-toc-list a.active {
    background: #eaf7ef;
    color: #173f36;
}

.cyp-toc-list a.active span {
    background: #d9f0e2;
    color: #176247;
}


/* HOVER */

.cyp-toc-list a:hover {
    background: #f3f8f5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-article-layout {
        grid-template-columns: minmax(0, 1fr) 215px;
        gap: 14px;
    }

    .cyp-article-featured {
        height: 220px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-article-layout {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cyp-article-featured {
        height: 190px;
    }

    .cyp-article-sidebar {
        width: 100%;
    }

}

/* =========================================================
   INNER BLOG - QUICK HIGHLIGHTS
========================================================= */

.cyp-quick-highlights {
    margin-top: 10px;
    padding: 10px 13px;

    background: #fff9ef;

    border: 1px solid #f3dfbd;
    border-radius: 7px;
}


/* HEADING */

.cyp-quick-heading {
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 8px;
}

.cyp-quick-heading-icon {
    color: #ef762f;
    font-size: 11px;
}

.cyp-quick-heading h2 {
    margin: 0;

    color: #173f36;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
}


/* THREE COLUMN ROW */

.cyp-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


/* EACH ITEM */

.cyp-quick-item {
    display: flex;
    align-items: center;
    gap: 8px;

    min-width: 0;
    padding: 2px 12px;
}

.cyp-quick-item:first-child {
    padding-left: 0;
}

.cyp-quick-item:last-child {
    padding-right: 0;
}


/* DIVIDERS BETWEEN ITEMS */

.cyp-quick-item + .cyp-quick-item {
    border-left: 1px solid #eadbc2;
}


/* SMALL NUMBER CIRCLE */

.cyp-quick-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;

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

    border-radius: 50%;

    background: #fff0dc;
    color: #e66a28;

    font-size: 7px;
    font-weight: 800;
}


/* TEXT */

.cyp-quick-text {
    min-width: 0;
}

.cyp-quick-text strong {
    display: block;

    margin-bottom: 2px;

    color: #28453d;

    font-size: 8.5px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-quick-text p {
    margin: 0;

    color: #737a76;

    font-size: 7.5px;
    line-height: 1.35;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-quick-grid {
        grid-template-columns: 1fr;
    }

    .cyp-quick-item {
        padding: 8px 0;
    }

    .cyp-quick-item + .cyp-quick-item {
        border-left: 0;
        border-top: 1px solid #eadbc2;
    }

}

/* =========================================================
   INNER BLOG - ARTICLE CONTENT
========================================================= */

.cyp-blog-content {
    margin-top: 18px;
    color: #4f5d58;
}


/* EACH ARTICLE SECTION */

.cyp-blog-section {
    margin-bottom: 22px;
    scroll-margin-top: 100px;
}


/* MAIN ARTICLE H2 */

.cyp-blog-section h2 {
    position: relative;

    margin: 0 0 10px;
    padding-bottom: 7px;

    color: #123f36;

    font-size: 19px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.2px;

    border-bottom: 1px solid #e6ebe8;
}


/* SMALL ORANGE ACCENT UNDER H2 */

.cyp-blog-section h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -1px;

    width: 38px;
    height: 2px;

    border-radius: 10px;

    background: #ef762f;
}


/* ARTICLE H3 */

.cyp-blog-section h3 {
    margin: 16px 0 6px;

    color: #1c4a40;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
}


/* PARAGRAPHS */

.cyp-blog-section p {
    margin: 0 0 10px;

    color: #596762;

    font-size: 11px;
    line-height: 1.75;
    font-weight: 400;
}


/* LAST PARAGRAPH */

.cyp-blog-section p:last-child {
    margin-bottom: 0;
}


/* LINKS INSIDE ARTICLE */

.cyp-blog-content p a {
    color: #e9682b;
    font-weight: 700;
    text-decoration: none;
}

.cyp-blog-content p a:hover {
    text-decoration: underline;
}


/* LISTS - FOR LATER ARTICLE CONTENT */

.cyp-blog-content ul,
.cyp-blog-content ol {
    margin: 8px 0 12px;
    padding-left: 20px;

    color: #596762;

    font-size: 11px;
    line-height: 1.7;
}

.cyp-blog-content li {
    margin-bottom: 4px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-blog-content {
        margin-top: 15px;
    }

    .cyp-blog-section {
        margin-bottom: 19px;
    }

    .cyp-blog-section h2 {
        font-size: 17px;
    }

    .cyp-blog-section h3 {
        font-size: 13px;
    }

    .cyp-blog-section p,
    .cyp-blog-content ul,
    .cyp-blog-content ol {
        font-size: 10.5px;
        line-height: 1.7;
    }

}

/* =========================================================
   INNER BLOG - WEATHER TABLE
========================================================= */

.cyp-season-table-wrap {
    width: 100%;
    margin: 12px 0;

    overflow-x: auto;

    border: 1px solid #e1e7e4;
    border-radius: 7px;

    background: #ffffff;
}


.cyp-season-table {
    width: 100%;
    border-collapse: collapse;

    font-size: 9.5px;
    line-height: 1.45;
}


/* TABLE HEADER */

.cyp-season-table thead {
    background: #17483d;
}

.cyp-season-table th {
    padding: 8px 10px;

    color: #ffffff;

    font-size: 9px;
    font-weight: 700;
    text-align: left;

    border-right: 1px solid rgba(255,255,255,0.12);
}

.cyp-season-table th:last-child {
    border-right: 0;
}


/* TABLE BODY */

.cyp-season-table td {
    padding: 8px 10px;

    color: #596762;

    border-bottom: 1px solid #e8ecea;
    border-right: 1px solid #edf0ee;

    vertical-align: middle;
}

.cyp-season-table td:last-child {
    border-right: 0;
}

.cyp-season-table tbody tr:last-child td {
    border-bottom: 0;
}


/* ALTERNATE ROW */

.cyp-season-table tbody tr:nth-child(even) {
    background: #f8fbf9;
}


/* MONTH */

.cyp-season-table td strong {
    color: #24473e;
    font-weight: 800;
}


/* =========================================================
   TRAVEL NOTE
========================================================= */

.cyp-article-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    margin-top: 11px;
    padding: 9px 11px;

    background: #eef8f2;

    border-left: 3px solid #2b765e;
    border-radius: 0 6px 6px 0;
}


/* NOTE ICON */

.cyp-article-note-icon {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;

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

    border-radius: 50%;

    background: #d7eee1;
    color: #176247;

    font-size: 9px;
    font-weight: 800;
}


/* NOTE TEXT */

.cyp-article-note p {
    margin: 1px 0 0;

    color: #53635d;

    font-size: 9px;
    line-height: 1.55;
}

.cyp-article-note p strong {
    color: #17483d;
    font-weight: 800;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-season-table {
        min-width: 560px;
    }

    .cyp-season-table th,
    .cyp-season-table td {
        padding: 7px 9px;
        font-size: 8.5px;
    }

    .cyp-article-note p {
        font-size: 8.5px;
    }

}

/* =========================================================
   INNER BLOG - MONTHS TO AVOID
========================================================= */

.cyp-avoid-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 10px;
    padding: 11px 12px;

    background: #fff8ed;
    border: 1px solid #f1dfc3;
    border-radius: 7px;
}

.cyp-avoid-icon {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;

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

    border-radius: 50%;

    background: #ffead0;
    color: #e56b28;

    font-size: 11px;
    font-weight: 800;
}

.cyp-avoid-content strong {
    display: block;

    margin-bottom: 3px;

    color: #60452f;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
}

.cyp-avoid-content p {
    margin: 0;

    color: #70675f;

    font-size: 9px;
    line-height: 1.55;
}


/* =========================================================
   INNER BLOG - USEFUL TRAVEL TIPS
========================================================= */

.cyp-travel-tips {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;

    margin-top: 11px;
}

.cyp-tip-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    padding: 10px;

    background: #ffffff;

    border: 1px solid #e2e8e5;
    border-radius: 7px;
}

.cyp-tip-item > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;

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

    border-radius: 50%;

    background: #eaf7ef;
    color: #176247;

    font-size: 7px;
    font-weight: 800;
}

.cyp-tip-item strong {
    display: block;

    margin-bottom: 3px;

    color: #23473e;

    font-size: 9.5px;
    line-height: 1.25;
    font-weight: 800;
}

.cyp-tip-item p {
    margin: 0;

    color: #69736f;

    font-size: 8.5px;
    line-height: 1.5;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-travel-tips {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   INNER BLOG - FAQ SECTION
========================================================= */

.cyp-blog-faq {
    padding: 18px 0 20px;
    background: #ffffff;
}


/* FAQ TOP HEADING */

.cyp-faq-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 12px;
}

.cyp-faq-label {
    display: inline-block;

    margin-bottom: 4px;

    color: #e76d2d;

    font-size: 7.5px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-faq-heading h2 {
    margin: 0;

    color: #123f36;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-faq-heading > p {
    max-width: 310px;

    margin: 0;

    color: #69736f;

    font-size: 9px;
    line-height: 1.5;
}


/* =========================================================
   FAQ GRID
========================================================= */

.cyp-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
}


/* FAQ CARD */

.cyp-faq-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e7e4;
    border-radius: 6px;
}


/* REMOVE DEFAULT ARROW */

.cyp-faq-item summary {
    list-style: none;
}

.cyp-faq-item summary::-webkit-details-marker {
    display: none;
}


/* QUESTION */

.cyp-faq-item summary {
    min-height: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 8px 10px;

    cursor: pointer;

    color: #29473f;

    font-size: 9.5px;
    line-height: 1.35;
    font-weight: 700;
}


/* PLUS ICON */

.cyp-faq-item summary b {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

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

    border-radius: 50%;

    background: #edf7f1;
    color: #176247;

    font-size: 13px;
    line-height: 1;
    font-weight: 500;

    transition: transform 0.2s ease;
}


/* OPEN FAQ */

.cyp-faq-item[open] {
    border-color: #cfe2d7;
    box-shadow: 0 3px 10px rgba(20, 63, 54, 0.05);
}

.cyp-faq-item[open] summary {
    background: #f6fbf8;
    color: #17483d;
}

.cyp-faq-item[open] summary b {
    transform: rotate(45deg);
}


/* ANSWER */

.cyp-faq-answer {
    padding: 0 10px 10px;

    color: #68736f;

    font-size: 8.5px;
    line-height: 1.6;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-blog-faq {
        padding: 15px 0 17px;
    }

    .cyp-faq-heading {
        display: block;
    }

    .cyp-faq-heading h2 {
        font-size: 17px;
    }

    .cyp-faq-heading > p {
        max-width: none;
        margin-top: 5px;
    }

    .cyp-faq-grid {
        grid-template-columns: 1fr;
        gap: 6px;
    }

}

/* =========================================================
   INNER BLOG - AUTHOR BOX
========================================================= */

.cyp-blog-author-box {
    padding: 0 0 20px;
    background: #ffffff;
}


/* MAIN AUTHOR CARD */

.cyp-author-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;

    padding: 13px 16px;

    background: #ffffff;

    border: 1px solid #dfe6e2;
    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(18, 63, 54, 0.05);
}


/* =========================================================
   AUTHOR IMAGE
========================================================= */

.cyp-author-image {
    width: 58px;
    height: 58px;

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

    overflow: hidden;

    border-radius: 50%;

    background: #17483d;
    border: 3px solid #edf7f1;
}

.cyp-author-image span {
    color: #ffffff;

    font-size: 13px;
    font-weight: 800;
}


/* Future real image support */

.cyp-author-image img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
}


/* =========================================================
   AUTHOR INFORMATION
========================================================= */

.cyp-author-info {
    min-width: 0;
}

.cyp-author-label {
    display: block;

    margin-bottom: 3px;

    color: #e76c2d;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-author-info h3 {
    margin: 0 0 2px;

    color: #123f36;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-author-role {
    margin: 0 0 4px;

    color: #3e655a;

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;
}

.cyp-author-bio {
    max-width: 690px;

    margin: 0;

    color: #69736f;

    font-size: 8.5px;
    line-height: 1.5;
}


/* =========================================================
   AUTHOR SOCIAL
========================================================= */

.cyp-author-social {
    padding-left: 16px;

    border-left: 1px solid #e4e9e6;

    text-align: center;
}

.cyp-author-social > span {
    display: block;

    margin-bottom: 6px;

    color: #65716c;

    font-size: 7.5px;
    font-weight: 700;
}

.cyp-author-social-links {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cyp-author-social-links a {
    width: 27px;
    height: 27px;

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

    border: 1px solid #dfe6e2;
    border-radius: 50%;

    background: #ffffff;
    color: #176247;

    text-decoration: none;

    font-size: 8px;
    font-weight: 800;

    transition: 0.2s ease;
}

.cyp-author-social-links a:hover {
    background: #176247;
    border-color: #176247;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-author-card {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 11px;

        padding: 12px;
    }

    .cyp-author-image {
        width: 50px;
        height: 50px;
    }

    .cyp-author-social {
        grid-column: 1 / -1;

        display: flex;
        align-items: center;
        gap: 8px;

        padding: 8px 0 0;

        border-left: 0;
        border-top: 1px solid #e4e9e6;

        text-align: left;
    }

    .cyp-author-social > span {
        margin: 0;
    }

}

/* =========================================================
   INNER BLOG - RELATED PACKAGES
========================================================= */

.cyp-related-packages {
    padding: 18px 0 22px;
    background: #f8fbf9;
}


/* SECTION HEADING */

.cyp-related-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 11px;
}

.cyp-related-heading > div:first-child > span {
    display: block;

    margin-bottom: 4px;

    color: #e86d2d;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-related-heading h2 {
    margin: 0;

    color: #123f36;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;
}


/* ARROWS */

.cyp-package-arrows {
    display: flex;
    gap: 6px;
}

.cyp-package-arrows button {
    width: 28px;
    height: 28px;

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

    padding: 0;

    border: 1px solid #dce4e0;
    border-radius: 50%;

    background: #ffffff;
    color: #17483d;

    font-size: 18px;
    line-height: 1;

    cursor: pointer;

    transition: 0.2s ease;
}

.cyp-package-arrows button:hover {
    background: #17483d;
    border-color: #17483d;
    color: #ffffff;
}


/* =========================================================
   PACKAGE ROW
========================================================= */

.cyp-package-slider {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}


/* CARD */

.cyp-package-card {
    min-width: 0;
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e0e6e3;
    border-radius: 7px;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cyp-package-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(18, 63, 54, 0.08);
}


/* PACKAGE IMAGE */

.cyp-package-image {
    width: 100%;
    height: 105px;

    overflow: hidden;

    background: #e9eeeb;
}

.cyp-package-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-package-card:hover .cyp-package-image img {
    transform: scale(1.04);
}


/* PACKAGE CONTENT */

.cyp-package-info {
    padding: 9px;
}

.cyp-package-info h3 {
    min-height: 28px;

    margin: 0 0 5px;

    color: #173f36;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 800;
}


/* DURATION */

.cyp-package-meta {
    margin-bottom: 8px;

    color: #74807b;

    font-size: 7.5px;
    line-height: 1.3;
}


/* PRICE + BUTTON */

.cyp-package-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 6px;

    padding-top: 7px;

    border-top: 1px solid #edf0ee;
}

.cyp-package-price small {
    display: block;

    margin-bottom: 1px;

    color: #89918e;

    font-size: 6.5px;
    line-height: 1.2;
}

.cyp-package-price strong {
    display: block;

    color: #e86129;

    font-size: 11px;
    line-height: 1.1;
    font-weight: 800;
}


/* VIEW DETAILS */

.cyp-package-bottom > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 25px;
    padding: 5px 8px;

    border-radius: 4px;

    background: #ef6d2d;
    color: #ffffff;

    text-decoration: none;

    font-size: 7px;
    line-height: 1;
    font-weight: 700;

    white-space: nowrap;

    transition: 0.2s ease;
}

.cyp-package-bottom > a:hover {
    background: #d95b20;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-package-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-related-packages {
        padding: 15px 0 18px;
    }

    .cyp-related-heading h2 {
        font-size: 17px;
    }

    .cyp-package-slider {
        display: flex;

        gap: 9px;

        overflow-x: auto;
        scroll-snap-type: x mandatory;

        padding-bottom: 5px;

        scrollbar-width: none;
    }

    .cyp-package-slider::-webkit-scrollbar {
        display: none;
    }

    .cyp-package-card {
        flex: 0 0 78%;

        scroll-snap-align: start;
    }

    .cyp-package-image {
        height: 115px;
    }

}

/* =========================================================
   RELATED PACKAGES - ACTUAL HORIZONTAL SLIDER
========================================================= */

.cyp-package-slider {
    display: flex;
    gap: 10px;

    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
}

.cyp-package-slider::-webkit-scrollbar {
    display: none;
}

.cyp-package-card {
    flex: 0 0 calc((100% - 30px) / 4);
    scroll-snap-align: start;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-package-card {
        flex: 0 0 calc((100% - 10px) / 2);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-package-card {
        flex: 0 0 78%;
    }

}

/* =========================================================
   INNER BLOG - RECENT TRAVEL BLOGS
========================================================= */

.cyp-recent-blogs {
    padding: 18px 0 22px;
    background: #ffffff;
}


/* SECTION HEADING */

.cyp-recent-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 11px;
}

.cyp-recent-heading > div:first-child > span {
    display: block;

    margin-bottom: 4px;

    color: #e86d2d;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-recent-heading h2 {
    margin: 0;

    color: #123f36;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;
}


/* ARROWS */

.cyp-blog-arrows {
    display: flex;
    gap: 6px;
}

.cyp-blog-arrows button {
    width: 28px;
    height: 28px;

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

    padding: 0;

    border: 1px solid #dce4e0;
    border-radius: 50%;

    background: #ffffff;
    color: #17483d;

    font-size: 18px;
    line-height: 1;

    cursor: pointer;

    transition: 0.2s ease;
}

.cyp-blog-arrows button:hover {
    background: #17483d;
    border-color: #17483d;
    color: #ffffff;
}


/* =========================================================
   BLOG CARD ROW
========================================================= */

.cyp-recent-slider {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
}


/* CARD */

.cyp-recent-card {
    min-width: 0;
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e7e4;
    border-radius: 7px;

    color: inherit;
    text-decoration: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cyp-recent-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 5px 14px rgba(18, 63, 54, 0.08);
}


/* IMAGE */

.cyp-recent-image {
    width: 100%;
    height: 82px;

    overflow: hidden;

    background: #edf1ef;
}

.cyp-recent-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-recent-card:hover .cyp-recent-image img {
    transform: scale(1.05);
}


/* CONTENT */

.cyp-recent-content {
    padding: 7px 8px 8px;
}

.cyp-recent-content > span {
    display: block;

    margin-bottom: 4px;

    color: #e76c2d;

    font-size: 6px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.4px;
}

.cyp-recent-content h3 {
    min-height: 27px;

    margin: 0 0 5px;

    color: #173f36;

    font-size: 8.5px;
    line-height: 1.35;
    font-weight: 800;
}

.cyp-recent-content small {
    display: block;

    color: #858e8a;

    font-size: 6.5px;
    line-height: 1.2;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-recent-slider {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-recent-blogs {
        padding: 15px 0 18px;
    }

    .cyp-recent-heading h2 {
        font-size: 17px;
    }

    .cyp-recent-slider {
        display: flex;
        gap: 9px;

        overflow-x: auto;
        scroll-snap-type: x mandatory;

        padding-bottom: 4px;

        scrollbar-width: none;
    }

    .cyp-recent-slider::-webkit-scrollbar {
        display: none;
    }

    .cyp-recent-card {
        flex: 0 0 46%;
        scroll-snap-align: start;
    }

    .cyp-recent-image {
        height: 90px;
    }

}

/* =========================================================
   RECENT BLOGS - ACTUAL SLIDER
========================================================= */

.cyp-recent-slider {
    display: flex;
    gap: 9px;

    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
}

.cyp-recent-slider::-webkit-scrollbar {
    display: none;
}

.cyp-recent-card {
    flex: 0 0 calc((100% - 45px) / 6);
    scroll-snap-align: start;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-recent-card {
        flex: 0 0 calc((100% - 18px) / 3);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-recent-card {
        flex: 0 0 46%;
    }

}

/* =========================================================
   INNER BLOG - FINAL CTA
========================================================= */

.cyp-blog-final-cta {
    padding: 5px 0 22px;
    background: #ffffff;
}


/* CTA BOX */

.cyp-final-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    padding: 15px 18px;

    background: #edf8f1;

    border: 1px solid #d6eadf;
    border-radius: 8px;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.cyp-final-cta-left {
    display: flex;
    align-items: center;
    gap: 13px;

    min-width: 0;
}


/* MOUNTAIN ICON */

.cyp-final-cta-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;

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

    border-radius: 50%;

    background: #d9efe2;
    color: #176247;

    font-size: 20px;
}


/* TEXT */

.cyp-final-cta-text > span {
    display: block;

    margin-bottom: 3px;

    color: #e66a2b;

    font-size: 6.5px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-final-cta-text h2 {
    margin: 0 0 3px;

    color: #123f36;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-final-cta-text p {
    margin: 0;

    color: #66736e;

    font-size: 8.5px;
    line-height: 1.45;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.cyp-final-cta-right {
    flex-shrink: 0;
}

.cyp-final-cta-btn {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 8px 14px;

    border-radius: 5px;

    background: #ef6c2c;
    color: #ffffff;

    text-decoration: none;

    font-size: 8.5px;
    line-height: 1;
    font-weight: 800;

    box-shadow: 0 3px 8px rgba(239, 108, 44, 0.18);

    transition: 0.2s ease;
}

.cyp-final-cta-btn span {
    font-size: 12px;
    line-height: 1;
}

.cyp-final-cta-btn:hover {
    background: #d95b20;
    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-blog-final-cta {
        padding: 3px 0 17px;
    }

    .cyp-final-cta-box {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;

        padding: 14px;
    }

    .cyp-final-cta-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;

        font-size: 17px;
    }

    .cyp-final-cta-text h2 {
        font-size: 14px;
    }

    .cyp-final-cta-right {
        width: 100%;
    }

    .cyp-final-cta-btn {
        width: 100%;
    }

}

/* =========================================================
   CONTACT PAGE - HERO
========================================================= */

.cyp-contact-page {
    background: #ffffff;
}

.cyp-contact-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}


/* HERO */

.cyp-contact-hero {
    position: relative;

    min-height: 280px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        center 48% / cover no-repeat;
}


/* DARK GREEN OVERLAY */

.cyp-contact-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(9, 48, 40, 0.88) 0%,
            rgba(9, 48, 40, 0.70) 45%,
            rgba(9, 48, 40, 0.30) 100%
        );
}


/* CONTENT ABOVE OVERLAY */

.cyp-contact-hero .cyp-contact-container {
    position: relative;
    z-index: 2;
}

.cyp-contact-hero-content {
    max-width: 650px;
}


/* SMALL ORANGE LABEL */

.cyp-contact-eyebrow {
    display: inline-block;

    margin-bottom: 8px;

    color: #f28a4b;

    font-size: 10px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 1.6px;
}


/* MAIN TITLE */

.cyp-contact-hero-content h1 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 44px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -0.8px;
}


/* DESCRIPTION */

.cyp-contact-hero-content p {
    max-width: 590px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-contact-container {
        width: 90%;
    }

    .cyp-contact-hero {
        min-height: 235px;

        background-position: center;
    }

    .cyp-contact-hero-overlay {
        background: rgba(9, 48, 40, 0.72);
    }

    .cyp-contact-hero-content {
        max-width: 100%;
    }

    .cyp-contact-eyebrow {
        font-size: 9px;
    }

    .cyp-contact-hero-content h1 {
        font-size: 34px;
    }

    .cyp-contact-hero-content p {
        font-size: 11px;
        line-height: 1.6;
    }

}

/* =========================================================
   CONTACT PAGE - MAIN CONTACT SECTION
========================================================= */

.cyp-contact-main {
    padding: 48px 0 52px;
    background: #ffffff;
}

.cyp-contact-grid {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    gap: 55px;
    align-items: start;
}


/* =========================================================
   LEFT - CONTACT INFORMATION
========================================================= */

.cyp-contact-section-label {
    display: inline-block;
    margin-bottom: 7px;

    color: #e86d2d;

    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cyp-contact-info > h2 {
    max-width: 420px;

    margin: 0 0 10px;

    color: #123f36;

    font-size: 29px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.4px;
}

.cyp-contact-intro {
    max-width: 460px;

    margin: 0 0 22px;

    color: #68746f;

    font-size: 11px;
    line-height: 1.7;
}


/* CONTACT CARDS */

.cyp-contact-info-list {
    display: grid;
    gap: 9px;
}

.cyp-contact-info-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;

    padding: 11px 13px;

    background: #ffffff;

    border: 1px solid #e2e8e5;
    border-radius: 7px;
}

.cyp-contact-info-icon {
    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: #edf7f1;
    color: #176247;

    font-size: 15px;
}

.cyp-contact-info-card span {
    display: block;

    margin-bottom: 2px;

    color: #e66a2b;

    font-size: 6.5px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-contact-info-card h3 {
    margin: 0 0 2px;

    color: #183f36;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
}

.cyp-contact-info-card a,
.cyp-contact-info-card p {
    margin: 0;

    color: #68746f;

    font-size: 9px;
    line-height: 1.4;
    text-decoration: none;
}

.cyp-contact-info-card a:hover {
    color: #e66a2b;
}


/* QUICK HELP BOX */

.cyp-contact-help-box {
    margin-top: 14px;
    padding: 13px 15px;

    background: #f2f8f4;

    border-left: 3px solid #176247;
    border-radius: 5px;
}

.cyp-contact-help-box strong {
    display: block;

    margin-bottom: 3px;

    color: #153f35;

    font-size: 10px;
}

.cyp-contact-help-box p {
    margin: 0 0 6px;

    color: #68746f;

    font-size: 8.5px;
    line-height: 1.5;
}

.cyp-contact-help-box a {
    color: #e66a2b;

    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}


/* =========================================================
   RIGHT - FORM CARD
========================================================= */

.cyp-contact-form-card {
    padding: 25px 27px;

    background: #fffaf5;

    border: 1px solid #eee4d9;
    border-radius: 10px;

    box-shadow: 0 8px 25px rgba(25, 58, 49, 0.07);
}

.cyp-contact-form-label {
    display: block;

    margin-bottom: 6px;

    color: #e66a2b;

    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
}

.cyp-contact-form-card > h2 {
    margin: 0 0 5px;

    color: #123f36;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-contact-form-card > p {
    max-width: 490px;

    margin: 0 0 18px;

    color: #707a76;

    font-size: 9px;
    line-height: 1.55;
}


/* FORM */

.cyp-contact-form {
    display: grid;
    gap: 11px;
}

.cyp-contact-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cyp-contact-field {
    display: grid;
    gap: 5px;
}

.cyp-contact-field label {
    color: #29483f;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

.cyp-contact-field input,
.cyp-contact-field select,
.cyp-contact-field textarea {
    width: 100%;

    padding: 9px 10px;

    border: 1px solid #dce3df;
    border-radius: 5px;

    outline: none;

    background: #ffffff;
    color: #33463f;

    font-family: inherit;
    font-size: 9px;

    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.cyp-contact-field input,
.cyp-contact-field select {
    height: 37px;
}

.cyp-contact-field textarea {
    min-height: 83px;
    resize: vertical;
    line-height: 1.5;
}

.cyp-contact-field input:focus,
.cyp-contact-field select:focus,
.cyp-contact-field textarea:focus {
    border-color: #5f927d;

    box-shadow: 0 0 0 3px rgba(23, 98, 71, 0.07);
}

.cyp-contact-field input::placeholder,
.cyp-contact-field textarea::placeholder {
    color: #a0a8a4;
}


/* SUBMIT BUTTON */

.cyp-contact-submit {
    width: 100%;
    min-height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 2px;

    border: 0;
    border-radius: 5px;

    background: #e96c2d;
    color: #ffffff;

    font-family: inherit;
    font-size: 9px;
    font-weight: 800;

    cursor: pointer;

    box-shadow: 0 4px 10px rgba(233, 108, 45, 0.18);

    transition: 0.2s ease;
}

.cyp-contact-submit span {
    font-size: 13px;
}

.cyp-contact-submit:hover {
    background: #d85b20;
    transform: translateY(-1px);
}


/* PRIVACY NOTE */

.cyp-contact-form-note {
    margin: -2px 0 0 !important;

    color: #8a928f !important;

    font-size: 7px !important;
    line-height: 1.4 !important;

    text-align: center;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 850px) {

    .cyp-contact-main {
        padding: 35px 0 40px;
    }

    .cyp-contact-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .cyp-contact-info > h2 {
        max-width: 100%;
    }

    .cyp-contact-intro {
        max-width: 650px;
    }

}


@media (max-width: 600px) {

    .cyp-contact-main {
        padding: 28px 0 32px;
    }

    .cyp-contact-info > h2 {
        font-size: 23px;
    }

    .cyp-contact-form-card {
        padding: 19px 16px;
    }

    .cyp-contact-form-card > h2 {
        font-size: 19px;
    }

    .cyp-contact-form-row {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   CONTACT PAGE - WHY TRAVEL WITH US
========================================================= */

.cyp-contact-trust {
    padding: 35px 0 38px;
    background: #f2f8f4;
}


/* HEADING */

.cyp-contact-trust-head {
    max-width: 560px;
    margin: 0 auto 22px;
    text-align: center;
}

.cyp-contact-trust-head > span {
    display: block;
    margin-bottom: 6px;

    color: #e66a2b;

    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cyp-contact-trust-head h2 {
    margin: 0 0 6px;

    color: #123f36;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-contact-trust-head p {
    margin: 0;

    color: #6c7974;

    font-size: 9px;
    line-height: 1.6;
}


/* 4 BENEFIT CARDS */

.cyp-contact-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px;
}

.cyp-contact-trust-item {
    display: grid;
    grid-template-columns: 37px 1fr;
    gap: 10px;
    align-items: start;

    padding: 15px 13px;

    background: #ffffff;

    border: 1px solid #dfeae4;
    border-radius: 7px;

    transition: transform 0.2s ease,
                box-shadow 0.2s ease;
}

.cyp-contact-trust-item:hover {
    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(25, 67, 55, 0.08);
}


/* ICON */

.cyp-trust-icon {
    width: 35px;
    height: 35px;

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

    background: #edf7f1;
    color: #176247;

    border-radius: 50%;

    font-size: 14px;
    font-weight: 700;
}


/* TEXT */

.cyp-contact-trust-item h3 {
    margin: 1px 0 4px;

    color: #173f36;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 800;
}

.cyp-contact-trust-item p {
    margin: 0;

    color: #71807a;

    font-size: 8px;
    line-height: 1.5;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .cyp-contact-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 550px) {

    .cyp-contact-trust {
        padding: 28px 0 30px;
    }

    .cyp-contact-trust-head {
        margin-bottom: 17px;
    }

    .cyp-contact-trust-head h2 {
        font-size: 21px;
    }

    .cyp-contact-trust-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cyp-contact-trust-item {
        padding: 13px;
    }

}

/* =========================================================
   CONTACT PAGE - OUR OFFICE
========================================================= */

.cyp-contact-office {
    padding: 42px 0;
    background: #ffffff;
}

.cyp-contact-office-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 0;

    max-width: 980px;
    margin: 0 auto;

    border: 1px solid #e3e9e6;
    border-radius: 10px;
    overflow: hidden;

    box-shadow: 0 8px 24px rgba(26, 62, 52, 0.06);
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.cyp-contact-office-image {
    position: relative;
    min-height: 290px;
    overflow: hidden;
}

.cyp-contact-office-image img {
    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;
    display: block;

    transition: transform 0.4s ease;
}

.cyp-contact-office-image:hover img {
    transform: scale(1.025);
}


/* IMAGE BADGE */

.cyp-contact-office-image-badge {
    position: absolute;
    left: 18px;
    bottom: 18px;

    padding: 10px 13px;

    background: rgba(9, 48, 40, 0.90);
    border-radius: 5px;
}

.cyp-contact-office-image-badge span {
    display: block;
    margin-bottom: 3px;

    color: #f28a4b;

    font-size: 6px;
    font-weight: 800;
    letter-spacing: 1px;
}

.cyp-contact-office-image-badge strong {
    display: block;

    color: #ffffff;

    font-size: 10px;
    line-height: 1.3;
}


/* =========================================================
   RIGHT OFFICE DETAILS
========================================================= */

.cyp-contact-office-details {
    padding: 28px 30px;

    background: #fffaf5;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cyp-contact-office-label {
    display: block;
    margin-bottom: 6px;

    color: #e66a2b;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
}

.cyp-contact-office-details > h2 {
    margin: 0 0 6px;

    color: #123f36;

    font-size: 25px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-contact-office-intro {
    margin: 0 0 18px;

    color: #707c77;

    font-size: 9px;
    line-height: 1.55;
}


/* DETAIL ROWS */

.cyp-contact-office-row {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 10px;
    align-items: start;

    padding: 11px 0;

    border-top: 1px solid #e8e3dc;
}

.cyp-contact-office-icon {
    width: 32px;
    height: 32px;

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

    background: #edf7f1;
    color: #176247;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 700;
}

.cyp-contact-office-row span {
    display: block;

    margin-bottom: 3px;

    color: #e66a2b;

    font-size: 6px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.cyp-contact-office-row h3 {
    margin: 0 0 2px;

    color: #183f36;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
}

.cyp-contact-office-row p {
    margin: 0;

    color: #6d7974;

    font-size: 8.5px;
    line-height: 1.5;
}

.cyp-contact-office-row small {
    display: block;
    margin-top: 2px;

    color: #8a938f;

    font-size: 7.5px;
}


/* GOOGLE MAP BUTTON */

.cyp-contact-map-btn {
    min-height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 14px;

    border: 1px solid #e66a2b;
    border-radius: 5px;

    color: #e66a2b;
    background: transparent;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}

.cyp-contact-map-btn span {
    font-size: 12px;
}

.cyp-contact-map-btn:hover {
    background: #e66a2b;
    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 750px) {

    .cyp-contact-office {
        padding: 32px 0;
    }

    .cyp-contact-office-grid {
        grid-template-columns: 1fr;
    }

    .cyp-contact-office-image {
        min-height: 220px;
    }

    .cyp-contact-office-details {
        padding: 22px 20px;
    }

}


@media (max-width: 480px) {

    .cyp-contact-office {
        padding: 27px 0;
    }

    .cyp-contact-office-image {
        min-height: 190px;
    }

    .cyp-contact-office-details {
        padding: 20px 17px;
    }

    .cyp-contact-office-details > h2 {
        font-size: 22px;
    }

}

/* =========================================================
   CONTACT PAGE - FINAL CTA
========================================================= */

.cyp-contact-final-cta {
    padding: 0 0 42px;
    background: #ffffff;
}

.cyp-contact-cta-box {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 35px;

    padding: 28px 34px;

    background:
        linear-gradient(
            105deg,
            #edf7f1 0%,
            #f4faf6 58%,
            #fff6ed 100%
        );

    border: 1px solid #dce9e2;
    border-radius: 10px;
}


/* DECORATIVE BACKGROUND CIRCLES */

.cyp-contact-cta-box::before {
    content: "";

    position: absolute;
    width: 180px;
    height: 180px;

    right: 100px;
    top: -105px;

    border-radius: 50%;

    background: rgba(23, 98, 71, 0.045);
}

.cyp-contact-cta-box::after {
    content: "";

    position: absolute;
    width: 120px;
    height: 120px;

    right: 15px;
    bottom: -75px;

    border-radius: 50%;

    background: rgba(230, 106, 43, 0.06);
}


/* CONTENT */

.cyp-contact-cta-content {
    position: relative;
    z-index: 2;

    max-width: 650px;
}

.cyp-contact-cta-label {
    display: block;

    margin-bottom: 6px;

    color: #e66a2b;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.cyp-contact-cta-content h2 {
    margin: 0 0 7px;

    color: #123f36;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: -0.3px;
}

.cyp-contact-cta-content p {
    max-width: 590px;

    margin: 0;

    color: #687770;

    font-size: 9px;
    line-height: 1.6;
}


/* BUTTON AREA */

.cyp-contact-cta-action {
    position: relative;
    z-index: 2;
}

.cyp-contact-cta-btn {
    min-width: 135px;
    min-height: 39px;

    padding: 0 18px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background: #e96c2d;
    color: #ffffff;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;

    box-shadow: 0 5px 12px rgba(233, 108, 45, 0.18);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.cyp-contact-cta-btn span {
    font-size: 12px;
}

.cyp-contact-cta-btn:hover {
    background: #d85b20;
    transform: translateY(-1px);
}


/* SMOOTH JUMP TO FORM */

html {
    scroll-behavior: smooth;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    .cyp-contact-final-cta {
        padding-bottom: 30px;
    }

    .cyp-contact-cta-box {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 24px 20px;
    }

    .cyp-contact-cta-content h2 {
        font-size: 22px;
    }

    .cyp-contact-cta-btn {
        width: 100%;
    }

}

/* =========================================================
   ABOUT US PAGE - HERO
========================================================= */

.cyp-about-page {
    background: #ffffff;
    color: #183f36;
}

.cyp-about-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}


/* HERO */

.cyp-about-hero {
    position: relative;
    min-height: 430px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        70% center / cover no-repeat;
}


/* SOFT LEFT GRADIENT */

.cyp-about-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(247, 250, 247, 0.98) 0%,
            rgba(247, 250, 247, 0.94) 27%,
            rgba(247, 250, 247, 0.72) 45%,
            rgba(247, 250, 247, 0.20) 67%,
            rgba(247, 250, 247, 0.02) 100%
        );
}


/* CONTENT */

.cyp-about-hero .cyp-about-container {
    position: relative;
    z-index: 2;
}

.cyp-about-hero-content {
    width: 52%;
    max-width: 590px;
    padding: 48px 0 35px;
}


/* ABOUT US LABEL */

.cyp-about-eyebrow {
    display: block;
    margin-bottom: 9px;

    color: #eb6b2d;

    font-size: 10px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 1.5px;
}


/* MAIN HEADING */

.cyp-about-hero-content h1 {
    margin: 0 0 13px;

    color: #103d34;

    font-size: 47px;
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -1.4px;
}

.cyp-about-hero-content h1 span {
    color: #ef7134;
}


/* DESCRIPTION */

.cyp-about-hero-content > p {
    max-width: 520px;

    margin: 0 0 20px;

    color: #4f615b;

    font-size: 11px;
    line-height: 1.7;
}


/* BUTTONS */

.cyp-about-hero-buttons {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 28px;
}

.cyp-about-btn-primary,
.cyp-about-btn-secondary {
    min-height: 38px;

    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}

.cyp-about-btn-primary {
    background: #ef7134;
    color: #ffffff;

    border: 1px solid #ef7134;

    box-shadow: 0 5px 12px rgba(239, 113, 52, 0.18);
}

.cyp-about-btn-primary span {
    font-size: 12px;
}

.cyp-about-btn-primary:hover {
    background: #dc6025;
    transform: translateY(-1px);
}

.cyp-about-btn-secondary {
    background: rgba(255, 255, 255, 0.76);
    color: #183f36;

    border: 1px solid #aebdb7;
}

.cyp-about-btn-secondary:hover {
    background: #ffffff;
    border-color: #176247;
}


/* SMALL FEATURES */

.cyp-about-hero-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.cyp-about-hero-feature {
    display: flex;
    align-items: center;
    gap: 6px;

    padding: 0 15px;

    color: #264b42;

    font-size: 8px;
    font-weight: 700;

    border-right: 1px solid rgba(32, 79, 67, 0.18);
}

.cyp-about-hero-feature:first-child {
    padding-left: 0;
}

.cyp-about-hero-feature:last-child {
    border-right: 0;
}

.cyp-about-hero-feature span {
    color: #176247;
    font-size: 13px;
}


/* FLOATING HERO BADGE */

.cyp-about-hero-badge {
    position: absolute;
    z-index: 3;

    right: 7%;
    bottom: 0;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 11px 15px;

    background: #103f35;
    color: #ffffff;

    border-radius: 8px 8px 0 0;

    box-shadow: 0 -4px 15px rgba(7, 48, 39, 0.13);
}

.cyp-about-hero-badge-icon {
    width: 33px;
    height: 33px;

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

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.10);

    color: #f28a4b;

    font-size: 15px;
}

.cyp-about-hero-badge span {
    display: block;

    margin-bottom: 2px;

    color: #f28a4b;

    font-size: 6px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.cyp-about-hero-badge strong {
    display: block;

    color: #ffffff;

    font-size: 8px;
    line-height: 1.3;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-about-hero-content {
        width: 65%;
    }

    .cyp-about-hero-content h1 {
        font-size: 41px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .cyp-about-container {
        width: 90%;
    }

    .cyp-about-hero {
        min-height: 440px;

        align-items: flex-end;

        background-position: 64% center;
    }

    .cyp-about-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(247, 250, 247, 0.98) 0%,
                rgba(247, 250, 247, 0.94) 45%,
                rgba(247, 250, 247, 0.35) 78%,
                rgba(247, 250, 247, 0.08) 100%
            );
    }

    .cyp-about-hero-content {
        width: 100%;
        max-width: 100%;

        padding: 130px 0 60px;
    }

    .cyp-about-hero-content h1 {
        font-size: 36px;
        line-height: 1.02;
    }

    .cyp-about-hero-content > p {
        font-size: 10px;
    }

    .cyp-about-hero-buttons {
        margin-bottom: 20px;
    }

    .cyp-about-hero-features {
        gap: 8px 0;
    }

    .cyp-about-hero-feature {
        width: 50%;

        padding: 4px 8px 4px 0;

        border-right: 0;
    }

    .cyp-about-hero-badge {
        right: 5%;
    }

}

/* =========================================================
   ABOUT US - TRAVEL RIDE STORY
========================================================= */

.cyp-about-story {
    padding: 52px 0;
    background: #ffffff;
}

.cyp-about-story-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.25fr 0.72fr;
    gap: 34px;
    align-items: center;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.cyp-about-story-visual {
    position: relative;
    padding: 0 0 26px 18px;
}

.cyp-about-story-image {
    position: relative;
    height: 315px;

    overflow: hidden;

    border-radius: 7px;

    box-shadow: 0 10px 25px rgba(20, 62, 51, 0.10);
}

.cyp-about-story-image img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-about-story-image:hover img {
    transform: scale(1.025);
}


/* ORANGE SIDE ACCENT */

.cyp-about-story-visual::before {
    content: "";

    position: absolute;
    left: 0;
    top: 28px;

    width: 5px;
    height: 125px;

    background: #eb6d2e;

    border-radius: 5px;
}


/* SMALL QUOTE / NOTE */

.cyp-about-story-note {
    position: absolute;
    left: 0;
    bottom: 0;

    min-width: 150px;

    padding: 12px 15px;

    background: #fff7ef;

    border-left: 3px solid #eb6d2e;
    border-radius: 5px;

    box-shadow: 0 7px 18px rgba(35, 56, 49, 0.08);
}

.cyp-about-story-note span {
    display: block;

    color: #66766f;

    font-size: 7px;
    line-height: 1.45;
}

.cyp-about-story-note strong {
    display: block;

    margin-top: 2px;

    color: #123f36;

    font-size: 10px;
}


/* TRAVEL RIDE STAMP */

.cyp-about-story-stamp {
    position: absolute;
    right: -12px;
    top: 18px;

    width: 64px;
    height: 64px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #123f36;
    color: #ffffff;

    border: 4px solid #ffffff;
    border-radius: 50%;

    text-align: center;

    box-shadow: 0 5px 15px rgba(19, 62, 52, 0.15);
}

.cyp-about-story-stamp span {
    color: #f28a4b;

    font-size: 5px;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: 0.5px;
}

.cyp-about-story-stamp strong {
    margin-top: 2px;

    color: #ffffff;

    font-size: 8px;
}


/* =========================================================
   CENTER - STORY CONTENT
========================================================= */

.cyp-about-story-content {
    padding: 5px 0;
}

.cyp-about-section-label {
    display: block;

    margin-bottom: 7px;

    color: #e86d2d;

    font-size: 8px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 1.2px;
}

.cyp-about-story-content h2 {
    margin: 0;

    color: #123f36;

    font-size: 31px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -0.5px;
}

.cyp-about-title-line {
    width: 35px;
    height: 2px;

    margin: 11px 0 15px;

    background: #e86d2d;
}

.cyp-about-story-content p {
    max-width: 540px;

    margin: 0 0 11px;

    color: #68766f;

    font-size: 9px;
    line-height: 1.72;
}

.cyp-about-story-content p strong {
    color: #173f36;
}


/* STORY BUTTON */

.cyp-about-story-btn {
    min-height: 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 5px;
    padding: 0 14px;

    background: transparent;
    color: #e66a2b;

    border: 1px solid #e66a2b;
    border-radius: 5px;

    font-size: 7.5px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}

.cyp-about-story-btn span {
    font-size: 11px;
}

.cyp-about-story-btn:hover {
    background: #e66a2b;
    color: #ffffff;
}


/* =========================================================
   RIGHT - STATS PANEL
========================================================= */

.cyp-about-story-stats {
    overflow: hidden;

    background: #f1f8f4;

    border: 1px solid #dce9e2;
    border-radius: 8px;
}

.cyp-about-stat {
    min-height: 72px;

    display: grid;
    grid-template-columns: 35px 1fr;
    align-items: center;
    gap: 9px;

    padding: 12px 14px;

    border-bottom: 1px solid #dce8e2;
}

.cyp-about-stat:last-child {
    border-bottom: 0;
}

.cyp-about-stat-icon {
    width: 32px;
    height: 32px;

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

    background: #ffffff;
    color: #176247;

    border-radius: 50%;

    font-size: 13px;
}

.cyp-about-stat small {
    display: block;

    margin-bottom: 1px;

    color: #89948f;

    font-size: 6px;
}

.cyp-about-stat strong {
    display: block;

    color: #123f36;

    font-size: 12px;
    line-height: 1.15;
    font-weight: 800;
}

.cyp-about-stat p {
    margin: 2px 0 0;

    color: #718079;

    font-size: 7px;
    line-height: 1.3;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-about-story-grid {
        grid-template-columns: 0.9fr 1.1fr;
    }

    .cyp-about-story-stats {
        grid-column: 1 / -1;

        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .cyp-about-stat {
        border-bottom: 0;
        border-right: 1px solid #dce8e2;
    }

    .cyp-about-stat:last-child {
        border-right: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .cyp-about-story {
        padding: 36px 0;
    }

    .cyp-about-story-grid {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .cyp-about-story-visual {
        padding-left: 12px;
    }

    .cyp-about-story-image {
        height: 275px;
    }

    .cyp-about-story-content h2 {
        font-size: 27px;
    }

    .cyp-about-story-content p {
        font-size: 9px;
    }

    .cyp-about-story-stats {
        grid-column: auto;

        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-about-stat {
        border-right: 1px solid #dce8e2;
        border-bottom: 1px solid #dce8e2;
    }

    .cyp-about-stat:nth-child(2n) {
        border-right: 0;
    }

    .cyp-about-stat:nth-last-child(-n+2) {
        border-bottom: 0;
    }

}

/* =========================================================
   ABOUT US - WHAT MAKES US DIFFERENT
========================================================= */

.cyp-about-different {
    padding: 48px 0 52px;
    background: #fffaf5;
}


/* SECTION HEADING */

.cyp-about-different-head {
    max-width: 610px;
    margin: 0 auto 25px;
    text-align: center;
}

.cyp-about-different-head .cyp-about-section-label {
    margin-bottom: 7px;
}

.cyp-about-different-head h2 {
    margin: 0 0 8px;

    color: #123f36;

    font-size: 29px;
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: -0.5px;
}

.cyp-about-different-head > p {
    margin: 0;

    color: #6d7974;

    font-size: 9px;
    line-height: 1.65;
}


/* =========================================================
   4 CARD GRID
========================================================= */

.cyp-about-different-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}


/* CARD */

.cyp-about-different-card {
    position: relative;
    overflow: hidden;

    min-height: 215px;

    padding: 20px 17px 17px;

    background: #ffffff;

    border: 1px solid #ebe5de;
    border-radius: 8px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.cyp-about-different-card:hover {
    transform: translateY(-4px);

    border-color: #d9e4de;

    box-shadow:
        0 10px 24px rgba(23, 63, 53, 0.08);
}


/* LARGE FADED NUMBER */

.cyp-about-different-number {
    position: absolute;

    top: 10px;
    right: 13px;

    color: rgba(235, 109, 46, 0.10);

    font-size: 35px;
    line-height: 1;
    font-weight: 900;
}


/* ICON */

.cyp-about-different-icon {
    width: 38px;
    height: 38px;

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

    margin-bottom: 15px;

    background: #edf7f1;
    color: #176247;

    border-radius: 50%;

    font-size: 15px;
}


/* CARD TITLE */

.cyp-about-different-card h3 {
    margin: 0 0 8px;

    color: #153f36;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
}


/* CARD DESCRIPTION */

.cyp-about-different-card p {
    margin: 0;

    color: #71807a;

    font-size: 8px;
    line-height: 1.65;
}


/* SMALL ORANGE LINE */

.cyp-about-card-line {
    position: absolute;

    left: 17px;
    bottom: 14px;

    width: 25px;
    height: 2px;

    background: #eb6d2e;

    border-radius: 5px;

    transition: width 0.25s ease;
}

.cyp-about-different-card:hover .cyp-about-card-line {
    width: 48px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-about-different-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 550px) {

    .cyp-about-different {
        padding: 35px 0 38px;
    }

    .cyp-about-different-head {
        margin-bottom: 19px;
    }

    .cyp-about-different-head h2 {
        font-size: 24px;
    }

    .cyp-about-different-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .cyp-about-different-card {
        min-height: 180px;
        padding: 18px 16px 16px;
    }

}

/* =========================================================
   ABOUT US - CHARDHAM SPECIALIZATION
========================================================= */

.cyp-about-chardham {
    padding: 52px 0 56px;
    background: #ffffff;
}

.cyp-about-chardham-grid {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    gap: 55px;
    align-items: center;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.cyp-about-chardham-content h2 {
    margin: 0 0 14px;

    color: #123f36;

    font-size: 32px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -0.6px;
}

.cyp-about-chardham-content p {
    max-width: 520px;

    margin: 0 0 11px;

    color: #68766f;

    font-size: 9px;
    line-height: 1.72;
}

.cyp-about-chardham-content p strong {
    color: #123f36;
}

.cyp-about-chardham-lead {
    color: #435d54 !important;
    font-size: 10px !important;
    font-weight: 600;
}


/* CHECK POINTS */

.cyp-about-chardham-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 15px;

    margin-top: 19px;
}

.cyp-about-chardham-points div {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #294b41;

    font-size: 8px;
    font-weight: 700;
}

.cyp-about-chardham-points div span {
    width: 20px;
    height: 20px;

    flex: 0 0 20px;

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

    background: #edf7f1;
    color: #176247;

    border-radius: 50%;

    font-size: 8px;
    font-weight: 900;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.cyp-about-chardham-visual {
    position: relative;

    padding: 0 0 38px 30px;
}


/* MAIN IMAGE */

.cyp-about-chardham-image {
    position: relative;

    height: 340px;

    overflow: hidden;

    border-radius: 8px;

    box-shadow:
        0 12px 28px rgba(17, 61, 50, 0.11);
}

.cyp-about-chardham-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-about-chardham-image:hover img {
    transform: scale(1.025);
}


/* ORANGE DECORATIVE LINE */

.cyp-about-chardham-visual::before {
    content: "";

    position: absolute;

    top: 24px;
    left: 12px;

    width: 3px;
    height: 115px;

    background: #eb6d2e;

    border-radius: 5px;
}


/* TRAVEL RIDE FLOATING CARD */

.cyp-about-chardham-card {
    position: absolute;

    left: 0;
    bottom: 12px;

    width: 205px;

    padding: 15px 17px;

    background: #123f36;
    color: #ffffff;

    border-radius: 7px;

    box-shadow:
        0 9px 22px rgba(15, 57, 47, 0.18);
}

.cyp-about-chardham-card > span {
    display: block;

    margin-bottom: 4px;

    color: #f28a4b;

    font-size: 5.5px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 0.8px;
}

.cyp-about-chardham-card strong {
    display: block;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
}

.cyp-about-chardham-card p {
    margin: 0;

    color: rgba(255,255,255,.75);

    font-size: 7px;
    line-height: 1.5;
}


/* FOUR DHAM STRIP */

.cyp-about-chardham-temples {
    position: absolute;

    right: 14px;
    bottom: 0;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #fffaf5;

    border: 1px solid #eee2d7;
    border-radius: 5px;

    box-shadow:
        0 5px 15px rgba(38, 60, 53, 0.07);
}

.cyp-about-chardham-temples span {
    padding: 8px 9px;

    color: #315249;

    font-size: 6.5px;
    font-weight: 800;

    border-right: 1px solid #eadfd5;
}

.cyp-about-chardham-temples span:last-child {
    border-right: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 850px) {

    .cyp-about-chardham-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cyp-about-chardham-content p {
        max-width: 700px;
    }

    .cyp-about-chardham-visual {
        max-width: 650px;
        width: 100%;

        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 550px) {

    .cyp-about-chardham {
        padding: 37px 0 42px;
    }

    .cyp-about-chardham-content h2 {
        font-size: 27px;
    }

    .cyp-about-chardham-points {
        grid-template-columns: 1fr;
    }

    .cyp-about-chardham-visual {
        padding: 0 0 65px 10px;
    }

    .cyp-about-chardham-image {
        height: 270px;
    }

    .cyp-about-chardham-card {
        width: 180px;
    }

    .cyp-about-chardham-temples {
        right: 0;
        bottom: 15px;

        flex-wrap: wrap;

        max-width: 185px;
    }

    .cyp-about-chardham-temples span {
        width: 50%;
        text-align: center;
    }

}

/* =========================================================
   ABOUT US - TRAVELLER TESTIMONIALS
========================================================= */

.cyp-about-reviews {
    padding: 48px 0 50px;
    background: #f3f8f5;
}


/* HEADING */

.cyp-about-reviews-head {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 45px;
    align-items: end;

    margin-bottom: 24px;
}

.cyp-about-reviews-head h2 {
    margin: 0;

    color: #123f36;

    font-size: 29px;
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: -0.5px;
}

.cyp-about-reviews-head > p {
    max-width: 430px;
    margin: 0;

    color: #6c7973;

    font-size: 9px;
    line-height: 1.65;
}


/* =========================================================
   REVIEW GRID
========================================================= */

.cyp-about-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}


/* REVIEW CARD */

.cyp-about-review-card {
    position: relative;

    min-height: 205px;

    padding: 19px 18px 17px;

    background: #ffffff;

    border: 1px solid #dfe9e4;
    border-radius: 8px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-about-review-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 22px rgba(19, 61, 51, 0.08);
}


/* TOP */

.cyp-about-review-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    margin-bottom: 15px;
}

.cyp-about-review-stars {
    color: #e87536;

    font-size: 10px;
    line-height: 1;
    letter-spacing: 1px;
}

.cyp-about-review-quote {
    height: 27px;

    color: #d9e8e1;

    font-family: Georgia, serif;
    font-size: 40px;
    line-height: 0.8;
}


/* REVIEW TEXT */

.cyp-about-review-text {
    min-height: 72px;

    margin: 0 0 16px;

    color: #596b64;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    line-height: 1.65;

    font-style: italic;
}


/* USER */

.cyp-about-review-user {
    display: flex;
    align-items: center;
    gap: 9px;

    padding-top: 12px;

    border-top: 1px solid #edf1ef;
}

.cyp-about-review-avatar {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

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

    background: #123f36;
    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;
    font-weight: 800;
}

.cyp-about-review-user strong {
    display: block;

    margin-bottom: 2px;

    color: #183f36;

    font-size: 8px;
    line-height: 1.2;
}

.cyp-about-review-user span {
    display: block;

    color: #88938e;

    font-size: 6.5px;
}


/* =========================================================
   BOTTOM TRUST NOTE
========================================================= */

.cyp-about-review-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 18px;
}

.cyp-about-review-note > span {
    color: #e66a2b;
    font-size: 11px;
}

.cyp-about-review-note p {
    margin: 0;

    color: #61716a;

    font-size: 7.5px;
}

.cyp-about-review-note strong {
    color: #123f36;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .cyp-about-reviews-head {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cyp-about-reviews-head > p {
        max-width: 650px;
    }

    .cyp-about-reviews-grid {
        grid-template-columns: 1fr;
    }

    .cyp-about-review-card {
        min-height: auto;
    }

    .cyp-about-review-text {
        min-height: auto;
    }

}


@media (max-width: 550px) {

    .cyp-about-reviews {
        padding: 35px 0 38px;
    }

    .cyp-about-reviews-head h2 {
        font-size: 24px;
    }

    .cyp-about-review-card {
        padding: 17px 16px;
    }

}

/* =========================================================
   ABOUT US - JOURNEY GALLERY
========================================================= */

.cyp-about-gallery {
    padding: 50px 0 55px;
    background: #ffffff;
}


/* HEADING */

.cyp-about-gallery-head {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 45px;
    align-items: end;

    margin-bottom: 23px;
}

.cyp-about-gallery-head h2 {
    margin: 0;

    color: #123f36;

    font-size: 29px;
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: -0.5px;
}

.cyp-about-gallery-head > p {
    max-width: 420px;
    margin: 0;

    color: #6d7974;

    font-size: 9px;
    line-height: 1.65;
}


/* =========================================================
   ASYMMETRIC GALLERY
========================================================= */

.cyp-about-gallery-grid {
    display: grid;

    grid-template-columns: 1.25fr 0.75fr 0.75fr;
    grid-template-rows: 160px 160px;

    gap: 10px;
}


/* BASE IMAGE CARD */

.cyp-about-gallery-item {
    position: relative;

    margin: 0;

    overflow: hidden;

    border-radius: 8px;

    background: #edf3ef;
}

.cyp-about-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.45s ease;
}

.cyp-about-gallery-item:hover img {
    transform: scale(1.04);
}


/* LARGE LEFT IMAGE */

.cyp-about-gallery-large {
    grid-row: 1 / 3;
}


/* WIDE BOTTOM IMAGE */

.cyp-about-gallery-wide {
    grid-column: 2 / 4;
}


/* IMAGE GRADIENT */

.cyp-about-gallery-item::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(7, 39, 32, 0.72) 0%,
            rgba(7, 39, 32, 0.22) 38%,
            rgba(7, 39, 32, 0.02) 68%
        );

    pointer-events: none;
}


/* CAPTION */

.cyp-about-gallery-item figcaption {
    position: absolute;
    z-index: 2;

    left: 15px;
    bottom: 13px;
}

.cyp-about-gallery-item figcaption span {
    display: block;

    margin-bottom: 3px;

    color: #f28a4b;

    font-size: 5.5px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 0.8px;
}

.cyp-about-gallery-item figcaption strong {
    display: block;

    color: #ffffff;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 800;
}


/* LARGE IMAGE TEXT */

.cyp-about-gallery-large figcaption {
    left: 18px;
    bottom: 17px;
}

.cyp-about-gallery-large figcaption strong {
    font-size: 15px;
}


/* SUBTLE BORDER */

.cyp-about-gallery-item {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 800px) {

    .cyp-about-gallery-head {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .cyp-about-gallery-head > p {
        max-width: 650px;
    }

    .cyp-about-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 150px 150px;
    }

    .cyp-about-gallery-large {
        grid-column: 1 / 3;
        grid-row: auto;
    }

    .cyp-about-gallery-wide {
        grid-column: 1 / 3;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 550px) {

    .cyp-about-gallery {
        padding: 36px 0 40px;
    }

    .cyp-about-gallery-head h2 {
        font-size: 24px;
    }

    .cyp-about-gallery-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 8px;
    }

    .cyp-about-gallery-item,
    .cyp-about-gallery-large,
    .cyp-about-gallery-wide {
        grid-column: auto;
        grid-row: auto;

        height: 190px;
    }

    .cyp-about-gallery-large {
        height: 245px;
    }

}

/* =========================================================
   ABOUT US - OUR VALUES & VISION
========================================================= */

.cyp-about-values {
    padding: 52px 0 55px;
    background: #fffaf5;
}

.cyp-about-values-grid {
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    gap: 65px;
    align-items: start;
}


/* =========================================================
   LEFT - VISION
========================================================= */

.cyp-about-vision {
    position: relative;
    padding-right: 20px;
}

.cyp-about-vision h2 {
    margin: 5px 0 15px;

    color: #123f36;

    font-size: 32px;
    line-height: 1.12;
    font-weight: 800;

    letter-spacing: -0.7px;
}

.cyp-about-vision-lead {
    max-width: 500px;

    margin: 0 0 10px;

    color: #405b52;

    font-size: 10px;
    line-height: 1.7;

    font-weight: 600;
}

.cyp-about-vision > p:not(.cyp-about-vision-lead) {
    max-width: 500px;

    margin: 0;

    color: #6a7772;

    font-size: 9px;
    line-height: 1.7;
}


/* QUOTE BOX */

.cyp-about-vision-quote {
    position: relative;

    max-width: 490px;

    margin-top: 21px;
    padding: 17px 20px 16px 49px;

    background: #123f36;

    border-radius: 7px;
}

.cyp-about-vision-quote > span {
    position: absolute;

    left: 17px;
    top: 7px;

    color: #ef7a3b;

    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 1;
}

.cyp-about-vision-quote p {
    margin: 0 0 7px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    line-height: 1.55;

    font-style: italic;
}

.cyp-about-vision-quote strong {
    color: #f2a06d;

    font-size: 7px;
    letter-spacing: 0.5px;
}


/* =========================================================
   RIGHT - VALUES
========================================================= */

.cyp-about-values-side {
    position: relative;

    padding: 25px 27px 22px;

    background: #ffffff;

    border: 1px solid #e4ebe7;
    border-radius: 9px;

    box-shadow:
        0 12px 28px rgba(21, 63, 53, 0.06);
}

.cyp-about-values-side::before {
    content: "";

    position: absolute;

    top: 0;
    left: 27px;

    width: 52px;
    height: 3px;

    background: #e87536;

    border-radius: 0 0 4px 4px;
}

.cyp-about-values-side h3 {
    margin: 5px 0 17px;

    color: #123f36;

    font-size: 21px;
    line-height: 1.18;
    font-weight: 800;
}


/* VALUES LIST */

.cyp-about-values-list {
    display: flex;
    flex-direction: column;
}

.cyp-about-value-item {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 11px;

    padding: 12px 0;

    border-bottom: 1px solid #edf1ef;
}

.cyp-about-value-item:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}

.cyp-about-value-number {
    width: 29px;
    height: 29px;

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

    background: #eef6f2;
    color: #e66f31;

    border-radius: 50%;

    font-size: 7px;
    font-weight: 800;
}

.cyp-about-value-item h4 {
    margin: 0 0 3px;

    color: #173f36;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
}

.cyp-about-value-item p {
    margin: 0;

    color: #78837e;

    font-size: 7.5px;
    line-height: 1.55;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .cyp-about-values-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .cyp-about-vision {
        padding-right: 0;
    }

    .cyp-about-vision-lead,
    .cyp-about-vision > p:not(.cyp-about-vision-lead),
    .cyp-about-vision-quote {
        max-width: 100%;
    }

}


@media (max-width: 550px) {

    .cyp-about-values {
        padding: 37px 0 40px;
    }

    .cyp-about-vision h2 {
        font-size: 25px;
    }

    .cyp-about-vision-quote {
        padding: 16px 16px 15px 43px;
    }

    .cyp-about-vision-quote > span {
        left: 14px;
        font-size: 42px;
    }

    .cyp-about-values-side {
        padding: 22px 18px 18px;
    }

    .cyp-about-values-side::before {
        left: 18px;
    }

    .cyp-about-values-side h3 {
        font-size: 19px;
    }

}

/* =========================================================
   ABOUT US - FINAL CTA
========================================================= */

.cyp-about-final-cta {
    position: relative;
    overflow: hidden;

    padding: 58px 0;

    background:
        url("../images/hero2.jpg")
        center 58% / cover no-repeat;
}


/* DARK OVERLAY */

.cyp-about-final-cta-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(10, 52, 43, 0.96) 0%,
            rgba(10, 52, 43, 0.91) 45%,
            rgba(10, 52, 43, 0.69) 100%
        );
}


/* CONTENT */

.cyp-about-final-cta-content {
    position: relative;
    z-index: 2;

    max-width: 610px;
}


/* SMALL LABEL */

.cyp-about-final-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #f2a06d;

    font-size: 7px;
    line-height: 1;

    font-weight: 800;
    letter-spacing: 1.3px;
}


/* HEADING */

.cyp-about-final-cta-content h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 35px;
    line-height: 1.08;

    font-weight: 800;
    letter-spacing: -0.7px;
}


/* DESCRIPTION */

.cyp-about-final-cta-content > p {
    max-width: 510px;

    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 9.5px;
    line-height: 1.7;
}


/* =========================================================
   BUTTONS
========================================================= */

.cyp-about-final-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 20px;
}


.cyp-about-final-primary,
.cyp-about-final-whatsapp {
    min-height: 36px;

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

    gap: 8px;

    padding: 0 17px;

    border-radius: 5px;

    text-decoration: none;

    font-size: 8px;
    font-weight: 800;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}


/* ORANGE BUTTON */

.cyp-about-final-primary {
    background: #e87536;
    color: #ffffff;

    border: 1px solid #e87536;
}

.cyp-about-final-primary span {
    font-size: 12px;
}

.cyp-about-final-primary:hover {
    transform: translateY(-2px);

    background: #d9652d;
    border-color: #d9652d;
}


/* WHATSAPP BUTTON */

.cyp-about-final-whatsapp {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.35);
}

.cyp-about-final-whatsapp:hover {
    transform: translateY(-2px);

    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.60);
}


/* =========================================================
   TRUST POINTS
========================================================= */

.cyp-about-final-trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 17px;

    margin-top: 18px;
    padding-top: 14px;

    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.cyp-about-final-trust span {
    color: rgba(255, 255, 255, 0.70);

    font-size: 7px;
    font-weight: 600;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .cyp-about-final-cta {
        padding: 50px 0;

        background-position: 62% center;
    }

    .cyp-about-final-cta-content {
        max-width: 560px;
    }

}


@media (max-width: 550px) {

    .cyp-about-final-cta {
        padding: 42px 0;

        background-position: 65% center;
    }

    .cyp-about-final-cta-overlay {
        background:
            rgba(10, 52, 43, 0.90);
    }

    .cyp-about-final-cta-content h2 {
        font-size: 28px;
    }

    .cyp-about-final-cta-content > p {
        font-size: 9px;
    }

    .cyp-about-final-buttons {
        align-items: stretch;
        flex-direction: column;

        max-width: 240px;
    }

    .cyp-about-final-primary,
    .cyp-about-final-whatsapp {
        width: 100%;
    }

    .cyp-about-final-trust {
        gap: 8px 13px;
    }

}

/* =========================================================
   NEWS PAGE - HERO
========================================================= */

.cyp-news-page {
    background: #ffffff;
}

.cyp-news-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}


/* HERO */

.cyp-news-hero {
    position: relative;

    min-height: 310px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        center 48% / cover no-repeat;
}


/* DARK GRADIENT */

.cyp-news-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7, 47, 40, 0.94) 0%,
            rgba(7, 47, 40, 0.77) 37%,
            rgba(7, 47, 40, 0.30) 68%,
            rgba(7, 47, 40, 0.08) 100%
        );
}


/* CONTENT */

.cyp-news-hero-content {
    position: relative;
    z-index: 2;

    max-width: 540px;

    padding: 45px 0;
}


/* SMALL LABEL */

.cyp-news-hero-label {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 11px;

    color: #ffffff;

    font-size: 7px;
    line-height: 1;

    font-weight: 800;
    letter-spacing: 1.6px;
}

.cyp-news-hero-label > span {
    color: #ef7837;

    font-size: 13px;
}


/* HEADING */

.cyp-news-hero-content h1 {
    margin: 0 0 11px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 46px;
    line-height: 0.98;

    font-weight: 700;
    letter-spacing: -1px;
}


/* DESCRIPTION */

.cyp-news-hero-content p {
    max-width: 500px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 10px;
    line-height: 1.65;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .cyp-news-hero {
        min-height: 285px;

        background-position: 60% center;
    }

    .cyp-news-hero-content h1 {
        font-size: 40px;
    }

}


@media (max-width: 550px) {

    .cyp-news-hero {
        min-height: 260px;

        background-position: 64% center;
    }

    .cyp-news-hero-overlay {
        background:
            rgba(7, 47, 40, 0.78);
    }

    .cyp-news-hero-content {
        padding: 35px 0;
    }

    .cyp-news-hero-content h1 {
        font-size: 34px;
    }

    .cyp-news-hero-content p {
        max-width: 340px;

        font-size: 9px;
    }

}

/* =========================================================
   NEWS PAGE - BREAKING NEWS
========================================================= */

.cyp-news-breaking {
    width: 100%;
    min-height: 43px;

    display: flex;
    align-items: stretch;

    background: #fffaf5;

    border-bottom: 1px solid #eee5dc;

    overflow: hidden;
}


/* LEFT LABEL */

.cyp-news-breaking-label {
    width: 205px;
    flex: 0 0 205px;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;

    padding-right: 22px;

    background: #123f36;
    color: #ffffff;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 0.7px;
}

.cyp-news-breaking-label span {
    color: #ff8a49;
    font-size: 13px;
}


/* HEADLINE AREA */

.cyp-news-breaking-window {
    position: relative;

    flex: 1;

    display: flex;
    align-items: center;

    overflow: hidden;
}

.cyp-news-breaking-track {
    width: max-content;

    display: flex;
    align-items: center;
    gap: 20px;

    padding: 0 25px;

    white-space: nowrap;

    animation: cypNewsTicker 32s linear infinite;
}

.cyp-news-breaking-window:hover .cyp-news-breaking-track {
    animation-play-state: paused;
}


/* LINKS */

.cyp-news-breaking-track a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #29463f;

    font-size: 8px;
    font-weight: 600;

    text-decoration: none;
}

.cyp-news-breaking-track a:hover {
    color: #e66e31;
}

.cyp-news-breaking-dot {
    color: #123f36;
    font-size: 10px;
}


/* NEW BADGE */

.cyp-news-new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 4px 7px;

    background: #ed7434;
    color: #ffffff;

    border-radius: 3px;

    font-size: 6px;
    font-weight: 800;
}


/* TICKER MOVEMENT */

@keyframes cypNewsTicker {

    from {
        transform: translateX(25%);
    }

    to {
        transform: translateX(-100%);
    }

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .cyp-news-breaking-label {
        width: 165px;
        flex-basis: 165px;

        padding-right: 15px;
    }

}


@media (max-width: 550px) {

    .cyp-news-breaking {
        min-height: 40px;
    }

    .cyp-news-breaking-label {
        width: 112px;
        flex-basis: 112px;

        justify-content: center;

        padding: 0 7px;

        font-size: 6px;
        letter-spacing: 0.3px;
    }

    .cyp-news-breaking-label span {
        font-size: 10px;
    }

    .cyp-news-breaking-track {
        gap: 14px;

        padding: 0 14px;

        animation-duration: 25s;
    }

    .cyp-news-breaking-track a {
        font-size: 7px;
    }

}

/* =========================================================
   NEWS PAGE - CATEGORY NAVIGATION
========================================================= */

.cyp-news-categories {
    background: #ffffff;

    border-bottom: 1px solid #e9ecea;
}

.cyp-news-category-list {
    display: flex;
    align-items: center;

    gap: 6px;

    padding: 14px 0;

    overflow-x: auto;

    scrollbar-width: none;
}

.cyp-news-category-list::-webkit-scrollbar {
    display: none;
}


/* CATEGORY BUTTON */

.cyp-news-category {
    flex: 0 0 auto;

    min-height: 30px;

    padding: 0 13px;

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

    background: transparent;
    color: #53655e;

    border: 1px solid #dfe6e2;
    border-radius: 4px;

    font-family: inherit;
    font-size: 7px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* HOVER */

.cyp-news-category:hover {
    color: #123f36;

    border-color: #9eb6ac;
}


/* ACTIVE CATEGORY */

.cyp-news-category.active {
    background: #123f36;
    color: #ffffff;

    border-color: #123f36;
}


/* MOBILE */

@media (max-width: 550px) {

    .cyp-news-category-list {
        padding: 11px 0;
    }

    .cyp-news-category {
        min-height: 29px;

        padding: 0 11px;

        font-size: 6.5px;
    }

}

/* =========================================================
   NEWS PAGE - FEATURED NEWS & IMPORTANT UPDATES
========================================================= */

.cyp-news-featured {
    padding: 42px 0 46px;
    background: #fffaf5;
}

.cyp-news-featured-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.72fr);
    gap: 24px;
    align-items: start;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.cyp-news-section-heading {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 15px;
}

.cyp-news-heading-line {
    width: 3px;
    height: 34px;

    background: #e87536;

    border-radius: 3px;
}

.cyp-news-section-heading > div > span {
    display: block;

    margin-bottom: 2px;

    color: #e87536;

    font-size: 6px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.cyp-news-section-heading h2 {
    margin: 0;

    color: #123f36;

    font-size: 22px;
    line-height: 1.1;
    font-weight: 800;
}


/* =========================================================
   FEATURED STORY CARD
========================================================= */

.cyp-news-feature-card {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e4e9e6;
    border-radius: 8px;

    box-shadow:
        0 10px 28px rgba(18, 63, 54, 0.06);
}


/* IMAGE */

.cyp-news-feature-image {
    position: relative;

    min-height: 280px;

    display: block;

    overflow: hidden;
}

.cyp-news-feature-image img {
    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-news-feature-card:hover
.cyp-news-feature-image img {
    transform: scale(1.035);
}


/* CATEGORY BADGE */

.cyp-news-feature-category {
    position: absolute;

    left: 14px;
    top: 14px;

    z-index: 2;

    padding: 6px 9px;

    background: #e87536;
    color: #ffffff;

    border-radius: 3px;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 0.4px;
}


/* CONTENT */

.cyp-news-feature-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 26px 25px;
}


/* META */

.cyp-news-feature-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;

    margin-bottom: 10px;

    color: #8a9691;

    font-size: 6.5px;
    font-weight: 600;
}

.cyp-news-meta-dot {
    color: #e87536;
}


/* TITLE */

.cyp-news-feature-content h3 {
    margin: 0 0 10px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
    line-height: 1.22;

    font-weight: 700;
}

.cyp-news-feature-content h3 a {
    color: #123f36;
    text-decoration: none;
}

.cyp-news-feature-content h3 a:hover {
    color: #df6b30;
}


/* DESCRIPTION */

.cyp-news-feature-content > p {
    margin: 0 0 16px;

    color: #6d7a75;

    font-size: 8px;
    line-height: 1.7;
}


/* READ MORE */

.cyp-news-read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    width: fit-content;

    color: #e66f31;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-news-read-more span {
    font-size: 11px;

    transition: transform 0.2s ease;
}

.cyp-news-read-more:hover span {
    transform: translateX(3px);
}


/* =========================================================
   IMPORTANT UPDATES
========================================================= */

.cyp-news-important {
    overflow: hidden;

    background: #123f36;

    border-radius: 8px;

    box-shadow:
        0 10px 28px rgba(18, 63, 54, 0.12);
}


/* HEADER */

.cyp-news-important-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    padding: 19px 18px 14px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.10);
}

.cyp-news-important-label {
    display: block;

    margin-bottom: 3px;

    color: #f19a67;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 1px;
}

.cyp-news-important-head h2 {
    margin: 0;

    color: #ffffff;

    font-size: 17px;
    line-height: 1.15;
    font-weight: 800;
}


/* LIVE DOT */

.cyp-news-live-dot {
    width: 8px;
    height: 8px;

    margin-top: 5px;

    background: #f17a3d;

    border-radius: 50%;

    box-shadow:
        0 0 0 4px rgba(241, 122, 61, 0.13);
}


/* =========================================================
   UPDATE ITEMS
========================================================= */

.cyp-news-important-list {
    padding: 3px 18px;
}

.cyp-news-important-item {
    display: grid;
    grid-template-columns: 31px 1fr;
    gap: 10px;

    padding: 13px 0;

    color: inherit;

    text-decoration: none;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.09);
}

.cyp-news-important-item:last-child {
    border-bottom: 0;
}


/* ICON */

.cyp-news-update-icon {
    width: 29px;
    height: 29px;

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

    background:
        rgba(255, 255, 255, 0.08);

    color: #f3a271;

    border:
        1px solid rgba(255, 255, 255, 0.11);

    border-radius: 50%;

    font-size: 10px;
}


/* TYPE */

.cyp-news-update-type {
    display: block;

    margin-bottom: 3px;

    color: #f19a67;

    font-size: 5px;
    font-weight: 800;

    letter-spacing: 0.7px;
}


/* UPDATE TITLE */

.cyp-news-important-item h3 {
    margin: 0 0 3px;

    color: #ffffff;

    font-size: 8px;
    line-height: 1.45;
    font-weight: 700;

    transition: color 0.2s ease;
}

.cyp-news-important-item:hover h3 {
    color: #f4a474;
}


/* SMALL TEXT */

.cyp-news-important-item small {
    display: block;

    color:
        rgba(255, 255, 255, 0.50);

    font-size: 5.5px;
}


/* =========================================================
   VIEW ALL
========================================================= */

.cyp-news-all-updates {
    min-height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    background:
        rgba(255, 255, 255, 0.06);

    color: #ffffff;

    border-top:
        1px solid rgba(255, 255, 255, 0.09);

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;

    transition: background 0.2s ease;
}

.cyp-news-all-updates:hover {
    background:
        rgba(255, 255, 255, 0.11);
}

.cyp-news-all-updates span {
    color: #f39a66;

    font-size: 10px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-news-featured-grid {
        grid-template-columns: 1fr;
    }

    .cyp-news-important {
        max-width: 100%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-news-featured {
        padding: 32px 0 35px;
    }

    .cyp-news-feature-card {
        grid-template-columns: 1fr;
    }

    .cyp-news-feature-image {
        min-height: 220px;
    }

    .cyp-news-feature-content {
        padding: 20px 17px;
    }

    .cyp-news-feature-content h3 {
        font-size: 18px;
    }

    .cyp-news-important-head {
        padding: 17px 15px 13px;
    }

    .cyp-news-important-list {
        padding: 3px 15px;
    }

}

/* =========================================================
   NEWS PAGE - LATEST NEWS & UPDATES
========================================================= */

.cyp-news-latest {
    padding: 46px 0 50px;
    background: #ffffff;
}


/* HEADER */

.cyp-news-latest-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 20px;
}

.cyp-news-latest-head .cyp-news-section-heading {
    margin-bottom: 0;
}

.cyp-news-latest-head > p {
    max-width: 390px;
    margin: 0;

    color: #77847f;

    font-size: 8px;
    line-height: 1.6;

    text-align: right;
}


/* =========================================================
   NEWS GRID
========================================================= */

.cyp-news-latest-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}


/* CARD */

.cyp-news-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3e9e6;
    border-radius: 7px;

    box-shadow:
        0 7px 20px rgba(18, 63, 54, 0.05);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-news-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 13px 28px rgba(18, 63, 54, 0.10);
}


/* =========================================================
   IMAGE
========================================================= */

.cyp-news-card-image {
    position: relative;

    display: block;

    height: 150px;

    overflow: hidden;

    background: #edf2ef;
}

.cyp-news-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.cyp-news-card:hover
.cyp-news-card-image img {
    transform: scale(1.045);
}


/* CATEGORY BADGE */

.cyp-news-card-category {
    position: absolute;

    left: 10px;
    bottom: 10px;

    padding: 5px 7px;

    background: #e87536;
    color: #ffffff;

    border-radius: 3px;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.3px;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.cyp-news-card-content {
    padding: 15px 14px 14px;
}


/* META */

.cyp-news-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

    margin-bottom: 7px;

    color: #919b97;

    font-size: 5.5px;
    font-weight: 600;
}

.cyp-news-card-meta span:nth-child(2) {
    color: #e87536;
}


/* TITLE */

.cyp-news-card-content h3 {
    margin: 0 0 8px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 700;
}

.cyp-news-card-content h3 a {
    color: #173f36;

    text-decoration: none;

    transition: color 0.2s ease;
}

.cyp-news-card-content h3 a:hover {
    color: #df6b30;
}


/* DESCRIPTION */

.cyp-news-card-content > p {
    margin: 0 0 12px;

    color: #75817c;

    font-size: 7px;
    line-height: 1.6;
}


/* READ MORE */

.cyp-news-card-read {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #e36c30;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-news-card-read span {
    font-size: 9px;

    transition: transform 0.2s ease;
}

.cyp-news-card-read:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .cyp-news-latest-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-news-card-image {
        height: 185px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-news-latest {
        padding: 34px 0 38px;
    }

    .cyp-news-latest-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 8px;
    }

    .cyp-news-latest-head > p {
        max-width: 100%;

        text-align: left;
    }

    .cyp-news-latest-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .cyp-news-card-image {
        height: 210px;
    }

    .cyp-news-card-content {
        padding: 16px;
    }

    .cyp-news-card-content h3 {
        font-size: 15px;
    }

}

/* =========================================================
   NEWS PAGE - PAGINATION
========================================================= */

.cyp-news-pagination {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    margin-top: 25px;
}

.cyp-news-page-number,
.cyp-news-page-arrow {
    width: 29px;
    height: 29px;

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

    padding: 0;

    background: #ffffff;
    color: #53655e;

    border: 1px solid #dfe6e2;
    border-radius: 4px;

    font-family: inherit;
    font-size: 7px;
    font-weight: 800;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.cyp-news-page-number:hover,
.cyp-news-page-arrow:hover {
    color: #123f36;

    border-color: #9fb6ad;

    transform: translateY(-1px);
}


/* ACTIVE PAGE */

.cyp-news-page-number.active {
    background: #123f36;
    color: #ffffff;

    border-color: #123f36;
}


/* DOTS */

.cyp-news-page-dots {
    min-width: 24px;

    color: #9aa49f;

    font-size: 7px;

    text-align: center;
}


/* ARROWS */

.cyp-news-page-arrow {
    color: #e66f31;

    font-size: 11px;
}


/* MOBILE */

@media (max-width: 550px) {

    .cyp-news-pagination {
        margin-top: 20px;
    }

    .cyp-news-page-number,
    .cyp-news-page-arrow {
        width: 28px;
        height: 28px;
    }

}

/* NEWS CARDS TO PAGINATION GAP FIX */

.cyp-news-pagination {
    margin-top: 12px;
}

.cyp-news-latest {
    padding-bottom: 22px;
}

/* =========================================================
   NEWS PAGE - FINAL CTA
========================================================= */

.cyp-news-final-cta {
    position: relative;
    overflow: hidden;

    padding: 38px 0;

    background:
        url("../images/hero2.jpg")
        center 62% / cover no-repeat;
}

.cyp-news-final-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7, 48, 40, 0.97) 0%,
            rgba(7, 48, 40, 0.91) 48%,
            rgba(7, 48, 40, 0.66) 100%
        );
}


/* CONTENT */

.cyp-news-final-content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 35px;
}


/* LEFT */

.cyp-news-final-text > span {
    display: block;

    margin-bottom: 6px;

    color: #f19a65;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1.2px;
}

.cyp-news-final-text h2 {
    margin: 0 0 7px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 27px;
    line-height: 1.1;

    font-weight: 700;
}

.cyp-news-final-text p {
    max-width: 520px;

    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 7.5px;
    line-height: 1.6;
}


/* =========================================================
   BUTTONS
========================================================= */

.cyp-news-final-actions {
    display: flex;
    align-items: center;

    gap: 8px;

    flex: 0 0 auto;
}

.cyp-news-final-primary,
.cyp-news-final-whatsapp {
    min-height: 36px;

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

    gap: 7px;

    padding: 0 16px;

    border-radius: 4px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}


/* ORANGE */

.cyp-news-final-primary {
    background: #e87536;
    color: #ffffff;

    border: 1px solid #e87536;
}

.cyp-news-final-primary:hover {
    background: #d9662e;

    transform: translateY(-2px);
}


/* WHATSAPP */

.cyp-news-final-whatsapp {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;

    border:
        1px solid rgba(255, 255, 255, 0.50);
}

.cyp-news-final-whatsapp:hover {
    background: rgba(255, 255, 255, 0.13);

    transform: translateY(-2px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 750px) {

    .cyp-news-final-content {
        align-items: flex-start;
        flex-direction: column;

        gap: 18px;
    }

}


@media (max-width: 550px) {

    .cyp-news-final-cta {
        padding: 34px 0;
    }

    .cyp-news-final-overlay {
        background: rgba(7, 48, 40, 0.90);
    }

    .cyp-news-final-text h2 {
        font-size: 23px;
    }

    .cyp-news-final-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .cyp-news-final-primary,
    .cyp-news-final-whatsapp {
        width: 100%;
    }

}

/* =========================================================
   NEWS INNER PAGE
========================================================= */

.cyp-news-detail-page {
    background: #ffffff;
}

.cyp-news-detail-container {
    width: 92%;
    max-width: 900px;

    margin: 0 auto;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.cyp-news-detail-breadcrumb {
    background: #f7f9f8;

    border-bottom: 1px solid #e8ecea;
}

.cyp-news-detail-breadcrumb nav {
    min-height: 38px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;
}

.cyp-news-detail-breadcrumb a,
.cyp-news-detail-breadcrumb span {
    color: #72807a;

    font-size: 7px;
    line-height: 1.4;

    text-decoration: none;
}

.cyp-news-detail-breadcrumb a:hover {
    color: #e66e31;
}

.cyp-news-detail-breadcrumb nav > span:last-child {
    color: #29483f;

    font-weight: 600;
}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.cyp-news-detail-header {
    padding: 29px 0 20px;
}


/* CATEGORY */

.cyp-news-detail-category {
    display: inline-flex;
    align-items: center;

    margin-bottom: 10px;

    padding: 5px 8px;

    background: #e87536;
    color: #ffffff;

    border-radius: 3px;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 0.3px;
}


/* TITLE */

.cyp-news-detail-header h1 {
    max-width: 760px;

    margin: 0 0 13px;

    color: #123f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 34px;
    line-height: 1.13;

    font-weight: 700;
    letter-spacing: -0.6px;
}


/* META */

.cyp-news-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 17px;
}

.cyp-news-detail-meta span {
    color: #687a73;

    font-size: 7px;
    font-weight: 600;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-news-detail-container {
        width: 90%;
    }

    .cyp-news-detail-breadcrumb nav {
        min-height: 36px;

        gap: 6px;
    }

    .cyp-news-detail-header {
        padding: 23px 0 17px;
    }

    .cyp-news-detail-header h1 {
        font-size: 27px;
        line-height: 1.15;
    }

    .cyp-news-detail-meta {
        gap: 8px 13px;
    }

}

/* =========================================================
   NEWS INNER PAGE - ARTICLE
========================================================= */

.cyp-news-detail-article {
    padding: 0 0 45px;
}


/* FEATURED IMAGE */

.cyp-news-detail-image {
    width: 100%;
    height: 390px;

    overflow: hidden;

    margin-bottom: 20px;

    border-radius: 7px;

    background: #edf2ef;
}

.cyp-news-detail-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================================
   ARTICLE BODY
========================================================= */

.cyp-news-detail-body {
    max-width: 820px;
}

.cyp-news-detail-body p {
    margin: 0 0 15px;

    color: #354a43;

    font-size: 10px;
    line-height: 1.75;
}


/* FIRST PARAGRAPH */

.cyp-news-detail-body
.cyp-news-detail-lead {
    color: #263f37;

    font-size: 11px;
    line-height: 1.7;

    font-weight: 500;
}


/* HEADINGS */

.cyp-news-detail-body h2 {
    margin: 25px 0 9px;

    color: #123f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
    line-height: 1.25;

    font-weight: 700;
}


/* LIST */

.cyp-news-detail-body ul {
    margin: 8px 0 22px;
    padding-left: 19px;
}

.cyp-news-detail-body li {
    margin-bottom: 7px;

    color: #42574f;

    font-size: 9px;
    line-height: 1.55;
}

.cyp-news-detail-body li::marker {
    color: #e87536;
}


/* =========================================================
   IMPORTANT UPDATE BOX
========================================================= */

.cyp-news-detail-alert {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 13px;

    margin-top: 25px;

    padding: 17px 19px;

    background: #fff5eb;

    border-left: 3px solid #e87536;
    border-radius: 5px;
}


/* ICON */

.cyp-news-detail-alert-icon {
    width: 34px;
    height: 34px;

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

    background: #e87536;
    color: #ffffff;

    border-radius: 50%;

    font-family: Georgia, serif;
    font-size: 17px;
    font-weight: 700;
}


/* ALERT TEXT */

.cyp-news-detail-alert h3 {
    margin: 0 0 4px;

    color: #c95723;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 12px;
}

.cyp-news-detail-alert p {
    margin: 0;

    color: #5e554f;

    font-size: 8px;
    line-height: 1.6;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-news-detail-article {
        padding-bottom: 35px;
    }

    .cyp-news-detail-image {
        height: 230px;

        margin-bottom: 17px;
    }

    .cyp-news-detail-body p {
        font-size: 9.5px;
    }

    .cyp-news-detail-body
    .cyp-news-detail-lead {
        font-size: 10px;
    }

    .cyp-news-detail-body h2 {
        font-size: 18px;
    }

    .cyp-news-detail-alert {
        grid-template-columns: 31px 1fr;

        padding: 15px 13px;
    }

    .cyp-news-detail-alert-icon {
        width: 29px;
        height: 29px;

        font-size: 14px;
    }

}

/* =========================================================
   NEWS INNER PAGE - RELATED NEWS
========================================================= */

.cyp-news-detail-related {
    padding: 36px 0 45px;

    background: #f8faf9;

    border-top: 1px solid #e8eeeb;
}


/* HEADER */

.cyp-news-related-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 15px;
}

.cyp-news-related-head h2 {
    margin: 0;

    color: #123f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
    line-height: 1.2;

    font-weight: 700;
}

.cyp-news-related-head > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #e36d30;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-news-related-head > a span {
    font-size: 10px;

    transition: transform 0.2s ease;
}

.cyp-news-related-head > a:hover span {
    transform: translateX(3px);
}


/* =========================================================
   GRID
========================================================= */

.cyp-news-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 13px;
}


/* CARD */

.cyp-news-related-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e8e4;
    border-radius: 6px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-news-related-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 9px 22px rgba(18, 63, 54, 0.08);
}


/* IMAGE */

.cyp-news-related-image {
    display: block;

    height: 120px;

    overflow: hidden;

    background: #edf2ef;
}

.cyp-news-related-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-news-related-card:hover
.cyp-news-related-image img {
    transform: scale(1.04);
}


/* CONTENT */

.cyp-news-related-content {
    padding: 11px 12px 13px;
}

.cyp-news-related-content > span {
    display: block;

    margin-bottom: 4px;

    color: #e87536;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.cyp-news-related-content h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 10px;
    line-height: 1.35;

    font-weight: 700;
}

.cyp-news-related-content h3 a {
    color: #173f36;

    text-decoration: none;
}

.cyp-news-related-content h3 a:hover {
    color: #df6b30;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-news-detail-related {
        padding: 30px 0 35px;
    }

    .cyp-news-related-head h2 {
        font-size: 18px;
    }

    .cyp-news-related-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    /* MOBILE HORIZONTAL CARD */

    .cyp-news-related-card {
        display: grid;
        grid-template-columns: 105px 1fr;

        min-height: 82px;
    }

    .cyp-news-related-image {
        height: 100%;
        min-height: 82px;
    }

    .cyp-news-related-content {
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding: 10px 12px;
    }

    .cyp-news-related-content h3 {
        font-size: 10px;
    }

}

/* =========================================================
   DESTINATION DETAIL PAGE
   UNIVERSAL TEMPLATE
========================================================= */

.cyp-destination-page {
    background: #f8faf9;
}

.cyp-destination-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.cyp-destination-hero {
    position: relative;

    min-height: 390px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/kedarnath-temple.png")
        center 43% / cover no-repeat;
}


/* SOFT WHITE-TO-TRANSPARENT OVERLAY */

.cyp-destination-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(247, 250, 249, 0.97) 0%,
            rgba(247, 250, 249, 0.88) 30%,
            rgba(247, 250, 249, 0.26) 57%,
            rgba(0, 0, 0, 0.05) 100%
        );
}


.cyp-destination-hero-content {
    position: relative;
    z-index: 2;

    padding-top: 20px;
    padding-bottom: 40px;
}


/* BREADCRUMB */

.cyp-destination-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 27px;
}

.cyp-destination-breadcrumb a,
.cyp-destination-breadcrumb span {
    color: #40544d;

    font-size: 8px;
    line-height: 1.4;

    text-decoration: none;
}

.cyp-destination-breadcrumb a:hover {
    color: #ec6f2d;
}


/* HERO TEXT */

.cyp-destination-hero-text {
    max-width: 570px;
}

.cyp-destination-hero-text h1 {
    margin: 0 0 12px;

    color: #102e29;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 54px;
    line-height: 0.99;

    font-weight: 700;

    letter-spacing: -1.5px;
}

.cyp-destination-hero-text h1 span {
    display: block;

    margin-top: 8px;

    font-size: 30px;
    line-height: 1.05;

    letter-spacing: -0.7px;
}

.cyp-destination-hero-text p {
    max-width: 510px;

    margin: 0 0 20px;

    color: #30453e;

    font-size: 10px;
    line-height: 1.65;
}


/* HERO BUTTON */

.cyp-destination-primary-btn {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    padding: 11px 22px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 8px;

    font-size: 9px;
    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 7px 17px rgba(243, 107, 33, 0.17);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.cyp-destination-primary-btn:hover {
    background: #df5c17;

    transform: translateY(-2px);
}

.cyp-destination-primary-btn span {
    font-size: 13px;
}


/* =========================================================
   QUICK FACTS BAR
========================================================= */

.cyp-destination-facts {
    position: relative;

    z-index: 5;

    margin-top: -26px;
}

.cyp-destination-facts-grid {
    display: grid;

    grid-template-columns:
        repeat(6, 1fr);

    background: #ffffff;

    border: 1px solid #e6ece9;
    border-radius: 11px;

    box-shadow:
        0 10px 30px rgba(16, 46, 41, 0.07);

    overflow: hidden;
}


.cyp-destination-fact {
    min-height: 68px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 11px 15px;

    position: relative;
}


.cyp-destination-fact:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 17px;
    bottom: 17px;

    width: 1px;

    background: #e8eeeb;
}


/* FACT ICON */

.cyp-destination-fact-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

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

    border-radius: 50%;

    background: #edf7f2;

    color: #07533f;

    font-size: 16px;
}


/* FACT TEXT */

.cyp-destination-fact strong {
    display: block;

    margin-bottom: 2px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 9px;

    font-weight: 700;
}

.cyp-destination-fact span {
    display: block;

    color: #72817b;

    font-size: 6.5px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-hero {
        min-height: 370px;
    }

    .cyp-destination-hero-text h1 {
        font-size: 45px;
    }

    .cyp-destination-hero-text h1 span {
        font-size: 26px;
    }

    .cyp-destination-facts-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .cyp-destination-fact:nth-child(3)::after {
        display: none;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-container {
        width: 90%;
    }


    .cyp-destination-hero {
        min-height: 440px;

        align-items: flex-end;

        background-position: 61% center;
    }


    .cyp-destination-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(247, 250, 249, 1) 0%,
                rgba(247, 250, 249, 0.94) 37%,
                rgba(247, 250, 249, 0.30) 72%,
                rgba(0, 0, 0, 0.05) 100%
            );
    }


    .cyp-destination-hero-content {
        padding-bottom: 43px;
    }


    .cyp-destination-breadcrumb {
        margin-bottom: 15px;
    }


    .cyp-destination-hero-text {
        max-width: 100%;
    }

    .cyp-destination-hero-text h1 {
        font-size: 38px;

        letter-spacing: -1px;
    }

    .cyp-destination-hero-text h1 span {
        font-size: 22px;
    }

    .cyp-destination-hero-text p {
        font-size: 9px;
    }


    .cyp-destination-facts {
        margin-top: -20px;
    }

    .cyp-destination-facts-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-destination-fact {
        min-height: 61px;

        padding: 9px 10px;
    }

    .cyp-destination-fact:nth-child(even)::after {
        display: none;
    }

    .cyp-destination-fact:nth-child(3)::after {
        display: block;
    }

    .cyp-destination-fact-icon {
        width: 31px;
        height: 31px;

        flex-basis: 31px;

        font-size: 14px;
    }

}

/* =========================================================
   DESTINATION PAGE - COMMON SECTIONS
========================================================= */

.cyp-destination-section {
    padding: 13px 0;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.cyp-destination-section-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 10px;
}

.cyp-destination-section-icon {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

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

    color: #f36b21;

    font-size: 18px;
    font-weight: 700;
}

.cyp-destination-section-heading h2 {
    margin: 0;

    color: #183d35;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
    line-height: 1.2;

    font-weight: 700;
}


/* =========================================================
   OVERVIEW
========================================================= */

.cyp-destination-overview {
    padding-top: 25px;
}

.cyp-destination-overview-card {
    display: grid;
    grid-template-columns: 1.45fr 0.85fr;

    gap: 23px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid #e8eeeb;
    border-radius: 10px;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.035);
}

.cyp-destination-overview-text p {
    margin: 0 0 8px;

    max-width: 700px;

    color: #53645e;

    font-size: 9px;
    line-height: 1.65;
}


/* QUOTE */

.cyp-destination-quote {
    display: grid;
    grid-template-columns: 32px 1fr;

    gap: 10px;

    margin-top: 15px;

    padding: 14px 16px;

    background:
        linear-gradient(
            90deg,
            #fff6ed 0%,
            #fffaf6 100%
        );

    border-radius: 7px;
}

.cyp-destination-quote-mark {
    color: #f36b21;

    font-family: Georgia, serif;
    font-size: 31px;
    line-height: 0.9;
}

.cyp-destination-quote p {
    margin: 0;

    color: #68736f;

    font-size: 8.5px;
    line-height: 1.55;

    font-style: italic;
}


/* SACRED SIDE CARD */

.cyp-destination-overview-visual {
    display: flex;
}

.cyp-destination-sacred-card {
    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 28px 26px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            rgba(242, 249, 246, 0.98),
            rgba(232, 244, 239, 0.82)
        );

    border-radius: 8px;
}

.cyp-destination-sacred-card::after {
    content: "⛰️";

    position: absolute;

    right: 14px;
    bottom: -10px;

    color: rgba(16, 83, 63, 0.08);

    font-size: 110px;
}

.cyp-destination-sacred-icon {
    margin-bottom: 10px;

    color: #07533f;

    font-size: 25px;
}

.cyp-destination-sacred-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
    line-height: 1.15;
}

.cyp-destination-sacred-card h3 span {
    display: block;
}

.cyp-destination-sacred-card p {
    position: relative;
    z-index: 2;

    max-width: 250px;

    margin: 0;

    color: #53645e;

    font-size: 8px;
    line-height: 1.55;
}


/* =========================================================
   BEST TIME
========================================================= */

.cyp-destination-info-card {
    background: #ffffff;

    border: 1px solid #e8eeeb;
    border-radius: 10px;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.03);
}

.cyp-destination-best-time {
    display: grid;
    grid-template-columns: 0.9fr 1.45fr;

    gap: 18px;

    padding: 15px 17px;
}

.cyp-destination-best-time-intro p {
    margin: 0;

    color: #53645e;

    font-size: 8.5px;
    line-height: 1.6;
}


/* SEASONS */

.cyp-destination-season-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 8px;
}

.cyp-destination-season-card {
    min-height: 104px;

    display: grid;
    grid-template-columns: 27px 1fr;

    gap: 8px;

    align-items: start;

    padding: 11px 10px;

    border-radius: 7px;
}

.cyp-destination-season-card.green {
    background: #eef8f2;
}

.cyp-destination-season-card.blue {
    background: #eff6fb;
}

.cyp-destination-season-card.orange {
    background: #fff4e9;
}

.cyp-destination-season-card.cold {
    background: #eef5ff;
}


/* SEASON ICON */

.cyp-destination-season-icon {
    width: 27px;
    height: 27px;

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

    border-radius: 50%;

    font-size: 13px;
}

.green .cyp-destination-season-icon {
    background: #daf1e3;
    color: #23814f;
}

.blue .cyp-destination-season-icon {
    background: #dfeefa;
    color: #4a78a5;
}

.orange .cyp-destination-season-icon {
    background: #ffe6cd;
    color: #e87128;
}

.cold .cyp-destination-season-icon {
    background: #dbeaff;
    color: #4b78c2;
}


/* SEASON TEXT */

.cyp-destination-season-card strong,
.cyp-destination-season-card b,
.cyp-destination-season-card small,
.cyp-destination-season-card em {
    display: block;
}

.cyp-destination-season-card strong {
    margin-bottom: 6px;

    color: #25483f;

    font-size: 6.8px;
}

.cyp-destination-season-card b {
    margin-bottom: 5px;

    color: #344e46;

    font-size: 8px;
}

.cyp-destination-season-card small {
    margin-bottom: 5px;

    color: #7a8883;

    font-size: 5.8px;
}

.cyp-destination-season-card em {
    font-size: 6px;
    font-style: normal;
    font-weight: 700;
}

.green em {
    color: #248252;
}

.blue em {
    color: #dc5d4b;
}

.orange em {
    color: #f06a21;
}

.cold em {
    color: #4676c2;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-overview-card {
        grid-template-columns: 1fr;
    }

    .cyp-destination-best-time {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-section {
        padding: 8px 0;
    }

    .cyp-destination-overview {
        padding-top: 18px;
    }

    .cyp-destination-section-heading h2 {
        font-size: 18px;
    }

    .cyp-destination-overview-card {
        padding: 14px;

        gap: 14px;
    }

    .cyp-destination-sacred-card {
        padding: 21px 18px;
    }

    .cyp-destination-best-time {
        padding: 14px;
    }

    .cyp-destination-season-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* =========================================================
   DESTINATION PAGE - HOW TO REACH
========================================================= */

.cyp-destination-reach-card {
    padding: 15px 17px;
}


/* TOP */

.cyp-destination-reach-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 13px;
}

.cyp-destination-reach-top > div:first-child {
    max-width: 820px;
}

.cyp-destination-reach-top p {
    margin: 0;

    color: #53645e;

    font-size: 8.5px;
    line-height: 1.6;
}


/* KNOW MORE */

.cyp-destination-text-link {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin-top: 7px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-destination-text-link span {
    font-size: 11px;

    transition: transform 0.2s ease;
}

.cyp-destination-text-link:hover span {
    transform: translateX(3px);
}


/* =========================================================
   REACH GRID
========================================================= */

.cyp-destination-reach-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 9px;
}


/* REACH ITEM */

.cyp-destination-reach-item {
    min-height: 112px;

    display: grid;
    grid-template-columns: 32px 1fr;

    gap: 9px;

    padding: 12px 11px;

    background: #ffffff;

    border: 1px solid #e6ece9;
    border-radius: 7px;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-destination-reach-item:hover {
    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(16, 46, 41, 0.06);
}


/* ICON */

.cyp-destination-reach-icon {
    width: 30px;
    height: 30px;

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

    color: #07533f;

    font-size: 18px;
}


/* TEXT */

.cyp-destination-reach-item h3 {
    margin: 1px 0 6px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 10px;
    line-height: 1.2;
}

.cyp-destination-reach-item p {
    margin: 0;

    color: #66756f;

    font-size: 7px;
    line-height: 1.5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-reach-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-destination-reach-item:last-child {
        grid-column: span 2;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-reach-card {
        padding: 14px;
    }

    .cyp-destination-reach-top {
        display: block;
    }

    .cyp-destination-text-link {
        margin-top: 10px;
    }

    .cyp-destination-reach-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .cyp-destination-reach-item,
    .cyp-destination-reach-item:last-child {
        grid-column: auto;

        min-height: auto;
    }

}

/* =========================================================
   DESTINATION PAGE - 3 LIGHTWEIGHT FEATURE CARDS
========================================================= */

.cyp-destination-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;
}


/* CARD */

.cyp-destination-feature-card {
    min-height: 185px;

    position: relative;
    overflow: hidden;

    padding: 18px 20px 17px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 67%,
            #f1f8f4 100%
        );

    border: 1px solid #e6ece9;
    border-radius: 10px;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.035);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-destination-feature-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(16, 46, 41, 0.07);
}


/* ICON */

.cyp-destination-feature-icon {
    margin-bottom: 8px;

    color: #07533f;

    font-size: 23px;
    line-height: 1;
}


/* HEADING */

.cyp-destination-feature-card h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 8px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    line-height: 1.25;

    font-weight: 700;
}


/* DESCRIPTION */

.cyp-destination-feature-card p {
    position: relative;
    z-index: 2;

    max-width: 290px;

    margin: 0 0 14px;

    color: #66756f;

    font-size: 8px;
    line-height: 1.6;
}


/* =========================================================
   SEE MORE BUTTON
========================================================= */

.cyp-destination-outline-btn {
    position: relative;
    z-index: 3;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 7px 15px;

    color: #ed6726;

    background: #ffffff;

    border: 1px solid #f07a42;
    border-radius: 20px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.cyp-destination-outline-btn span {
    font-size: 10px;

    transition:
        transform 0.2s ease;
}

.cyp-destination-outline-btn:hover {
    background: #f36b21;
    color: #ffffff;

    transform: translateY(-1px);
}

.cyp-destination-outline-btn:hover span {
    transform: translateX(3px);
}


/* =========================================================
   BACKGROUND ART
========================================================= */

.cyp-destination-card-art {
    position: absolute;

    right: 14px;
    bottom: -17px;

    pointer-events: none;

    color: rgba(11, 91, 69, 0.08);

    font-size: 92px;
    line-height: 1;

    z-index: 1;
}

.cyp-destination-card-art.trek-art {
    font-size: 82px;
}

.cyp-destination-card-art.stay-art {
    font-size: 93px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-feature-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-destination-feature-card:last-child {
        grid-column: span 2;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-feature-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }

    .cyp-destination-feature-card,
    .cyp-destination-feature-card:last-child {
        grid-column: auto;

        min-height: 160px;

        padding: 16px;
    }

    .cyp-destination-feature-card h2 {
        font-size: 16px;
    }

    .cyp-destination-feature-card p {
        max-width: 85%;

        font-size: 8px;
    }

    .cyp-destination-card-art {
        font-size: 72px;
    }

}

/* =========================================================
   DESTINATION PAGE - PUJA & DARSHAN CARDS
========================================================= */

.cyp-destination-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 10px;
}


/* CARD */

.cyp-destination-service-card {
    min-height: 145px;

    display: grid;
    grid-template-columns: 32px 1fr;

    gap: 10px;

    padding: 15px 14px;

    background: #ffffff;

    border: 1px solid #e6ece9;
    border-radius: 9px;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.03);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-destination-service-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 21px rgba(16, 46, 41, 0.06);
}


/* ICON */

.cyp-destination-service-icon {
    width: 31px;
    height: 31px;

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

    font-size: 18px;
    line-height: 1;
}

.cyp-destination-service-icon.orange {
    color: #f36b21;
}


/* HEADING */

.cyp-destination-service-card h2 {
    margin: 1px 0 7px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
    line-height: 1.25;

    font-weight: 700;
}


/* DESCRIPTION */

.cyp-destination-service-card p {
    margin: 0 0 10px;

    color: #66756f;

    font-size: 7.5px;
    line-height: 1.55;
}


/* LINK */

.cyp-destination-service-card a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-destination-service-card a span {
    font-size: 10px;

    transition: transform 0.2s ease;
}

.cyp-destination-service-card a:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-service-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-service-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .cyp-destination-service-card {
        min-height: auto;

        padding: 14px;
    }

    .cyp-destination-service-card h2 {
        font-size: 14px;
    }

}

/* =========================================================
   DESTINATION PAGE - REGISTRATION / TIPS / USEFUL INFO
========================================================= */

.cyp-destination-guide-grid {
    display: grid;
    grid-template-columns: 1.45fr 0.9fr;

    gap: 12px;
}


/* =========================================================
   REGISTRATION
========================================================= */

.cyp-destination-registration-card {
    padding: 17px 18px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 70%,
            #f3f8f5 100%
        );

    border: 1px solid #e5ece8;
    border-radius: 10px;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.03);
}

.cyp-destination-registration-card > p {
    max-width: 700px;

    margin: 0 0 14px;

    color: #64736e;

    font-size: 8px;
    line-height: 1.6;
}


/* STEPS */

.cyp-destination-registration-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 8px;

    margin-bottom: 13px;
}

.cyp-destination-registration-step {
    display: grid;
    grid-template-columns: 26px 1fr;

    gap: 8px;

    padding: 10px;

    background: #f7faf8;

    border: 1px solid #e7eeea;
    border-radius: 7px;
}

.cyp-destination-registration-step > span {
    width: 25px;
    height: 25px;

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

    background: #07533f;
    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;
    font-weight: 800;
}

.cyp-destination-registration-step strong {
    display: block;

    margin-bottom: 3px;

    color: #23473e;

    font-size: 7.5px;
}

.cyp-destination-registration-step small {
    display: block;

    color: #76847f;

    font-size: 6px;
    line-height: 1.45;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.cyp-destination-guide-side {
    display: grid;
    grid-template-columns: 1fr;

    gap: 10px;
}

.cyp-destination-small-guide-card {
    padding: 14px 15px;

    background: #ffffff;

    border: 1px solid #e5ece8;
    border-radius: 9px;

    box-shadow:
        0 5px 15px rgba(16, 46, 41, 0.025);
}


/* HEADER */

.cyp-destination-small-guide-head {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 9px;
}

.cyp-destination-small-guide-icon {
    width: 27px;
    height: 27px;

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

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

.cyp-destination-small-guide-head h2 {
    margin: 0;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;
}


/* TRAVEL TIPS LIST */

.cyp-destination-small-guide-card ul {
    margin: 0 0 10px;
    padding: 0;

    list-style: none;
}

.cyp-destination-small-guide-card li {
    position: relative;

    margin-bottom: 5px;

    padding-left: 13px;

    color: #66756f;

    font-size: 6.8px;
    line-height: 1.45;
}

.cyp-destination-small-guide-card li::before {
    content: "•";

    position: absolute;
    left: 0;

    color: #ef6724;

    font-weight: 900;
}


/* USEFUL INFO */

.cyp-destination-useful-list {
    margin-bottom: 10px;
}

.cyp-destination-useful-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 5px 0;

    border-bottom: 1px solid #eef2f0;
}

.cyp-destination-useful-list > div:last-child {
    border-bottom: 0;
}

.cyp-destination-useful-list span {
    color: #89938f;

    font-size: 6px;
}

.cyp-destination-useful-list strong {
    color: #344f47;

    font-size: 6.7px;
    font-weight: 700;

    text-align: right;
}


/* LINKS */

.cyp-destination-small-guide-card > a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-destination-small-guide-card > a span {
    font-size: 10px;

    transition: transform 0.2s ease;
}

.cyp-destination-small-guide-card > a:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-destination-guide-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-destination-registration-card {
        padding: 14px;
    }

    .cyp-destination-registration-steps {
        grid-template-columns: 1fr;
    }

    .cyp-destination-small-guide-card {
        padding: 13px;
    }

}

/* =========================================================
   OTHER DESTINATIONS SLIDER
========================================================= */

.cyp-other-destinations {
    padding: 26px 0 32px;

    background: #f4f8f6;

    border-top: 1px solid #e8eeeb;
}


/* HEADER */

.cyp-other-destinations-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 14px;
}

.cyp-other-destinations-label {
    display: block;

    margin-bottom: 4px;

    color: #ef6724;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1px;
}

.cyp-other-destinations-head h2 {
    margin: 0 0 4px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
}

.cyp-other-destinations-head p {
    margin: 0;

    color: #71807a;

    font-size: 7.5px;
}


/* ARROWS */

.cyp-other-destinations-arrows {
    display: flex;
    gap: 6px;
}

.cyp-other-destinations-arrows button {
    width: 31px;
    height: 31px;

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

    background: #ffffff;

    color: #164b3d;

    border: 1px solid #dce6e1;
    border-radius: 50%;

    cursor: pointer;

    font-size: 12px;

    transition: 0.2s ease;
}

.cyp-other-destinations-arrows button:hover {
    background: #07533f;
    color: #ffffff;
}


/* =========================================================
   SLIDER
========================================================= */

.cyp-other-destination-slider {
    display: flex;

    gap: 10px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 1px 8px;
}

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


/* CARD */

.cyp-other-destination-card {
    flex: 0 0 calc((100% - 40px) / 5);

    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2e9e5;
    border-radius: 8px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-other-destination-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 9px 20px rgba(16, 46, 41, 0.07);
}


/* IMAGE */

.cyp-other-destination-image {
    display: block;

    height: 105px;

    overflow: hidden;
}

.cyp-other-destination-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-other-destination-card:hover
.cyp-other-destination-image img {
    transform: scale(1.05);
}


/* CONTENT */

.cyp-other-destination-content {
    padding: 9px 10px 10px;
}

.cyp-other-destination-content > span {
    display: block;

    margin-bottom: 3px;

    color: #ef6724;

    font-size: 5px;
    font-weight: 800;

    letter-spacing: 0.45px;
}

.cyp-other-destination-content h3 {
    margin: 0 0 7px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 11px;
}

.cyp-other-destination-content h3 a {
    color: #173f36;

    text-decoration: none;
}


/* EXPLORE */

.cyp-other-destination-link {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color: #687a73;

    font-size: 6px;
    font-weight: 700;

    text-decoration: none;
}

.cyp-other-destination-link b {
    color: #ef6724;

    font-size: 9px;

    transition: transform 0.2s ease;
}

.cyp-other-destination-link:hover b {
    transform: translateX(3px);
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-other-destination-card {
        flex-basis: calc((100% - 20px) / 3);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-other-destinations {
        padding: 22px 0 28px;
    }

    .cyp-other-destinations-head h2 {
        font-size: 19px;
    }

    .cyp-other-destinations-head p {
        max-width: 220px;
    }

    .cyp-other-destination-card {
        flex: 0 0 67%;
    }

    .cyp-other-destination-image {
        height: 115px;
    }

}

/* =========================================================
   RELATED TOUR PACKAGES - MINI SLIDER
========================================================= */

.cyp-related-packages {
    padding: 24px 0 30px;

    background: #ffffff;

    border-top: 1px solid #e8eeeb;
}


/* HEADER */

.cyp-related-packages-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 13px;
}

.cyp-related-packages-label {
    display: block;

    margin-bottom: 4px;

    color: #ef6724;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.9px;
}

.cyp-related-packages-head h2 {
    margin: 0 0 3px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
}

.cyp-related-packages-head p {
    margin: 0;

    color: #75837e;

    font-size: 7px;
}


/* RIGHT ACTIONS */

.cyp-related-packages-actions {
    display: flex;
    align-items: center;

    gap: 12px;
}

.cyp-related-packages-arrows {
    display: flex;

    gap: 5px;
}

.cyp-related-packages-arrows button {
    width: 28px;
    height: 28px;

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

    background: #ffffff;
    color: #15503f;

    border: 1px solid #dce6e1;
    border-radius: 50%;

    cursor: pointer;

    font-size: 11px;
}

.cyp-related-packages-arrows button:hover {
    background: #07533f;
    color: #ffffff;
}


/* VIEW ALL */

.cyp-related-view-all {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-related-view-all span {
    font-size: 9px;
}


/* =========================================================
   SLIDER
========================================================= */

.cyp-related-package-slider {
    display: flex;

    gap: 8px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 1px 7px;
}

.cyp-related-package-slider::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   MINI PACKAGE CARD
========================================================= */

.cyp-related-package-card {
    flex: 0 0 calc((100% - 88px) / 12);

    min-width: 88px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e4ebe7;
    border-radius: 7px;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-related-package-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 7px 16px rgba(16, 46, 41, 0.07);
}


/* IMAGE */

.cyp-related-package-image {
    display: block;

    height: 62px;

    overflow: hidden;
}

.cyp-related-package-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.3s ease;
}

.cyp-related-package-card:hover
.cyp-related-package-image img {
    transform: scale(1.05);
}


/* CONTENT */

.cyp-related-package-content {
    padding: 6px 6px 7px;
}

.cyp-related-package-duration {
    display: block;

    margin-bottom: 3px;

    color: #83908b;

    font-size: 4.7px;
    font-weight: 700;
}

.cyp-related-package-content h3 {
    margin: 0 0 4px;

    min-height: 20px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 7px;
    line-height: 1.2;
}

.cyp-related-package-content h3 a {
    color: #173f36;

    text-decoration: none;
}

.cyp-related-package-content strong {
    display: block;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-related-package-card {
        flex: 0 0 calc((100% - 48px) / 7);

        min-width: 105px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-related-packages-head {
        align-items: flex-start;
    }

    .cyp-related-packages-actions {
        flex-direction: column-reverse;
        align-items: flex-end;

        gap: 7px;
    }

    .cyp-related-package-card {
        flex: 0 0 34%;

        min-width: 110px;
    }

    .cyp-related-package-image {
        height: 72px;
    }

}

/* =========================================================
   RELATED PACKAGES - 2 ROWS x 6 CARDS
========================================================= */

.cyp-related-package-slider {
    display: grid;

    grid-auto-flow: column;

    grid-template-rows: repeat(2, auto);

    grid-auto-columns:
        calc((100% - 40px) / 6);

    gap: 10px 8px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 1px 8px;
}

.cyp-related-package-slider::-webkit-scrollbar {
    display: none;
}


/* RESET OLD CARD WIDTH */

.cyp-related-package-card {
    min-width: 0;

    width: 100%;

    flex: none;
}


/* SLIGHTLY BETTER SIZE */

.cyp-related-package-image {
    height: 70px;
}

.cyp-related-package-content {
    padding: 7px 7px 8px;
}

.cyp-related-package-content h3 {
    min-height: 22px;

    font-size: 7.5px;
}

.cyp-related-package-content strong {
    font-size: 7.5px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-related-package-slider {
        grid-template-rows: repeat(2, auto);

        grid-auto-columns:
            calc((100% - 16px) / 3);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-related-package-slider {
        grid-template-rows: repeat(2, auto);

        grid-auto-columns: 46%;
    }

}


/* =========================================================
   DESTINATION FAQ SECTION
========================================================= */

.cyp-destination-faq-section {
    padding: 28px 0 32px;

    background: #f7faf8;

    border-top: 1px solid #e7eeea;
}


/* HEADER */

.cyp-destination-faq-head {
    margin-bottom: 14px;
}

.cyp-destination-faq-head > div > span {
    display: block;

    margin-bottom: 4px;

    color: #ef6724;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.9px;
}

.cyp-destination-faq-head h2 {
    margin: 0 0 4px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
}

.cyp-destination-faq-head p {
    margin: 0;

    color: #74817c;

    font-size: 7.5px;
}


/* =========================================================
   FAQ GRID
========================================================= */

.cyp-destination-faq-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 8px 10px;
}


/* FAQ ITEM */

.cyp-destination-faq-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 7px;
}


/* QUESTION */

.cyp-destination-faq-question {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 11px 13px;

    background: #ffffff;

    border: 0;

    cursor: pointer;

    text-align: left;
}

.cyp-destination-faq-question span {
    color: #29483f;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 8px;
    font-weight: 700;
}

.cyp-destination-faq-question b {
    flex: 0 0 auto;

    color: #ef6724;

    font-size: 14px;
    font-weight: 400;

    transition: transform 0.2s ease;
}


/* ANSWER */

.cyp-destination-faq-answer {
    display: none;

    padding: 0 13px 11px;
}

.cyp-destination-faq-answer p {
    margin: 0;

    color: #687771;

    font-size: 7px;
    line-height: 1.55;
}


/* ACTIVE */

.cyp-destination-faq-item.active
.cyp-destination-faq-answer {
    display: block;
}

.cyp-destination-faq-item.active
.cyp-destination-faq-question b {
    transform: rotate(45deg);
}


/* VIEW ALL */

.cyp-destination-faq-more {
    display: flex;
    justify-content: flex-end;

    margin-top: 11px;
}

.cyp-destination-faq-more a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-destination-faq-section {
        padding: 23px 0 27px;
    }

    .cyp-destination-faq-grid {
        grid-template-columns: 1fr;
    }

    .cyp-destination-faq-question span {
        font-size: 8.5px;
    }

}

/* =========================================================
   DESTINATION FINAL CTA
========================================================= */

.cyp-destination-final-cta {
    position: relative;

    overflow: hidden;

    padding: 32px 0 20px;

    background:
        url("../images/hero2.jpg")
        center / cover no-repeat;
}


/* OVERLAY */

.cyp-destination-final-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(6, 48, 40, 0.97) 0%,
            rgba(7, 67, 54, 0.92) 48%,
            rgba(8, 58, 49, 0.82) 100%
        );
}


/* CONTENT */

.cyp-destination-final-content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}

.cyp-destination-final-content > div:first-child {
    max-width: 700px;
}


/* LABEL */

.cyp-destination-final-label {
    display: block;

    margin-bottom: 5px;

    color: #f6b06d;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 1.3px;
}


/* HEADING */

.cyp-destination-final-content h2 {
    margin: 0 0 6px;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
    line-height: 1.15;
}


/* DESCRIPTION */

.cyp-destination-final-content p {
    margin: 0;

    max-width: 620px;

    color: rgba(255, 255, 255, 0.80);

    font-size: 8px;
    line-height: 1.55;
}


/* BUTTON */

.cyp-destination-final-action {
    flex: 0 0 auto;
}

.cyp-destination-final-btn {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 10px 20px;

    background: #f36b21;
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 22px;

    font-size: 7.5px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.cyp-destination-final-btn:hover {
    background: #df5c17;

    transform: translateY(-2px);
}


/* TRUST LINE */

.cyp-destination-final-trust {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 18px;

    margin-top: 16px;
}

.cyp-destination-final-trust span {
    color: rgba(255, 255, 255, 0.78);

    font-size: 5.8px;
    font-weight: 600;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-destination-final-cta {
        padding: 25px 0 19px;
    }

    .cyp-destination-final-content {
        display: block;
    }

    .cyp-destination-final-content h2 {
        font-size: 23px;
    }

    .cyp-destination-final-action {
        margin-top: 14px;
    }

    .cyp-destination-final-trust {
        justify-content: flex-start;

        gap: 9px 15px;
    }

}

/* =========================================================
   CHARDHAM YATRA FINAL HERO
========================================================= */

.cyp-chardham-hero {
    min-height: 420px;

    background:
        url("../images/hero2.jpg")
        center 45% / cover no-repeat;
}

.cyp-chardham-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(7, 49, 41, 0.96) 0%,
            rgba(8, 58, 48, 0.82) 36%,
            rgba(8, 55, 47, 0.35) 68%,
            rgba(0, 0, 0, 0.08) 100%
        );
}

.cyp-chardham-hero-content {
    max-width: 600px;

    padding-bottom: 52px;
}

.cyp-chardham-hero-content h1 {
    font-size: 56px;

    line-height: 0.98;
}

.cyp-chardham-hero-content h1 span {
    font-size: 30px;
}


/* HERO BADGE */

.cyp-chardham-hero-badge {
    position: absolute;

    right: 5%;
    top: 52px;

    z-index: 3;

    min-width: 130px;

    padding: 11px 13px;

    background: rgba(255, 255, 255, 0.92);

    border-radius: 8px;

    box-shadow:
        0 8px 20px rgba(16, 46, 41, 0.09);
}

.cyp-chardham-hero-badge strong {
    display: block;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 8px;
}

.cyp-chardham-hero-badge span {
    display: block;

    margin-top: 2px;

    color: #788680;

    font-size: 6px;
}


/* MOBILE */

@media (max-width: 700px) {

    .cyp-chardham-hero-badge {
        display: none;
    }

    .cyp-chardham-hero-content h1 {
        font-size: 39px;
    }

    .cyp-chardham-hero-content h1 span {
        font-size: 22px;
    }

}

/* =========================================================
   CHARDHAM YATRA PAGE - FINAL BASE FIX
========================================================= */

.cyp-chardham-page {
    background: #f8faf9;
}

.cyp-chardham-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.cyp-chardham-hero {
    position: relative;
    min-height: 420px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        center 45% / cover no-repeat;
}

.cyp-chardham-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(6, 48, 40, 0.96) 0%,
            rgba(7, 57, 48, 0.84) 34%,
            rgba(7, 55, 47, 0.42) 67%,
            rgba(0, 0, 0, 0.10) 100%
        );
}

.cyp-chardham-hero .cyp-chardham-container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.cyp-chardham-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    padding-top: 20px;
    margin-bottom: 24px;
}

.cyp-chardham-breadcrumb a,
.cyp-chardham-breadcrumb span {
    color: rgba(255,255,255,0.82);

    font-size: 7px;

    text-decoration: none;
}

.cyp-chardham-breadcrumb a:hover {
    color: #ffffff;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.cyp-chardham-hero-content {
    max-width: 590px;

    padding-bottom: 52px;
}

.cyp-chardham-hero-label {
    display: block;

    margin-bottom: 8px;

    color: #ff9a53;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1.25px;
}

.cyp-chardham-hero-content h1 {
    margin: 0 0 14px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 55px;
    line-height: 0.98;

    font-weight: 700;

    letter-spacing: -1.3px;
}

.cyp-chardham-hero-content h1 span {
    display: block;

    margin-top: 8px;

    color: #eef6f2;

    font-size: 30px;
    line-height: 1.05;

    letter-spacing: -0.5px;
}

.cyp-chardham-hero-content p {
    max-width: 535px;

    margin: 0 0 20px;

    color: rgba(255,255,255,0.87);

    font-size: 9px;
    line-height: 1.65;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.cyp-chardham-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}

.cyp-chardham-primary-btn,
.cyp-chardham-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 38px;

    padding: 9px 18px;

    border-radius: 22px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.cyp-chardham-primary-btn {
    background: #f36b21;
    color: #ffffff;

    border: 1px solid #f36b21;
}

.cyp-chardham-primary-btn:hover {
    background: #df5c17;

    transform: translateY(-2px);
}

.cyp-chardham-secondary-btn {
    background: rgba(255,255,255,0.08);
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.58);
}

.cyp-chardham-secondary-btn:hover {
    background: rgba(255,255,255,0.17);
}


/* =========================================================
   HERO BADGE
========================================================= */

.cyp-chardham-hero-badge {
    position: absolute;

    right: 0;
    top: 52px;

    min-width: 135px;

    padding: 11px 14px;

    background: rgba(255,255,255,0.94);

    border-radius: 9px;

    box-shadow:
        0 8px 24px rgba(0,0,0,0.10);
}

.cyp-chardham-hero-badge strong {
    display: block;

    margin-bottom: 2px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 8px;
}

.cyp-chardham-hero-badge span {
    display: block;

    color: #71807a;

    font-size: 6px;
}


/* =========================================================
   QUICK INFORMATION BAR
========================================================= */

.cyp-chardham-quick-info {
    position: relative;
    z-index: 5;

    margin-top: -27px;
}

.cyp-chardham-quick-grid {
    display: grid;

    grid-template-columns: repeat(5, 1fr);

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 10px;

    box-shadow:
        0 10px 28px rgba(16,46,41,0.08);
}

.cyp-chardham-quick-item {
    position: relative;

    min-height: 70px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 11px 15px;
}

.cyp-chardham-quick-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 17px;
    bottom: 17px;

    width: 1px;

    background: #e8eeeb;
}

.cyp-chardham-quick-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

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

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 15px;
}

.cyp-chardham-quick-item strong {
    display: block;

    margin-bottom: 2px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 8.5px;
}

.cyp-chardham-quick-item small {
    display: block;

    color: #7a8883;

    font-size: 6px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-container {
        width: 90%;
    }

    .cyp-chardham-hero {
        min-height: 460px;

        align-items: flex-end;

        background-position: 62% center;
    }

    .cyp-chardham-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(6,48,40,0.98) 0%,
                rgba(6,48,40,0.91) 48%,
                rgba(6,48,40,0.24) 100%
            );
    }

    .cyp-chardham-hero-content {
        max-width: 100%;

        padding-bottom: 48px;
    }

    .cyp-chardham-hero-content h1 {
        font-size: 39px;
    }

    .cyp-chardham-hero-content h1 span {
        font-size: 22px;
    }

    .cyp-chardham-hero-badge {
        display: none;
    }

    .cyp-chardham-quick-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-chardham-quick-item {
        min-height: 62px;

        padding: 9px 10px;
    }

    .cyp-chardham-quick-item:last-child {
        grid-column: span 2;
    }

}

/* =========================================================
   CHARDHAM - WHAT IS CHARDHAM YATRA FINAL FIX
========================================================= */

.cyp-chardham-intro {
    padding: 38px 0 25px;
    background: #ffffff;
}


/* TWO COLUMN LAYOUT */

.cyp-chardham-intro-grid {
    display: grid;
    grid-template-columns: 1fr 0.95fr;

    gap: 30px;

    align-items: stretch;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.cyp-chardham-intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.cyp-chardham-section-label {
    display: block;

    margin-bottom: 5px;

    color: #ef6724;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1px;
}


.cyp-chardham-intro-content h2 {
    margin: 0;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 35px;
    line-height: 1.02;

    font-weight: 700;
}


.cyp-chardham-intro-content h2 span {
    display: block;
}


.cyp-chardham-heading-line {
    width: 39px;
    height: 3px;

    margin: 11px 0 14px;

    background: #ef6724;

    border-radius: 5px;
}


.cyp-chardham-intro-content p {
    max-width: 520px;

    margin: 0 0 9px;

    color: #5f6f69;

    font-size: 8.5px;
    line-height: 1.65;
}


.cyp-chardham-read-more {
    display: inline-flex;
    align-items: center;

    align-self: flex-start;

    gap: 6px;

    margin-top: 3px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-chardham-read-more span {
    font-size: 10px;
}


/* =========================================================
   RIGHT QUOTE IMAGE
========================================================= */

.cyp-chardham-quote-card {
    position: relative;

    min-height: 215px;

    overflow: hidden;

    border-radius: 10px;

    background: #173f36;

    box-shadow:
        0 7px 20px rgba(16, 46, 41, 0.08);
}


.cyp-chardham-quote-card > img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* DARK OVERLAY */

.cyp-chardham-quote-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(8, 52, 44, 0.90) 0%,
            rgba(8, 52, 44, 0.62) 55%,
            rgba(8, 52, 44, 0.20) 100%
        );
}


/* QUOTE CONTENT */

.cyp-chardham-quote-content {
    position: relative;
    z-index: 2;

    min-height: 215px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 25px 30px;
}


.cyp-chardham-quote-mark {
    display: block;

    margin-bottom: 3px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 42px;
    line-height: 0.8;
}


.cyp-chardham-quote-content h3 {
    max-width: 330px;

    margin: 0;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
    line-height: 1.35;

    font-weight: 700;
}


.cyp-chardham-quote-content h3 span {
    display: block;
}


.cyp-chardham-quote-line {
    width: 43px;
    height: 3px;

    margin-top: 12px;

    background: #ef6724;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-chardham-intro-grid {
        grid-template-columns: 1fr 1fr;

        gap: 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-intro {
        padding: 28px 0 20px;
    }

    .cyp-chardham-intro-grid {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .cyp-chardham-intro-content h2 {
        font-size: 29px;
    }

    .cyp-chardham-quote-card,
    .cyp-chardham-quote-content {
        min-height: 185px;
    }

}

/* =========================================================
   EXPLORE THE 4 SACRED DHAMS
========================================================= */

.cyp-four-dhams {
    padding: 34px 0 38px;

    background: #ffffff;
}

.cyp-four-dhams .cyp-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* TOP */

.cyp-four-dhams-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 16px;
}

.cyp-four-dhams-heading {
    max-width: 680px;
}

.cyp-four-dhams-heading h2 {
    margin: 0;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
    line-height: 1.1;
}

.cyp-four-dhams-heading p {
    margin: 8px 0 0;

    max-width: 610px;

    color: #66756f;

    font-size: 8px;
    line-height: 1.6;
}


/* VIEW ALL */

.cyp-four-dhams-view-all {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-four-dhams-view-all span {
    font-size: 10px;

    transition: transform 0.2s ease;
}

.cyp-four-dhams-view-all:hover span {
    transform: translateX(3px);
}


/* =========================================================
   GRID
========================================================= */

.cyp-four-dhams-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 12px;
}


/* CARD */

.cyp-dham-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2e9e5;
    border-radius: 10px;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.04);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cyp-dham-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 10px 24px rgba(16, 46, 41, 0.08);
}


/* IMAGE */

.cyp-dham-card-image {
    height: 145px;

    overflow: hidden;
}

.cyp-dham-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.cyp-dham-card:hover
.cyp-dham-card-image img {
    transform: scale(1.05);
}


/* CONTENT */

.cyp-dham-card-content {
    position: relative;

    padding: 14px 14px 15px;
}

.cyp-dham-card-number {
    position: absolute;

    right: 12px;
    top: 11px;

    color: rgba(239, 103, 36, 0.16);

    font-family: Georgia, serif;

    font-size: 28px;
    font-weight: 700;
}

.cyp-dham-card-content h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 7px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 15px;
    line-height: 1.2;
}

.cyp-dham-card-content p {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    color: #687771;

    font-size: 7px;
    line-height: 1.55;
}


/* META */

.cyp-dham-card-meta {
    margin-bottom: 10px;
}

.cyp-dham-card-meta span {
    display: inline-block;

    color: #4f675f;

    background: #f2f8f5;

    border-radius: 4px;

    padding: 4px 6px;

    font-size: 5.5px;
    font-weight: 700;
}


/* BUTTON */

.cyp-dham-card-btn {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-dham-card-btn span {
    font-size: 9px;

    transition: transform 0.2s ease;
}

.cyp-dham-card-btn:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-four-dhams-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-four-dhams {
        padding: 27px 0 30px;
    }

    .cyp-four-dhams-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .cyp-four-dhams-heading h2 {
        font-size: 24px;
    }

    .cyp-four-dhams-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .cyp-dham-card {
        display: grid;
        grid-template-columns: 125px 1fr;
    }

    .cyp-dham-card-image {
        height: 100%;
        min-height: 145px;
    }

    .cyp-dham-card-content {
        padding: 13px;
    }

    .cyp-dham-card-number {
        display: none;
    }

}

/* =========================================================
   CHARDHAM ROUTE + BEST TIME
========================================================= */

.cyp-chardham-route-season {
    padding: 12px 0 35px;

    background: #ffffff;
}


.cyp-chardham-route-season-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 14px;
}


/* =========================================================
   COMMON CARD
========================================================= */

.cyp-chardham-route-card,
.cyp-chardham-season-card {
    padding: 18px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 72%,
            #f4f9f6 100%
        );

    border: 1px solid #e4ebe7;
    border-radius: 10px;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.035);
}


/* =========================================================
   BLOCK HEADING
========================================================= */

.cyp-chardham-block-heading > span {
    display: block;

    margin-bottom: 3px;

    color: #ef6724;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.9px;
}


.cyp-chardham-block-heading h2 {
    margin: 0;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
    line-height: 1.15;
}


.cyp-chardham-block-heading > div {
    width: 34px;
    height: 3px;

    margin-top: 8px;

    background: #ef6724;

    border-radius: 4px;
}


.cyp-chardham-block-intro {
    margin: 10px 0 15px;

    max-width: 500px;

    color: #687771;

    font-size: 7.5px;
    line-height: 1.6;
}


/* =========================================================
   ROUTE FLOW
========================================================= */

.cyp-chardham-route-map {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 5px;

    margin: 13px 0 17px;

    padding: 16px 11px;

    background:
        linear-gradient(
            180deg,
            #f4faf6,
            #edf6f1
        );

    border-radius: 8px;
}


.cyp-chardham-route-point {
    min-width: 76px;

    display: flex;
    flex-direction: column;
    align-items: center;

    position: relative;
    z-index: 2;

    text-align: center;
}


.cyp-chardham-route-number,
.cyp-chardham-route-icon {
    width: 27px;
    height: 27px;

    margin-bottom: 6px;

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

    background: #ef6724;
    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;
    font-weight: 800;

    box-shadow:
        0 4px 10px rgba(239, 103, 36, 0.20);
}


.cyp-chardham-route-point.start
.cyp-chardham-route-icon {
    background: #07533f;
}


.cyp-chardham-route-point strong {
    display: block;

    color: #21473e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 7px;
}


.cyp-chardham-route-point small {
    display: block;

    margin-top: 2px;

    color: #83908b;

    font-size: 5px;
}


.cyp-chardham-route-line {
    flex: 1;

    height: 1px;

    background:
        repeating-linear-gradient(
            90deg,
            #9dbbb0 0px,
            #9dbbb0 4px,
            transparent 4px,
            transparent 7px
        );
}


/* =========================================================
   SEASON LIST
========================================================= */

.cyp-chardham-season-list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 8px;

    margin: 13px 0 16px;
}


.cyp-chardham-season-item {
    min-height: 125px;

    padding: 11px;

    border-radius: 8px;
}


.cyp-chardham-season-item.summer {
    background: #fff7eb;
}


.cyp-chardham-season-item.monsoon {
    background: #eff7fb;
}


.cyp-chardham-season-item.autumn {
    background: #f2f8f4;
}


.cyp-chardham-season-icon {
    width: 29px;
    height: 29px;

    margin-bottom: 7px;

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

    background: rgba(255,255,255,0.72);

    border-radius: 50%;

    color: #ef6724;

    font-size: 14px;
}


.cyp-chardham-season-item.monsoon
.cyp-chardham-season-icon {
    color: #4684aa;
}


.cyp-chardham-season-item.autumn
.cyp-chardham-season-icon {
    color: #197258;
}


.cyp-chardham-season-item strong {
    display: block;

    margin-bottom: 3px;

    color: #24493f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 8px;
}


.cyp-chardham-season-item span {
    display: block;

    margin-bottom: 6px;

    color: #4f665e;

    font-size: 6px;
    font-weight: 700;
}


.cyp-chardham-season-item p {
    margin: 0;

    color: #71807a;

    font-size: 5.8px;
    line-height: 1.5;
}


/* =========================================================
   SECTION LINK
========================================================= */

.cyp-chardham-section-link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-chardham-section-link span {
    font-size: 9px;

    transition: transform 0.2s ease;
}


.cyp-chardham-section-link:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-chardham-route-season-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-route-card,
    .cyp-chardham-season-card {
        padding: 14px;
    }


    .cyp-chardham-route-map {
        overflow-x: auto;

        justify-content: flex-start;

        gap: 8px;
    }


    .cyp-chardham-route-point {
        flex: 0 0 85px;
    }


    .cyp-chardham-route-line {
        flex: 0 0 25px;
    }


    .cyp-chardham-season-list {
        grid-template-columns: 1fr;
    }


    .cyp-chardham-season-item {
        min-height: auto;

        display: grid;
        grid-template-columns: 38px 1fr;

        gap: 8px;
    }

}

/* =========================================================
   CHARDHAM YATRA PACKAGES
========================================================= */

.cyp-chardham-packages {
    padding: 30px 0 36px;

    background: #f5f8f6;

    border-top: 1px solid #e7eeea;
}


.cyp-chardham-packages-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 15px;
}


.cyp-chardham-packages-head > div {
    max-width: 680px;
}


.cyp-chardham-packages-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
}


.cyp-chardham-packages-head p {
    margin: 0;

    max-width: 620px;

    color: #6d7b76;

    font-size: 7.5px;
    line-height: 1.6;
}


/* VIEW ALL */

.cyp-chardham-packages-view-all {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-chardham-packages-view-all span {
    font-size: 10px;

    transition: transform 0.2s ease;
}


.cyp-chardham-packages-view-all:hover span {
    transform: translateX(3px);
}


/* =========================================================
   PACKAGE GRID
========================================================= */

.cyp-chardham-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 11px;
}


/* CARD */

.cyp-chardham-package-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2e9e5;
    border-radius: 9px;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.035);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.cyp-chardham-package-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 24px rgba(16, 46, 41, 0.07);
}


/* IMAGE */

.cyp-chardham-package-image {
    position: relative;

    height: 120px;

    overflow: hidden;
}


.cyp-chardham-package-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}


.cyp-chardham-package-card:hover
.cyp-chardham-package-image img {
    transform: scale(1.05);
}


.cyp-chardham-package-image > span {
    position: absolute;

    top: 8px;
    left: 8px;

    padding: 4px 6px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 4px;

    font-size: 4.8px;
    font-weight: 800;

    letter-spacing: 0.5px;
}


/* CONTENT */

.cyp-chardham-package-content {
    padding: 11px 12px 12px;
}


.cyp-chardham-package-content > small {
    display: block;

    margin-bottom: 4px;

    color: #82908a;

    font-size: 5.5px;
    font-weight: 700;
}


.cyp-chardham-package-content h3 {
    margin: 0 0 6px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 11px;
    line-height: 1.25;
}


.cyp-chardham-package-content > p {
    min-height: 27px;

    margin: 0 0 10px;

    color: #75837d;

    font-size: 6px;
    line-height: 1.5;
}


/* BOTTOM */

.cyp-chardham-package-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 8px;

    padding-top: 8px;

    border-top: 1px solid #edf1ef;
}


.cyp-chardham-package-bottom strong {
    color: #ef6724;

    font-size: 9px;
    font-weight: 800;
}


.cyp-chardham-package-bottom strong span {
    color: #88948f;

    font-size: 4.8px;
    font-weight: 600;
}


.cyp-chardham-package-bottom a {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color: #36564c;

    font-size: 6px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-chardham-package-bottom a b {
    color: #ef6724;

    font-size: 9px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-chardham-packages-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-packages {
        padding: 26px 0 30px;
    }


    .cyp-chardham-packages-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 9px;
    }


    .cyp-chardham-packages-head h2 {
        font-size: 23px;
    }


    .cyp-chardham-packages-grid {
        grid-template-columns: 1fr;
    }


    .cyp-chardham-package-card {
        display: grid;

        grid-template-columns:
            125px 1fr;
    }


    .cyp-chardham-package-image {
        height: 100%;
        min-height: 135px;
    }

}

/* =========================================================
   CHARDHAM HOW TO REACH + REGISTRATION - FIX
========================================================= */

.cyp-chardham-access-registration {
    padding: 22px 0 34px;
    background: #ffffff;
}

.cyp-chardham-access-registration .cyp-chardham-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* MAIN 2 COLUMN */

.cyp-chardham-access-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    align-items: stretch;
}


/* BOTH CARDS */

.cyp-chardham-access-card,
.cyp-chardham-registration-card {
    display: block !important;

    padding: 18px !important;

    background: #ffffff !important;

    border: 1px solid #e3ebe7 !important;
    border-radius: 10px !important;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.04) !important;
}


/* INTRO */

.cyp-chardham-access-card .cyp-chardham-block-intro,
.cyp-chardham-registration-card .cyp-chardham-block-intro {
    margin: 9px 0 14px;

    color: #687771;

    font-size: 7.5px;
    line-height: 1.6;
}


/* =========================================================
   HOW TO REACH GRID
========================================================= */

.cyp-chardham-reach-grid {
    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 8px !important;

    margin: 14px 0 15px !important;
}


.cyp-chardham-reach-item {
    min-height: 108px;

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

    padding: 12px 8px !important;

    background: #f7faf8 !important;

    border: 1px solid #e5ece8 !important;
    border-radius: 8px !important;

    text-align: center;
}


.cyp-chardham-reach-icon {
    width: 32px;
    height: 32px;

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

    margin: 0 auto 8px;

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 15px;
}


.cyp-chardham-reach-item strong {
    display: block !important;

    margin-bottom: 5px;

    color: #21473e;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 8px;
}


.cyp-chardham-reach-item span {
    display: block !important;

    color: #75847e;

    font-size: 5.8px;
    line-height: 1.45;
}


/* =========================================================
   REGISTRATION
========================================================= */

.cyp-chardham-registration-card {
    background:
        linear-gradient(
            140deg,
            #ffffff 0%,
            #ffffff 68%,
            #f1f8f4 100%
        ) !important;
}


.cyp-chardham-registration-content {
    display: grid !important;

    grid-template-columns: 48px 1fr 90px !important;

    gap: 13px !important;

    align-items: center;

    margin: 13px 0 15px !important;

    padding: 15px !important;

    background: #f7faf8 !important;

    border-radius: 8px !important;
}


/* REGISTRATION ICON */

.cyp-chardham-registration-icon {
    width: 43px;
    height: 43px;

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

    background: #e7f4ed;
    color: #07533f;

    border-radius: 8px;

    font-size: 20px;
}


/* REGISTRATION TEXT */

.cyp-chardham-registration-info p {
    margin: 0 0 8px !important;

    color: #62736c !important;

    font-size: 7px !important;
    line-height: 1.55 !important;
}


.cyp-chardham-registration-info ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.cyp-chardham-registration-info li {
    position: relative;

    margin-bottom: 5px !important;

    padding-left: 13px !important;

    color: #536961 !important;

    font-size: 6.2px !important;
    line-height: 1.4 !important;
}


.cyp-chardham-registration-info li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: #ef6724;

    font-weight: 900;
}


/* RIGHT GREEN BOX */

.cyp-chardham-registration-art {
    min-height: 92px;

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

    background:
        linear-gradient(
            145deg,
            #07533f,
            #0a6951
        ) !important;

    color: #ffffff;

    border-radius: 8px;
}


.cyp-chardham-registration-art span {
    width: 32px;
    height: 32px;

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

    margin-bottom: 6px;

    background: rgba(255,255,255,0.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 14px;
}


.cyp-chardham-registration-art small {
    color: #ffffff;

    font-size: 5.5px;
    font-weight: 700;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-chardham-access-grid {
        grid-template-columns: 1fr !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-access-registration .cyp-chardham-container {
        width: 90%;
    }

    .cyp-chardham-reach-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .cyp-chardham-registration-content {
        grid-template-columns: 42px 1fr !important;
    }

    .cyp-chardham-registration-art {
        grid-column: 1 / -1;

        min-height: 64px;

        flex-direction: row;

        gap: 7px;
    }

    .cyp-chardham-registration-art span {
        margin-bottom: 0;
    }

}

/* =========================================================
   CHARDHAM - TRAVEL TIPS + WHY CHOOSE US
========================================================= */

.cyp-chardham-tips-why {
    padding: 30px 0 35px;

    background: #ffffff;
}


.cyp-chardham-tips-why-grid {
    display: grid;

    grid-template-columns:
        1.35fr 0.85fr;

    gap: 14px;
}


/* =========================================================
   COMMON CARDS
========================================================= */

.cyp-chardham-tips-card,
.cyp-chardham-why-card {
    padding: 18px;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 10px;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.035);
}


/* =========================================================
   TRAVEL TIPS
========================================================= */

.cyp-chardham-tips-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 8px;

    margin: 14px 0 15px;
}


.cyp-chardham-tip-item {
    min-height: 118px;

    padding: 11px 9px;

    background:
        linear-gradient(
            145deg,
            #f8fbf9,
            #f2f8f5
        );

    border: 1px solid #e8eeeb;
    border-radius: 8px;

    text-align: center;
}


.cyp-chardham-tip-icon {
    width: 31px;
    height: 31px;

    margin: 0 auto 7px;

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

    background: #fff0e6;
    color: #ef6724;

    border-radius: 50%;

    font-size: 14px;
}


.cyp-chardham-tip-item strong {
    display: block;

    margin-bottom: 5px;

    color: #23483f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 7.5px;
    line-height: 1.25;
}


.cyp-chardham-tip-item span {
    display: block;

    color: #788680;

    font-size: 5.5px;
    line-height: 1.45;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.cyp-chardham-why-card {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 62%,
            #edf7f2 100%
        );
}


.cyp-chardham-why-list {
    display: grid;

    gap: 8px;

    margin: 14px 0 16px;
}


.cyp-chardham-why-item {
    display: grid;

    grid-template-columns:
        27px 1fr;

    gap: 8px;

    align-items: start;

    padding-bottom: 8px;

    border-bottom: 1px solid #edf1ef;
}


.cyp-chardham-why-item:last-child {
    border-bottom: 0;

    padding-bottom: 0;
}


.cyp-chardham-why-item > span {
    width: 26px;
    height: 26px;

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

    background: #e7f4ed;
    color: #07533f;

    border-radius: 50%;

    font-size: 9px;
    font-weight: 900;
}


.cyp-chardham-why-item strong {
    display: block;

    margin-bottom: 2px;

    color: #24493f;

    font-size: 7.5px;
}


.cyp-chardham-why-item small {
    display: block;

    color: #798780;

    font-size: 5.8px;
    line-height: 1.45;
}


/* BUTTON */

.cyp-chardham-why-btn {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 8px 15px;

    background: #07533f;
    color: #ffffff;

    border-radius: 20px;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.cyp-chardham-why-btn:hover {
    background: #063f31;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-chardham-tips-why-grid {
        grid-template-columns: 1fr;
    }


    .cyp-chardham-tips-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-tips-why {
        padding: 25px 0 30px;
    }


    .cyp-chardham-tips-card,
    .cyp-chardham-why-card {
        padding: 14px;
    }


    .cyp-chardham-tips-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .cyp-chardham-tip-item:last-child {
        grid-column: span 2;
    }

}

/* =========================================================
   CHARDHAM FAQ + FINAL CTA
========================================================= */

.cyp-chardham-faq-cta {
    padding: 30px 0 0;

    background: #ffffff;
}


/* =========================================================
   FAQ BOX
========================================================= */

.cyp-chardham-faq-box {
    padding: 18px;

    background: #f7faf8;

    border: 1px solid #e3ebe7;
    border-radius: 10px;

    box-shadow:
        0 5px 17px rgba(16, 46, 41, 0.035);
}


.cyp-chardham-faq-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 14px;
}


.cyp-chardham-faq-head > div {
    max-width: 690px;
}


.cyp-chardham-faq-head h2 {
    margin: 0 0 4px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
}


.cyp-chardham-faq-head p {
    margin: 0;

    color: #70807a;

    font-size: 7.5px;
    line-height: 1.6;
}


.cyp-chardham-faq-view-all {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #ef6724;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   FAQ GRID
========================================================= */

.cyp-chardham-faq-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 8px 10px;
}


.cyp-chardham-faq-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 7px;
}


.cyp-chardham-faq-question {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 11px 12px;

    background: transparent;

    border: 0;

    cursor: pointer;

    text-align: left;
}


.cyp-chardham-faq-question span {
    color: #29483f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 8px;
    font-weight: 700;
}


.cyp-chardham-faq-question b {
    color: #ef6724;

    font-size: 14px;
    font-weight: 400;

    transition: transform 0.2s ease;
}


.cyp-chardham-faq-answer {
    display: none;

    padding: 0 12px 11px;
}


.cyp-chardham-faq-answer p {
    margin: 0;

    color: #687771;

    font-size: 7px;
    line-height: 1.55;
}


.cyp-chardham-faq-item.active
.cyp-chardham-faq-answer {
    display: block;
}


.cyp-chardham-faq-item.active
.cyp-chardham-faq-question b {
    transform: rotate(45deg);
}


/* =========================================================
   FINAL CTA
========================================================= */

.cyp-chardham-final-cta {
    position: relative;

    overflow: hidden;

    margin-top: 20px;

    padding: 27px 28px 17px;

    background:
        url("../images/hero2.jpg")
        center / cover no-repeat;

    border-radius: 10px 10px 0 0;
}


.cyp-chardham-final-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5, 46, 38, 0.97) 0%,
            rgba(6, 61, 49, 0.91) 55%,
            rgba(6, 61, 49, 0.72) 100%
        );
}


.cyp-chardham-final-content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;
}


.cyp-chardham-final-content > div {
    max-width: 700px;
}


.cyp-chardham-final-content > div > span {
    display: block;

    margin-bottom: 5px;

    color: #f6ae6b;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 1.1px;
}


.cyp-chardham-final-content h2 {
    margin: 0 0 5px;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 26px;
}


.cyp-chardham-final-content p {
    margin: 0;

    color: rgba(255,255,255,0.81);

    font-size: 7.5px;
    line-height: 1.55;
}


.cyp-chardham-final-btn {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 9px 17px;

    background: #f36b21;
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.32);
    border-radius: 21px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}


.cyp-chardham-final-btn:hover {
    background: #df5c17;

    transform: translateY(-2px);
}


/* TRUST */

.cyp-chardham-final-trust {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 15px;

    margin-top: 14px;
}


.cyp-chardham-final-trust span {
    color: rgba(255,255,255,0.78);

    font-size: 5.5px;
    font-weight: 600;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-chardham-faq-grid {
        grid-template-columns: 1fr;
    }


    .cyp-chardham-faq-head {
        align-items: flex-start;
        flex-direction: column;
    }


    .cyp-chardham-final-cta {
        padding: 23px 18px 16px;
    }


    .cyp-chardham-final-content {
        display: block;
    }


    .cyp-chardham-final-content h2 {
        font-size: 22px;
    }


    .cyp-chardham-final-btn {
        margin-top: 13px;
    }


    .cyp-chardham-final-trust {
        justify-content: flex-start;
    }

}

/* =========================================================
   CHARDHAM FAQ CLICK FIX
========================================================= */

.cyp-chardham-faq-question {
    position: relative;
    z-index: 5;

    cursor: pointer;

    pointer-events: auto;
}

.cyp-chardham-faq-question span,
.cyp-chardham-faq-question b {
    pointer-events: none;
}

.cyp-chardham-faq-item.active
.cyp-chardham-faq-answer {
    display: block;
}

.cyp-chardham-faq-item.active
.cyp-chardham-faq-question b {
    transform: rotate(45deg);
}

/* =========================================================
   CHARDHAM YATRA BY HELICOPTER
========================================================= */

.cyp-heli-page {
    background: #f8faf9;
}

.cyp-heli-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.cyp-heli-hero {
    position: relative;

    min-height: 445px;

    overflow: hidden;

    background:
        url("../images/helicopter-package.jpg")
        center / cover no-repeat;
}


.cyp-heli-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4, 45, 39, 0.97) 0%,
            rgba(5, 49, 42, 0.91) 36%,
            rgba(5, 49, 42, 0.38) 65%,
            rgba(0,0,0,0.06) 100%
        );
}


.cyp-heli-hero .cyp-heli-container {
    position: relative;
    z-index: 2;

    min-height: 445px;
}


/* BREADCRUMB */

.cyp-heli-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    padding-top: 19px;

    margin-bottom: 20px;
}


.cyp-heli-breadcrumb a,
.cyp-heli-breadcrumb span {
    color: rgba(255,255,255,0.83);

    font-size: 7px;

    text-decoration: none;
}


/* HERO CONTENT */

.cyp-heli-hero-content {
    max-width: 600px;

    padding-bottom: 34px;
}


.cyp-heli-hero-label {
    display: block;

    margin-bottom: 7px;

    color: #f5b263;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1.2px;
}


.cyp-heli-hero-content h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 54px;
    line-height: 0.96;

    letter-spacing: -1.3px;
}


.cyp-heli-hero-content h1 span {
    display: block;

    margin-top: 5px;
}


.cyp-heli-hero-content > p {
    max-width: 540px;

    margin: 0 0 12px;

    color: rgba(255,255,255,0.87);

    font-size: 8.5px;
    line-height: 1.65;
}


/* =========================================================
   SEE MORE
========================================================= */

.cyp-heli-see-more {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 15px;

    padding: 6px 13px;

    color: #ffffff;

    border: 1px solid #f36b21;
    border-radius: 18px;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}


.cyp-heli-see-more:hover {
    background: #f36b21;
}


.cyp-heli-see-more span {
    color: #f9a66f;
}


/* =========================================================
   HERO FEATURES
========================================================= */

.cyp-heli-hero-features {
    display: flex;
    flex-wrap: wrap;

    gap: 18px;

    margin-bottom: 17px;
}


.cyp-heli-hero-features > div {
    display: grid;

    grid-template-columns:
        28px 1fr;

    column-gap: 7px;

    align-items: center;
}


.cyp-heli-hero-features > div > span {
    grid-row: span 2;

    width: 27px;
    height: 27px;

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

    color: #f36b21;

    border: 1px solid rgba(243,107,33,0.7);
    border-radius: 50%;

    font-size: 12px;
}


.cyp-heli-hero-features strong {
    color: #ffffff;

    font-size: 6.5px;
}


.cyp-heli-hero-features small {
    color: rgba(255,255,255,0.65);

    font-size: 5px;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.cyp-heli-hero-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;
}


.cyp-heli-primary-btn,
.cyp-heli-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    min-height: 38px;

    padding: 9px 18px;

    border-radius: 22px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-heli-primary-btn {
    background: #f36b21;
    color: #ffffff;
}


.cyp-heli-secondary-btn {
    color: #ffffff;

    background: rgba(255,255,255,0.08);

    border: 1px solid rgba(255,255,255,0.55);
}


/* =========================================================
   HERO BADGES
========================================================= */

.cyp-heli-hero-badges {
    position: absolute;

    top: 28px;
    right: 0;

    display: grid;

    gap: 6px;
}


.cyp-heli-hero-badges span {
    display: block;

    padding: 6px 10px;

    background: rgba(5, 45, 39, 0.86);

    color: #ffffff;

    border: 1px solid rgba(246,180,84,0.48);
    border-radius: 18px;

    font-size: 5.5px;
    font-weight: 700;

    text-align: right;
}


/* SPIRITUAL BADGE */

.cyp-heli-spiritual-badge {
    position: absolute;

    right: 0;
    bottom: 28px;

    min-width: 175px;

    padding: 11px 14px;

    background: rgba(10,47,43,0.76);

    border: 1px solid rgba(255,255,255,0.52);
    border-radius: 7px;

    text-align: center;
}


.cyp-heli-spiritual-badge small,
.cyp-heli-spiritual-badge strong {
    display: block;
}


.cyp-heli-spiritual-badge small {
    color: rgba(255,255,255,0.66);

    font-size: 5px;
    letter-spacing: 0.8px;
}


.cyp-heli-spiritual-badge strong {
    margin-top: 3px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 8px;
}


/* =========================================================
   ABOUT SECTION
========================================================= */

.cyp-heli-about {
    padding: 18px 0 30px;

    background: #ffffff;
}


.cyp-heli-about-grid {
    display: grid;

    grid-template-columns:
        1.25fr 0.9fr 0.72fr;

    gap: 12px;
}


/* COMMON */

.cyp-heli-about-card,
.cyp-heli-about-media,
.cyp-heli-why {
    min-height: 275px;

    border-radius: 10px;
}


/* =========================================================
   ABOUT CARD
========================================================= */

.cyp-heli-about-card {
    padding: 18px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f1f8f4
        );

    border: 1px solid #e2ebe6;
}


.cyp-heli-section-label {
    display: block;

    margin-bottom: 4px;

    color: #ef6724;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 0.9px;
}


.cyp-heli-about-card h2 {
    margin: 0 0 8px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 24px;
    line-height: 1.05;
}


.cyp-heli-about-card h2 span {
    display: block;
}


.cyp-heli-about-card p {
    margin: 0 0 8px;

    color: #60716a;

    font-size: 7.5px;
    line-height: 1.58;
}


/* HIDDEN CONTENT */

.cyp-heli-about-more {
    display: none;
}


.cyp-heli-about-card.expanded
.cyp-heli-about-more {
    display: block;
}


/* SEE MORE BUTTON */

.cyp-heli-about-toggle {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin: 2px 0 14px;

    padding: 6px 13px;

    background: #ffffff;
    color: #ef6724;

    border: 1px solid #ef6724;
    border-radius: 18px;

    cursor: pointer;

    font-size: 6.5px;
    font-weight: 800;
}


.cyp-heli-about-toggle span {
    transition: transform 0.2s ease;
}


.cyp-heli-about-card.expanded
.cyp-heli-about-toggle span {
    transform: rotate(180deg);
}


/* FEATURES */

.cyp-heli-about-features {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 8px;
}


.cyp-heli-about-features > div {
    text-align: center;
}


.cyp-heli-about-features > div > span {
    width: 31px;
    height: 31px;

    margin: 0 auto 5px;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 50%;

    font-size: 14px;
}


.cyp-heli-about-features strong {
    display: block;

    color: #254b41;

    font-size: 6px;
}


.cyp-heli-about-features small {
    display: block;

    margin-top: 2px;

    color: #788680;

    font-size: 5px;
}


/* =========================================================
   VIDEO / MEDIA
========================================================= */

.cyp-heli-about-media {
    position: relative;

    overflow: hidden;

    background: #173f36;
}


.cyp-heli-about-media img {
    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;
}


.cyp-heli-about-media::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(5,45,39,0.74),
            transparent 56%
        );
}


.cyp-heli-video-btn {
    position: absolute;

    left: 50%;
    top: 50%;

    z-index: 3;

    width: 48px;
    height: 48px;

    transform: translate(-50%, -50%);

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

    background: #ffffff;
    color: #07533f;

    border: 0;
    border-radius: 50%;

    cursor: pointer;
}


.cyp-heli-about-media > span {
    position: absolute;

    z-index: 3;

    left: 15px;
    right: 15px;
    bottom: 14px;

    color: #ffffff;

    font-size: 6px;
    font-weight: 700;

    text-align: center;
}


/* =========================================================
   WHY CHOOSE
========================================================= */

.cyp-heli-why {
    position: relative;

    overflow: hidden;

    padding: 18px;

    background:
        linear-gradient(
            145deg,
            #eff8f3,
            #f9fcfa
        );

    border: 1px solid #e2ebe6;
}


.cyp-heli-why h2 {
    margin: 0 0 12px;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 18px;
    line-height: 1.08;
}


.cyp-heli-why h2 span {
    display: block;
}


.cyp-heli-why ul {
    position: relative;
    z-index: 2;

    margin: 0;
    padding: 0;

    list-style: none;
}


.cyp-heli-why li {
    position: relative;

    margin-bottom: 8px;

    padding-left: 18px;

    color: #536a62;

    font-size: 6.2px;
    line-height: 1.45;
}


.cyp-heli-why li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: -1px;

    width: 13px;
    height: 13px;

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

    background: #168059;
    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;
}


.cyp-heli-why-art {
    position: absolute;

    right: 10px;
    bottom: -17px;

    color: rgba(7,83,63,0.08);

    font-size: 90px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-heli-about-grid {
        grid-template-columns: 1fr 1fr;
    }


    .cyp-heli-why {
        grid-column: 1 / -1;
    }


    .cyp-heli-hero-badges {
        display: none;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-heli-container {
        width: 90%;
    }


    .cyp-heli-hero {
        min-height: 520px;

        background-position: 62% center;
    }


    .cyp-heli-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(5,45,39,0.98) 0%,
                rgba(5,45,39,0.90) 53%,
                rgba(5,45,39,0.28) 100%
            );
    }


    .cyp-heli-hero-content h1 {
        font-size: 39px;
    }


    .cyp-heli-spiritual-badge {
        display: none;
    }


    .cyp-heli-hero-features {
        gap: 11px;
    }


    .cyp-heli-about-grid {
        grid-template-columns: 1fr;
    }


    .cyp-heli-about-card,
    .cyp-heli-about-media,
    .cyp-heli-why {
        min-height: auto;
    }


    .cyp-heli-about-media {
        min-height: 220px;
    }


    .cyp-heli-about-features {
        grid-template-columns:
            repeat(2, 1fr);
    }

}

/* =========================================================
   CHARDHAM HELICOPTER ROUTE
========================================================= */

.cyp-heli-route {
    padding: 30px 0 34px;

    background:
        linear-gradient(
            180deg,
            #f2f9f5 0%,
            #edf7f2 100%
        );

    border-top: 1px solid #e3ebe7;
    border-bottom: 1px solid #e3ebe7;
}


/* HEADER */

.cyp-heli-route-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 17px;
}

.cyp-heli-route-head > div {
    max-width: 760px;
}

.cyp-heli-route-head h2 {
    margin: 0 0 6px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 27px;
    line-height: 1.1;
}

.cyp-heli-route-head p {
    margin: 0;

    max-width: 700px;

    color: #687871;

    font-size: 7.5px;
    line-height: 1.6;
}


/* LINK */

.cyp-heli-route-link {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 7px 13px;

    color: #ef6724;

    background: #ffffff;

    border: 1px solid #ef6724;
    border-radius: 18px;

    font-size: 6px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-heli-route-link span {
    font-size: 9px;
}


/* =========================================================
   ROUTE FLOW
========================================================= */

.cyp-heli-route-flow {
    display: grid;

    grid-template-columns:
        1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr;

    align-items: center;

    gap: 4px;
}


/* STOP */

.cyp-heli-route-stop {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2eae6;
    border-radius: 9px;

    text-align: center;

    box-shadow:
        0 5px 16px rgba(16, 46, 41, 0.035);
}

.cyp-heli-route-image {
    height: 95px;

    overflow: hidden;
}

.cyp-heli-route-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.3s ease;
}

.cyp-heli-route-stop:hover
.cyp-heli-route-image img {
    transform: scale(1.05);
}

.cyp-heli-route-stop strong {
    display: block;

    margin: 8px 6px 2px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 9px;
}

.cyp-heli-route-stop > span {
    display: block;

    padding: 0 6px 8px;

    color: #7b8983;

    font-size: 5.5px;
}


/* CONNECTOR */

.cyp-heli-route-connector {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 3px;

    color: #ef6724;
}

.cyp-heli-route-connector span {
    font-size: 15px;
}

.cyp-heli-route-connector b {
    color: #63a58b;

    font-size: 13px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-heli-route-flow {
        display: flex;

        overflow-x: auto;

        gap: 8px;

        scrollbar-width: none;

        padding-bottom: 5px;
    }

    .cyp-heli-route-flow::-webkit-scrollbar {
        display: none;
    }

    .cyp-heli-route-stop {
        flex: 0 0 160px;
    }

    .cyp-heli-route-connector {
        flex: 0 0 38px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-heli-route {
        padding: 25px 0 29px;
    }

    .cyp-heli-route-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;
    }

    .cyp-heli-route-head h2 {
        font-size: 23px;
    }

    .cyp-heli-route-stop {
        flex-basis: 145px;
    }

    .cyp-heli-route-image {
        height: 90px;
    }

}

/* =========================================================
   CHARDHAM HELICOPTER PACKAGES
========================================================= */

.cyp-heli-packages {
    padding: 30px 0 36px;

    background: #ffffff;
}


.cyp-heli-packages-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 15px;
}


.cyp-heli-packages-head > div {
    max-width: 720px;
}


.cyp-heli-packages-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
    line-height: 1.1;
}


.cyp-heli-packages-head p {
    margin: 0;

    color: #70807a;

    font-size: 7.5px;
    line-height: 1.6;
}


/* VIEW ALL */

.cyp-heli-packages-view-all {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 7px 13px;

    color: #ef6724;

    background: #ffffff;

    border: 1px solid #ef6724;
    border-radius: 18px;

    font-size: 6px;
    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   GRID
========================================================= */

.cyp-heli-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;
}


/* =========================================================
   CARD
========================================================= */

.cyp-heli-package-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2e9e5;
    border-radius: 10px;

    box-shadow:
        0 6px 18px rgba(16,46,41,0.05);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.cyp-heli-package-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(16,46,41,0.09);
}


/* IMAGE */

.cyp-heli-package-image {
    position: relative;

    height: 135px;

    overflow: hidden;
}


.cyp-heli-package-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}


.cyp-heli-package-card:hover
.cyp-heli-package-image img {
    transform: scale(1.05);
}


/* BADGE */

.cyp-heli-package-badge {
    position: absolute;

    top: 9px;
    left: 9px;

    padding: 4px 7px;

    color: #ffffff;

    border-radius: 12px;

    font-size: 4.8px;
    font-weight: 800;

    letter-spacing: 0.4px;
}


.cyp-heli-package-badge.orange {
    background: #f36b21;
}


.cyp-heli-package-badge.green {
    background: #158259;
}


.cyp-heli-package-badge.purple {
    background: #7250c8;
}


.cyp-heli-package-badge.blue {
    background: #2686c8;
}


/* =========================================================
   CONTENT
========================================================= */

.cyp-heli-package-content {
    padding: 12px 12px 13px;
}


.cyp-heli-package-content h3 {
    margin: 0 0 7px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;
    line-height: 1.25;
}


/* META */

.cyp-heli-package-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;

    margin-bottom: 8px;
}


.cyp-heli-package-meta span {
    display: inline-flex;

    padding: 4px 6px;

    color: #e55f20;

    background: #fff8f3;

    border: 1px solid #f4a27b;
    border-radius: 4px;

    font-size: 5.2px;
    font-weight: 700;
}


/* PRICE */

.cyp-heli-package-price {
    margin-bottom: 9px;

    color: #ef6724;

    font-size: 13px;
    font-weight: 800;
}


.cyp-heli-package-price small {
    color: #61726b;

    font-size: 5px;
    font-weight: 600;
}


/* LIST */

.cyp-heli-package-content ul {
    margin: 0 0 11px;
    padding: 0;

    list-style: none;
}


.cyp-heli-package-content li {
    position: relative;

    margin-bottom: 5px;

    padding-left: 14px;

    color: #5d7068;

    font-size: 6px;
    line-height: 1.45;
}


.cyp-heli-package-content li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    width: 10px;
    height: 10px;

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

    background: #16805a;
    color: #ffffff;

    border-radius: 50%;

    font-size: 5px;
}


/* =========================================================
   BUTTONS
========================================================= */

.cyp-heli-package-actions {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;
}


.cyp-heli-package-primary,
.cyp-heli-package-secondary {
    min-height: 30px;

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

    border-radius: 17px;

    font-size: 5.8px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-heli-package-primary {
    background: #f36b21;
    color: #ffffff;

    border: 1px solid #f36b21;
}


.cyp-heli-package-secondary {
    background: #ffffff;
    color: #174b3e;

    border: 1px solid #276d59;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-heli-packages-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-heli-packages {
        padding: 26px 0 30px;
    }


    .cyp-heli-packages-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 9px;
    }


    .cyp-heli-packages-head h2 {
        font-size: 23px;
    }


    .cyp-heli-packages-grid {
        grid-template-columns: 1fr;
    }


    .cyp-heli-package-card {
        display: grid;

        grid-template-columns:
            125px 1fr;
    }


    .cyp-heli-package-image {
        height: 100%;
        min-height: 180px;
    }

}

/* =========================================================
   HELICOPTER INFO - INCLUSIONS / EXCLUSIONS / BEST TIME
========================================================= */

.cyp-heli-info-three {
    padding: 0 0 34px;

    background: #ffffff;
}


.cyp-heli-info-three-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr 1fr;

    gap: 12px;
}


/* COMMON BOX */

.cyp-heli-info-box {
    min-height: 245px;

    padding: 16px;

    border-radius: 10px;

    border: 1px solid #e3ebe7;
}


/* BACKGROUNDS */

.cyp-heli-info-box.included {
    background:
        linear-gradient(
            145deg,
            #edf8f2,
            #f8fcfa
        );
}


.cyp-heli-info-box.excluded {
    background:
        linear-gradient(
            145deg,
            #fff5ed,
            #fffaf7
        );
}


.cyp-heli-info-box.best-time {
    background:
        linear-gradient(
            145deg,
            #f0f8f4,
            #f9fcfa
        );
}


/* =========================================================
   HEADER
========================================================= */

.cyp-heli-info-box-head {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 13px;
}


.cyp-heli-info-box-icon {
    width: 29px;
    height: 29px;

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

    border-radius: 50%;

    font-size: 13px;
    font-weight: 800;
}


.included .cyp-heli-info-box-icon {
    background: #dff2e8;
    color: #15805a;
}


.excluded .cyp-heli-info-box-icon {
    background: #ffe5d3;
    color: #ef6724;
}


.best-time .cyp-heli-info-box-icon {
    background: #e8f3ec;
    color: #07533f;
}


.cyp-heli-info-box h2 {
    margin: 0;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
    line-height: 1.2;
}


/* =========================================================
   LISTS
========================================================= */

.cyp-heli-info-box ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.cyp-heli-info-box li {
    position: relative;

    margin-bottom: 8px;

    padding-left: 17px;

    color: #596d65;

    font-size: 6.5px;
    line-height: 1.45;
}


.cyp-heli-info-box.included li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    width: 11px;
    height: 11px;

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

    background: #16805a;
    color: #ffffff;

    border-radius: 50%;

    font-size: 5.5px;
}


.cyp-heli-info-box.excluded li::before {
    content: "×";

    position: absolute;

    left: 0;
    top: 0;

    width: 11px;
    height: 11px;

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

    background: #ef6724;
    color: #ffffff;

    border-radius: 50%;

    font-size: 7px;
}


/* =========================================================
   BEST TIME MINI CARDS
========================================================= */

.cyp-heli-season-mini-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 8px;

    margin-bottom: 12px;
}


.cyp-heli-season-mini {
    min-height: 92px;

    display: grid;

    grid-template-columns:
        31px 1fr;

    gap: 7px;

    padding: 10px;

    background: rgba(255,255,255,0.75);

    border: 1px solid #e5ece8;
    border-radius: 8px;
}


.cyp-heli-season-mini-icon {
    width: 29px;
    height: 29px;

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

    background: #fff1df;
    color: #ef8b23;

    border-radius: 50%;

    font-size: 13px;
}


.cyp-heli-season-mini strong {
    display: block;

    margin-bottom: 4px;

    color: #23483f;

    font-size: 7px;
}


.cyp-heli-season-mini span {
    display: block;

    color: #71817a;

    font-size: 5.6px;
    line-height: 1.45;
}


/* WEATHER NOTE */

.cyp-heli-weather-note {
    display: grid;

    grid-template-columns:
        22px 1fr;

    gap: 7px;

    padding: 10px;

    background: #ffffff;

    border-left: 3px solid #ef6724;
    border-radius: 6px;
}


.cyp-heli-weather-note > span {
    width: 20px;
    height: 20px;

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

    background: #fff0e6;
    color: #ef6724;

    border-radius: 50%;

    font-size: 8px;
    font-weight: 800;
}


.cyp-heli-weather-note p {
    margin: 0;

    color: #697871;

    font-size: 5.8px;
    line-height: 1.5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-heli-info-three-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cyp-heli-info-box.best-time {
        grid-column: 1 / -1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-heli-info-three-grid {
        grid-template-columns: 1fr;
    }

    .cyp-heli-info-box.best-time {
        grid-column: auto;
    }

    .cyp-heli-info-box {
        min-height: auto;
    }

    .cyp-heli-season-mini-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   HELICOPTER ESSENTIAL INFORMATION
========================================================= */

.cyp-heli-essential {
    padding: 25px 0 27px;

    background: #f3f9f5;

    border-top: 1px solid #e3ebe7;
    border-bottom: 1px solid #e3ebe7;
}


.cyp-heli-essential-head {
    margin-bottom: 13px;
}


.cyp-heli-essential-head h2 {
    margin: 0 0 4px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 23px;
}


.cyp-heli-essential-head p {
    margin: 0;

    color: #72807a;

    font-size: 7px;
}


/* GRID */

.cyp-heli-essential-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 9px;
}


.cyp-heli-essential-item {
    min-height: 73px;

    display: grid;

    grid-template-columns:
        35px 1fr;

    gap: 8px;

    align-items: center;

    padding: 10px;

    background: #ffffff;

    border: 1px solid #e4ece7;
    border-radius: 8px;
}


.cyp-heli-essential-icon {
    width: 34px;
    height: 34px;

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

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 14px;
}


.cyp-heli-essential-item strong {
    display: block;

    margin-bottom: 3px;

    color: #25493f;

    font-size: 7px;
}


.cyp-heli-essential-item span {
    display: block;

    color: #7a8882;

    font-size: 5.5px;
    line-height: 1.4;
}


/* =========================================================
   EXPERIENCE THE JOURNEY
========================================================= */

.cyp-heli-experience {
    position: relative;

    overflow: hidden;

    padding: 27px 0;

    background:
        url("../images/hero2.jpg")
        center / cover no-repeat;
}


.cyp-heli-experience-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5, 45, 39, 0.96) 0%,
            rgba(6, 53, 45, 0.88) 34%,
            rgba(6, 53, 45, 0.67) 100%
        );
}


.cyp-heli-experience .cyp-heli-container {
    position: relative;
    z-index: 2;
}


/* LAYOUT */

.cyp-heli-experience-layout {
    display: grid;

    grid-template-columns:
        0.7fr 1.8fr;

    gap: 22px;

    align-items: center;
}


/* COPY */

.cyp-heli-experience-copy > span {
    display: block;

    margin-bottom: 5px;

    color: #f6ad66;

    font-size: 5.5px;
    font-weight: 800;

    letter-spacing: 1px;
}


.cyp-heli-experience-copy h2 {
    margin: 0 0 8px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 26px;
}


.cyp-heli-experience-copy p {
    max-width: 300px;

    margin: 0;

    color: rgba(255,255,255,0.78);

    font-size: 7px;
    line-height: 1.6;
}


/* =========================================================
   GALLERY
========================================================= */

.cyp-heli-gallery-wrap {
    position: relative;
}


.cyp-heli-gallery {
    display: flex;

    gap: 8px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 2px 7px;
}


.cyp-heli-gallery::-webkit-scrollbar {
    display: none;
}


.cyp-heli-gallery-card {
    flex: 0 0 calc((100% - 24px) / 4);

    height: 140px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,0.36);
    border-radius: 8px;

    background: #ffffff;
}


.cyp-heli-gallery-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}


.cyp-heli-gallery-card:hover img {
    transform: scale(1.05);
}


/* CONTROLS */

.cyp-heli-gallery-controls {
    display: flex;
    justify-content: flex-end;

    gap: 6px;

    margin-top: 7px;
}


.cyp-heli-gallery-controls button {
    width: 29px;
    height: 29px;

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

    background: rgba(255,255,255,0.11);
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.38);
    border-radius: 50%;

    cursor: pointer;

    font-size: 10px;
}


.cyp-heli-gallery-controls button:hover {
    background: #f36b21;

    border-color: #f36b21;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-heli-essential-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .cyp-heli-experience-layout {
        grid-template-columns: 1fr;
    }


    .cyp-heli-gallery-card {
        flex-basis: calc((100% - 16px) / 3);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-heli-essential-grid {
        grid-template-columns: 1fr 1fr;
    }


    .cyp-heli-essential-item:last-child {
        grid-column: 1 / -1;
    }


    .cyp-heli-gallery-card {
        flex: 0 0 72%;

        height: 155px;
    }


    .cyp-heli-experience-copy h2 {
        font-size: 23px;
    }

}

/* =========================================================
   FOOTER CONTACT LINK COLOR FIX
========================================================= */

footer a[href^="tel:"],
footer a[href^="mailto:"] {
    color: #ffffff !important;
    text-decoration: none !important;
}

footer a[href^="tel:"]:hover,
footer a[href^="mailto:"]:hover {
    color: #f36b21 !important;
}


/* =========================================================
   FIXED CALL + WHATSAPP BAR
========================================================= */

.cyp-sticky-contact {
    position: fixed;

    left: 50%;
    bottom: 14px;

    transform: translateX(-50%);

    z-index: 9999;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 6px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 30px;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.16);

    backdrop-filter: blur(10px);
}


/* BUTTON COMMON */

.cyp-sticky-contact a {
    min-width: 145px;
    min-height: 42px;

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

    gap: 7px;

    padding: 9px 17px;

    border-radius: 24px;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.cyp-sticky-contact a:hover {
    transform: translateY(-2px);
}


/* CALL */

.cyp-sticky-call {
    background: #f36b21;
    color: #ffffff !important;
}

.cyp-sticky-call:hover {
    background: #df5c17;

    box-shadow:
        0 6px 15px rgba(243, 107, 33, 0.28);
}


/* WHATSAPP */

.cyp-sticky-whatsapp {
    background: #07533f;
    color: #ffffff !important;
}

.cyp-sticky-whatsapp:hover {
    background: #064233;

    box-shadow:
        0 6px 15px rgba(7, 83, 63, 0.25);
}


/* ICON */

.cyp-sticky-contact-icon {
    font-size: 15px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-sticky-contact {
        width: calc(100% - 20px);

        bottom: 10px;

        gap: 6px;

        padding: 5px;

        border-radius: 12px;
    }


    .cyp-sticky-contact a {
        flex: 1;

        min-width: 0;
        min-height: 43px;

        padding: 8px 7px;

        border-radius: 9px;

        font-size: 10px;
    }

}

/* =========================================================
   HOME PAGE - SECTION SPACING FIX
========================================================= */

.cyp-home-page > section:not(:first-child) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 28px !important;
    padding-bottom: 28px !important;

    min-height: auto;
}


/* SECTION TO SECTION GAP */

.cyp-home-page > section + section {
    margin-top: 0 !important;
}


/* HEADINGS KE UPAR EXTRA GAP REMOVE */

.cyp-home-page section h2,
.cyp-home-page section h3 {
    margin-top: 0;
}


/* MOBILE */

@media (max-width: 700px) {

    .cyp-home-page > section:not(:first-child) {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

}

/* =========================================================
   HOME PREMIUM SEARCH HERO
========================================================= */

.cyp-search-hero {
    position: relative;
    overflow: hidden;

    padding: 0 0 25px;

    background:
        linear-gradient(
            180deg,
            #fbfcfb,
            #f7f9f8
        );
}


/* BACKGROUND */

.cyp-search-hero-bg {
    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 360px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.99) 0%,
            rgba(255,255,255,0.94) 39%,
            rgba(255,255,255,0.35) 61%,
            rgba(255,255,255,0.05) 100%
        ),
        url("../images/hero2.jpg")
        78% center / cover no-repeat;
}


.cyp-search-hero .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   HERO
========================================================= */

.cyp-search-hero-main {
    min-height: 345px;

    display: flex;
    align-items: center;
}


.cyp-search-hero-content {
    max-width: 650px;
}


/* BADGES */

.cyp-search-hero-badges {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;

    margin-bottom: 12px;
}


.cyp-search-hero-badges span {
    padding: 6px 10px;

    background: rgba(239,246,242,0.88);

    color: #355a4f;

    border-radius: 16px;

    font-size: 6px;
    font-weight: 700;
}


/* TITLE */

.cyp-search-hero-content h1 {
    margin: 0 0 11px;

    color: #123f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;
    line-height: 0.98;

    letter-spacing: -1px;
}


.cyp-search-hero-content h1 strong {
    display: block;

    color: #ef6724;

    font-weight: 700;
}


.cyp-search-hero-content h1 em {
    color: #123f36;

    font-style: normal;
}


/* DESCRIPTION */

.cyp-search-hero-content > p {
    max-width: 610px;

    margin: 0 0 17px;

    color: #586c64;

    font-size: 9px;
    line-height: 1.55;
}


/* POINTS */

.cyp-search-hero-points {
    display: flex;
    flex-wrap: wrap;

    gap: 20px;
}


.cyp-search-hero-points > div {
    display: grid;

    grid-template-columns: 34px 1fr;

    gap: 8px;

    align-items: center;
}


.cyp-search-hero-points > div > span {
    width: 33px;
    height: 33px;

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

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 14px;
}


.cyp-search-hero-points p {
    margin: 0;
}


.cyp-search-hero-points strong,
.cyp-search-hero-points small {
    display: block;
}


.cyp-search-hero-points strong {
    color: #25493f;

    font-size: 6.5px;
}


.cyp-search-hero-points small {
    margin-top: 2px;

    color: #7b8983;

    font-size: 5px;
}


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

.cyp-yatra-search-box {
    position: relative;
    z-index: 5;

    margin-top: -22px;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 12px;

    box-shadow:
        0 12px 30px rgba(16,46,41,0.09);
}


/* TABS */

.cyp-yatra-search-tabs {
    display: flex;

    padding-left: 12px;

    border-bottom: 1px solid #e8eeeb;
}


.cyp-yatra-tab {
    min-height: 42px;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 9px 18px;

    background: transparent;
    color: #38594f;

    border: 0;

    cursor: pointer;

    font-size: 7px;
    font-weight: 700;
}


.cyp-yatra-tab.active {
    background: #f36b21;
    color: #ffffff;

    border-radius: 8px 8px 0 0;
}


/* =========================================================
   SEARCH FORM
========================================================= */

.cyp-yatra-search-form {
    display: grid;

    grid-template-columns:
        1.05fr 1fr 1fr 1fr 1fr 1.15fr;

    align-items: end;

    padding: 13px;
}


.cyp-yatra-field {
    padding: 0 10px;

    border-right: 1px solid #e8eeeb;
}


.cyp-yatra-field label {
    display: flex;
    align-items: center;

    gap: 5px;

    margin-bottom: 6px;

    color: #536a61;

    font-size: 5.5px;
    font-weight: 700;
}


.cyp-yatra-field select {
    width: 100%;
    height: 34px;

    padding: 0 8px;

    background: #ffffff;
    color: #344f46;

    border: 1px solid #dfe7e3;
    border-radius: 6px;

    outline: 0;

    font-size: 6px;
}


/* SEARCH BUTTON */

.cyp-yatra-search-btn {
    height: 42px;

    margin-left: 10px;

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

    gap: 7px;

    background:
        linear-gradient(
            90deg,
            #f36b21,
            #f58228
        );

    color: #ffffff;

    border: 0;
    border-radius: 8px;

    cursor: pointer;

    font-size: 7px;
    font-weight: 800;

    box-shadow:
        0 6px 16px rgba(243,107,33,0.19);
}


/* =========================================================
   QUICK LINKS
========================================================= */

.cyp-search-quick-links {
    display: grid;

    grid-template-columns:
        repeat(6, 1fr);

    gap: 7px;

    margin-top: 10px;
}


.cyp-search-quick-links a {
    min-height: 58px;

    display: grid;

    grid-template-columns:
        55px 1fr 22px;

    align-items: center;

    gap: 7px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 8px;

    text-decoration: none;
}


.cyp-search-quick-links img {
    width: 55px;
    height: 58px;

    object-fit: cover;
}


.cyp-search-quick-links span {
    color: #29493f;

    font-size: 5.7px;
    font-weight: 700;
    line-height: 1.25;
}


.cyp-search-quick-links b {
    width: 20px;
    height: 20px;

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

    background: #fff0e6;
    color: #ef6724;

    border-radius: 50%;

    font-size: 7px;
}


/* =========================================================
   TRUST BAR
========================================================= */

.cyp-search-trust-bar {
    display: grid;

    grid-template-columns:
        repeat(6, 1fr);

    margin-top: 10px;

    background: #ffffff;

    border: 1px solid #e2eae6;
    border-radius: 9px;
}


.cyp-search-trust-bar > div {
    display: flex;
    align-items: center;

    gap: 8px;

    padding: 10px;
}


.cyp-search-trust-bar > div:not(:last-child) {
    border-right: 1px solid #e8eeeb;
}


.cyp-search-trust-bar > div > span {
    width: 30px;
    height: 30px;

    flex: 0 0 auto;

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

    background: #edf7f2;
    color: #07533f;

    border-radius: 50%;

    font-size: 12px;
}


.cyp-search-trust-bar p {
    margin: 0;
}


.cyp-search-trust-bar strong,
.cyp-search-trust-bar small {
    display: block;
}


.cyp-search-trust-bar strong {
    color: #294a40;

    font-size: 5.8px;
}


.cyp-search-trust-bar small {
    margin-top: 1px;

    color: #7b8983;

    font-size: 4.6px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .cyp-yatra-search-form {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .cyp-yatra-field {
        margin-bottom: 10px;
    }


    .cyp-search-quick-links {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .cyp-search-trust-bar {
        grid-template-columns:
            repeat(3, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-search-hero-bg {
        height: 470px;

        background:
            linear-gradient(
                0deg,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,0.91) 60%,
                rgba(255,255,255,0.35) 100%
            ),
            url("../images/hero2.jpg")
            center / cover no-repeat;
    }


    .cyp-search-hero-main {
        min-height: 450px;

        align-items: flex-end;

        padding-bottom: 80px;
    }


    .cyp-search-hero-content h1 {
        font-size: 37px;
    }


    .cyp-search-hero-points {
        gap: 10px;
    }


    .cyp-yatra-search-tabs {
        overflow-x: auto;

        padding-left: 0;

        scrollbar-width: none;
    }


    .cyp-yatra-tab {
        flex: 0 0 auto;

        padding: 9px 13px;
    }


    .cyp-yatra-search-form {
        grid-template-columns: 1fr 1fr;
    }


    .cyp-yatra-search-btn {
        margin: 4px 10px 0;

        grid-column: 1 / -1;
    }


    .cyp-search-quick-links {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .cyp-search-trust-bar {
        grid-template-columns:
            repeat(2, 1fr);
    }

}

/* =========================================================
   HOME HERO SEARCH - TEXT READABILITY FIX
========================================================= */

/* HERO BADGES */

.cyp-search-hero-badges span {
    font-size: 10px !important;
    font-weight: 700;
}


/* HERO DESCRIPTION */

.cyp-search-hero-content > p {
    font-size: 13px !important;
    line-height: 1.55;
}


/* HERO POINTS */

.cyp-search-hero-points strong {
    font-size: 10px !important;
}

.cyp-search-hero-points small {
    font-size: 8px !important;
}


/* SEARCH TABS */

.cyp-yatra-tab {
    font-size: 10px !important;
}


/* SEARCH FIELD LABELS */

.cyp-yatra-field label {
    font-size: 9px !important;
    color: #39574e !important;
}


/* SELECT TEXT */

.cyp-yatra-field select {
    font-size: 10px !important;
    font-weight: 500;
    color: #263f37 !important;
}


/* SEARCH BUTTON */

.cyp-yatra-search-btn {
    font-size: 10px !important;
}


/* QUICK LINKS */

.cyp-search-quick-links span {
    font-size: 9px !important;
    line-height: 1.25;
}

.cyp-search-quick-links b {
    font-size: 10px !important;
}


/* TRUST BAR */

.cyp-search-trust-bar strong {
    font-size: 9px !important;
}

.cyp-search-trust-bar small {
    font-size: 7.5px !important;
    line-height: 1.25;
}


/* GENERAL SHARPNESS */

.cyp-search-hero,
.cyp-search-hero * {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* MOBILE */

@media (max-width: 700px) {

    .cyp-search-hero-content > p {
        font-size: 12px !important;
    }

    .cyp-yatra-tab {
        font-size: 9px !important;
    }

    .cyp-yatra-field label {
        font-size: 8px !important;
    }

    .cyp-yatra-field select {
        font-size: 9px !important;
    }

    .cyp-search-quick-links span {
        font-size: 8px !important;
    }

}

/* =========================================================
   HOME - DESTINATIONS + EXCLUSIVE OFFERS
========================================================= */

.cyp-dest-offers {
    padding: 30px 0 34px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfaf7 100%
        );
}


/* =========================================================
   HEADING
========================================================= */

.cyp-dest-offers-head {
    margin-bottom: 15px;
}

.cyp-dest-offers-head > span {
    display: block;

    margin-bottom: 4px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.cyp-dest-offers-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 32px;
    line-height: 1.08;
}

.cyp-dest-offers-head h2 em {
    color: #ef6724;

    font-style: normal;
}

.cyp-dest-offers-head p {
    margin: 0;

    max-width: 760px;

    color: #6f7e78;

    font-size: 9px;
    line-height: 1.55;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.cyp-dest-offers-layout {
    display: grid;

    grid-template-columns:
        1.15fr 1fr;

    gap: 16px;

    align-items: stretch;
}


/* =========================================================
   DESTINATION GRID
========================================================= */

.cyp-destinations-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}


/* CARD */

.cyp-destination-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5ebe8;
    border-radius: 12px;

    text-decoration: none;

    box-shadow:
        0 7px 18px rgba(16,46,41,0.045);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.cyp-destination-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 11px 24px rgba(16,46,41,0.08);
}


/* IMAGE */

.cyp-destination-image {
    height: 145px;

    overflow: hidden;
}

.cyp-destination-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.3s ease;
}

.cyp-destination-card:hover
.cyp-destination-image img {
    transform: scale(1.04);
}


/* CONTENT */

.cyp-destination-content {
    position: relative;

    padding: 16px 14px 13px;
}

.cyp-destination-icon {
    position: absolute;

    top: -22px;
    left: 14px;

    width: 42px;
    height: 42px;

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

    background: #fff9f4;
    color: #ef6724;

    border: 3px solid #ffffff;
    border-radius: 50%;

    box-shadow:
        0 5px 12px rgba(16,46,41,0.08);

    font-size: 17px;
}

.cyp-destination-content h3 {
    margin: 8px 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
}

.cyp-destination-content p {
    min-height: 38px;

    margin: 0 0 8px;

    color: #687872;

    font-size: 9px;
    line-height: 1.45;
}

.cyp-destination-link {
    color: #ef6724;

    font-size: 8px;
    font-weight: 800;
}


/* =========================================================
   OFFERS PANEL
========================================================= */

.cyp-offers-panel {
    padding: 16px;

    background:
        linear-gradient(
            145deg,
            #fffdf9,
            #ffffff
        );

    border: 1px solid #e6ebe8;
    border-radius: 13px;

    box-shadow:
        0 8px 20px rgba(16,46,41,0.04);
}


/* OFFER HEADER */

.cyp-offers-head {
    margin-bottom: 13px;
}

.cyp-offers-head > span {
    display: block;

    margin-bottom: 3px;

    color: #ef6724;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1.1px;
}

.cyp-offers-head h3 {
    margin: 0 0 4px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.cyp-offers-head p {
    margin: 0;

    color: #72807a;

    font-size: 8px;
    line-height: 1.45;
}


/* =========================================================
   OFFER LIST
========================================================= */

.cyp-offers-list {
    display: grid;

    gap: 10px;
}


/* OFFER CARD */

.cyp-offer-card {
    display: grid;

    grid-template-columns:
        58px 1fr auto;

    gap: 12px;

    align-items: center;

    min-height: 105px;

    padding: 13px;

    overflow: hidden;

    border-radius: 11px;

    position: relative;
}


/* DIFFERENT OFFER BG */

.cyp-offer-card.early {
    background:
        linear-gradient(
            110deg,
            #fff4e7 0%,
            #fff8f0 55%,
            #f5e1c9 100%
        );
}

.cyp-offer-card.family {
    background:
        linear-gradient(
            110deg,
            #eef7f0 0%,
            #f7fbf8 55%,
            #dfecdf 100%
        );
}

.cyp-offer-card.helicopter {
    background:
        linear-gradient(
            110deg,
            #fff4e8 0%,
            #fff9f4 55%,
            #e9edf4 100%
        );
}


/* ICON */

.cyp-offer-icon {
    width: 52px;
    height: 52px;

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

    border-radius: 50%;

    font-size: 20px;
}

.early .cyp-offer-icon,
.helicopter .cyp-offer-icon {
    background: #f47a22;
    color: #ffffff;
}

.family .cyp-offer-icon {
    background: #4d8358;
    color: #ffffff;
}


/* COPY */

.cyp-offer-copy small {
    display: block;

    margin-bottom: 3px;

    color: #b0642f;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 0.7px;
}

.family .cyp-offer-copy small {
    color: #4c7e55;
}

.cyp-offer-copy h4 {
    margin: 0 0 4px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
}

.cyp-offer-copy p {
    margin: 0;

    max-width: 250px;

    color: #687872;

    font-size: 8px;
    line-height: 1.4;
}


/* OFFER BUTTON */

.cyp-offer-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 105px;
    min-height: 34px;

    padding: 7px 12px;

    background: #123f36;
    color: #ffffff;

    border-radius: 7px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-offer-card > a:hover {
    background: #ef6724;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-dest-offers-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-dest-offers {
        padding: 25px 0 28px;
    }

    .cyp-dest-offers-head h2 {
        font-size: 26px;
    }

    .cyp-destinations-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cyp-destination-image {
        height: 115px;
    }

    .cyp-destination-content {
        padding: 15px 10px 11px;
    }

    .cyp-destination-content h3 {
        font-size: 15px;
    }

    .cyp-destination-content p {
        font-size: 8px;
    }

    .cyp-offer-card {
        grid-template-columns:
            48px 1fr;

        gap: 9px;
    }

    .cyp-offer-card > a {
        grid-column: 1 / -1;

        justify-self: start;
    }

}

/* =========================================================
   REVIEWS - SINGLE ROW SLIDER FIX
========================================================= */

.reviews-grid,
.testimonials-grid,
.google-reviews-grid {
    display: flex !important;

    gap: 10px;

    overflow-x: auto;

    flex-wrap: nowrap !important;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding-bottom: 5px;
}

.reviews-grid::-webkit-scrollbar,
.testimonials-grid::-webkit-scrollbar,
.google-reviews-grid::-webkit-scrollbar {
    display: none;
}


/* REVIEW CARD WIDTH */

.review-card,
.testimonial-card,
.google-review-card {
    flex: 0 0 calc((100% - 40px) / 5);

    min-width: 210px;
}


/* TABLET */

@media (max-width: 900px) {

    .review-card,
    .testimonial-card,
    .google-review-card {
        flex: 0 0 calc((100% - 20px) / 3);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .review-card,
    .testimonial-card,
    .google-review-card {
        flex: 0 0 82%;
    }

}

/* =========================================================
   REVIEWS - MOBILE 2 CARDS VISIBLE
========================================================= */

@media (max-width: 600px) {

    .review-card,
    .testimonial-card,
    .google-review-card {
        flex: 0 0 calc((100% - 10px) / 2) !important;
        min-width: 0 !important;
    }

    .reviews-grid,
    .testimonials-grid,
    .google-reviews-grid {
        gap: 10px !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        scroll-snap-type: x mandatory;
        padding-bottom: 6px;
    }

    .review-card,
    .testimonial-card,
    .google-review-card {
        scroll-snap-align: start;
    }

}

/* =========================================================
   PACKAGE PILLAR PAGE - BASE
========================================================= */

.cyp-package-pillar-page {
    background: #ffffff;
}

.cyp-package-container {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.cyp-package-hero {
    position: relative;
    min-height: 390px;
    overflow: hidden;

    background:
        url("../images/kedarnath-temple.png")
        center / cover no-repeat;
}

.cyp-package-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.98) 0%,
            rgba(255,255,255,0.94) 42%,
            rgba(255,255,255,0.35) 67%,
            rgba(255,255,255,0.08) 100%
        );
}

.cyp-package-hero .cyp-package-container {
    position: relative;
    z-index: 2;
}

.cyp-package-breadcrumb {
    display: flex;
    gap: 7px;
    padding-top: 18px;
    font-size: 7px;
}

.cyp-package-breadcrumb a,
.cyp-package-breadcrumb span {
    color: #64756e;
    text-decoration: none;
}

.cyp-package-hero-content {
    max-width: 610px;
    padding: 38px 0 44px;
}

.cyp-package-kicker {
    display: block;
    margin-bottom: 7px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.cyp-package-hero-content h1 {
    margin: 0 0 12px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 50px;
    line-height: 0.98;
}

.cyp-package-hero-content h1 span {
    display: block;
}

.cyp-package-hero-content > p {
    max-width: 560px;

    margin: 0 0 17px;

    color: #5d6f68;

    font-size: 10px;
    line-height: 1.6;
}


/* FACTS */

.cyp-package-hero-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

    margin-bottom: 16px;
}

.cyp-package-hero-facts > div {
    padding: 9px 10px;

    background: rgba(255,255,255,0.82);

    border: 1px solid #e4ebe7;
    border-radius: 8px;
}

.cyp-package-hero-facts strong {
    display: block;

    color: #173f36;

    font-size: 10px;
}

.cyp-package-hero-facts span {
    display: block;

    margin-top: 2px;

    color: #788680;

    font-size: 6px;
}


/* BUTTONS */

.cyp-package-hero-actions {
    display: flex;
    gap: 9px;
}

.cyp-package-primary-btn,
.cyp-package-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 9px 18px;

    border-radius: 20px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-package-primary-btn {
    background: #173f36;
    color: #ffffff;
}

.cyp-package-secondary-btn {
    background: #f36b21;
    color: #ffffff;
}


/* =========================================================
   SEARCH
========================================================= */

.cyp-package-search {
    position: relative;
    z-index: 5;

    margin-top: -24px;
}

.cyp-package-search-box {
    padding: 14px;

    background: #ffffff;

    border: 1px solid #e3ebe7;
    border-radius: 12px;

    box-shadow:
        0 12px 28px rgba(16,46,41,0.08);
}

.cyp-package-search-title {
    margin-bottom: 10px;

    color: #173f36;

    font-size: 10px;
    font-weight: 800;
}

.cyp-package-search-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr) 1.1fr;

    gap: 8px;

    align-items: end;
}

.cyp-package-search-grid label {
    display: block;

    margin-bottom: 5px;

    color: #64766f;

    font-size: 6px;
    font-weight: 700;
}

.cyp-package-search-grid select {
    width: 100%;
    height: 34px;

    padding: 0 8px;

    background: #ffffff;

    border: 1px solid #dfe7e3;
    border-radius: 6px;

    color: #344f46;

    font-size: 7px;
}

.cyp-package-search-btn {
    height: 34px;

    background: #f36b21;
    color: #ffffff;

    border: 0;
    border-radius: 6px;

    cursor: pointer;

    font-size: 7px;
    font-weight: 800;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-package-hero-facts {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-package-search-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-package-container {
        width: 90%;
    }

    .cyp-package-hero {
        min-height: 500px;
        background-position: 65% center;
    }

    .cyp-package-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,0.94) 58%,
                rgba(255,255,255,0.35) 100%
            );
    }

    .cyp-package-hero-content {
        padding-top: 170px;
    }

    .cyp-package-hero-content h1 {
        font-size: 38px;
    }

    .cyp-package-search {
        margin-top: -16px;
    }

    .cyp-package-search-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cyp-package-search-btn {
        grid-column: 1 / -1;
    }

}

/* =========================================================
   PACKAGE PILLAR - ABOUT
========================================================= */

.cyp-package-about {
    padding: 34px 0 28px;
    background: #ffffff;
}


.cyp-package-about-grid {
    display: grid;

    grid-template-columns:
        1.05fr 1fr;

    gap: 20px;

    align-items: stretch;
}


/* LABEL */

.cyp-package-section-label {
    display: block;

    margin-bottom: 5px;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: 1.2px;
}


/* CONTENT */

.cyp-package-about-content h2 {
    margin: 0 0 9px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}


.cyp-package-about-content p {
    margin: 0 0 8px;

    color: #65766f;

    font-size: 9px;
    line-height: 1.6;
}


.cyp-package-about-btn {
    display: inline-flex;

    margin-top: 4px;

    padding: 9px 15px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 18px;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}


/* VISUAL */

.cyp-package-about-visual {
    position: relative;

    min-height: 190px;

    overflow: hidden;

    background:
        url("../images/why-chardham.jpg")
        center / cover no-repeat;

    border-radius: 10px;
}


.cyp-package-about-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7,63,51,0.93),
            rgba(7,63,51,0.55)
        );
}


.cyp-package-about-quote {
    position: relative;
    z-index: 2;

    max-width: 320px;

    padding: 32px 26px;
}


.cyp-package-about-quote > span {
    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 38px;
    line-height: 0.7;
}


.cyp-package-about-quote p {
    margin: 0;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 15px;
    line-height: 1.45;
}


/* =========================================================
   PACKAGE COMPARISON
========================================================= */

.cyp-package-comparison {
    padding: 25px 0 31px;

    background:
        linear-gradient(
            180deg,
            #fbfcfb,
            #f7f9f8
        );
}


/* SECTION HEAD */

.cyp-package-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 12px;
}


.cyp-package-section-head > div {
    max-width: 720px;
}


.cyp-package-section-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
}


.cyp-package-section-head p {
    margin: 0;

    color: #72807a;

    font-size: 8px;
    line-height: 1.5;
}


.cyp-package-view-all {
    flex: 0 0 auto;

    color: #ef6724;

    font-size: 7px;
    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   TABLE
========================================================= */

.cyp-package-table-wrap {
    overflow-x: auto;

    background: #ffffff;

    border: 1px solid #e2eae6;
    border-radius: 9px;

    box-shadow:
        0 6px 18px rgba(16,46,41,0.04);
}


.cyp-package-table {
    width: 100%;

    border-collapse: collapse;

    min-width: 720px;
}


.cyp-package-table th {
    padding: 10px 14px;

    background: #0f5144;
    color: #ffffff;

    font-size: 7px;
    font-weight: 700;

    text-align: left;
}


.cyp-package-table th:not(:last-child) {
    border-right:
        1px solid rgba(255,255,255,0.18);
}


.cyp-package-table td {
    padding: 10px 14px;

    color: #4f635b;

    border-bottom: 1px solid #edf1ef;

    font-size: 8px;
}


.cyp-package-table tbody tr:last-child td {
    border-bottom: 0;
}


.cyp-package-table tbody tr:hover {
    background: #fbfdfc;
}


/* PRICE */

.cyp-package-table td strong {
    color: #ef6724;

    font-size: 9px;
}


/* VIEW DETAILS BUTTON */

.cyp-package-table td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 100px;

    padding: 6px 11px;

    color: #174b3e;
    background: #ffffff;

    border: 1px solid #9bb8af;
    border-radius: 15px;

    font-size: 6.5px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-package-table td a:hover {
    background: #f36b21;
    color: #ffffff;

    border-color: #f36b21;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-package-about {
        padding: 28px 0 24px;
    }


    .cyp-package-about-grid {
        grid-template-columns: 1fr;
    }


    .cyp-package-about-content h2 {
        font-size: 24px;
    }


    .cyp-package-about-visual {
        min-height: 165px;
    }


    .cyp-package-section-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 7px;
    }


    .cyp-package-section-head h2 {
        font-size: 23px;
    }

}

/* =========================================================
   PACKAGE PILLAR - COMPACT SPACING FIX
========================================================= */

/* ABOUT SECTION COMPACT */

.cyp-package-about {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

.cyp-package-about-grid {
    gap: 14px !important;
}

.cyp-package-about-content h2 {
    margin-bottom: 6px !important;
}

.cyp-package-about-content p {
    margin-bottom: 6px !important;
}


/* COMPARISON SECTION COMPACT */

.cyp-package-comparison {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
}

.cyp-package-section-head {
    margin-bottom: 8px !important;
}

.cyp-package-section-head h2 {
    margin-bottom: 3px !important;
}


/* TABLE SMALLER */

.cyp-package-table th {
    padding: 7px 12px !important;
    font-size: 7px !important;
}

.cyp-package-table td {
    padding: 7px 12px !important;
    font-size: 7px !important;
}

.cyp-package-table td strong {
    font-size: 8px !important;
}


/* SMALLER BUTTON */

.cyp-package-table td a {
    min-width: 90px !important;

    padding: 5px 9px !important;

    font-size: 6px !important;
}


/* REMOVE EXTRA HEADING GAP */

.cyp-package-section-head {
    align-items: flex-start !important;
}


/* GENERAL GAP CONTROL FOR THIS PAGE */

.cyp-package-pillar-page > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* MOBILE */

@media (max-width: 700px) {

    .cyp-package-about {
        padding-top: 18px !important;
        padding-bottom: 16px !important;
    }

    .cyp-package-comparison {
        padding-top: 16px !important;
        padding-bottom: 18px !important;
    }

}

/* =========================================================
   PACKAGE TABLE - MOBILE FIT VERSION
========================================================= */

@media (max-width: 700px) {

    .cyp-package-table-wrap {
        width: 100%;
        overflow: hidden !important;
        border-radius: 8px;
    }

    .cyp-package-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .cyp-package-table thead {
        display: table-header-group !important;
    }

    .cyp-package-table tbody {
        display: table-row-group !important;
    }

    .cyp-package-table tr {
        display: table-row !important;
    }

    .cyp-package-table th,
    .cyp-package-table td {
        display: table-cell !important;
        vertical-align: middle;

        padding: 7px 5px !important;

        font-size: 7px !important;
        line-height: 1.25;

        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

    /* column widths */

    .cyp-package-table th:nth-child(1),
    .cyp-package-table td:nth-child(1) {
        width: 40%;
    }

    .cyp-package-table th:nth-child(2),
    .cyp-package-table td:nth-child(2) {
        width: 18%;
        text-align: center;
    }

    .cyp-package-table th:nth-child(3),
    .cyp-package-table td:nth-child(3) {
        width: 22%;
        text-align: center;
    }

    .cyp-package-table th:nth-child(4),
    .cyp-package-table td:nth-child(4) {
        width: 20%;
        text-align: center;
    }

    /* package name */

    .cyp-package-table td:nth-child(1) {
        font-size: 7px !important;
        font-family: inherit !important;
        font-weight: 600;
    }

    /* price */

    .cyp-package-table td strong {
        font-size: 8px !important;
        white-space: nowrap;
    }

    /* view details */

    .cyp-package-table td a {
        min-width: 0 !important;
        width: auto !important;

        padding: 5px 4px !important;

        font-size: 6px !important;

        border-radius: 10px;
        white-space: nowrap;
    }

}

/* ABOUT PACKAGE - VIEW MORE */

.cyp-package-about-more {
    display: none;
}

.cyp-package-about-more.active {
    display: block;
}

.cyp-package-about-toggle {
    border: 0;
    cursor: pointer;
}

/* =========================================================
   PACKAGE SEARCH - TEXT READABILITY FIX
========================================================= */

.cyp-package-search-title {
    font-size: 14px !important;
    line-height: 1.25;
}

.cyp-package-search-grid label {
    font-size: 9px !important;
    color: #465e55 !important;
}

.cyp-package-search-grid select {
    font-size: 10px !important;
    font-weight: 500;
    color: #29483f !important;
}

.cyp-package-search-btn {
    font-size: 10px !important;
    font-weight: 800;
}


/* slightly clearer spacing */

.cyp-package-search-grid label {
    margin-bottom: 6px !important;
}

.cyp-package-search-grid select {
    height: 36px !important;
}


/* MOBILE */

@media (max-width: 700px) {

    .cyp-package-search-title {
        font-size: 13px !important;
    }

    .cyp-package-search-grid label {
        font-size: 8px !important;
    }

    .cyp-package-search-grid select {
        font-size: 9px !important;
    }

    .cyp-package-search-btn {
        font-size: 9px !important;
    }

}

/* =========================================================
   PACKAGE TABLE - TEXT SIZE IMPROVEMENT
========================================================= */

/* HEADER */
.cyp-package-table th {
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
}


/* NORMAL TABLE TEXT */
.cyp-package-table td {
    font-size: 10px !important;
    line-height: 1.35;
    padding: 8px 12px !important;
}


/* PACKAGE NAME */
.cyp-package-table td:first-child {
    font-size: 10.5px !important;
    font-weight: 600;
}


/* PRICE */
.cyp-package-table td strong {
    font-size: 11px !important;
    font-weight: 800;
}


/* VIEW DETAILS */
.cyp-package-table td a {
    font-size: 8.5px !important;
    font-weight: 800 !important;
}


/* =========================================================
   MOBILE TABLE
========================================================= */

@media (max-width: 700px) {

    .cyp-package-table th {
        font-size: 8px !important;
        padding: 7px 4px !important;
    }

    .cyp-package-table td {
        font-size: 8px !important;
        padding: 7px 4px !important;
    }

    .cyp-package-table td:first-child {
        font-size: 8px !important;
        font-weight: 600;
    }

    .cyp-package-table td strong {
        font-size: 9px !important;
    }

    .cyp-package-table td a {
        font-size: 7px !important;
        padding: 5px 4px !important;
    }

}

/* =========================================================
   POPULAR CHARDHAM PACKAGES
========================================================= */

.cyp-popular-packages {
    padding: 24px 0 28px;
    background: #ffffff;
}

.cyp-popular-packages-head {
    margin-bottom: 12px;
}

.cyp-popular-packages-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-popular-packages-head p {
    margin: 0;

    max-width: 720px;

    color: #6f7e78;

    font-size: 10px;
    line-height: 1.5;
}


/* GRID */

.cyp-popular-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;
}


/* CARD */

.cyp-popular-package-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2eae6;
    border-radius: 10px;

    box-shadow:
        0 6px 16px rgba(16,46,41,0.045);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-popular-package-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 22px rgba(16,46,41,0.08);
}


/* IMAGE */

.cyp-popular-package-image {
    position: relative;

    height: 145px;

    overflow: hidden;
}

.cyp-popular-package-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.cyp-popular-package-image > span {
    position: absolute;

    top: 9px;
    left: 9px;

    padding: 5px 8px;

    background: #173f36;
    color: #ffffff;

    border-radius: 12px;

    font-size: 8px;
    font-weight: 800;
}


/* CONTENT */

.cyp-popular-package-content {
    padding: 11px 12px 12px;
}

.cyp-popular-package-content h3 {
    margin: 0 0 6px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
    line-height: 1.2;
}

.cyp-popular-package-content h3 small {
    display: block;

    margin-top: 2px;

    color: #ef6724;

    font-family: inherit;

    font-size: 10px;
}

.cyp-popular-package-content > p {
    min-height: 42px;

    margin: 0 0 10px;

    color: #697972;

    font-size: 9px;
    line-height: 1.45;
}


/* BOTTOM */

.cyp-popular-package-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 10px;

    padding-top: 9px;

    border-top: 1px solid #edf1ef;
}

.cyp-popular-package-bottom > div > span {
    display: block;

    color: #7d8984;

    font-size: 8px;
}

.cyp-popular-package-bottom strong {
    display: block;

    margin: 1px 0;

    color: #ef6724;

    font-size: 15px;
}

.cyp-popular-package-bottom small {
    display: block;

    color: #7d8984;

    font-size: 8px;
}

.cyp-popular-package-bottom a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 32px;

    padding: 7px 10px;

    color: #174b3e;
    background: #ffffff;

    border: 1px solid #9bb8af;
    border-radius: 16px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-popular-packages-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-popular-packages {
        padding: 20px 0 22px;
    }

    .cyp-popular-packages-head h2 {
        font-size: 24px;
    }

    .cyp-popular-packages-grid {
        display: flex;

        gap: 10px;

        overflow-x: auto;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }

    .cyp-popular-packages-grid::-webkit-scrollbar {
        display: none;
    }

    .cyp-popular-package-card {
        flex: 0 0 82%;

        scroll-snap-align: start;
    }

}

/* =========================================================
   POPULAR PACKAGES - TWO ROW COMPACT SLIDER
========================================================= */

.cyp-popular-slider-wrap {
    width: 100%;
    overflow: hidden;
}


/* CONTROLS */

.cyp-popular-slider-top {
    display: flex;
    justify-content: flex-end;

    margin-bottom: 8px;
}


.cyp-popular-slider-controls {
    display: flex;
    gap: 6px;
}


.cyp-popular-slider-controls button {
    width: 31px;
    height: 31px;

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

    background: #ffffff;
    color: #173f36;

    border: 1px solid #cfdcd6;
    border-radius: 50%;

    cursor: pointer;

    font-size: 14px;
    font-weight: 700;

    transition: 0.2s ease;
}


.cyp-popular-slider-controls button:hover {
    background: #173f36;
    color: #ffffff;
    border-color: #173f36;
}


/* =========================================================
   TWO ROW SLIDER
========================================================= */

.cyp-popular-packages-grid {
    display: grid !important;

    grid-template-rows:
        repeat(2, auto);

    grid-auto-flow: column;

    /* 6 CARDS PER ROW */
    grid-auto-columns:
        calc((100% - 50px) / 6);

    gap: 10px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 1px 7px;
}


.cyp-popular-packages-grid::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   SMALLER PACKAGE CARDS
========================================================= */

.cyp-popular-package-card {
    min-width: 0 !important;

    border-radius: 8px !important;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04) !important;
}


/* IMAGE SMALL */

.cyp-popular-package-image {
    height: 95px !important;
}


.cyp-popular-package-image > span {
    top: 6px !important;
    left: 6px !important;

    padding: 4px 6px !important;

    font-size: 7px !important;
}


/* CONTENT COMPACT */

.cyp-popular-package-content {
    padding: 8px !important;
}


.cyp-popular-package-content h3 {
    margin-bottom: 4px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
}


.cyp-popular-package-content h3 small {
    margin-top: 2px;

    font-size: 9px !important;
}


.cyp-popular-package-content > p {
    min-height: 32px !important;

    margin-bottom: 6px !important;

    font-size: 8px !important;
    line-height: 1.35 !important;
}


/* PRICE AREA */

.cyp-popular-package-bottom {
    gap: 5px !important;

    padding-top: 6px !important;
}


.cyp-popular-package-bottom > div > span {
    font-size: 7px !important;
}


.cyp-popular-package-bottom strong {
    font-size: 12px !important;
}


.cyp-popular-package-bottom small {
    font-size: 7px !important;
}


/* VIEW DETAILS */

.cyp-popular-package-bottom a {
    min-height: 27px !important;

    padding: 5px 7px !important;

    font-size: 7px !important;

    white-space: nowrap;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .cyp-popular-packages-grid {
        grid-auto-columns:
            calc((100% - 30px) / 4);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-popular-packages-grid {
        grid-template-rows:
            repeat(2, auto);

        grid-auto-columns:
            calc((100% - 10px) / 2);

        gap: 10px;
    }


    .cyp-popular-package-image {
        height: 90px !important;
    }


    .cyp-popular-package-content h3 {
        font-size: 11px !important;
    }


    .cyp-popular-package-content > p {
        font-size: 8px !important;
    }

}

/* =========================================================
   POPULAR PACKAGES - FULL WIDTH 2 ROW FIX
========================================================= */

.cyp-popular-slider-wrap {
    width: 100%;
    overflow: hidden;
}

.cyp-popular-packages-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-rows: repeat(2, auto) !important;
    grid-auto-flow: column !important;

    /* 6 cards visible in each row */
    grid-auto-columns: calc((100% - 50px) / 6) !important;

    gap: 10px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 0 6px !important;
}

.cyp-popular-packages-grid::-webkit-scrollbar {
    display: none;
}


/* CARD SMALLER */

.cyp-popular-package-card {
    width: auto !important;
    min-width: 0 !important;

    border-radius: 8px !important;
}


/* IMAGE */

.cyp-popular-package-image {
    height: 82px !important;
}


/* CONTENT */

.cyp-popular-package-content {
    padding: 7px !important;
}


.cyp-popular-package-content h3 {
    font-size: 11px !important;
    line-height: 1.15 !important;
    margin-bottom: 3px !important;
}


.cyp-popular-package-content h3 small {
    font-size: 8px !important;
}


.cyp-popular-package-content > p {
    min-height: 28px !important;

    font-size: 8px !important;
    line-height: 1.3 !important;

    margin-bottom: 5px !important;
}


/* PRICE */

.cyp-popular-package-bottom {
    padding-top: 5px !important;
}

.cyp-popular-package-bottom > div > span {
    font-size: 7px !important;
}

.cyp-popular-package-bottom strong {
    font-size: 11px !important;
}

.cyp-popular-package-bottom small {
    font-size: 7px !important;
}


/* BUTTON */

.cyp-popular-package-bottom a {
    min-height: 25px !important;

    padding: 4px 6px !important;

    font-size: 7px !important;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .cyp-popular-packages-grid {
        grid-auto-columns: calc((100% - 55px) / 6) !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .cyp-popular-packages-grid {
        grid-auto-columns: calc((100% - 30px) / 4) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-popular-packages-grid {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
    }

}

/* =========================================================
   POPULAR CHARDHAM PACKAGES - FINAL
========================================================= */

.cyp-popular-packages {
    padding: 22px 0 25px;
    background: #ffffff;
}


/* HEADER */

.cyp-popular-head-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 10px;
}

.cyp-popular-packages-head {
    margin: 0;
}

.cyp-popular-packages-head h2 {
    margin: 0 0 4px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
}

.cyp-popular-packages-head p {
    margin: 0;

    color: #687872;

    font-size: 10px;
    line-height: 1.45;
}


/* ARROWS */

.cyp-popular-slider-controls {
    display: flex;
    gap: 7px;
}

.cyp-popular-slider-controls button {
    width: 34px;
    height: 34px;

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

    background: #ffffff;
    color: #173f36;

    border: 1px solid #cbd9d3;
    border-radius: 50%;

    cursor: pointer;

    font-size: 15px;

    transition: 0.2s ease;
}

.cyp-popular-slider-controls button:hover {
    background: #173f36;
    color: #ffffff;
}


/* SLIDER */

.cyp-popular-slider-wrap {
    width: 100%;
    overflow: hidden;
}

.cyp-popular-packages-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-rows:
        repeat(2, auto) !important;

    grid-auto-flow:
        column !important;

    grid-auto-columns:
        calc((100% - 50px) / 6) !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    overflow-x: auto !important;
    overflow-y: hidden;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding: 2px 1px 5px;
}

.cyp-popular-packages-grid::-webkit-scrollbar {
    display: none;
}


/* CARD */

.cyp-popular-package-card {
    width: auto !important;
    min-width: 0 !important;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 8px;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04);
}


/* IMAGE */

.cyp-popular-package-image {
    position: relative;

    height: 90px !important;

    overflow: hidden;
}

.cyp-popular-package-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.cyp-popular-package-image > span {
    position: absolute;

    top: 6px;
    left: 6px;

    padding: 4px 6px;

    background: #173f36;
    color: #ffffff;

    border-radius: 10px;

    font-size: 8px;
    font-weight: 800;
}


/* CONTENT */

.cyp-popular-package-content {
    padding: 8px !important;
}

.cyp-popular-package-content h3 {
    margin: 0 0 4px !important;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 12px !important;
    line-height: 1.15 !important;
}

.cyp-popular-package-content h3 small {
    display: block;

    margin-top: 2px;

    color: #ef6724;

    font-size: 9px !important;
}

.cyp-popular-package-content > p {
    min-height: 32px !important;

    margin: 0 0 6px !important;

    color: #65766f;

    font-size: 8px !important;
    line-height: 1.35 !important;
}


/* PRICE */

.cyp-popular-package-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 5px;

    padding-top: 6px !important;

    border-top: 1px solid #edf1ef;
}

.cyp-popular-package-bottom > div > span {
    display: block;

    color: #7b8983;

    font-size: 7px !important;
}

.cyp-popular-package-bottom strong {
    display: block;

    margin: 1px 0;

    color: #ef6724;

    font-size: 12px !important;
}

.cyp-popular-package-bottom small {
    display: block;

    color: #7b8983;

    font-size: 7px !important;
}


/* BUTTON */

.cyp-popular-package-bottom a {
    min-height: 26px !important;

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

    padding: 5px 7px !important;

    color: #173f36;

    background: #ffffff;

    border: 1px solid #9ab4ab;
    border-radius: 14px;

    font-size: 7px !important;
    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;
}


/* TABLET */

@media (max-width: 1000px) {

    .cyp-popular-packages-grid {
        grid-auto-columns:
            calc((100% - 30px) / 4) !important;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-popular-head-row {
        align-items: flex-start;
    }

    .cyp-popular-packages-head h2 {
        font-size: 24px;
    }

    .cyp-popular-packages-grid {
        grid-auto-columns:
            calc((100% - 10px) / 2) !important;
    }

    .cyp-popular-package-image {
        height: 85px !important;
    }

}

/* =========================================================
   CHARDHAM ROUTE + ITINERARY
========================================================= */

.cyp-route-itinerary-section {
    padding: 24px 0 28px;

    background:
        linear-gradient(
            180deg,
            #fbfcfb 0%,
            #ffffff 100%
        );
}


/* HEAD */

.cyp-route-itinerary-head {
    margin-bottom: 14px;
}

.cyp-route-itinerary-head h2,
.cyp-itinerary-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-route-itinerary-head p,
.cyp-itinerary-head p {
    margin: 0;

    max-width: 760px;

    color: #687872;

    font-size: 10px;
    line-height: 1.5;
}


/* =========================================================
   ROUTE FLOW
========================================================= */

.cyp-route-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 16px;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 12px;

    box-shadow:
        0 6px 18px rgba(16,46,41,0.04);
}


.cyp-route-flow-item {
    flex: 1;

    min-width: 0;

    text-align: center;
}


.cyp-route-flow-image {
    width: 92px;
    height: 92px;

    margin: 0 auto 7px;

    overflow: hidden;

    border: 4px solid #f4f8f6;
    border-radius: 50%;

    box-shadow:
        0 5px 12px rgba(16,46,41,0.07);
}


.cyp-route-flow-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


.cyp-route-flow-content span {
    display: block;

    margin-bottom: 2px;

    color: #ef6724;

    font-size: 8px;
    font-weight: 800;
}


.cyp-route-flow-content strong {
    display: block;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;
}


.cyp-route-flow-content small {
    display: block;

    margin-top: 2px;

    color: #71807a;

    font-size: 8px;
}


.cyp-route-flow-arrow {
    flex: 0 0 auto;

    color: #ef6724;

    font-size: 20px;
    font-weight: 700;
}


/* =========================================================
   ITINERARY
========================================================= */

.cyp-itinerary-block {
    margin-top: 22px;
}


.cyp-itinerary-head {
    margin-bottom: 11px;
}


.cyp-itinerary-list {
    display: grid;

    gap: 7px;
}


.cyp-itinerary-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 8px;
}


/* BUTTON */

.cyp-itinerary-toggle {
    width: 100%;

    display: grid;

    grid-template-columns:
        72px 1fr 30px;

    align-items: center;

    gap: 10px;

    min-height: 46px;

    padding: 9px 12px;

    background: #ffffff;

    border: 0;

    cursor: pointer;

    text-align: left;
}


.cyp-itinerary-toggle:hover {
    background: #fbfdfc;
}


.cyp-itinerary-day {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 27px;

    padding: 5px 7px;

    background: #fff1e7;
    color: #ef6724;

    border-radius: 14px;

    font-size: 8px;
    font-weight: 800;
}


.cyp-itinerary-toggle strong {
    color: #294a40;

    font-size: 10px;
    line-height: 1.35;
}


.cyp-itinerary-plus {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    color: #173f36;

    border: 1px solid #d4dfda;
    border-radius: 50%;

    font-size: 16px;

    transition: transform 0.2s ease;
}


/* CONTENT */

.cyp-itinerary-content {
    display: none;

    padding: 0 14px 13px 94px;
}


.cyp-itinerary-content p {
    margin: 0;

    color: #677770;

    font-size: 9px;
    line-height: 1.55;
}


/* OPEN STATE */

.cyp-itinerary-item.active
.cyp-itinerary-content {
    display: block;
}


.cyp-itinerary-item.active
.cyp-itinerary-plus {
    transform: rotate(45deg);

    background: #173f36;
    color: #ffffff;

    border-color: #173f36;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-route-flow {
        overflow-x: auto;

        justify-content: flex-start;

        scrollbar-width: none;
    }

    .cyp-route-flow::-webkit-scrollbar {
        display: none;
    }

    .cyp-route-flow-item {
        flex: 0 0 150px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-route-itinerary-section {
        padding: 20px 0 23px;
    }


    .cyp-route-itinerary-head h2,
    .cyp-itinerary-head h2 {
        font-size: 24px;
    }


    .cyp-route-flow {
        padding: 12px;

        gap: 6px;
    }


    .cyp-route-flow-item {
        flex: 0 0 125px;
    }


    .cyp-route-flow-image {
        width: 74px;
        height: 74px;
    }


    .cyp-route-flow-arrow {
        font-size: 17px;
    }


    .cyp-itinerary-toggle {
        grid-template-columns:
            58px 1fr 26px;

        gap: 7px;

        padding: 8px 9px;
    }


    .cyp-itinerary-toggle strong {
        font-size: 9px;
    }


    .cyp-itinerary-content {
        padding:
            0 10px 11px 74px;
    }


    .cyp-itinerary-content p {
        font-size: 9px;
    }

}

/* =========================================================
   ROUTE FLOW - SLIDER CONTROLS
========================================================= */

.cyp-route-flow-controls {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-bottom: 8px;
}

.cyp-route-flow-controls button {
    width: 32px;
    height: 32px;

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

    background: #ffffff;
    color: #173f36;

    border: 1px solid #cddbd5;
    border-radius: 50%;

    cursor: pointer;

    font-size: 14px;
    font-weight: 700;
}

.cyp-route-flow-controls button:hover {
    background: #173f36;
    color: #ffffff;
}


/* ensure horizontal sliding works */

.cyp-route-flow {
    overflow-x: auto !important;
    overflow-y: hidden;

    scroll-behavior: smooth;

    scrollbar-width: none;

    justify-content: flex-start !important;
}

.cyp-route-flow::-webkit-scrollbar {
    display: none;
}


/* DESKTOP */

@media (min-width: 901px) {

    .cyp-route-flow-item {
        flex: 1 1 0;
        min-width: 0;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-route-flow-item {
        flex: 0 0 42% !important;
    }

    .cyp-route-flow-arrow {
        flex: 0 0 26px;
    }

}

/* =========================================================
   TYPES OF CHARDHAM YATRA PACKAGES
========================================================= */

.cyp-package-types-section {
    padding: 24px 0 28px;
    background: #ffffff;
}


/* HEADING */

.cyp-package-types-head {
    margin-bottom: 13px;
}

.cyp-package-types-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-package-types-head p {
    max-width: 760px;

    margin: 0;

    color: #667770;

    font-size: 10px;
    line-height: 1.5;
}


/* GRID */

.cyp-package-types-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;
}


/* CARD */

.cyp-package-type-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 390px;

    padding: 15px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 11px;

    box-shadow:
        0 6px 16px rgba(16,46,41,0.045);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.cyp-package-type-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 24px rgba(16,46,41,0.08);
}


/* COLOURED TOP BORDER */

.cyp-type-standard {
    border-top: 4px solid #3f7968;
}

.cyp-type-deluxe {
    border-top: 4px solid #4b7da8;
}

.cyp-type-premium {
    border-top: 4px solid #ef6724;
}

.cyp-type-luxury {
    border-top: 4px solid #8a62b8;
}


/* TOP */

.cyp-package-type-top {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 10px;
}

.cyp-package-type-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 auto;

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

    background: #edf7f2;
    color: #173f36;

    border-radius: 9px;

    font-size: 18px;
}

.cyp-type-deluxe .cyp-package-type-icon {
    background: #eef5fb;
    color: #39688e;
}

.cyp-type-premium .cyp-package-type-icon {
    background: #fff1e7;
    color: #ef6724;
}

.cyp-type-luxury .cyp-package-type-icon {
    background: #f5effb;
    color: #8057aa;
}


.cyp-package-type-top small {
    display: block;

    margin-bottom: 2px;

    color: #75847e;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 0.6px;
}

.cyp-package-type-top h3 {
    margin: 0;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
}


/* DESCRIPTION */

.cyp-package-type-description {
    min-height: 105px;

    margin: 0 0 10px;

    color: #65766f;

    font-size: 10px;
    line-height: 1.55;
}


/* FEATURES */

.cyp-package-type-card ul {
    margin: 0 0 14px;
    padding: 0;

    list-style: none;
}

.cyp-package-type-card li {
    position: relative;

    margin-bottom: 6px;
    padding-left: 17px;

    color: #53665e;

    font-size: 9px;
    line-height: 1.35;
}

.cyp-package-type-card li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #19815f;

    font-weight: 800;
}


/* BUTTON */

.cyp-package-type-card > a {
    margin-top: auto;

    min-height: 34px;

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

    padding: 7px 10px;

    background: #ffffff;
    color: #ef6724;

    border: 1px solid #ef6724;
    border-radius: 7px;

    font-size: 9px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}

.cyp-package-type-card > a:hover {
    background: #ef6724;
    color: #ffffff;
}


/* TABLET */

@media (max-width: 950px) {

    .cyp-package-types-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-package-types-section {
        padding: 20px 0 23px;
    }

    .cyp-package-types-head h2 {
        font-size: 24px;
    }

    .cyp-package-types-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 8px;
    }

    .cyp-package-type-card {
        min-height: 0;

        padding: 11px;
    }

    .cyp-package-type-icon {
        width: 34px;
        height: 34px;

        font-size: 15px;
    }

    .cyp-package-type-top {
        align-items: flex-start;
        gap: 7px;
    }

    .cyp-package-type-top h3 {
        font-size: 14px;
    }

    .cyp-package-type-top small {
        font-size: 7px;
    }

    .cyp-package-type-description {
        min-height: 0;

        font-size: 9px;
    }

    .cyp-package-type-card li {
        font-size: 8.5px;
    }

    .cyp-package-type-card > a {
        font-size: 8px;
    }

}

/* =========================================================
   CHARDHAM PACKAGE CATEGORIES
========================================================= */

.cyp-package-categories {
    padding: 24px 0 28px;

    background:
        linear-gradient(
            180deg,
            #fbfcfb 0%,
            #ffffff 100%
        );
}


/* HEADING */

.cyp-package-categories-head {
    max-width: 850px;

    margin-bottom: 14px;
}

.cyp-package-categories-head h2 {
    margin: 0 0 6px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-package-categories-head p {
    margin: 0;

    color: #64766f;

    font-size: 10px;
    line-height: 1.6;
}


/* GRID */

.cyp-package-category-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;
}


/* CARD */

.cyp-package-category-card {
    display: flex;
    flex-direction: column;

    min-height: 360px;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 11px;

    box-shadow:
        0 6px 16px rgba(16,46,41,0.045);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-package-category-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 24px rgba(16,46,41,0.08);
}


/* TOP */

.cyp-category-card-top {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 10px;
}

.cyp-category-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 auto;

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

    background: #edf7f2;
    color: #173f36;

    border-radius: 10px;

    font-size: 18px;
}

.cyp-category-card-top small {
    display: block;

    margin-bottom: 2px;

    color: #ef6724;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 0.6px;
}

.cyp-category-card-top h3 {
    margin: 0;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    line-height: 1.2;
}


/* DESCRIPTION */

.cyp-package-category-card > p {
    margin: 0 0 11px;

    color: #64766f;

    font-size: 10px;
    line-height: 1.55;
}


/* FEATURES */

.cyp-package-category-card ul {
    margin: 0 0 14px;
    padding: 0;

    list-style: none;
}

.cyp-package-category-card li {
    position: relative;

    margin-bottom: 6px;
    padding-left: 17px;

    color: #53665e;

    font-size: 9px;
}

.cyp-package-category-card li::before {
    content: "✓";

    position: absolute;

    left: 0;

    color: #19815f;

    font-weight: 800;
}


/* BUTTON */

.cyp-package-category-card > a {
    margin-top: auto;

    min-height: 35px;

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

    padding: 7px 10px;

    background: #ffffff;
    color: #ef6724;

    border: 1px solid #ef6724;
    border-radius: 7px;

    font-size: 9px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-package-category-card > a:hover {
    background: #ef6724;
    color: #ffffff;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-package-category-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-package-categories {
        padding: 20px 0 23px;
    }

    .cyp-package-categories-head h2 {
        font-size: 24px;
    }

    .cyp-package-category-grid {
        display: flex;

        overflow-x: auto;

        gap: 10px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }

    .cyp-package-category-grid::-webkit-scrollbar {
        display: none;
    }

    .cyp-package-category-card {
        flex: 0 0 82%;

        min-height: 0;

        scroll-snap-align: start;
    }

}

/* =========================================================
   CHARDHAM PACKAGES FROM ORIGIN CITY
========================================================= */

.cyp-origin-packages {
    padding: 24px 0 28px;
    background: #ffffff;
}


/* HEADING */

.cyp-origin-packages-head {
    max-width: 900px;
    margin-bottom: 14px;
}

.cyp-origin-packages-head h2 {
    margin: 0 0 6px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
}

.cyp-origin-packages-head p {
    margin: 0;

    color: #64766f;

    font-size: 10px;
    line-height: 1.6;
}


/* GRID */

.cyp-origin-city-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 10px;
}


/* CARD */

.cyp-origin-city-card {
    min-height: 82px;

    display: grid;

    grid-template-columns:
        42px 1fr 25px;

    align-items: center;

    gap: 10px;

    padding: 12px;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 9px;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04);

    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.cyp-origin-city-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(16,46,41,0.075);
}


/* ICON */

.cyp-origin-city-icon {
    width: 40px;
    height: 40px;

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

    background: #edf7f2;
    color: #173f36;

    border-radius: 8px;

    font-size: 10px;
    font-weight: 800;
}


/* TEXT */

.cyp-origin-city-card strong {
    display: block;

    margin-bottom: 3px;

    color: #173f36;

    font-size: 11px;
}

.cyp-origin-city-card small {
    display: block;

    color: #75847e;

    font-size: 8px;
    line-height: 1.35;
}


/* ARROW */

.cyp-origin-city-card b {
    width: 22px;
    height: 22px;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 50%;

    font-size: 9px;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-origin-city-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-origin-packages {
        padding: 20px 0 23px;
    }

    .cyp-origin-packages-head h2 {
        font-size: 24px;
    }

    .cyp-origin-city-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 8px;
    }

    .cyp-origin-city-card {
        min-height: 76px;

        grid-template-columns:
            36px 1fr 20px;

        padding: 9px;
    }

    .cyp-origin-city-icon {
        width: 34px;
        height: 34px;

        font-size: 9px;
    }

    .cyp-origin-city-card strong {
        font-size: 9px;
    }

    .cyp-origin-city-card small {
        font-size: 7.5px;
    }

}

/* =========================================================
   WHY CHOOSE US / TRUST SECTION
========================================================= */

.cyp-package-trust {
    padding: 25px 0 30px;

    background:
        linear-gradient(
            180deg,
            #f8faf9 0%,
            #ffffff 100%
        );
}


/* HEADER */

.cyp-package-trust-head {
    max-width: 850px;

    margin-bottom: 15px;
}

.cyp-package-trust-head h2 {
    margin: 0 0 6px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-package-trust-head p {
    margin: 0;

    color: #64766f;

    font-size: 10px;
    line-height: 1.6;
}


/* MAIN LAYOUT */

.cyp-package-trust-layout {
    display: grid;

    grid-template-columns:
        1fr 1.35fr;

    gap: 14px;
}


/* LEFT FEATURE */

.cyp-package-trust-feature {
    position: relative;

    min-height: 330px;

    overflow: hidden;

    background:
        url("../images/why-chardham.jpg")
        center / cover no-repeat;

    border-radius: 12px;
}

.cyp-package-trust-feature-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(10,58,48,0.18),
            rgba(10,58,48,0.94)
        );
}

.cyp-package-trust-feature-content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    padding: 22px;
}

.cyp-package-trust-feature-content > span {
    display: block;

    margin-bottom: 5px;

    color: #ffb17c;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.cyp-package-trust-feature-content h3 {
    margin: 0 0 8px;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    line-height: 1.2;
}

.cyp-package-trust-feature-content p {
    margin: 0 0 12px;

    max-width: 430px;

    color: rgba(255,255,255,0.88);

    font-size: 9px;
    line-height: 1.55;
}

.cyp-package-trust-feature-content a {
    display: inline-flex;

    padding: 8px 13px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 18px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


/* TRUST GRID */

.cyp-package-trust-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}

.cyp-package-trust-card {
    display: grid;

    grid-template-columns:
        42px 1fr;

    gap: 10px;

    align-items: flex-start;

    padding: 13px;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 10px;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04);
}

.cyp-package-trust-icon {
    width: 40px;
    height: 40px;

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

    background: #edf7f2;
    color: #173f36;

    border-radius: 9px;

    font-size: 16px;
}

.cyp-package-trust-card strong {
    display: block;

    margin-bottom: 4px;

    color: #173f36;

    font-size: 11px;
}

.cyp-package-trust-card p {
    margin: 0;

    color: #687872;

    font-size: 9px;
    line-height: 1.45;
}


/* BOTTOM STRIP */

.cyp-package-trust-strip {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    margin-top: 12px;

    background: #173f36;

    border-radius: 10px;

    overflow: hidden;
}

.cyp-package-trust-strip > div {
    padding: 12px;

    text-align: center;
}

.cyp-package-trust-strip > div:not(:last-child) {
    border-right:
        1px solid rgba(255,255,255,0.12);
}

.cyp-package-trust-strip strong {
    display: block;

    margin-bottom: 3px;

    color: #ffffff;

    font-size: 10px;
}

.cyp-package-trust-strip span {
    display: block;

    color: rgba(255,255,255,0.7);

    font-size: 8px;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-package-trust-layout {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-package-trust {
        padding: 20px 0 23px;
    }

    .cyp-package-trust-head h2 {
        font-size: 24px;
    }

    .cyp-package-trust-feature {
        min-height: 280px;
    }

    .cyp-package-trust-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cyp-package-trust-card {
        grid-template-columns: 1fr;

        gap: 7px;

        padding: 10px;
    }

    .cyp-package-trust-strip {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-package-trust-strip > div:nth-child(2) {
        border-right: 0;
    }

}

/* =========================================================
   POPULAR PACKAGES - MOBILE WHITE SPACE FIX
========================================================= */

@media (max-width: 600px) {

    .cyp-popular-packages-grid {
        align-items: start !important;
        grid-template-rows: repeat(2, max-content) !important;
    }

    .cyp-popular-package-card {
        height: auto !important;
        min-height: 0 !important;

        align-self: start !important;
    }

    .cyp-popular-package-image {
        height: 88px !important;
    }

    .cyp-popular-package-content {
        height: auto !important;
        min-height: 0 !important;

        padding: 8px !important;
    }

    .cyp-popular-package-content h3 {
        min-height: 0 !important;

        margin-bottom: 4px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .cyp-popular-package-content > p {
        height: auto !important;
        min-height: 0 !important;

        margin-bottom: 7px !important;

        font-size: 8.5px !important;
        line-height: 1.35 !important;
    }

    .cyp-popular-package-bottom {
        margin-top: 0 !important;

        padding-top: 6px !important;

        align-items: flex-end !important;
    }

    .cyp-popular-package-bottom strong {
        font-size: 11px !important;
    }

    .cyp-popular-package-bottom a {
        min-height: 27px !important;

        padding: 5px 7px !important;

        font-size: 7.5px !important;
    }

}

/* =========================================================
   POPULAR PACKAGES MOBILE - LARGE ROW GAP FINAL FIX
========================================================= */

@media (max-width: 600px) {

    /* OUTER SLIDER */
    .cyp-popular-slider-wrap {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }


    /* TWO ROW GRID */
    .cyp-popular-packages-grid {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        display: grid !important;

        grid-template-rows:
            max-content max-content !important;

        grid-auto-rows:
            max-content !important;

        grid-auto-flow:
            column !important;

        grid-auto-columns:
            calc((100% - 10px) / 2) !important;

        column-gap: 10px !important;
        row-gap: 10px !important;

        align-items: start !important;
        align-content: start !important;

        padding: 0 0 5px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth;

        scrollbar-width: none;
    }

    .cyp-popular-packages-grid::-webkit-scrollbar {
        display: none;
    }


    /* CARD */
    .cyp-popular-package-card {
        height: fit-content !important;
        min-height: 0 !important;
        max-height: none !important;

        align-self: start !important;

        margin: 0 !important;
    }


    /* IMAGE */
    .cyp-popular-package-image {
        height: 88px !important;
        min-height: 88px !important;
    }


    /* CONTENT */
    .cyp-popular-package-content {
        height: auto !important;
        min-height: 0 !important;

        display: block !important;

        padding: 8px !important;
    }


    .cyp-popular-package-content h3 {
        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 4px !important;
    }


    .cyp-popular-package-content > p {
        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 7px !important;
    }


    /* PRICE + BUTTON */
    .cyp-popular-package-bottom {
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding-top: 6px !important;
    }

}

/* =========================================================
   POPULAR PACKAGES - FINAL MOBILE FIX
   2 CARDS VISIBLE / SINGLE ROW SLIDER
========================================================= */

@media (max-width: 600px) {

    .cyp-popular-slider-wrap {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }


    /* CHANGE TWO-ROW GRID TO SINGLE MOBILE ROW */

    .cyp-popular-packages-grid {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 9px !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 2px 0 6px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }


    .cyp-popular-packages-grid::-webkit-scrollbar {
        display: none;
    }


    /* EXACTLY 2 CARDS VISIBLE */

    .cyp-popular-package-card {
        flex: 0 0 calc((100% - 9px) / 2) !important;

        width: calc((100% - 9px) / 2) !important;

        min-width: 0 !important;
        min-height: 0 !important;

        height: auto !important;

        margin: 0 !important;

        align-self: flex-start !important;

        scroll-snap-align: start;
    }


    /* IMAGE */

    .cyp-popular-package-image {
        width: 100% !important;

        height: 90px !important;
        min-height: 90px !important;
    }


    .cyp-popular-package-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }


    /* CONTENT */

    .cyp-popular-package-content {
        height: auto !important;
        min-height: 0 !important;

        padding: 8px !important;
    }


    .cyp-popular-package-content h3 {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 0 4px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
    }


    .cyp-popular-package-content h3 small {
        font-size: 8.5px !important;
    }


    .cyp-popular-package-content > p {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 0 7px !important;

        font-size: 8.5px !important;
        line-height: 1.35 !important;
    }


    /* PRICE + BUTTON */

    .cyp-popular-package-bottom {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding-top: 6px !important;

        gap: 5px !important;
    }


    .cyp-popular-package-bottom strong {
        font-size: 11px !important;
    }


    .cyp-popular-package-bottom a {
        min-height: 27px !important;

        padding: 5px 6px !important;

        font-size: 7px !important;
    }

}

/* DESKTOP FIX - Types of Chardham Yatra Packages button gap remove */
@media (min-width: 992px) {

  .cyp-types-grid,
  .cyp-package-types-grid,
  .types-chardham-grid {
    align-items: start;
  }

  .cyp-type-card,
  .cyp-package-type-card,
  .types-chardham-card {
    height: auto !important;
    min-height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
  }

  .cyp-type-card .cyp-type-btn,
  .cyp-type-card .view-more-details,
  .cyp-package-type-card .cyp-type-btn,
  .cyp-package-type-card .view-more-details,
  .types-chardham-card .cyp-type-btn,
  .types-chardham-card .view-more-details {
    margin-top: 18px !important;
    position: static !important;
  }

  .cyp-type-card ul,
  .cyp-package-type-card ul,
  .types-chardham-card ul {
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   CHARDHAM PACKAGE CATEGORIES - DESKTOP GAP FIX
========================================================= */

@media (min-width: 901px) {

    .cyp-package-category-card {
        min-height: 0 !important;
        height: auto !important;

        display: flex;
        flex-direction: column;

        justify-content: flex-start !important;
    }

    .cyp-package-category-card > p {
        margin-bottom: 10px !important;
    }

    .cyp-package-category-card ul {
        margin-bottom: 12px !important;
    }

    .cyp-package-category-card > a {
        margin-top: 0 !important;
    }

}

/* =========================================================
   CHARDHAM PACKAGE CATEGORIES - MOBILE AUTO SLIDER
========================================================= */

@media (max-width: 600px) {

    .cyp-package-category-grid {
        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 10px !important;

        width: 100%;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;

        scrollbar-width: none;

        padding: 2px 0 6px !important;
    }

    .cyp-package-category-grid::-webkit-scrollbar {
        display: none;
    }


    .cyp-package-category-card {
        flex: 0 0 88% !important;

        width: 88% !important;
        min-width: 88% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        scroll-snap-align: start;
    }


    .cyp-package-category-card > p {
        font-size: 10px !important;
        line-height: 1.5 !important;
    }


    .cyp-package-category-card li {
        font-size: 9px !important;
    }


    .cyp-package-category-card > a {
        margin-top: 12px !important;

        font-size: 9px !important;
    }

}

/* =========================================================
   ALL CHARDHAM PACKAGES + FAQ
========================================================= */

.cyp-all-packages-faq {
    padding: 28px 0;
    background: #fbfcfb;
}

.cyp-all-main-grid {
    display: grid;
    grid-template-columns: 1.55fr 0.85fr;
    gap: 16px;
    align-items: start;
}


/* LEFT */

.cyp-all-packages-side h2,
.cyp-all-faq-side h2 {
    margin: 0 0 5px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
}

.cyp-all-packages-intro,
.cyp-all-faq-intro {
    margin: 0 0 12px;
    color: #687872;
    font-size: 10px;
    line-height: 1.5;
}


/* 6 CARDS PER ROW */

.cyp-mini-package-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}


/* SMALL PACKAGE CARD */

.cyp-mini-package-card {
    padding: 10px 8px;
    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 9px;

    text-align: center;

    box-shadow:
        0 4px 10px rgba(16,46,41,0.035);
}

.cyp-mini-package-icon {
    width: 38px;
    height: 38px;

    margin: 0 auto 6px;

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

    background: #edf7f2;
    color: #173f36;

    border-radius: 50%;

    font-size: 16px;
}

.cyp-mini-package-card:nth-child(even)
.cyp-mini-package-icon {
    background: #fff2e7;
    color: #ef6724;
}

.cyp-mini-package-card h3 {
    min-height: 33px;

    margin: 0 0 5px;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 10px;
    line-height: 1.25;
}

.cyp-mini-package-card strong {
    display: block;

    margin-bottom: 7px;

    color: #ef6724;

    font-size: 13px;
}

.cyp-mini-package-card a {
    min-height: 29px;

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

    padding: 5px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


/* EXTRA PACKAGES */

.cyp-extra-package {
    display: none;
}

.cyp-extra-package.show {
    display: block;
}


/* SEE MORE */

.cyp-see-more-wrap {
    margin-top: 12px;
    text-align: center;
}

.cyp-see-more-packages {
    min-width: 245px;

    padding: 10px 18px;

    background: #ffffff;
    color: #173f36;

    border: 1px solid #173f36;
    border-radius: 7px;

    cursor: pointer;

    font-size: 10px;
    font-weight: 800;
}


/* =========================================================
   FAQ
========================================================= */

.cyp-all-faq-side {
    padding: 16px;

    background:
        linear-gradient(
            180deg,
            #f2faf6,
            #ffffff
        );

    border: 1px solid #dfe9e4;
    border-radius: 12px;

    position: sticky;
    top: 15px;
}

.cyp-all-faq-list {
    display: grid;
    gap: 7px;
}

.cyp-all-faq-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5ece8;
    border-radius: 7px;
}

.cyp-all-faq-question {
    width: 100%;

    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 9px 11px;

    background: transparent;

    border: 0;

    cursor: pointer;

    color: #29483f;

    text-align: left;

    font-size: 10px;
    font-weight: 700;
}

.cyp-all-faq-question b {
    font-size: 16px;
}

.cyp-all-faq-answer {
    display: none;

    padding: 0 11px 10px;
}

.cyp-all-faq-answer p {
    margin: 0;

    color: #6b7a74;

    font-size: 9px;
    line-height: 1.5;
}

.cyp-all-faq-item.active
.cyp-all-faq-answer {
    display: block;
}

.cyp-all-faq-item.active
.cyp-all-faq-question b {
    transform: rotate(45deg);
}


/* HELP */

.cyp-all-faq-help {
    margin-top: 11px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding: 11px;

    background: #fff4e9;

    border-radius: 8px;
}

.cyp-all-faq-help strong {
    display: block;

    color: #173f36;

    font-size: 10px;
}

.cyp-all-faq-help span {
    display: block;

    margin-top: 2px;

    color: #687872;

    font-size: 8px;
}

.cyp-all-faq-help a {
    flex: 0 0 auto;

    padding: 8px 10px;

    background: #f36b21;
    color: #ffffff;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


/* TABLET */

@media (max-width: 1000px) {

    .cyp-all-main-grid {
        grid-template-columns: 1fr;
    }

    .cyp-mini-package-grid {
        grid-template-columns:
            repeat(4, 1fr);
    }

    .cyp-all-faq-side {
        position: static;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-all-packages-faq {
        padding: 20px 0;
    }

    .cyp-all-packages-side h2,
    .cyp-all-faq-side h2 {
        font-size: 23px;
    }

    .cyp-mini-package-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 7px;
    }

    .cyp-mini-package-card {
        padding: 9px 7px;
    }

    .cyp-mini-package-card h3 {
        font-size: 9.5px;
    }

    .cyp-mini-package-card strong {
        font-size: 12px;
    }

    .cyp-see-more-packages {
        width: 100%;
        min-width: 0;
    }

    .cyp-all-faq-help {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* =========================================================
   ABOUT CHARDHAM YATRA
========================================================= */

.cyp-about-chardham {
    padding: 26px 0 28px;
    background: #ffffff;
}


/* =========================================================
   TOP
========================================================= */

.cyp-about-chardham-top {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 18px;
    align-items: stretch;
}


/* CONTENT */

.cyp-about-chardham-content {
    padding: 3px 0;
}

.cyp-about-chardham-content h2 {
    margin: 0 0 8px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 31px;
    line-height: 1.05;
}

.cyp-about-chardham-content h2 span {
    color: #ef6724;
}

.cyp-about-chardham-content > p,
.cyp-about-chardham-more p {
    max-width: 720px;

    margin: 0 0 8px;

    color: #61736b;

    font-size: 10px;
    line-height: 1.55;
}


/* VIEW MORE */

.cyp-about-chardham-more {
    display: none;
}

.cyp-about-chardham-more.active {
    display: block;
}

.cyp-about-chardham-toggle {
    margin-top: 4px;

    padding: 8px 14px;

    background: #ffffff;
    color: #173f36;

    border: 1px solid #173f36;
    border-radius: 6px;

    cursor: pointer;

    font-size: 9px;
    font-weight: 800;
}


/* QUICK POINTS */

.cyp-about-quick-points {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

    margin-top: 14px;
}

.cyp-about-quick-points > div {
    display: flex;
    align-items: center;

    gap: 8px;

    min-height: 55px;

    padding: 8px;

    border-right: 1px solid #e7ece9;
}

.cyp-about-quick-points > div:last-child {
    border-right: 0;
}

.cyp-about-quick-points > div > span {
    width: 34px;
    height: 34px;

    flex: 0 0 auto;

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

    background: #fff2e8;
    color: #ef6724;

    border-radius: 8px;

    font-size: 15px;
}

.cyp-about-quick-points strong {
    display: block;

    color: #173f36;

    font-size: 9px;
}

.cyp-about-quick-points small {
    display: block;

    margin-top: 2px;

    color: #76837e;

    font-size: 7.5px;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.cyp-about-chardham-visual {
    position: relative;

    min-height: 245px;

    overflow: hidden;

    border-radius: 12px;
}

.cyp-about-chardham-visual img {
    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    display: block;

    object-fit: cover;
}

.cyp-about-chardham-visual-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(15,59,50,0.03),
            rgba(15,59,50,0.42)
        );
}

.cyp-about-chardham-visual-text {
    position: absolute;

    right: 16px;
    bottom: 15px;

    max-width: 180px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 17px;
    line-height: 1.2;

    text-align: right;
}


/* =========================================================
   BOTTOM
========================================================= */

.cyp-about-chardham-bottom {
    display: grid;

    grid-template-columns: 1.5fr 0.5fr;

    gap: 14px;

    margin-top: 16px;
}


/* DHAM GRID */

.cyp-about-dham-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 9px;
}

.cyp-about-dham-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 9px;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04);
}

.cyp-about-dham-card img {
    width: 100%;
    height: 105px;

    display: block;

    object-fit: cover;
}

.cyp-about-dham-content {
    padding: 9px;
}

.cyp-about-dham-content h3 {
    margin: 0 0 4px;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 13px;
}

.cyp-about-dham-content > span {
    display: block;

    margin-bottom: 7px;

    color: #ef6724;

    font-size: 8px;
    font-weight: 700;
}

.cyp-about-dham-content a {
    min-height: 28px;

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

    color: #ef6724;

    border: 1px solid #ef6724;
    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   KEY HIGHLIGHTS
========================================================= */

.cyp-about-key-highlights {
    padding: 14px;

    background:
        linear-gradient(
            180deg,
            #f5faf7,
            #ffffff
        );

    border: 1px solid #e1e9e5;
    border-radius: 10px;
}

.cyp-about-key-highlights h3 {
    margin: 0 0 10px;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 18px;
}

.cyp-about-key-highlights ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.cyp-about-key-highlights li {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 9px;

    color: #53665e;

    font-size: 9px;
    line-height: 1.4;
}

.cyp-about-key-highlights li span {
    width: 27px;
    height: 27px;

    flex: 0 0 auto;

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

    background: #edf7f2;
    color: #19815f;

    border-radius: 6px;

    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-about-chardham-top,
    .cyp-about-chardham-bottom {
        grid-template-columns: 1fr;
    }

    .cyp-about-dham-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-about-chardham {
        padding: 20px 0 22px;
    }

    .cyp-about-chardham-content h2 {
        font-size: 25px;
    }

    .cyp-about-chardham-visual {
        min-height: 185px;
    }

    .cyp-about-quick-points {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 4px;
    }

    .cyp-about-quick-points > div {
        border-right: 0;

        border-bottom: 1px solid #e7ece9;
    }

    .cyp-about-dham-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-about-dham-card img {
        height: 90px;
    }

    .cyp-about-dham-content h3 {
        font-size: 11px;
    }

}

/* ABOUT CHARDHAM - VIEW MORE LINK BUTTON FIX */

.cyp-about-chardham-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin-top: 6px;

    padding: 10px 18px;

    background: #ffffff !important;
    color: #173f36 !important;

    border: 1.5px solid #173f36;
    border-radius: 8px;

    text-decoration: none !important;

    font-size: 10px;
    font-weight: 800;
    line-height: 1;

    box-shadow: none;

    transition: 0.2s ease;
}

.cyp-about-chardham-toggle:hover {
    background: #173f36 !important;
    color: #ffffff !important;

    text-decoration: none !important;
}

/* =========================================================
   ABOUT CHARDHAM DHAM CARDS - DESKTOP WHITE GAP FIX
========================================================= */

@media (min-width: 901px) {

    .cyp-about-dham-grid {
        align-items: start !important;
    }

    .cyp-about-dham-card {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        align-self: start !important;
    }

    .cyp-about-dham-content {
        height: auto !important;
        min-height: 0 !important;

        padding: 9px !important;
    }

    .cyp-about-dham-content h3 {
        min-height: 0 !important;
        height: auto !important;
    }

    .cyp-about-dham-content > span {
        margin-bottom: 7px !important;
    }

    .cyp-about-dham-content a {
        margin-top: 0 !important;

        min-height: 28px !important;
    }

}

/* =========================================================
   CHARDHAM AT A GLANCE - DESKTOP HEIGHT MATCH FIX
========================================================= */

@media (min-width: 901px) {

    .cyp-about-key-highlights {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        align-self: start !important;

        padding: 10px 12px !important;
    }

    .cyp-about-key-highlights h3 {
        margin-bottom: 7px !important;

        font-size: 16px !important;
    }

    .cyp-about-key-highlights ul {
        margin: 0 !important;
    }

    .cyp-about-key-highlights li {
        margin-bottom: 6px !important;

        font-size: 8.5px !important;
        line-height: 1.25 !important;
    }

    .cyp-about-key-highlights li span {
        width: 23px !important;
        height: 23px !important;

        font-size: 10px !important;
    }

}

/* =========================================================
   ABOUT CHARDHAM - EXACT EQUAL HEIGHT DESKTOP FIX
========================================================= */

@media (min-width: 901px) {

    /* LEFT DHAM GRID + RIGHT HIGHLIGHT SAME HEIGHT */
    .cyp-about-chardham-bottom {
        align-items: stretch !important;
    }

    /* DHAM GRID FULL HEIGHT */
    .cyp-about-dham-grid {
        height: 100% !important;
        align-items: stretch !important;
    }

    /* ALL 4 DHAM CARDS SAME HEIGHT */
    .cyp-about-dham-card {
        height: 100% !important;
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
    }

    .cyp-about-dham-content {
        flex: 1 !important;

        display: flex !important;
        flex-direction: column !important;
    }

    .cyp-about-dham-content a {
        margin-top: auto !important;
    }


    /* CHARDHAM AT A GLANCE = EXACT SAME HEIGHT */
    .cyp-about-key-highlights {
        height: 100% !important;
        min-height: 0 !important;

        align-self: stretch !important;

        box-sizing: border-box !important;

        padding: 11px 13px !important;
    }


    /* CONTENT COMPACT SO IT FITS */
    .cyp-about-key-highlights h3 {
        margin: 0 0 7px !important;

        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    .cyp-about-key-highlights ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .cyp-about-key-highlights li {
        margin-bottom: 5px !important;

        font-size: 8px !important;
        line-height: 1.2 !important;
    }

    .cyp-about-key-highlights li:last-child {
        margin-bottom: 0 !important;
    }

    .cyp-about-key-highlights li span {
        width: 21px !important;
        height: 21px !important;

        font-size: 9px !important;
    }

}

/* =========================================================
   FINAL CHARDHAM JOURNEY CTA
========================================================= */

.cyp-final-journey-cta {
    position: relative;

    padding: 42px 0 0;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        center 45% / cover no-repeat;
}


/* OVERLAY */

.cyp-final-journey-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.96) 0%,
            rgba(255,255,255,0.87) 40%,
            rgba(255,255,255,0.20) 72%,
            rgba(10,50,43,0.08) 100%
        );
}


/* CONTENT */

.cyp-final-journey-content {
    position: relative;
    z-index: 2;

    min-height: 300px;

    display: flex;
    align-items: center;
}

.cyp-final-journey-copy {
    max-width: 620px;

    padding-bottom: 30px;
}

.cyp-final-journey-copy h2 {
    margin: 5px 0 10px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 42px;
    line-height: 1.05;
}

.cyp-final-journey-copy h2 span {
    display: block;
    color: #ef6724;
}

.cyp-final-journey-copy p {
    max-width: 580px;

    margin: 0;

    color: #53665f;

    font-size: 12px;
    line-height: 1.6;
}


/* ACTIONS */

.cyp-final-journey-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 18px;
}

.cyp-final-journey-actions a {
    min-height: 42px;

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

    padding: 10px 18px;

    border-radius: 24px;

    font-size: 10px;
    font-weight: 800;

    text-decoration: none;

    transition: 0.2s ease;
}


/* CALL */

.cyp-final-call-btn {
    background: #ef6724;
    color: #ffffff;

    border: 1px solid #ef6724;
}

.cyp-final-call-btn:hover {
    background: #d95b1c;
    color: #ffffff;
}


/* WHATSAPP */

.cyp-final-whatsapp-btn {
    background: #ffffff;
    color: #17614f;

    border: 1px solid #17614f;
}

.cyp-final-whatsapp-btn:hover {
    background: #17614f;
    color: #ffffff;
}


/* =========================================================
   TRUST STRIP
========================================================= */

.cyp-final-trust-strip {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    margin-bottom: -1px;

    overflow: hidden;

    background: rgba(255,255,255,0.96);

    border: 1px solid rgba(222,231,226,0.9);
    border-radius: 12px 12px 0 0;

    box-shadow:
        0 -4px 18px rgba(16,46,41,0.05);
}

.cyp-final-trust-item {
    min-height: 82px;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 13px 14px;
}

.cyp-final-trust-item:not(:last-child) {
    border-right: 1px solid #e4ebe7;
}

.cyp-final-trust-item > span {
    width: 38px;
    height: 38px;

    flex: 0 0 auto;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 9px;

    font-size: 15px;
}

.cyp-final-trust-item:nth-child(even) > span {
    background: #edf7f2;
    color: #17614f;
}

.cyp-final-trust-item strong {
    display: block;

    margin-bottom: 2px;

    color: #173f36;

    font-size: 10px;
    line-height: 1.25;
}

.cyp-final-trust-item small {
    display: block;

    color: #74817c;

    font-size: 8px;
    line-height: 1.35;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cyp-final-journey-copy h2 {
        font-size: 34px;
    }

    .cyp-final-trust-strip {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .cyp-final-trust-item {
        border-bottom: 1px solid #e4ebe7;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-final-journey-cta {
        padding-top: 28px;

        background-position: 62% center;
    }

    .cyp-final-journey-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0.98) 0%,
                rgba(255,255,255,0.93) 58%,
                rgba(255,255,255,0.55) 100%
            );
    }

    .cyp-final-journey-content {
        min-height: 270px;

        align-items: flex-start;
    }

    .cyp-final-journey-copy {
        max-width: 100%;
    }

    .cyp-final-journey-copy h2 {
        font-size: 29px;
    }

    .cyp-final-journey-copy p {
        font-size: 10px;
    }

    .cyp-final-journey-actions {
        flex-direction: column;
    }

    .cyp-final-journey-actions a {
        width: 100%;
    }


    .cyp-final-trust-strip {
        grid-template-columns:
            repeat(2, 1fr);

        border-radius: 9px 9px 0 0;
    }

    .cyp-final-trust-item {
        min-height: 72px;

        padding: 9px;
    }

    .cyp-final-trust-item > span {
        width: 31px;
        height: 31px;

        font-size: 12px;
    }

    .cyp-final-trust-item strong {
        font-size: 8.5px;
    }

    .cyp-final-trust-item small {
        font-size: 7px;
    }

}

/* =========================================================
   CITY LANDING PAGE - HERO
========================================================= */

.cyp-city-page {
    background: #ffffff;
}


.cyp-city-hero {
    position: relative;

    min-height: 355px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero2.jpg")
        center / cover no-repeat;
}


.cyp-city-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.97) 0%,
            rgba(255,255,255,0.88) 42%,
            rgba(255,255,255,0.28) 70%,
            rgba(15,52,45,0.12) 100%
        );
}


.cyp-city-hero .cyp-package-container {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1180px;

    margin: 0 auto;
}


.cyp-city-hero-content {
    max-width: 650px;

    padding: 32px 0;
}


/* BREADCRUMB */

.cyp-city-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 14px;
}

.cyp-city-breadcrumb a,
.cyp-city-breadcrumb span {
    color: #71817a;

    font-size: 8px;

    text-decoration: none;
}

.cyp-city-breadcrumb a:hover {
    color: #ef6724;
}


/* LABEL */

.cyp-city-hero-label {
    display: block;

    margin-bottom: 7px;

    color: #ef6724;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* TITLE */

.cyp-city-hero h1 {
    margin: 0 0 10px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 44px;
    line-height: 1.05;
}

.cyp-city-hero h1 span {
    display: block;

    color: #ef6724;
}


/* DESCRIPTION */

.cyp-city-hero-content > p {
    max-width: 590px;

    margin: 0;

    color: #53665f;

    font-size: 11px;
    line-height: 1.6;
}


/* HERO POINTS */

.cyp-city-hero-points {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 8px;

    margin-top: 18px;
}


.cyp-city-hero-points > div {
    display: flex;
    align-items: center;

    gap: 8px;

    min-height: 58px;

    padding: 8px;

    background: rgba(255,255,255,0.84);

    border: 1px solid rgba(221,230,225,0.9);
    border-radius: 9px;

    backdrop-filter: blur(4px);
}


.cyp-city-hero-points > div > span {
    width: 32px;
    height: 32px;

    flex: 0 0 auto;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 8px;

    font-size: 13px;
}


.cyp-city-hero-points > div:nth-child(even) > span {
    background: #edf7f2;
    color: #17614f;
}


.cyp-city-hero-points strong {
    display: block;

    color: #173f36;

    font-size: 8.5px;
}


.cyp-city-hero-points small {
    display: block;

    margin-top: 2px;

    color: #74827d;

    font-size: 7px;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-city-hero {
        min-height: 330px;
    }

    .cyp-city-hero h1 {
        font-size: 38px;
    }

    .cyp-city-hero-points {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-city-hero {
        min-height: 410px;

        background-position: 62% center;
    }

    .cyp-city-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0.97) 0%,
                rgba(255,255,255,0.90) 60%,
                rgba(255,255,255,0.55) 100%
            );
    }

    .cyp-city-hero-content {
        padding: 24px 0;
    }

    .cyp-city-hero h1 {
        font-size: 31px;
    }

    .cyp-city-hero-content > p {
        font-size: 10px;
    }

    .cyp-city-hero-points {
        grid-template-columns:
            repeat(2, 1fr);
    }

}

/* =========================================================
   CITY PAGE - OVERVIEW + DHAMS + QUICK DETAILS
========================================================= */

.cyp-city-overview {
    padding: 24px 0 26px;
    background: #ffffff;
}


/* OVERVIEW GRID */

.cyp-city-overview-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.4fr;
    gap: 18px;
    align-items: start;
}


/* LEFT */

.cyp-city-overview-copy h2 {
    margin: 0 0 8px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
    line-height: 1.1;
}

.cyp-city-overview-copy h2 span {
    display: block;
    color: #ef6724;
}

.cyp-city-overview-copy p {
    margin: 0 0 8px;

    color: #607169;

    font-size: 10px;
    line-height: 1.6;
}


/* =========================================================
   DHAM CARDS
========================================================= */

.cyp-city-dham-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}

.cyp-city-dham-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 9px;

    box-shadow:
        0 4px 12px rgba(16,46,41,0.04);
}

.cyp-city-dham-card img {
    width: 100%;
    height: 108px;

    display: block;

    object-fit: cover;
}

.cyp-city-dham-card > div {
    padding: 8px;
    text-align: center;
}

.cyp-city-dham-card strong {
    display: block;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 11px;
}

.cyp-city-dham-card span {
    display: block;

    margin-top: 3px;

    color: #ef6724;

    font-size: 8px;
    font-weight: 700;
}


/* =========================================================
   QUICK TOUR DETAILS
========================================================= */

.cyp-city-tour-details {
    display: grid;
    grid-template-columns: repeat(6, 1fr);

    margin-top: 14px;

    background: #fbfcfb;

    border: 1px solid #e1e9e5;
    border-radius: 10px;

    overflow: hidden;
}

.cyp-city-tour-detail {
    min-height: 72px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 10px;
}

.cyp-city-tour-detail:not(:last-child) {
    border-right: 1px solid #e5ece8;
}

.cyp-city-tour-detail > span {
    width: 35px;
    height: 35px;

    flex: 0 0 auto;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 8px;

    font-size: 14px;
}

.cyp-city-tour-detail:nth-child(even) > span {
    background: #edf7f2;
    color: #17614f;
}

.cyp-city-tour-detail small {
    display: block;

    margin-bottom: 2px;

    color: #77857f;

    font-size: 7.5px;
}

.cyp-city-tour-detail strong {
    display: block;

    color: #173f36;

    font-size: 8.5px;
    line-height: 1.3;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-city-overview-grid {
        grid-template-columns: 1fr;
    }

    .cyp-city-dham-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-city-tour-details {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-city-overview {
        padding: 20px 0;
    }

    .cyp-city-overview-copy h2 {
        font-size: 24px;
    }

    .cyp-city-dham-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-city-dham-card img {
        height: 90px;
    }

    .cyp-city-tour-details {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-city-tour-detail {
        border-bottom: 1px solid #e5ece8;
    }

}

/* =========================================================
   CITY PAGE - ITINERARY + INCLUSIONS / EXCLUSIONS
========================================================= */

.cyp-city-itinerary-section {
    padding: 24px 0 28px;

    background:
        linear-gradient(
            180deg,
            #fbfcfb,
            #ffffff
        );
}


/* HEADING */

.cyp-city-itinerary-head {
    margin-bottom: 12px;
}

.cyp-city-itinerary-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.cyp-city-itinerary-head h2 span {
    color: #ef6724;
}

.cyp-city-itinerary-head p {
    margin: 0;

    color: #66776f;

    font-size: 10px;
}


/* ITINERARY */

.cyp-city-itinerary-list {
    display: grid;

    gap: 7px;
}

.cyp-city-itinerary-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 8px;
}

.cyp-city-itinerary-toggle {
    width: 100%;

    min-height: 46px;

    display: grid;

    grid-template-columns:
        70px 1fr 28px;

    align-items: center;

    gap: 10px;

    padding: 9px 12px;

    background: #ffffff;

    border: 0;

    cursor: pointer;

    text-align: left;
}

.cyp-city-itinerary-toggle > span {
    min-height: 27px;

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

    background: #fff1e7;
    color: #ef6724;

    border-radius: 14px;

    font-size: 8px;
    font-weight: 800;
}

.cyp-city-itinerary-toggle strong {
    color: #294a40;

    font-size: 10px;
}

.cyp-city-itinerary-toggle b {
    width: 24px;
    height: 24px;

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

    border: 1px solid #d4dfda;
    border-radius: 50%;

    color: #173f36;

    font-size: 15px;

    transition: 0.2s ease;
}

.cyp-city-itinerary-content {
    display: none;

    padding: 0 14px 12px 92px;
}

.cyp-city-itinerary-content p {
    margin: 0;

    color: #66776f;

    font-size: 9px;
    line-height: 1.5;
}

.cyp-city-itinerary-item.active
.cyp-city-itinerary-content {
    display: block;
}

.cyp-city-itinerary-item.active
.cyp-city-itinerary-toggle b {
    transform: rotate(45deg);

    background: #173f36;
    color: #ffffff;
}


/* =========================================================
   INCLUSIONS / EXCLUSIONS
========================================================= */

.cyp-city-inc-exc {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

    margin-top: 18px;
}

.cyp-city-inc-card,
.cyp-city-exc-card {
    padding: 15px;

    background: #ffffff;

    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(16,46,41,0.04);
}

.cyp-city-inc-card {
    border: 1px solid #d7e8df;
}

.cyp-city-exc-card {
    border: 1px solid #f1d9cf;
}

.cyp-city-inc-label,
.cyp-city-exc-label {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 0.8px;
}

.cyp-city-inc-label {
    color: #19815f;
}

.cyp-city-exc-label {
    color: #d85c35;
}

.cyp-city-inc-card h3,
.cyp-city-exc-card h3 {
    margin: 0 0 10px;

    color: #173f36;

    font-family: Georgia, serif;

    font-size: 18px;
}

.cyp-city-inc-card ul,
.cyp-city-exc-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.cyp-city-inc-card li,
.cyp-city-exc-card li {
    position: relative;

    margin-bottom: 7px;

    padding-left: 18px;

    color: #53665e;

    font-size: 9px;
}

.cyp-city-inc-card li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: #19815f;

    font-weight: 800;
}

.cyp-city-exc-card li::before {
    content: "×";

    position: absolute;
    left: 1px;

    color: #d85c35;

    font-weight: 800;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-city-itinerary-section {
        padding: 20px 0 23px;
    }

    .cyp-city-itinerary-head h2 {
        font-size: 24px;
    }

    .cyp-city-itinerary-toggle {
        grid-template-columns:
            58px 1fr 26px;
    }

    .cyp-city-itinerary-content {
        padding:
            0 10px 11px 74px;
    }

    .cyp-city-inc-exc {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   CITY PAGE - PRE DEPARTURE CTA
========================================================= */

.cyp-city-predeparture-cta {
    padding: 8px 0 20px;
    background: #ffffff;
}

.cyp-city-predeparture-box {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 18px 20px;

    background:
        linear-gradient(
            100deg,
            #fff7f0 0%,
            #ffffff 55%,
            #f2f8f5 100%
        );

    border: 1px solid #e4eae7;
    border-radius: 11px;
}

.cyp-city-predeparture-box > div:first-child {
    max-width: 720px;
}

.cyp-city-predeparture-box h2 {
    margin: 0 0 6px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 24px;
    line-height: 1.15;
}

.cyp-city-predeparture-box h2 span {
    color: #ef6724;
}

.cyp-city-predeparture-box p {
    margin: 0;

    color: #607169;

    font-size: 10px;
    line-height: 1.5;
}

.cyp-city-predeparture-actions {
    flex: 0 0 auto;

    display: flex;
    gap: 8px;
}

.cyp-city-predeparture-actions a {
    min-height: 38px;

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

    padding: 8px 16px;

    border-radius: 20px;

    font-size: 9px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-city-book-now-btn {
    background: #ef6724;
    color: #ffffff;
}

.cyp-city-enquiry-btn {
    background: #ffffff;
    color: #173f36;

    border: 1px solid #173f36;
}


/* =========================================================
   FIXED DEPARTURE TABLE
========================================================= */

.cyp-city-fixed-departures {
    padding: 23px 0 24px;

    background:
        linear-gradient(
            180deg,
            #f9fbfa,
            #ffffff
        );
}

.cyp-city-fixed-head {
    margin-bottom: 12px;
}

.cyp-city-fixed-head h2 {
    margin: 0 0 5px;

    color: #173f36;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
}

.cyp-city-fixed-head h2 span {
    color: #ef6724;
}

.cyp-city-fixed-head p {
    margin: 0;

    max-width: 820px;

    color: #64766f;

    font-size: 10px;
    line-height: 1.5;
}


/* TABLE */

.cyp-city-fixed-table-wrap {
    overflow-x: auto;

    background: #ffffff;

    border: 1px solid #e1e9e5;
    border-radius: 9px;

    box-shadow:
        0 5px 14px rgba(16,46,41,0.04);
}

.cyp-city-fixed-table {
    width: 100%;

    min-width: 880px;

    border-collapse: collapse;
}

.cyp-city-fixed-table th {
    padding: 10px 11px;

    background: #173f36;
    color: #ffffff;

    text-align: left;

    font-size: 9px;
    font-weight: 700;
}

.cyp-city-fixed-table td {
    padding: 9px 11px;

    color: #53665e;

    border-bottom: 1px solid #edf1ef;

    font-size: 9px;
}

.cyp-city-fixed-table tbody tr:last-child td {
    border-bottom: 0;
}

.cyp-city-fixed-table td strong {
    color: #ef6724;

    font-size: 10px;
}


/* SEAT STATUS */

.cyp-seat-status {
    display: inline-flex;

    padding: 5px 8px;

    border-radius: 12px;

    font-size: 8px;
    font-weight: 800;
}

.cyp-seat-status.available {
    background: #e9f6ef;
    color: #177654;
}

.cyp-seat-status.limited {
    background: #fff0e5;
    color: #d45c24;
}


/* BOOK */

.cyp-city-fixed-table td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 78px;

    padding: 6px 9px;

    background: #ef6724;
    color: #ffffff;

    border-radius: 5px;

    font-size: 8px;
    font-weight: 800;

    text-decoration: none;
}


.cyp-city-fixed-note {
    margin: 8px 0 0;

    color: #7a8882;

    font-size: 8px;
    line-height: 1.4;
}


/* =========================================================
   POST DEPARTURE CTA
========================================================= */

.cyp-city-postdeparture-cta {
    padding: 0 0 24px;
    background: #ffffff;
}

.cyp-city-postdeparture-box {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 17px 20px;

    background: #173f36;

    border-radius: 10px;
}

.cyp-city-postdeparture-box > div:first-child {
    max-width: 700px;
}

.cyp-city-postdeparture-box
.cyp-package-section-label {
    color: #ffb37e;
}

.cyp-city-postdeparture-box h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 21px;
}

.cyp-city-postdeparture-box p {
    margin: 0;

    color: rgba(255,255,255,0.78);

    font-size: 9px;
    line-height: 1.5;
}

.cyp-city-postdeparture-actions {
    flex: 0 0 auto;

    display: flex;
    gap: 8px;
}

.cyp-city-postdeparture-actions a {
    min-height: 37px;

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

    padding: 8px 14px;

    border-radius: 19px;

    font-size: 8.5px;
    font-weight: 800;

    text-decoration: none;
}

.cyp-city-post-enquiry {
    background: #ef6724;
    color: #ffffff;
}

.cyp-city-post-whatsapp {
    background: transparent;
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.6);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cyp-city-predeparture-box,
    .cyp-city-postdeparture-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .cyp-city-predeparture-actions,
    .cyp-city-postdeparture-actions {
        width: 100%;
    }

    .cyp-city-predeparture-actions a,
    .cyp-city-postdeparture-actions a {
        flex: 1;
    }

    .cyp-city-fixed-head h2 {
        font-size: 24px;
    }

}

/* =========================================================
   FIXED DEPARTURE TABLE - MOBILE CARD VIEW
========================================================= */

@media (max-width: 600px) {

    .cyp-city-fixed-table-wrap {
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .cyp-city-fixed-table {
        width: 100% !important;
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .cyp-city-fixed-table thead {
        display: none !important;
    }

    .cyp-city-fixed-table tbody {
        display: block !important;
    }

    .cyp-city-fixed-table tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px 12px !important;

        margin-bottom: 12px !important;
        padding: 13px !important;

        background: #ffffff !important;

        border: 1px solid #e1e9e5 !important;
        border-radius: 10px !important;

        box-shadow: 0 5px 14px rgba(16,46,41,0.05) !important;
    }

    .cyp-city-fixed-table td {
        display: block !important;

        padding: 0 !important;

        border: 0 !important;

        font-size: 9px !important;
        line-height: 1.4 !important;
    }

    .cyp-city-fixed-table td::before {
        display: block;

        margin-bottom: 3px;

        color: #7a8982;

        font-size: 7px;
        font-weight: 700;

        text-transform: uppercase;
        letter-spacing: .3px;
    }

    .cyp-city-fixed-table td:nth-child(1)::before {
        content: "Departure Date";
    }

    .cyp-city-fixed-table td:nth-child(2)::before {
        content: "Duration";
    }

    .cyp-city-fixed-table td:nth-child(3)::before {
        content: "Package Type";
    }

    .cyp-city-fixed-table td:nth-child(4)::before {
        content: "Group Size";
    }

    .cyp-city-fixed-table td:nth-child(5)::before {
        content: "Seats Remaining";
    }

    .cyp-city-fixed-table td:nth-child(6)::before {
        content: "Price / Person";
    }

    .cyp-city-fixed-table td:nth-child(7) {
        grid-column: 1 / -1 !important;
    }

    .cyp-city-fixed-table td:nth-child(7)::before {
        display: none;
    }

    .cyp-city-fixed-table td:nth-child(7) a {
        width: 100% !important;
        min-height: 36px !important;

        margin-top: 3px !important;

        border-radius: 7px !important;

        font-size: 9px !important;
    }

    .cyp-city-fixed-table td strong {
        font-size: 11px !important;
    }

    .cyp-seat-status {
        padding: 4px 7px !important;
        font-size: 8px !important;
    }

    .cyp-city-fixed-note {
        margin-top: 10px !important;
        font-size: 8px !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   FINAL MOBILE FIX - KEEP REAL TABLE ON MOBILE
========================================================= */

@media (max-width: 600px) {

    .cyp-city-fixed-table-wrap {
        width: 100% !important;
        overflow: hidden !important;

        border: 1px solid #dfe8e3 !important;
        border-radius: 8px !important;

        background: #ffffff !important;

        box-shadow:
            0 4px 12px rgba(16,46,41,0.04) !important;
    }


    .cyp-city-fixed-table {
        display: table !important;

        width: 100% !important;
        min-width: 0 !important;

        table-layout: fixed !important;

        border-collapse: collapse !important;
        border-spacing: 0 !important;
    }


    /* SHOW HEADER AGAIN */

    .cyp-city-fixed-table thead {
        display: table-header-group !important;
    }

    .cyp-city-fixed-table tbody {
        display: table-row-group !important;
    }

    .cyp-city-fixed-table tr {
        display: table-row !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* HEADER */

    .cyp-city-fixed-table th {
        display: table-cell !important;

        padding: 7px 2px !important;

        background: #173f36 !important;
        color: #ffffff !important;

        border-right:
            1px solid rgba(255,255,255,.12) !important;

        font-size: 5.8px !important;
        font-weight: 700 !important;

        line-height: 1.15 !important;

        text-align: center !important;

        white-space: normal !important;
        word-break: normal !important;
    }


    /* BODY CELLS */

    .cyp-city-fixed-table td {
        display: table-cell !important;

        padding: 7px 2px !important;

        border-right: 1px solid #edf1ef !important;
        border-bottom: 1px solid #e7eeea !important;

        color: #53665e !important;

        font-size: 5.8px !important;
        line-height: 1.2 !important;

        text-align: center !important;

        vertical-align: middle !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }


    /* REMOVE MOBILE CARD LABELS */

    .cyp-city-fixed-table td::before {
        display: none !important;
        content: none !important;
    }


    /* COLUMN WIDTH CONTROL */

    .cyp-city-fixed-table th:nth-child(1),
    .cyp-city-fixed-table td:nth-child(1) {
        width: 15% !important;
    }

    .cyp-city-fixed-table th:nth-child(2),
    .cyp-city-fixed-table td:nth-child(2) {
        width: 12% !important;
    }

    .cyp-city-fixed-table th:nth-child(3),
    .cyp-city-fixed-table td:nth-child(3) {
        width: 14% !important;
    }

    .cyp-city-fixed-table th:nth-child(4),
    .cyp-city-fixed-table td:nth-child(4) {
        width: 13% !important;
    }

    .cyp-city-fixed-table th:nth-child(5),
    .cyp-city-fixed-table td:nth-child(5) {
        width: 15% !important;
    }

    .cyp-city-fixed-table th:nth-child(6),
    .cyp-city-fixed-table td:nth-child(6) {
        width: 15% !important;
    }

    .cyp-city-fixed-table th:nth-child(7),
    .cyp-city-fixed-table td:nth-child(7) {
        width: 16% !important;
    }


    /* PRICE */

    .cyp-city-fixed-table td strong {
        font-size: 6.4px !important;

        color: #ef6724 !important;

        white-space: nowrap !important;
    }


    /* SEATS */

    .cyp-seat-status {
        display: inline-block !important;

        padding: 3px 3px !important;

        border-radius: 5px !important;

        font-size: 5.5px !important;

        white-space: nowrap !important;
    }


    /* BOOK NOW */

    .cyp-city-fixed-table td:nth-child(7) {
        grid-column: auto !important;
    }

    .cyp-city-fixed-table td:nth-child(7) a {
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;

        display: inline-flex !important;

        margin: 0 !important;

        padding: 4px 3px !important;

        background: #ef6724 !important;
        color: #ffffff !important;

        border-radius: 4px !important;

        font-size: 5.5px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    .cyp-city-fixed-note {
        font-size: 7px !important;
        line-height: 1.4 !important;
    }

}

/* =========================================================
   MOBILE TABLE - IMPROVE READABILITY
========================================================= */

@media (max-width: 600px) {

    .cyp-city-fixed-table th {
        font-size: 7px !important;
        line-height: 1.2 !important;
        padding: 8px 2px !important;
    }

    .cyp-city-fixed-table td {
        font-size: 7px !important;
        line-height: 1.25 !important;
        padding: 9px 2px !important;
    }

    .cyp-city-fixed-table td strong {
        font-size: 7.6px !important;
    }

    .cyp-seat-status {
        font-size: 6.7px !important;
        padding: 4px 4px !important;
        border-radius: 5px !important;
    }

    .cyp-city-fixed-table td:nth-child(7) a {
        font-size: 6.8px !important;
        padding: 5px 4px !important;
        min-height: 25px !important;
        border-radius: 5px !important;
    }

}

/* =========================================================
   CITY PAGE - OTHER CITIES / FAQ / TRUST
========================================================= */

.cyp-city-other-cities,
.cyp-city-faq-section {
    padding: 24px 0;
    background: #ffffff;
}

.cyp-city-section-head {
    margin-bottom: 13px;
}

.cyp-city-section-head h2 {
    margin: 0 0 5px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.1;
}

.cyp-city-section-head h2 span {
    color: #ef6724;
}

.cyp-city-section-head p {
    margin: 0;
    max-width: 760px;
    color: #66776f;
    font-size: 10px;
    line-height: 1.5;
}


/* OTHER CITIES */

.cyp-city-other-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.cyp-city-other-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e9e5;
    border-radius: 9px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(16,46,41,.04);
}

.cyp-city-other-card img {
    width: 100%;
    height: 85px;
    object-fit: cover;
    display: block;
}

.cyp-city-other-card strong {
    display: block;
    padding: 7px 8px 2px;
    color: #173f36;
    font-size: 10px;
}

.cyp-city-other-card span {
    display: block;
    padding: 0 8px 8px;
    color: #728179;
    font-size: 7.5px;
    line-height: 1.3;
}


/* FAQ */

.cyp-city-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}

.cyp-city-faq-item {
    overflow: hidden;
    border: 1px solid #e1e9e5;
    border-radius: 8px;
    background: #fff;
}

.cyp-city-faq-item button {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: #ffffff;
    border: 0;
    color: #173f36;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.cyp-city-faq-item button span {
    font-size: 15px;
    transition: .2s ease;
}

.cyp-city-faq-item > div {
    display: none;
    padding: 0 12px 11px;
}

.cyp-city-faq-item > div p {
    margin: 0;
    color: #65766f;
    font-size: 8.5px;
    line-height: 1.5;
}

.cyp-city-faq-item.active > div {
    display: block;
}

.cyp-city-faq-item.active button span {
    transform: rotate(45deg);
}


/* TRUST */

.cyp-city-trust-section {
    padding: 26px 0 32px;
    background:
        linear-gradient(
            180deg,
            #f5faf8,
            #edf6f2
        );
}

.cyp-city-trust-head {
    text-align: center;
    margin-bottom: 14px;
}

.cyp-city-trust-head h2 {
    margin: 3px 0 0;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
}

.cyp-city-trust-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #ffffff;
    border: 1px solid #dfe8e3;
    border-radius: 10px;
    overflow: hidden;
}

.cyp-city-trust-grid > div {
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 10px;
    text-align: center;
}

.cyp-city-trust-grid > div:not(:last-child) {
    border-right: 1px solid #e4ebe7;
}

.cyp-city-trust-grid > div > span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1e7;
    border-radius: 8px;
    color: #ef6724;
    font-size: 14px;
}

.cyp-city-trust-grid > div:nth-child(even) > span {
    background: #edf7f2;
    color: #17614f;
}

.cyp-city-trust-grid strong {
    color: #173f36;
    font-size: 8.5px;
}

.cyp-city-trust-grid small {
    color: #74817c;
    font-size: 7px;
}


/* TABLET */

@media (max-width: 900px) {

    .cyp-city-other-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .cyp-city-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-city-other-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-city-other-card img {
        height: 82px;
    }

    .cyp-city-faq-grid {
        grid-template-columns: 1fr;
    }

    .cyp-city-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cyp-city-trust-grid > div {
        min-height: 72px;
    }

    .cyp-city-section-head h2,
    .cyp-city-trust-head h2 {
        font-size: 23px;
    }

}

/* =========================================================
   KEDARNATH TOUR PACKAGES - FRESH PREMIUM DESIGN
========================================================= */

.kdp-page {
    background: #ffffff;
    color: #173f36;
}

.kdp-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}

.kdp-section-label,
.kdp-eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #ef6724;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.kdp-title {
    margin: 0 0 10px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.08;
}

.kdp-title span {
    color: #ef6724;
}

.kdp-section-intro {
    max-width: 820px;
    margin: 0 0 14px;
    color: #66776f;
    font-size: 10px;
    line-height: 1.6;
}


/* =========================================================
   HERO
========================================================= */

.kdp-hero {
    position: relative;
    min-height: 410px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        url("../images/kedarnath-temple.png")
        center 48% / cover no-repeat;
}

.kdp-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10,39,34,.94) 0%,
            rgba(10,39,34,.82) 37%,
            rgba(10,39,34,.35) 65%,
            rgba(10,39,34,.08) 100%
        );
}

.kdp-hero .kdp-container {
    position: relative;
    z-index: 2;
}

.kdp-hero-content {
    max-width: 650px;
    padding: 44px 0 96px;
}

.kdp-eyebrow {
    color: #ffbd78;
}

.kdp-hero h1 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 50px;
    line-height: 1.02;
}

.kdp-hero h1 span {
    color: #f3a74e;
}

.kdp-hero-content > p {
    max-width: 600px;
    margin: 0;
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.65;
}

.kdp-hero-actions {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.kdp-hero-actions a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border-radius: 24px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

.kdp-btn-orange {
    background: #ef6724;
    color: #ffffff;
    border: 1px solid #ef6724;
}

.kdp-btn-outline {
    background: rgba(255,255,255,.06);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.72);
}


/* TRUST BAR */

.kdp-hero-trust {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;

    display: grid;
    grid-template-columns: repeat(4,1fr);

    background: rgba(9,59,51,.95);
    backdrop-filter: blur(5px);
}

.kdp-hero-trust > div {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
}

.kdp-hero-trust > div:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,.14);
}

.kdp-hero-trust > div > span {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f3a74e;
    font-size: 15px;
}

.kdp-hero-trust p {
    margin: 0;
}

.kdp-hero-trust strong,
.kdp-hero-trust small {
    display: block;
}

.kdp-hero-trust strong {
    color: #ffffff;
    font-size: 9px;
}

.kdp-hero-trust small {
    margin-top: 2px;
    color: rgba(255,255,255,.7);
    font-size: 7px;
}


/* =========================================================
   ABOUT
========================================================= */

.kdp-about {
    padding: 32px 0;
}

.kdp-about-grid {
    display: grid;
    grid-template-columns: 1.05fr .75fr .85fr;
    gap: 22px;
    align-items: stretch;
}

.kdp-about-copy h2 {
    margin: 0 0 9px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.08;
}

.kdp-about-copy h2 span {
    color: #ef6724;
}

.kdp-about-copy > p,
.kdp-more-content p {
    margin: 0 0 9px;
    color: #607169;
    font-size: 10px;
    line-height: 1.6;
}

.kdp-more-content {
    display: none;
}

.kdp-more-content.active {
    display: block;
}

.kdp-see-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin: 3px 0 14px;
    padding: 7px 15px;
    background: #173f36;
    color: #ffffff;
    border: 0;
    border-radius: 18px;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}

.kdp-about-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 12px;
}

.kdp-about-points > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kdp-about-points > div > span {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1e7;
    color: #ef6724;
    border-radius: 50%;
    font-size: 11px;
}

.kdp-about-points p {
    margin: 0;
}

.kdp-about-points strong {
    display: block;
    color: #173f36;
    font-size: 8.5px;
}

.kdp-about-points small {
    display: block;
    margin-top: 1px;
    color: #74817c;
    font-size: 7px;
}

.kdp-about-image {
    overflow: hidden;
    border-radius: 12px;
    min-height: 265px;
}

.kdp-about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.kdp-highlights {
    padding: 16px;
    background: #f7faf8;
    border: 1px solid #e3ebe7;
    border-radius: 12px;
}

.kdp-highlights h3 {
    margin: 0 0 10px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 18px;
}

.kdp-highlights ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kdp-highlights li {
    padding: 8px 0;
    color: #53665e;
    border-bottom: 1px solid #e4ebe7;
    font-size: 8.5px;
}

.kdp-highlights li:last-child {
    border-bottom: 0;
}


/* =========================================================
   COMPARISON
========================================================= */

.kdp-comparison {
    padding: 28px 0;
    background: #f8fbf9;
}

.kdp-table-wrap {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #e0e8e4;
    border-radius: 10px;
    box-shadow: 0 5px 16px rgba(16,46,41,.04);
}

.kdp-table {
    width: 100%;
    border-collapse: collapse;
}

.kdp-table th {
    padding: 10px 12px;
    background: #173f36;
    color: #ffffff;
    text-align: left;
    font-size: 8.5px;
}

.kdp-table td {
    padding: 9px 12px;
    color: #53665e;
    border-bottom: 1px solid #edf1ef;
    font-size: 8.5px;
}

.kdp-table tbody tr:last-child td {
    border-bottom: 0;
}

.kdp-table td:nth-child(2) {
    color: #ef6724;
    font-weight: 800;
}

.kdp-table a {
    color: #ef6724;
    text-decoration: none;
    font-weight: 800;
}


/* =========================================================
   MOST BOOKED SLIDER
========================================================= */

.kdp-popular {
    padding: 30px 0;
}

.kdp-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 13px;
}

.kdp-slider-controls {
    display: flex;
    gap: 7px;
}

.kdp-slider-controls button {
    width: 34px;
    height: 34px;
    border: 1px solid #dbe4df;
    border-radius: 50%;
    background: #ffffff;
    color: #173f36;
    font-size: 15px;
    cursor: pointer;
}

.kdp-package-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.kdp-package-slider::-webkit-scrollbar {
    display: none;
}

.kdp-package-card {
    flex: 0 0 185px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
    box-shadow: 0 5px 14px rgba(16,46,41,.05);
}

.kdp-package-card img {
    width: 100%;
    height: 110px;
    display: block;
    object-fit: cover;
}

.kdp-package-card > div {
    padding: 9px;
}

.kdp-package-card small {
    display: inline-block;
    margin-bottom: 4px;
    color: #74817c;
    font-size: 7px;
}

.kdp-package-card h3 {
    min-height: 29px;
    margin: 0 0 5px;
    color: #173f36;
    font-size: 9px;
    line-height: 1.3;
}

.kdp-package-card strong {
    display: block;
    margin-bottom: 7px;
    color: #ef6724;
    font-size: 13px;
}

.kdp-package-card a {
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ef6724;
    border-radius: 16px;
    color: #ef6724;
    font-size: 7.5px;
    font-weight: 800;
    text-decoration: none;
}


/* =========================================================
   ROUTE + ITINERARY
========================================================= */

.kdp-route {
    padding: 28px 0;
    background: #f8fbf9;
}

.kdp-route-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 14px;
}

.kdp-route-box,
.kdp-itinerary-box {
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e2eae6;
    border-radius: 11px;
}

.kdp-route-box h2,
.kdp-itinerary-box h2 {
    margin: 0 0 13px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 21px;
}

.kdp-route-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    overflow-x: auto;
}

.kdp-route-flow > div {
    min-width: 76px;
    text-align: center;
}

.kdp-route-flow > div span {
    width: 44px;
    height: 44px;
    margin: 0 auto 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf7f2;
    color: #17614f;
    border: 1px solid #d4e8df;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 800;
}

.kdp-route-flow strong {
    color: #173f36;
    font-size: 8px;
}

.kdp-route-flow b {
    color: #ef6724;
    font-size: 15px;
}

.kdp-itinerary-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kdp-itinerary-box li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: #586b62;
    font-size: 8.5px;
}

.kdp-itinerary-box li span {
    min-width: 48px;
    padding: 4px 6px;
    background: #173f36;
    color: #ffffff;
    border-radius: 11px;
    text-align: center;
    font-size: 7px;
}


/* =========================================================
   PACKAGE TYPES
========================================================= */

.kdp-types {
    padding: 30px 0;
}

.kdp-types-grid {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 9px;
}

.kdp-types-grid article {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e9e5;
    border-radius: 8px;
}

.kdp-types-grid img {
    width: 100%;
    height: 75px;
    object-fit: cover;
    display: block;
}

.kdp-types-grid h3 {
    margin: 7px 8px 3px;
    color: #173f36;
    font-size: 8.5px;
}

.kdp-types-grid p {
    margin: 0 8px 8px;
    color: #728079;
    font-size: 7px;
    line-height: 1.35;
}


/* =========================================================
   MAJOR CITIES
========================================================= */

.kdp-cities {
    padding: 28px 0;
    background: #f8fbf9;
}

.kdp-city-slider {
    display: flex;
    gap: 9px;
    margin-top: 14px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.kdp-city-slider::-webkit-scrollbar {
    display: none;
}

.kdp-city-card {
    flex: 0 0 135px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e9e5;
    border-radius: 8px;
    text-decoration: none;
}

.kdp-city-card img {
    width: 100%;
    height: 72px;
    display: block;
    object-fit: cover;
}

.kdp-city-card strong,
.kdp-city-card span {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
}

.kdp-city-card strong {
    padding-top: 7px;
    color: #173f36;
    font-size: 8px;
}

.kdp-city-card span {
    padding-top: 2px;
    padding-bottom: 8px;
    color: #ef6724;
    font-size: 8px;
    font-weight: 800;
}


/* =========================================================
   ALL PACKAGES + BOOKING
========================================================= */

.kdp-all {
    padding: 30px 0;
}

.kdp-all-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: stretch;
}

.kdp-all-package-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-top: 12px;
}

.kdp-all-package-grid article {
    min-height: 76px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e1e9e5;
    border-radius: 8px;
}

.kdp-all-package-grid strong,
.kdp-all-package-grid span,
.kdp-all-package-grid b {
    display: block;
}

.kdp-all-package-grid strong {
    color: #173f36;
    font-size: 8px;
}

.kdp-all-package-grid span {
    margin-top: 3px;
    color: #74817c;
    font-size: 7px;
}

.kdp-all-package-grid b {
    margin-top: 6px;
    color: #ef6724;
    font-size: 11px;
}

.kdp-extra-package {
    display: none;
}

.kdp-extra-package.show {
    display: block;
}

.kdp-show-more-packages {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 11px;
    padding: 7px 17px;
    background: #173f36;
    color: #ffffff;
    border: 0;
    border-radius: 18px;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}


/* BOOKING FORM */

.kdp-booking {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    border-radius: 12px;
    background:
        url("../images/kedarnath-temple.png")
        center / cover no-repeat;
}

.kdp-booking-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10,48,41,.96),
            rgba(10,48,41,.78)
        );
}

.kdp-booking-content {
    position: relative;
    z-index: 2;
    padding: 22px;
}

.kdp-booking-content .kdp-section-label {
    color: #ffb37e;
}

.kdp-booking-content h2 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: Georgia, serif;
    font-size: 27px;
    line-height: 1.08;
}

.kdp-booking-content h2 span {
    color: #f3a74e;
}

.kdp-booking-content > p {
    margin: 0 0 14px;
    color: rgba(255,255,255,.78);
    font-size: 9px;
    line-height: 1.5;
}

.kdp-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.kdp-form-grid input,
.kdp-form-grid select {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    background: #ffffff;
    border: 0;
    border-radius: 6px;
    color: #53665e;
    font-size: 8px;
}

.kdp-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.kdp-form-actions button,
.kdp-form-actions a {
    flex: 1;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.kdp-form-actions button {
    background: #ef6724;
    color: #ffffff;
    border: 0;
}

.kdp-form-actions a {
    background: #1e9e69;
    color: #ffffff;
}


/* =========================================================
   FAQ
========================================================= */

.kdp-faq {
    padding: 28px 0;
    background: #f8fbf9;
}

.kdp-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}

.kdp-faq-item {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e9e5;
    border-radius: 8px;
}

.kdp-faq-item button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    background: #ffffff;
    border: 0;
    color: #173f36;
    text-align: left;
    font-size: 8.5px;
    font-weight: 700;
    cursor: pointer;
}

.kdp-faq-item button span {
    font-size: 15px;
    transition: .2s ease;
}

.kdp-faq-item > div {
    display: none;
    padding: 0 11px 10px;
}

.kdp-faq-item > div p {
    margin: 0;
    color: #687870;
    font-size: 8px;
    line-height: 1.5;
}

.kdp-faq-item.active > div {
    display: block;
}

.kdp-faq-item.active button span {
    transform: rotate(45deg);
}


/* =========================================================
   CLOSING
========================================================= */

.kdp-closing {
    position: relative;
    padding: 26px 0;
    overflow: hidden;
    background:
        url("../images/kedarnath-temple.png")
        center 55% / cover no-repeat;
}

.kdp-closing-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8,44,38,.88);
}

.kdp-closing .kdp-container {
    position: relative;
    z-index: 2;
}

.kdp-closing-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.kdp-closing-content > div:first-child {
    max-width: 700px;
}

.kdp-closing-content span {
    color: #ffb37e;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.kdp-closing-content h2 {
    margin: 4px 0 5px;
    color: #ffffff;
    font-family: Georgia, serif;
    font-size: 25px;
}

.kdp-closing-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 9px;
}

.kdp-closing-actions {
    display: flex;
    gap: 8px;
}

.kdp-closing-actions a {
    min-height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.kdp-closing-actions a:first-child {
    background: #ef6724;
    color: #ffffff;
}

.kdp-closing-actions a:last-child {
    background: #ffffff;
    color: #173f36;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .kdp-about-grid {
        grid-template-columns: 1fr 1fr;
    }

    .kdp-highlights {
        grid-column: 1 / -1;
    }

    .kdp-types-grid {
        grid-template-columns: repeat(4,1fr);
    }

    .kdp-all-grid {
        grid-template-columns: 1fr;
    }

    .kdp-booking {
        min-height: 380px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .kdp-container {
        width: 91%;
    }

    .kdp-title {
        font-size: 24px;
    }

    .kdp-hero {
        min-height: 500px;
        background-position: 62% center;
        align-items: flex-start;
    }

    .kdp-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(8,42,36,.96) 0%,
                rgba(8,42,36,.87) 61%,
                rgba(8,42,36,.65) 100%
            );
    }

    .kdp-hero-content {
        padding: 34px 0 205px;
    }

    .kdp-hero h1 {
        font-size: 34px;
    }

    .kdp-hero-actions {
        flex-direction: column;
    }

    .kdp-hero-actions a {
        width: 100%;
    }

    .kdp-hero-trust {
        grid-template-columns: 1fr 1fr;
    }

    .kdp-hero-trust > div {
        min-height: 68px;
        justify-content: flex-start;
        padding: 9px 12px;
    }

    .kdp-about-grid {
        grid-template-columns: 1fr;
    }

    .kdp-about-image {
        min-height: 215px;
    }

    .kdp-about-points {
        grid-template-columns: 1fr 1fr;
    }

    .kdp-route-grid {
        grid-template-columns: 1fr;
    }

    .kdp-types-grid {
        display: flex;
        overflow-x: auto;
        gap: 9px;
        scrollbar-width: none;
    }

    .kdp-types-grid::-webkit-scrollbar {
        display: none;
    }

    .kdp-types-grid article {
        flex: 0 0 42%;
    }

    .kdp-package-card {
        flex-basis: 46%;
    }

    .kdp-all-package-grid {
        grid-template-columns: 1fr 1fr;
    }

    .kdp-form-grid {
        grid-template-columns: 1fr;
    }

    .kdp-form-actions {
        flex-direction: column;
    }

    .kdp-faq-grid {
        grid-template-columns: 1fr;
    }

    .kdp-closing-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .kdp-closing-actions {
        width: 100%;
    }

    .kdp-closing-actions a {
        flex: 1;
    }

    .kdp-table {
        min-width: 660px;
    }

}

/* =========================================================
   KEDARNATH PACKAGE TABLE - MOBILE FIX
   Keep real table, no cards, no horizontal scroll
========================================================= */

@media (max-width: 600px) {

    .kdp-table-wrap {
        width: 100% !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    .kdp-table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .kdp-table thead {
        display: table-header-group !important;
    }

    .kdp-table tbody {
        display: table-row-group !important;
    }

    .kdp-table tr {
        display: table-row !important;
    }

    .kdp-table th,
    .kdp-table td {
        display: table-cell !important;
        vertical-align: middle !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* HEADER */

    .kdp-table th {
        padding: 7px 2px !important;
        font-size: 6.8px !important;
        line-height: 1.15 !important;
    }

    /* BODY */

    .kdp-table td {
        padding: 8px 2px !important;
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    /* PACKAGE NAME LEFT ALIGN */

    .kdp-table th:first-child,
    .kdp-table td:first-child {
        text-align: left !important;
        padding-left: 5px !important;
    }

    /* COLUMN WIDTHS */

    .kdp-table th:nth-child(1),
    .kdp-table td:nth-child(1) {
        width: 31% !important;
    }

    .kdp-table th:nth-child(2),
    .kdp-table td:nth-child(2) {
        width: 18% !important;
    }

    .kdp-table th:nth-child(3),
    .kdp-table td:nth-child(3) {
        width: 20% !important;
    }

    .kdp-table th:nth-child(4),
    .kdp-table td:nth-child(4) {
        width: 16% !important;
    }

    .kdp-table th:nth-child(5),
    .kdp-table td:nth-child(5) {
        width: 15% !important;
    }

    /* PRICE */

    .kdp-table td:nth-child(2) {
        font-size: 7.3px !important;
        white-space: nowrap !important;
    }

    /* VIEW DETAILS */

    .kdp-table td:nth-child(5) a {
        display: inline-block !important;
        font-size: 6.5px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

}

/* =========================================================
   KEDARNATH ROUTE - MOBILE AUTO SLIDER
========================================================= */

@media (max-width: 600px) {

    .kdp-route-flow {
        display: flex !important;
        justify-content: flex-start !important;
        gap: 10px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;

        padding: 4px 2px 10px !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .kdp-route-flow::-webkit-scrollbar {
        display: none !important;
    }

    .kdp-route-flow > div {
        flex: 0 0 32% !important;
        min-width: 32% !important;

        scroll-snap-align: start !important;

        text-align: center !important;
    }

    .kdp-route-flow > b {
        flex: 0 0 18px !important;
        min-width: 18px !important;

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

        color: #ef6724 !important;
        font-size: 15px !important;
    }

    .kdp-route-flow > div span {
        width: 46px !important;
        height: 46px !important;

        margin: 0 auto 5px !important;
    }

    .kdp-route-flow strong {
        font-size: 8px !important;
        line-height: 1.2 !important;
    }

}

/* =========================================================
   KEDARNATH PACKAGE TYPES - MOBILE AUTO SLIDER
========================================================= */

@media (max-width: 600px) {

    .kdp-types-grid {
        display: flex !important;
        flex-wrap: nowrap !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 10px !important;

        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;

        padding-bottom: 8px !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .kdp-types-grid::-webkit-scrollbar {
        display: none !important;
    }

    .kdp-types-grid article {
        flex: 0 0 46% !important;
        min-width: 46% !important;

        scroll-snap-align: start !important;

        border-radius: 9px !important;
        overflow: hidden !important;
    }

    .kdp-types-grid img {
        width: 100% !important;
        height: 92px !important;
        object-fit: cover !important;
    }

    .kdp-types-grid h3 {
        font-size: 8.5px !important;
        line-height: 1.2 !important;
    }

    .kdp-types-grid p {
        font-size: 7px !important;
        line-height: 1.3 !important;
    }

}

/* =========================================================
   KEDARNATH MAJOR CITIES - MOBILE FAST AUTO SLIDER
========================================================= */

@media (max-width: 600px) {

    .kdp-city-slider {
        display: flex !important;
        flex-wrap: nowrap !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 10px !important;

        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;

        padding-bottom: 8px !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .kdp-city-slider::-webkit-scrollbar {
        display: none !important;
    }

    .kdp-city-card {
        flex: 0 0 31% !important;
        min-width: 31% !important;

        scroll-snap-align: start !important;

        border-radius: 9px !important;
        overflow: hidden !important;
    }

    .kdp-city-card img {
        width: 100% !important;
        height: 82px !important;
        object-fit: cover !important;
    }

    .kdp-city-card strong {
        font-size: 8px !important;
        line-height: 1.2 !important;
    }

    .kdp-city-card span {
        font-size: 7.5px !important;
        line-height: 1.2 !important;
    }

}

/* =========================================================
   DO DHAM YATRA PACKAGES - PREMIUM PAGE
   Scoped with dyd- classes only
========================================================= */

.dyd-page {
    background: #ffffff;
    color: #173f36;
}

.dyd-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}

.dyd-section-label,
.dyd-eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #ef6724;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dyd-title {
    margin: 0 0 10px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.08;
}


/* =========================================================
   HERO
========================================================= */

.dyd-hero {
    position: relative;
    min-height: 410px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        url("../images/kedarnath-temple.png")
        center 46% / cover no-repeat;
}

.dyd-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8,43,37,.95) 0%,
            rgba(8,43,37,.83) 38%,
            rgba(8,43,37,.35) 66%,
            rgba(8,43,37,.1) 100%
        );
}

.dyd-hero .dyd-container {
    position: relative;
    z-index: 2;
}

.dyd-hero-content {
    max-width: 650px;
    padding: 46px 0 95px;
}

.dyd-eyebrow {
    color: #ffb66f;
}

.dyd-hero h1 {
    margin: 0 0 12px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 50px;
    line-height: 1.02;
}

.dyd-hero h1 span {
    color: #f4a44a;
}

.dyd-hero-content > p {
    max-width: 590px;
    margin: 0;
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.65;
}

.dyd-hero-actions {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.dyd-hero-actions a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border-radius: 24px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

.dyd-btn-orange {
    background: #ef6724;
    color: #fff;
    border: 1px solid #ef6724;
}

.dyd-btn-outline {
    background: rgba(255,255,255,.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,.72);
}


/* TRUST STRIP */

.dyd-trust-strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background: rgba(9,59,51,.96);
}

.dyd-trust-strip > div {
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
}

.dyd-trust-strip > div:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,.13);
}

.dyd-trust-strip > div > span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4a44a;
    font-size: 15px;
}

.dyd-trust-strip p {
    margin: 0;
}

.dyd-trust-strip strong,
.dyd-trust-strip small {
    display: block;
}

.dyd-trust-strip strong {
    color: #fff;
    font-size: 9px;
}

.dyd-trust-strip small {
    color: rgba(255,255,255,.7);
    font-size: 7px;
}


/* =========================================================
   JOURNEY SECTIONS
========================================================= */

.dyd-journey-section {
    padding: 34px 0;
}

.dyd-journey-alt {
    background: #f7fbf9;
}

.dyd-journey-top {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px;
}

.dyd-journey-copy h2 {
    margin: 0 0 10px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 32px;
    line-height: 1.08;
}

.dyd-journey-copy h2 span {
    display: block;
    color: #ef6724;
}

.dyd-journey-copy > p,
.dyd-more-content p {
    margin: 0 0 9px;
    color: #62746b;
    font-size: 10px;
    line-height: 1.65;
}

.dyd-more-content {
    display: none;
}

.dyd-more-content.active {
    display: block;
}

.dyd-see-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 4px;
    padding: 7px 16px;
    background: #173f36;
    color: #fff;
    border: 0;
    border-radius: 18px;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}

.dyd-dual-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.dyd-dual-images article {
    position: relative;
    height: 250px;
    overflow: hidden;
    border-radius: 12px;
}

.dyd-dual-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dyd-dual-images span {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 7px 11px;
    background: rgba(10,54,46,.92);
    color: #fff;
    border-radius: 16px;
    font-size: 8px;
    font-weight: 800;
}


/* =========================================================
   POPULAR PACKAGES + TABLE
========================================================= */

.dyd-content-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 18px;
    align-items: start;
    margin-bottom: 22px;
}

.dyd-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dyd-heading-row h3,
.dyd-subtitle {
    margin: 0;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 20px;
}

.dyd-slider-controls {
    display: flex;
    gap: 6px;
}

.dyd-slider-controls button {
    width: 32px;
    height: 32px;
    border: 1px solid #dce6e1;
    border-radius: 50%;
    background: #fff;
    color: #173f36;
    cursor: pointer;
}

.dyd-package-slider {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.dyd-package-slider::-webkit-scrollbar {
    display: none;
}

.dyd-package-card {
    flex: 0 0 175px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
    box-shadow: 0 5px 14px rgba(16,46,41,.05);
}

.dyd-package-card img {
    width: 100%;
    height: 105px;
    object-fit: cover;
    display: block;
}

.dyd-package-card > div {
    padding: 9px;
}

.dyd-package-card small {
    color: #74817b;
    font-size: 7px;
}

.dyd-package-card h4 {
    min-height: 30px;
    margin: 5px 0;
    color: #173f36;
    font-size: 8.5px;
    line-height: 1.3;
}

.dyd-package-card strong {
    display: block;
    margin-bottom: 7px;
    color: #ef6724;
    font-size: 12px;
}

.dyd-package-card a {
    display: flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ef6724;
    border-radius: 15px;
    color: #ef6724;
    text-decoration: none;
    font-size: 7px;
    font-weight: 800;
}


/* TABLE */

.dyd-table-wrap {
    overflow-x: auto;
    border: 1px solid #e1e9e5;
    border-radius: 9px;
    background: #fff;
}

.dyd-table {
    width: 100%;
    border-collapse: collapse;
}

.dyd-table th {
    padding: 9px 10px;
    background: #173f36;
    color: #fff;
    text-align: left;
    font-size: 8px;
}

.dyd-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #edf1ef;
    color: #596b63;
    font-size: 8px;
}

.dyd-table td:nth-child(2) {
    color: #ef6724;
    font-weight: 800;
}


/* =========================================================
   ITINERARY + RELATED
========================================================= */

.dyd-bottom-grid {
    display: grid;
    grid-template-columns: 1.45fr .55fr;
    gap: 16px;
}

.dyd-itinerary,
.dyd-related {
    padding: 15px;
    background: #fff;
    border: 1px solid #e1e9e5;
    border-radius: 10px;
}

.dyd-itinerary h3,
.dyd-related h3 {
    margin: 0 0 11px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 18px;
}

.dyd-itinerary-row {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 8px;
}

.dyd-itinerary-row article {
    min-height: 80px;
    padding: 9px;
    background: #f8fbf9;
    border-radius: 8px;
}

.dyd-itinerary-row span {
    display: inline-block;
    margin-bottom: 6px;
    padding: 4px 7px;
    background: #173f36;
    color: #fff;
    border-radius: 11px;
    font-size: 7px;
}

.dyd-itinerary-row strong {
    display: block;
    color: #53665e;
    font-size: 7.5px;
    line-height: 1.35;
}

.dyd-related {
    display: flex;
    flex-direction: column;
}

.dyd-related a {
    padding: 9px 0;
    color: #173f36;
    border-bottom: 1px solid #e6ece9;
    font-size: 8px;
    font-weight: 700;
    text-decoration: none;
}

.dyd-related a:last-child {
    border-bottom: 0;
}


/* =========================================================
   FAQ + ENQUIRY
========================================================= */

.dyd-faq-enquiry {
    padding: 32px 0;
    background: #f8fbf9;
}

.dyd-faq-enquiry-grid {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 18px;
    align-items: stretch;
}

.dyd-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
}

.dyd-faq-item {
    overflow: hidden;
    border: 1px solid #e0e8e4;
    border-radius: 8px;
    background: #fff;
}

.dyd-faq-item button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    background: #fff;
    border: 0;
    color: #173f36;
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
}

.dyd-faq-item > div {
    display: none;
    padding: 0 11px 10px;
}

.dyd-faq-item.active > div {
    display: block;
}

.dyd-faq-item > div p {
    margin: 0;
    color: #687870;
    font-size: 8px;
    line-height: 1.5;
}

.dyd-faq-item.active button span {
    transform: rotate(45deg);
}


/* ENQUIRY */

.dyd-enquiry {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background:
        url("../images/badrinath-temple.png")
        center / cover no-repeat;
}

.dyd-enquiry-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10,48,41,.96),
            rgba(10,48,41,.78)
        );
}

.dyd-enquiry-content {
    position: relative;
    z-index: 2;
    padding: 22px;
}

.dyd-enquiry-content .dyd-section-label {
    color: #ffb47b;
}

.dyd-enquiry-content h2 {
    margin: 0 0 7px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 26px;
}

.dyd-enquiry-content > p {
    color: rgba(255,255,255,.78);
    font-size: 9px;
}

.dyd-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
}

.dyd-form-grid input,
.dyd-form-grid select {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 0;
    border-radius: 6px;
    background: #fff;
    color: #53665e;
    font-size: 8px;
}

.dyd-full-field {
    grid-column: 1 / -1;
}

.dyd-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.dyd-form-actions button,
.dyd-form-actions a {
    flex: 1;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.dyd-form-actions button {
    background: #ef6724;
    color: #fff;
    border: 0;
}

.dyd-form-actions a {
    background: #1c9d69;
    color: #fff;
}


/* =========================================================
   CLOSING
========================================================= */

.dyd-closing {
    position: relative;
    padding: 26px 0;
    overflow: hidden;
    background:
        url("../images/hero4.jpg")
        center / cover no-repeat;
}

.dyd-closing-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7,44,38,.86);
}

.dyd-closing .dyd-container {
    position: relative;
    z-index: 2;
}

.dyd-closing-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.dyd-closing-content span {
    color: #ffb47b;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.dyd-closing-content h2 {
    margin: 4px 0 5px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 25px;
}

.dyd-closing-content p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 9px;
}

.dyd-closing-actions {
    display: flex;
    gap: 8px;
}

.dyd-closing-actions a {
    min-height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.dyd-closing-actions a:first-child {
    background: #ef6724;
    color: #fff;
}

.dyd-closing-actions a:last-child {
    background: #fff;
    color: #173f36;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .dyd-journey-top,
    .dyd-content-grid,
    .dyd-bottom-grid,
    .dyd-faq-enquiry-grid {
        grid-template-columns: 1fr;
    }

    .dyd-itinerary-row {
        grid-template-columns: repeat(3,1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .dyd-container {
        width: 91%;
    }

    .dyd-hero {
        min-height: 500px;
        background-position: 60% center;
        align-items: flex-start;
    }

    .dyd-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(8,43,37,.96),
                rgba(8,43,37,.86) 63%,
                rgba(8,43,37,.62)
            );
    }

    .dyd-hero-content {
        padding: 34px 0 205px;
    }

    .dyd-hero h1 {
        font-size: 34px;
    }

    .dyd-hero-actions {
        flex-direction: column;
    }

    .dyd-hero-actions a {
        width: 100%;
    }

    .dyd-trust-strip {
        grid-template-columns: 1fr 1fr;
    }

    .dyd-trust-strip > div {
        justify-content: flex-start;
        min-height: 68px;
        padding: 9px 12px;
    }

    .dyd-journey-top {
        grid-template-columns: 1fr;
    }

    .dyd-journey-copy h2 {
        font-size: 27px;
    }

    .dyd-dual-images article {
        height: 180px;
    }

    .dyd-content-grid {
        grid-template-columns: 1fr;
    }

    .dyd-package-card {
        flex: 0 0 47%;
    }

    .dyd-table {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .dyd-table th,
    .dyd-table td {
        padding: 7px 3px;
        font-size: 6.7px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .dyd-table th:nth-child(1),
    .dyd-table td:nth-child(1) {
        width: 34%;
    }

    .dyd-table th:nth-child(2),
    .dyd-table td:nth-child(2) {
        width: 20%;
    }

    .dyd-table th:nth-child(3),
    .dyd-table td:nth-child(3) {
        width: 20%;
    }

    .dyd-table th:nth-child(4),
    .dyd-table td:nth-child(4) {
        width: 26%;
    }

    .dyd-itinerary-row {
        display: flex;
        overflow-x: auto;
        gap: 8px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .dyd-itinerary-row::-webkit-scrollbar {
        display: none;
    }

    .dyd-itinerary-row article {
        flex: 0 0 42%;
        min-width: 42%;
        scroll-snap-align: start;
    }

    .dyd-faq-grid {
        grid-template-columns: 1fr;
    }

    .dyd-form-grid {
        grid-template-columns: 1fr;
    }

    .dyd-full-field {
        grid-column: auto;
    }

    .dyd-form-actions {
        flex-direction: column;
    }

    .dyd-closing-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .dyd-closing-actions {
        width: 100%;
    }

    .dyd-closing-actions a {
        flex: 1;
    }

}

@media (max-width: 600px) {

    .dyd-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .dyd-table th,
    .dyd-table td {
        padding: 7px 2px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 6.5px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    .dyd-table th:first-child,
    .dyd-table td:first-child {
        text-align: left !important;
        padding-left: 5px !important;
    }

    .dyd-table th:nth-child(1),
    .dyd-table td:nth-child(1) {
        width: 29% !important;
    }

    .dyd-table th:nth-child(2),
    .dyd-table td:nth-child(2) {
        width: 18% !important;
    }

    .dyd-table th:nth-child(3),
    .dyd-table td:nth-child(3) {
        width: 17% !important;
    }

    .dyd-table th:nth-child(4),
    .dyd-table td:nth-child(4) {
        width: 19% !important;
    }

    .dyd-table th:nth-child(5),
    .dyd-table td:nth-child(5) {
        width: 17% !important;
    }

    .dyd-table td:nth-child(5) a {
        color: #ef6724 !important;
        font-size: 6.2px !important;
        font-weight: 800 !important;
        text-decoration: none !important;
        line-height: 1.15 !important;
    }
}

/* =========================================================
   DO DHAM TABLE - VIEW DETAILS BUTTON FIX
========================================================= */

.dyd-table td:last-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 28px;
    padding: 6px 10px;

    background: #fff7f2;
    color: #ef6724 !important;

    border: 1px solid #ef6724;
    border-radius: 15px;

    text-decoration: none !important;
    font-size: 7.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;

    transition: .2s ease;
}

.dyd-table td:last-child a:hover {
    background: #ef6724;
    color: #ffffff !important;
}

/* =========================================================
   DO DHAM TABLE - TRUE MOBILE FIT
   Keep real table, remove horizontal scroll
========================================================= */

@media (max-width: 600px) {

    .dyd-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    .dyd-table {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .dyd-table thead {
        display: table-header-group !important;
    }

    .dyd-table tbody {
        display: table-row-group !important;
    }

    .dyd-table tr {
        display: table-row !important;
    }

    .dyd-table th,
    .dyd-table td {
        display: table-cell !important;
        vertical-align: middle !important;

        padding: 7px 2px !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        font-size: 6.2px !important;
        line-height: 1.18 !important;

        text-align: center !important;
    }

    .dyd-table th:first-child,
    .dyd-table td:first-child {
        text-align: left !important;
        padding-left: 4px !important;
    }


    /* COLUMN WIDTHS */

    .dyd-table th:nth-child(1),
    .dyd-table td:nth-child(1) {
        width: 28% !important;
    }

    .dyd-table th:nth-child(2),
    .dyd-table td:nth-child(2) {
        width: 17% !important;
    }

    .dyd-table th:nth-child(3),
    .dyd-table td:nth-child(3) {
        width: 16% !important;
    }

    .dyd-table th:nth-child(4),
    .dyd-table td:nth-child(4) {
        width: 19% !important;
    }

    .dyd-table th:nth-child(5),
    .dyd-table td:nth-child(5) {
        width: 20% !important;
    }


    /* PRICE */

    .dyd-table td:nth-child(2) {
        font-size: 6.4px !important;
        font-weight: 800 !important;
    }


    /* VIEW DETAILS - SMALL COMPACT BUTTON */

    .dyd-table td:nth-child(5) a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 58px !important;
        min-height: 22px !important;

        padding: 4px 3px !important;

        border: 1px solid #ef6724 !important;
        border-radius: 11px !important;

        background: #fff !important;
        color: #ef6724 !important;

        text-decoration: none !important;
        text-align: center !important;

        font-size: 5.5px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;

        white-space: normal !important;
    }

}

/* =========================================================
   CHARDHAM GROUP TOURS / FIXED DEPARTURE PAGE
========================================================= */

.cgt-page {
    background: #fff;
    color: #173f36;
}

.cgt-container {
    width: 92%;
    max-width: 1180px;
    margin: 0 auto;
}

.cgt-section-label,
.cgt-eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #ef6724;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cgt-section-head {
    text-align: center;
    margin-bottom: 16px;
}

.cgt-section-head h2 {
    margin: 0 0 6px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.08;
}

.cgt-section-head p {
    margin: 0 auto;
    max-width: 760px;
    color: #66776f;
    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   HERO
========================================================= */

.cgt-hero {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background:
        url("../images/kedarnath-temple.png")
        center 46% / cover no-repeat;
}

.cgt-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.97) 0%,
            rgba(255,255,255,.90) 42%,
            rgba(255,255,255,.25) 74%,
            rgba(13,55,47,.08) 100%
        );
}

.cgt-hero .cgt-container {
    position: relative;
    z-index: 2;
}

.cgt-hero-content {
    max-width: 650px;
    padding: 42px 0 110px;
}

.cgt-hero h1 {
    margin: 0 0 6px;
    color: #173f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 48px;
    line-height: 1.02;
}

.cgt-hero h1 span {
    color: #ef6724;
}

.cgt-hero h2 {
    margin: 0 0 10px;
    color: #173f36;
    font-size: 15px;
    line-height: 1.35;
}

.cgt-hero p {
    max-width: 590px;
    margin: 0;
    color: #5f7068;
    font-size: 10px;
    line-height: 1.6;
}

.cgt-hero-actions {
    display: flex;
    gap: 9px;
    margin-top: 18px;
}

.cgt-hero-actions a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    border-radius: 22px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

.cgt-btn-orange {
    background: #ef6724;
    color: #fff;
    border: 1px solid #ef6724;
}

.cgt-btn-outline {
    background: #fff;
    color: #173f36;
    border: 1px solid #173f36;
}


/* TEMPLE STRIP */

.cgt-temple-strip {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 3;
    transform: translateX(-50%);

    width: 92%;
    max-width: 1180px;

    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px;
}

.cgt-temple-strip article {
    position: relative;
    height: 96px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -4px 14px rgba(16,46,41,.06);
}

.cgt-temple-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cgt-temple-strip strong {
    position: absolute;
    left: 9px;
    bottom: 8px;
    padding: 5px 9px;
    background: rgba(11,54,46,.9);
    color: #fff;
    border-radius: 14px;
    font-size: 8px;
}


/* =========================================================
   OVERVIEW
========================================================= */

.cgt-overview {
    padding: 32px 0;
}

.cgt-overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.cgt-overview-copy h2 {
    margin: 0 0 8px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 28px;
    line-height: 1.08;
}

.cgt-overview-copy h2 span {
    color: #ef6724;
}

.cgt-overview-copy > p,
.cgt-more-content p {
    margin: 0 0 9px;
    color: #607169;
    font-size: 10px;
    line-height: 1.6;
}

.cgt-more-content {
    display: none;
}

.cgt-more-content.active {
    display: block;
}

.cgt-see-more {
    min-height: 34px;
    padding: 7px 15px;
    border: 0;
    border-radius: 18px;
    background: #173f36;
    color: #fff;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}

.cgt-summary-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 9px;
}

.cgt-summary-grid > div {
    min-height: 82px;
    padding: 12px;
    background: #f8fbf9;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
}

.cgt-summary-grid > div > span {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.cgt-summary-grid small,
.cgt-summary-grid strong {
    display: block;
}

.cgt-summary-grid small {
    color: #7a8781;
    font-size: 7px;
}

.cgt-summary-grid strong {
    margin-top: 3px;
    color: #173f36;
    font-size: 9px;
}


/* =========================================================
   ITINERARY
========================================================= */

.cgt-itinerary {
    padding: 30px 0;
    background: #f8fbf9;
}

.cgt-itinerary-slider {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.cgt-itinerary-slider::-webkit-scrollbar {
    display: none;
}

.cgt-itinerary-slider article {
    position: relative;
    flex: 0 0 180px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
}

.cgt-itinerary-slider article > span {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
    padding: 4px 7px;
    background: #173f36;
    color: #fff;
    border-radius: 12px;
    font-size: 7px;
    font-weight: 800;
}

.cgt-itinerary-slider img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
}

.cgt-itinerary-slider h3 {
    margin: 8px 9px 4px;
    color: #173f36;
    font-size: 9px;
    line-height: 1.3;
}

.cgt-itinerary-slider p {
    margin: 0 9px 9px;
    color: #718078;
    font-size: 7px;
    line-height: 1.35;
}


/* =========================================================
   INCLUSIONS / EXCLUSIONS
========================================================= */

.cgt-inclusions {
    padding: 26px 0;
}

.cgt-inc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.cgt-inc-card {
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e0e8e4;
}

.cgt-included {
    background: #f2faf6;
}

.cgt-excluded {
    background: #fff7f2;
}

.cgt-inc-card h2 {
    margin: 0 0 10px;
    color: #173f36;
    font-family: Georgia, serif;
    font-size: 18px;
}

.cgt-inc-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 2;
    column-gap: 24px;
}

.cgt-inc-card li {
    position: relative;
    break-inside: avoid;
    margin-bottom: 7px;
    padding-left: 16px;
    color: #5f7068;
    font-size: 8px;
    line-height: 1.4;
}

.cgt-included li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #1c9d69;
    font-weight: 800;
}

.cgt-excluded li::before {
    content: "×";
    position: absolute;
    left: 0;
    color: #ef6724;
    font-weight: 800;
}


/* =========================================================
   DEPARTURE TABLE
========================================================= */

.cgt-departures {
    padding: 30px 0;
    background: #fff;
}

.cgt-table-wrap {
    overflow-x: auto;
    border: 1px solid #e0e8e4;
    border-radius: 10px;
    background: #fff;
}

.cgt-table {
    width: 100%;
    border-collapse: collapse;
}

.cgt-table th {
    padding: 9px 10px;
    background: #173f36;
    color: #fff;
    text-align: left;
    font-size: 8px;
}

.cgt-table td {
    padding: 9px 10px;
    border-bottom: 1px solid #edf1ef;
    color: #596b63;
    font-size: 8px;
}

.cgt-table td:nth-child(6) {
    color: #ef6724;
    font-weight: 800;
}

.cgt-seat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    min-height: 24px;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 7px;
    font-weight: 800;
}

.cgt-seat.green {
    background: #e5f6ed;
    color: #168154;
}

.cgt-seat.orange {
    background: #fff0e3;
    color: #d76522;
}

.cgt-seat.red {
    background: #fdeaea;
    color: #c64d4d;
}

.cgt-table td:last-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 11px;
    background: #ef6724;
    color: #fff;
    border-radius: 14px;
    text-decoration: none;
    font-size: 7px;
    font-weight: 800;
}

.cgt-table-note {
    margin: 9px 0 0;
    color: #819089;
    font-size: 7px;
    line-height: 1.4;
}


/* =========================================================
   DATE CTA
========================================================= */

.cgt-date-cta {
    position: relative;
    padding: 24px 0;
    overflow: hidden;
    background:
        url("../images/hero3.jpg")
        center / cover no-repeat;
}

.cgt-date-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7,48,41,.90);
}

.cgt-date-cta .cgt-container {
    position: relative;
    z-index: 2;
}

.cgt-date-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cgt-date-grid > div:first-child {
    max-width: 700px;
}

.cgt-date-grid h2 {
    margin: 0 0 6px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 26px;
}

.cgt-date-grid p {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 9px;
    line-height: 1.5;
}

.cgt-date-cta .cgt-section-label {
    color: #ffb47b;
}

.cgt-date-actions {
    display: flex;
    gap: 8px;
}

.cgt-date-actions a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.cgt-date-actions a:first-child {
    background: #ef6724;
    color: #fff;
}

.cgt-date-actions a:last-child {
    background: #1c9d69;
    color: #fff;
}


/* =========================================================
   OTHER TOURS
========================================================= */

.cgt-other-tours {
    padding: 30px 0;
}

.cgt-other-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.cgt-other-grid article {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 9px;
    align-items: center;
    padding: 8px;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
    background: #fff;
}

.cgt-other-grid img {
    width: 90px;
    height: 68px;
    object-fit: cover;
    border-radius: 7px;
}

.cgt-other-grid h3 {
    margin: 0 0 4px;
    color: #173f36;
    font-size: 8.5px;
    line-height: 1.3;
}

.cgt-other-grid span,
.cgt-other-grid strong {
    display: block;
    font-size: 7px;
}

.cgt-other-grid span {
    color: #738078;
}

.cgt-other-grid strong {
    margin-top: 3px;
    color: #ef6724;
}


/* =========================================================
   TRUST
========================================================= */

.cgt-trust {
    padding: 28px 0;
    background: #f8fbf9;
}

.cgt-trust-grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 9px;
}

.cgt-trust-grid > div {
    text-align: center;
    padding: 12px 9px;
    background: #fff;
    border: 1px solid #e0e8e4;
    border-radius: 9px;
}

.cgt-trust-grid span {
    width: 36px;
    height: 36px;
    margin: 0 auto 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff1e7;
    color: #ef6724;
    font-size: 14px;
}

.cgt-trust-grid strong,
.cgt-trust-grid small {
    display: block;
}

.cgt-trust-grid strong {
    color: #173f36;
    font-size: 8px;
}

.cgt-trust-grid small {
    margin-top: 2px;
    color: #77847e;
    font-size: 6.5px;
}


/* =========================================================
   FAQ
========================================================= */

.cgt-faq {
    padding: 30px 0;
}

.cgt-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
}

.cgt-faq-item {
    overflow: hidden;
    border: 1px solid #e0e8e4;
    border-radius: 8px;
    background: #fff;
}

.cgt-faq-item button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    background: #fff;
    border: 0;
    color: #173f36;
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
}

.cgt-faq-item > div {
    display: none;
    padding: 0 11px 10px;
}

.cgt-faq-item.active > div {
    display: block;
}

.cgt-faq-item > div p {
    margin: 0;
    color: #687870;
    font-size: 8px;
    line-height: 1.5;
}

.cgt-faq-item.active button span {
    transform: rotate(45deg);
}


/* =========================================================
   CLOSING
========================================================= */

.cgt-closing {
    position: relative;
    padding: 25px 0;
    overflow: hidden;
    background:
        url("../images/hero4.jpg")
        center / cover no-repeat;
}

.cgt-closing-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7,44,38,.86);
}

.cgt-closing .cgt-container {
    position: relative;
    z-index: 2;
}

.cgt-closing-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cgt-closing-content span {
    color: #ffb47b;
    font-size: 8px;
    font-weight: 800;
}

.cgt-closing-content h2 {
    margin: 4px 0 5px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 25px;
}

.cgt-closing-content p {
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: 9px;
}

.cgt-closing-actions {
    display: flex;
    gap: 8px;
}

.cgt-closing-actions a {
    min-height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.cgt-closing-actions a:first-child {
    background: #ef6724;
    color: #fff;
}

.cgt-closing-actions a:last-child {
    background: #fff;
    color: #173f36;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cgt-overview-grid {
        grid-template-columns: 1fr;
    }

    .cgt-other-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .cgt-trust-grid {
        grid-template-columns: repeat(3,1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cgt-container {
        width: 91%;
    }

    .cgt-hero {
        min-height: 540px;
        background-position: 62% center;
        align-items: flex-start;
    }

    .cgt-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98),
                rgba(255,255,255,.90) 61%,
                rgba(255,255,255,.60)
            );
    }

    .cgt-hero-content {
        padding: 32px 0 230px;
    }

    .cgt-hero h1 {
        font-size: 34px;
    }

    .cgt-hero h2 {
        font-size: 12px;
    }

    .cgt-hero-actions {
        flex-direction: column;
    }

    .cgt-hero-actions a {
        width: 100%;
    }

    .cgt-temple-strip {
        grid-template-columns: repeat(4, 44%);
        overflow-x: auto;
        gap: 8px;
        scrollbar-width: none;
    }

    .cgt-temple-strip::-webkit-scrollbar {
        display: none;
    }

    .cgt-summary-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cgt-itinerary-slider article {
        flex: 0 0 46%;
    }

    .cgt-inc-grid {
        grid-template-columns: 1fr;
    }

    .cgt-inc-card ul {
        columns: 1;
    }

    .cgt-date-grid {
        flex-direction: column;
        align-items: flex-start;
    }

    .cgt-date-actions {
        width: 100%;
        flex-direction: column;
    }

    .cgt-date-actions a {
        width: 100%;
    }

    .cgt-other-grid {
        display: flex;
        overflow-x: auto;
        gap: 9px;
        scrollbar-width: none;
    }

    .cgt-other-grid::-webkit-scrollbar {
        display: none;
    }

    .cgt-other-grid article {
        flex: 0 0 82%;
    }

    .cgt-trust-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .cgt-faq-grid {
        grid-template-columns: 1fr;
    }

    .cgt-closing-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .cgt-closing-actions {
        width: 100%;
    }

    .cgt-closing-actions a {
        flex: 1;
    }

    /* REAL TABLE ON MOBILE */

    .cgt-table-wrap {
        width: 100%;
        overflow-x: hidden;
    }

    .cgt-table {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .cgt-table th,
    .cgt-table td {
        padding: 6px 2px;
        font-size: 5.7px;
        line-height: 1.15;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }

    .cgt-table th:first-child,
    .cgt-table td:first-child {
        text-align: left;
        padding-left: 4px;
    }

    .cgt-table th:nth-child(1),
    .cgt-table td:nth-child(1) {
        width: 16%;
    }

    .cgt-table th:nth-child(2),
    .cgt-table td:nth-child(2) {
        width: 13%;
    }

    .cgt-table th:nth-child(3),
    .cgt-table td:nth-child(3) {
        width: 14%;
    }

    .cgt-table th:nth-child(4),
    .cgt-table td:nth-child(4) {
        width: 13%;
    }

    .cgt-table th:nth-child(5),
    .cgt-table td:nth-child(5) {
        width: 16%;
    }

    .cgt-table th:nth-child(6),
    .cgt-table td:nth-child(6) {
        width: 14%;
    }

    .cgt-table th:nth-child(7),
    .cgt-table td:nth-child(7) {
        width: 14%;
    }

    .cgt-seat {
        min-width: 0;
        width: 100%;
        min-height: 20px;
        padding: 3px 2px;
        font-size: 5.2px;
    }

    .cgt-table td:last-child a {
        width: 100%;
        min-height: 21px;
        padding: 3px 2px;
        font-size: 5.2px;
        line-height: 1;
    }
}

/* =========================================================
   CHARDHAM GROUP TOURS - READABILITY FIX
========================================================= */

/* SECTION HEADINGS */

.cgt-section-head h2 {
    font-size: 34px !important;
    line-height: 1.08 !important;
}

.cgt-section-head p {
    font-size: 12px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   FIXED DEPARTURE TABLE TEXT
========================================================= */

.cgt-table th {
    font-size: 10px !important;
    line-height: 1.25 !important;
    padding: 11px 10px !important;
}

.cgt-table td {
    font-size: 10px !important;
    line-height: 1.35 !important;
    padding: 11px 10px !important;
}

.cgt-table td:nth-child(6) {
    font-size: 10.5px !important;
}

.cgt-seat {
    min-width: 72px !important;
    min-height: 28px !important;
    padding: 5px 8px !important;
    font-size: 8.5px !important;
}

.cgt-table td:last-child a {
    min-height: 32px !important;
    padding: 7px 13px !important;
    font-size: 8.5px !important;
}

.cgt-table-note {
    font-size: 8.5px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   "DIDN'T FIND YOUR DATE?" CTA
========================================================= */

.cgt-date-cta {
    padding: 34px 0 !important;
}

.cgt-date-grid h2 {
    font-size: 34px !important;
    line-height: 1.08 !important;
}

.cgt-date-grid p {
    max-width: 720px !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

.cgt-date-cta .cgt-section-label {
    font-size: 9px !important;
}

.cgt-date-actions a {
    min-height: 42px !important;
    padding: 10px 18px !important;
    font-size: 9px !important;
}


/* =========================================================
   MOBILE READABILITY
========================================================= */

@media (max-width: 600px) {

    .cgt-section-head h2 {
        font-size: 27px !important;
    }

    .cgt-section-head p {
        font-size: 10px !important;
    }

    .cgt-table th {
        font-size: 6.6px !important;
        line-height: 1.15 !important;
        padding: 7px 2px !important;
    }

    .cgt-table td {
        font-size: 6.4px !important;
        line-height: 1.2 !important;
        padding: 8px 2px !important;
    }

    .cgt-table td:nth-child(6) {
        font-size: 6.7px !important;
    }

    .cgt-seat {
        min-height: 22px !important;
        font-size: 5.8px !important;
        padding: 4px 2px !important;
    }

    .cgt-table td:last-child a {
        min-height: 23px !important;
        padding: 4px 2px !important;
        font-size: 5.7px !important;
    }

    .cgt-table-note {
        font-size: 7.2px !important;
    }

    .cgt-date-grid h2 {
        font-size: 29px !important;
    }

    .cgt-date-grid p {
        font-size: 10px !important;
    }

    .cgt-date-actions a {
        min-height: 42px !important;
        font-size: 9px !important;
    }
}

/* =========================================================
   ORIGIN CITY - SEE MORE CONTENT
========================================================= */

.cyp-origin-more-content {
    display: none;
    max-width: 900px;
    margin-top: 8px;
}

.cyp-origin-more-content.active {
    display: block;
}

.cyp-origin-more-content p {
    margin: 0 0 8px;
    color: #66776f;
    font-size: 10px;
    line-height: 1.6;
}

.cyp-origin-see-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;
    margin-top: 6px;
    margin-bottom: 14px;
    padding: 7px 16px;

    border: 0;
    border-radius: 18px;

    background: #173f36;
    color: #ffffff;

    font-size: 8px;
    font-weight: 800;

    cursor: pointer;
}


/* MOBILE */

@media (max-width: 600px) {

    .cyp-origin-more-content p {
        font-size: 10px;
        line-height: 1.6;
    }

    .cyp-origin-see-more {
        min-height: 36px;
        padding: 8px 16px;
        font-size: 8.5px;
    }
}

/* ORIGIN CITY TEXT SIZE FIX */

.cyp-origin-intro {
    max-width: 980px;
    margin: 0 0 8px !important;
    color: #66776f !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}

.cyp-origin-more-content {
    display: none;
    max-width: 980px;
    margin-top: 0;
}

.cyp-origin-more-content.active {
    display: block;
}

.cyp-origin-more-content p {
    margin: 0 0 8px !important;
    color: #66776f !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}

.cyp-origin-see-more {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin-top: 6px !important;
    margin-bottom: 14px !important;

    min-height: 34px;
    padding: 7px 15px;

    border: 0;
    border-radius: 18px;

    background: #173f36;
    color: #fff;

    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 600px) {

    .cyp-origin-intro,
    .cyp-origin-more-content p {
        font-size: 9.5px !important;
        line-height: 1.5 !important;
    }

    .cyp-origin-see-more {
        font-size: 8px !important;
    }
}

/* =====================================================
   CHARDHAM PACKAGES PAGE - MOBILE FIX
===================================================== */

@media (max-width: 768px) {

    .cyp-package-pillar-page,
    .cyp-package-pillar-page * {
        box-sizing: border-box;
    }

    .cyp-package-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* HERO */
    .cyp-package-hero-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cyp-package-hero h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    .cyp-package-hero p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .cyp-package-hero-facts {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .cyp-package-hero-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .cyp-package-hero-actions a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }


    /* SEARCH */
    .cyp-package-search-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cyp-package-search-grid > div,
    .cyp-package-search-grid select,
    .cyp-package-search-btn {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* ABOUT */
    .cyp-package-about-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .cyp-package-about-content,
    .cyp-package-about-visual {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* COMPARISON TABLE */
    .cyp-package-table-wrap {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .cyp-package-table {
        min-width: 720px !important;
    }


    /* POPULAR PACKAGES */
    .cyp-popular-head-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .cyp-popular-slider-wrap {
        width: 100% !important;
        overflow: hidden !important;
    }

    .cyp-popular-packages-grid {
        display: flex !important;
        width: 100% !important;
        overflow-x: auto !important;
        gap: 14px !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .cyp-popular-package-card {
        flex: 0 0 82% !important;
        min-width: 82% !important;
        max-width: 82% !important;
        scroll-snap-align: start;
    }


    /* ROUTE */
    .cyp-route-flow {
        display: flex !important;
        width: 100% !important;
        overflow-x: auto !important;
        gap: 12px !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

    .cyp-route-flow-item {
        flex: 0 0 72% !important;
        min-width: 72% !important;
        scroll-snap-align: start;
    }

    .cyp-route-flow-arrow {
        flex: 0 0 auto !important;
        align-self: center !important;
    }


    /* PACKAGE TYPES */
    .cyp-package-types-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .cyp-package-type-card {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* PACKAGE CATEGORIES */
    .cyp-package-category-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .cyp-package-category-card {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ORIGIN CITY */
    .cyp-origin-city-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .cyp-origin-city-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* WHY CHOOSE / TRUST */
    .cyp-package-trust-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .cyp-package-trust-feature,
    .cyp-package-trust-grid {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cyp-package-trust-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cyp-package-trust-strip {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }


    /* ALL PACKAGES + FAQ */
    .cyp-all-main-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .cyp-all-packages-side,
    .cyp-all-faq-side {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .cyp-mini-package-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .cyp-mini-package-card {
        min-width: 0 !important;
        width: 100% !important;
    }


    /* ABOUT CHARDHAM */
    .cyp-about-chardham-top {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .cyp-about-chardham-content,
    .cyp-about-chardham-visual {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cyp-about-chardham-bottom {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .cyp-about-dham-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }


    /* FINAL CTA */
    .cyp-final-journey-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cyp-final-journey-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .cyp-final-journey-actions a {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .cyp-final-trust-strip {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .cyp-package-container {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .cyp-package-hero h1 {
        font-size: 29px !important;
    }

    .cyp-package-hero-facts {
        grid-template-columns: 1fr 1fr !important;
    }

    .cyp-popular-package-card {
        flex-basis: 88% !important;
        min-width: 88% !important;
        max-width: 88% !important;
    }

    .cyp-route-flow-item {
        flex-basis: 82% !important;
        min-width: 82% !important;
    }

    .cyp-mini-package-grid {
        grid-template-columns: 1fr !important;
    }

    .cyp-about-dham-grid {
        grid-template-columns: 1fr !important;
    }

    .cyp-package-trust-strip {
        grid-template-columns: 1fr !important;
    }

}

/* =====================================================
   CHARDHAM PACKAGE PAGE - MOBILE FINAL CORRECTIONS
===================================================== */

@media (max-width: 768px) {

    /* =========================================
       1. COMPARISON TABLE
    ========================================== */

    .cyp-package-table-wrap {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .cyp-package-table {
        width: 680px !important;
        min-width: 680px !important;
        table-layout: auto !important;
    }

    .cyp-package-table th,
    .cyp-package-table td {
        padding: 12px 10px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
    }

    .cyp-package-table th:first-child,
    .cyp-package-table td:first-child {
        min-width: 260px !important;
        white-space: normal !important;
    }

    .cyp-package-table th:nth-child(2),
    .cyp-package-table td:nth-child(2) {
        min-width: 110px !important;
    }

    .cyp-package-table th:nth-child(3),
    .cyp-package-table td:nth-child(3) {
        min-width: 135px !important;
    }

    .cyp-package-table th:nth-child(4),
    .cyp-package-table td:nth-child(4) {
        min-width: 130px !important;
    }


    /* =========================================
       2. POPULAR PACKAGE SLIDER
    ========================================== */

    .cyp-popular-slider-wrap {
        overflow: hidden !important;
        width: 100% !important;
    }

    .cyp-popular-packages-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 8px !important;
    }

    .cyp-popular-package-card {
        flex: 0 0 78% !important;
        width: 78% !important;
        min-width: 78% !important;
        max-width: 78% !important;
        scroll-snap-align: start !important;
    }

    .cyp-popular-package-image {
        width: 100% !important;
    }

    .cyp-popular-package-image img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
    }


    /* =========================================
       3. ROUTE SLIDER - COMPACT
    ========================================== */

    .cyp-route-flow {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-x: auto !important;
        padding-bottom: 8px !important;
        scroll-snap-type: x mandatory !important;
    }

    .cyp-route-flow-item {
        flex: 0 0 65% !important;
        width: 65% !important;
        min-width: 65% !important;
        max-width: 65% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 18px 14px !important;
        scroll-snap-align: start !important;
    }

    .cyp-route-flow-image {
        width: 110px !important;
        height: 110px !important;
        margin: 0 auto 12px !important;
    }

    .cyp-route-flow-image img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important;
    }

    .cyp-route-flow-arrow {
        flex: 0 0 35px !important;
        width: 35px !important;
        min-width: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
    }


    /* =========================================
       4. SHOW ALL 10 ITINERARY DAYS
    ========================================== */

    .cyp-itinerary-list {
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .cyp-itinerary-item,
    .cyp-itinerary-item:nth-child(n),
    .cyp-itinerary-item:nth-child(n+4),
    .cyp-itinerary-item:nth-child(n+5) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .cyp-itinerary-item {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .cyp-itinerary-toggle {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 14px !important;
    }

    .cyp-itinerary-day {
        white-space: nowrap !important;
    }

    .cyp-itinerary-toggle strong {
        min-width: 0 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }


    /* =========================================
       5. PACKAGE TYPES
    ========================================== */

    .cyp-package-types-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .cyp-package-types-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .cyp-package-type-card {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
    }


    /* =========================================
       6. HEADINGS MOBILE
    ========================================== */

    .cyp-route-itinerary-head h2,
    .cyp-itinerary-head h2,
    .cyp-package-types-head h2,
    .cyp-package-categories-head h2,
    .cyp-popular-packages-head h2,
    .cyp-package-section-head h2 {
        font-size: 30px !important;
        line-height: 1.08 !important;
        overflow-wrap: break-word !important;
    }

}


/* SMALL PHONES */

@media (max-width: 480px) {

    .cyp-package-table {
        width: 640px !important;
        min-width: 640px !important;
    }

    .cyp-package-table th,
    .cyp-package-table td {
        font-size: 12px !important;
        padding: 11px 8px !important;
    }

    .cyp-popular-package-card {
        flex-basis: 84% !important;
        width: 84% !important;
        min-width: 84% !important;
        max-width: 84% !important;
    }

    .cyp-route-flow-item {
        flex-basis: 72% !important;
        width: 72% !important;
        min-width: 72% !important;
        max-width: 72% !important;
    }

    .cyp-route-itinerary-head h2,
    .cyp-itinerary-head h2,
    .cyp-package-types-head h2,
    .cyp-package-categories-head h2,
    .cyp-popular-packages-head h2,
    .cyp-package-section-head h2 {
        font-size: 27px !important;
    }

}

/* =========================================================
   CHARDHAM PACKAGES - FINAL MOBILE TYPOGRAPHY + VISIBILITY
========================================================= */

@media (max-width: 768px) {

    /* ---------- GLOBAL PAGE TEXT ---------- */

    .cyp-package-pillar-page {
        overflow-x: hidden !important;
    }

    .cyp-package-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .cyp-package-pillar-page h1 {
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 27px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.3px !important;
    }

    .cyp-package-pillar-page h3 {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .cyp-package-pillar-page p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .cyp-package-section-label,
    .cyp-package-kicker {
        font-size: 10px !important;
        line-height: 1.3 !important;
        letter-spacing: 1.5px !important;
    }


    /* ========================================
       COMPARISON TABLE - FIT BETTER
    ======================================== */

    .cyp-package-table-wrap {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .cyp-package-table {
        width: 620px !important;
        min-width: 620px !important;
    }

    .cyp-package-table th,
    .cyp-package-table td {
        font-size: 12px !important;
        line-height: 1.35 !important;
        padding: 12px 9px !important;
    }

    .cyp-package-table th:first-child,
    .cyp-package-table td:first-child {
        width: 230px !important;
        min-width: 230px !important;
        white-space: normal !important;
    }

    .cyp-package-table th:nth-child(2),
    .cyp-package-table td:nth-child(2) {
        width: 90px !important;
        min-width: 90px !important;
    }

    .cyp-package-table th:nth-child(3),
    .cyp-package-table td:nth-child(3) {
        width: 130px !important;
        min-width: 130px !important;
    }

    .cyp-package-table th:nth-child(4),
    .cyp-package-table td:nth-child(4) {
        width: 120px !important;
        min-width: 120px !important;
    }

    .cyp-package-table td a {
        font-size: 11px !important;
        padding: 7px 10px !important;
        white-space: nowrap !important;
    }


    /* ========================================
       POPULAR PACKAGES
    ======================================== */

    .cyp-popular-packages-head h2 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    .cyp-popular-packages-head p {
        font-size: 13px !important;
    }

    .cyp-popular-package-card {
        flex: 0 0 86% !important;
        min-width: 86% !important;
        max-width: 86% !important;
    }

    .cyp-popular-package-content h3 {
        font-size: 18px !important;
    }

    .cyp-popular-package-content p {
        font-size: 13px !important;
    }


    /* ========================================
       ROUTE - SMALLER CARD
    ======================================== */

    .cyp-route-flow-item {
        flex: 0 0 62% !important;
        width: 62% !important;
        min-width: 62% !important;
        max-width: 62% !important;
        padding: 14px 10px !important;
        min-height: 210px !important;
        height: auto !important;
    }

    .cyp-route-flow-image,
    .cyp-route-flow-image img {
        width: 90px !important;
        height: 90px !important;
    }

    .cyp-route-flow-content span {
        font-size: 9px !important;
    }

    .cyp-route-flow-content strong {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }

    .cyp-route-flow-content small {
        font-size: 11px !important;
    }


    /* ========================================
       ITINERARY - FORCE DAY 1 TO DAY 10
    ======================================== */

    .cyp-itinerary-block,
    .cyp-itinerary-list {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .cyp-itinerary-list > .cyp-itinerary-item,
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(1),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(2),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(3),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(4),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(5),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(6),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(7),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(8),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(9),
    .cyp-itinerary-list > .cyp-itinerary-item:nth-child(10) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        height: auto !important;
        max-height: none !important;
    }

    .cyp-itinerary-item[hidden] {
        display: block !important;
    }

    .cyp-itinerary-head h2 {
        font-size: 27px !important;
        line-height: 1.15 !important;
    }

    .cyp-itinerary-head p {
        font-size: 13px !important;
    }

    .cyp-itinerary-toggle {
        width: 100% !important;
        min-height: 68px !important;
        padding: 12px !important;

        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) 34px !important;
        gap: 8px !important;

        align-items: center !important;
    }

    .cyp-itinerary-day {
        font-size: 10px !important;
        padding: 7px 5px !important;
        text-align: center !important;
    }

    .cyp-itinerary-toggle strong {
        font-size: 13px !important;
        line-height: 1.35 !important;
        min-width: 0 !important;
    }

    .cyp-itinerary-plus {
        width: 32px !important;
        height: 32px !important;
        font-size: 18px !important;
    }

    .cyp-itinerary-content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }


    /* ========================================
       TYPES + CATEGORIES
    ======================================== */

    .cyp-package-types-section,
    .cyp-package-categories {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }

    .cyp-package-types-head h2,
    .cyp-package-categories-head h2 {
        font-size: 27px !important;
        line-height: 1.15 !important;
    }

    .cyp-package-type-card h3,
    .cyp-package-category-card h3 {
        font-size: 18px !important;
    }

    .cyp-package-type-card p,
    .cyp-package-category-card p,
    .cyp-package-type-card li,
    .cyp-package-category-card li {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }


    /* ========================================
       STICKY CONTACT - CONTENT COVER NA KARE
    ======================================== */

    .cyp-package-pillar-page {
        padding-bottom: 85px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .cyp-package-pillar-page h1 {
        font-size: 29px !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 25px !important;
    }

    .cyp-package-pillar-page h3 {
        font-size: 17px !important;
    }

    .cyp-package-pillar-page p {
        font-size: 13px !important;
    }

    .cyp-package-table {
        width: 600px !important;
        min-width: 600px !important;
    }

    .cyp-route-flow-item {
        flex-basis: 68% !important;
        width: 68% !important;
        min-width: 68% !important;
        max-width: 68% !important;
    }

    .cyp-popular-package-card {
        flex-basis: 90% !important;
        width: 90% !important;
        min-width: 90% !important;
        max-width: 90% !important;
    }

}

/* =========================================================
   CHARDHAM PACKAGE PAGE - MASTER FINAL FIX
   Keep this block at the VERY END of style.css
========================================================= */


/* =========================================================
   1. ITINERARY - SHOW ALL 10 DAYS ON DESKTOP + MOBILE
========================================================= */

.cyp-itinerary-block,
.cyp-itinerary-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.cyp-itinerary-list .cyp-itinerary-item,
.cyp-itinerary-list .cyp-itinerary-item:nth-child(n),
.cyp-itinerary-list .cyp-itinerary-item:nth-child(n+4) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    height: auto !important;
    max-height: none !important;
}


/* =========================================================
   2. PACKAGE TYPES - NEVER HIDE
========================================================= */

.cyp-package-types-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.cyp-package-types-grid {
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   MOBILE ONLY
========================================================= */

@media (max-width: 768px) {

    /* PAGE WIDTH */

    .cyp-package-pillar-page {
        overflow-x: hidden !important;
        padding-bottom: 82px !important;
    }

    .cyp-package-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }


    /* =========================================
       TYPOGRAPHY - SMALLER + BALANCED
    ========================================== */

    .cyp-package-pillar-page h1 {
        font-size: 27px !important;
        line-height: 1.12 !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 22px !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
    }

    .cyp-package-pillar-page h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .cyp-package-pillar-page p {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
    }

    .cyp-package-section-label,
    .cyp-package-kicker {
        font-size: 8.5px !important;
        line-height: 1.25 !important;
        letter-spacing: 1.2px !important;
    }


    /* =========================================
       ABOUT
    ========================================== */

    .cyp-package-about-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .cyp-package-about-content p {
        font-size: 12.5px !important;
        line-height: 1.6 !important;
    }


    /* =========================================
       COMPARISON TABLE
       REAL TABLE - ALL 4 COLUMNS FIT MOBILE
    ========================================== */

    .cyp-package-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .cyp-package-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .cyp-package-table th,
    .cyp-package-table td {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        padding: 9px 5px !important;
        line-height: 1.25 !important;
        vertical-align: middle !important;
    }

    .cyp-package-table th {
        font-size: 10px !important;
    }

    .cyp-package-table td {
        font-size: 9.5px !important;
    }

    .cyp-package-table th:nth-child(1),
    .cyp-package-table td:nth-child(1) {
        width: 39% !important;
    }

    .cyp-package-table th:nth-child(2),
    .cyp-package-table td:nth-child(2) {
        width: 18% !important;
        text-align: center !important;
    }

    .cyp-package-table th:nth-child(3),
    .cyp-package-table td:nth-child(3) {
        width: 24% !important;
        text-align: center !important;
    }

    .cyp-package-table th:nth-child(4),
    .cyp-package-table td:nth-child(4) {
        width: 19% !important;
        text-align: center !important;
    }

    .cyp-package-table td strong {
        font-size: 10px !important;
    }

    .cyp-package-table td a {
        display: inline-block !important;
        font-size: 8px !important;
        line-height: 1.15 !important;
        padding: 6px 4px !important;
        white-space: normal !important;
    }


    /* =========================================
       POPULAR PACKAGES
    ========================================== */

    .cyp-popular-head-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .cyp-popular-packages-head h2 {
        font-size: 22px !important;
    }

    .cyp-popular-packages-head p {
        font-size: 12px !important;
    }

    .cyp-popular-packages-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 12px !important;
        scroll-snap-type: x mandatory !important;
    }

    .cyp-popular-package-card {
        flex: 0 0 86% !important;
        min-width: 86% !important;
        max-width: 86% !important;
        scroll-snap-align: start !important;
    }


    /* =========================================
       ROUTE
    ========================================== */

    .cyp-route-flow {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        scroll-snap-type: x mandatory !important;
    }

    .cyp-route-flow-item {
        flex: 0 0 58% !important;
        min-width: 58% !important;
        max-width: 58% !important;
        min-height: 180px !important;
        height: auto !important;
        padding: 12px 8px !important;
        scroll-snap-align: start !important;
    }

    .cyp-route-flow-image,
    .cyp-route-flow-image img {
        width: 78px !important;
        height: 78px !important;
    }

    .cyp-route-flow-content span {
        font-size: 8px !important;
    }

    .cyp-route-flow-content strong {
        font-size: 17px !important;
    }

    .cyp-route-flow-content small {
        font-size: 9px !important;
    }

    .cyp-route-flow-arrow {
        flex: 0 0 24px !important;
        min-width: 24px !important;
        font-size: 18px !important;
    }


    /* =========================================
       ITINERARY MOBILE
    ========================================== */

    .cyp-itinerary-head h2 {
        font-size: 22px !important;
    }

    .cyp-itinerary-head p {
        font-size: 12px !important;
    }

    .cyp-itinerary-list .cyp-itinerary-item {
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .cyp-itinerary-toggle {
        width: 100% !important;
        min-height: 58px !important;
        padding: 10px !important;

        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) 30px !important;
        gap: 7px !important;

        align-items: center !important;
    }

    .cyp-itinerary-day {
        font-size: 8.5px !important;
        padding: 6px 3px !important;
        text-align: center !important;
    }

    .cyp-itinerary-toggle strong {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }

    .cyp-itinerary-plus {
        width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
    }

    .cyp-itinerary-content p {
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }


    /* =========================================
       TYPES
    ========================================== */

    .cyp-package-types-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cyp-package-type-card {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .cyp-package-type-card h3 {
        font-size: 16px !important;
    }

    .cyp-package-type-card p,
    .cyp-package-type-card li {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }


    /* =========================================
       CATEGORIES
    ========================================== */

    .cyp-package-category-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cyp-package-category-card h3 {
        font-size: 16px !important;
    }

    .cyp-package-category-card p,
    .cyp-package-category-card li {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }


    /* =========================================
       ORIGIN CITY
    ========================================== */

    .cyp-origin-city-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }


    /* =========================================
       ALL PACKAGES
    ========================================== */

    .cyp-all-main-grid {
        grid-template-columns: 1fr !important;
    }

    .cyp-mini-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .cyp-mini-package-card h3 {
        font-size: 13px !important;
    }


    /* =========================================
       ABOUT DHAMS
    ========================================== */

    .cyp-about-chardham-top,
    .cyp-about-chardham-bottom {
        grid-template-columns: 1fr !important;
    }

    .cyp-about-dham-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

}


/* VERY SMALL MOBILE */

@media (max-width: 480px) {

    .cyp-package-pillar-page h1 {
        font-size: 25px !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 20px !important;
    }

    .cyp-package-pillar-page p {
        font-size: 12px !important;
    }

    .cyp-package-table th {
        font-size: 9px !important;
    }

    .cyp-package-table td {
        font-size: 8.5px !important;
    }

    .cyp-mini-package-grid,
    .cyp-about-dham-grid {
        grid-template-columns: 1fr !important;
    }

}

/* =====================================================
   CHARDHAM PACKAGE PAGE - FINAL MOBILE SIZE FIX
===================================================== */

@media (max-width: 768px) {

    /* GENERAL TEXT */
    .cyp-package-pillar-page h1 {
        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 20px !important;
        line-height: 1.18 !important;
    }

    .cyp-package-pillar-page h3 {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .cyp-package-pillar-page p {
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }

    .cyp-package-section-label,
    .cyp-package-kicker {
        font-size: 8px !important;
        letter-spacing: 1.1px !important;
    }


    /* CATEGORY SECTION */
    .cyp-package-categories-head h2,
    .cyp-origin-packages-head h2,
    .cyp-package-trust-head h2,
    .cyp-about-chardham h2 {
        font-size: 20px !important;
    }

    .cyp-package-category-card h3 {
        font-size: 14px !important;
    }

    .cyp-package-category-card p,
    .cyp-package-category-card li {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    .cyp-package-category-card {
        padding: 16px !important;
    }


    /* ORIGIN CITY */
    .cyp-origin-city-card {
        min-height: 68px !important;
        padding: 12px 14px !important;
    }

    .cyp-origin-city-card strong {
        font-size: 12px !important;
    }

    .cyp-origin-city-card small {
        font-size: 9px !important;
    }

    .cyp-origin-city-icon {
        font-size: 10px !important;
    }


    /* FINAL CTA BEFORE FOOTER */
    .cyp-final-journey-cta {
        padding: 34px 0 20px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .cyp-final-journey-content {
        min-height: 0 !important;
        height: auto !important;
    }

    .cyp-final-journey-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cyp-final-journey-copy h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    .cyp-final-journey-copy p {
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }


    /* FINAL TRUST STRIP */
    .cyp-final-trust-strip {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    .cyp-final-trust-item {
        width: 100% !important;
        min-height: 78px !important;
        height: auto !important;
        padding: 10px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .cyp-final-trust-item > span {
        font-size: 17px !important;
        flex: 0 0 auto !important;
    }

    .cyp-final-trust-item strong {
        display: block !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .cyp-final-trust-item small {
        display: block !important;
        font-size: 8px !important;
        line-height: 1.35 !important;
        margin-top: 2px !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .cyp-package-pillar-page h1 {
        font-size: 23px !important;
    }

    .cyp-package-pillar-page h2 {
        font-size: 19px !important;
    }

    .cyp-package-pillar-page p {
        font-size: 11px !important;
    }

    .cyp-final-trust-strip {
        grid-template-columns: 1fr 1fr !important;
    }

}

/* =========================================================
   CHARDHAM PACKAGES PAGE
   FINAL MOBILE TYPOGRAPHY + FOOTER GAP FIX
   KEEP THIS AT VERY END OF style.css
========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       1. CONSISTENT MOBILE TYPOGRAPHY
    ===================================================== */

    .cyp-package-pillar-page h1 {
        font-size: 30px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }

    .cyp-package-pillar-page h2,
    .cyp-package-types-head h2,
    .cyp-package-categories-head h2,
    .cyp-origin-packages-head h2,
    .cyp-package-trust-head h2,
    .cyp-all-packages-side h2,
    .cyp-all-faq-side h2,
    .cyp-about-chardham-content h2,
    .cyp-itinerary-head h2,
    .cyp-popular-packages-head h2 {
        font-size: 25px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
    }

    .cyp-package-pillar-page h3,
    .cyp-package-type-card h3,
    .cyp-package-category-card h3,
    .cyp-mini-package-card h3,
    .cyp-about-dham-card h3 {
        font-size: 17px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }


    /* NORMAL PARAGRAPH TEXT */

    .cyp-package-pillar-page p,
    .cyp-package-about-content p,
    .cyp-package-types-head p,
    .cyp-package-categories-head p,
    .cyp-origin-packages-head p,
    .cyp-package-trust-head p,
    .cyp-package-type-card p,
    .cyp-package-category-card p,
    .cyp-package-trust-card p,
    .cyp-all-packages-intro,
    .cyp-all-faq-intro,
    .cyp-about-chardham-content p,
    .cyp-itinerary-head p,
    .cyp-itinerary-content p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        font-weight: 400 !important;
    }


    /* LIST TEXT */

    .cyp-package-type-card li,
    .cyp-package-category-card li,
    .cyp-about-key-highlights li {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }


    /* SMALL ORANGE SECTION LABELS */

    .cyp-package-section-label,
    .cyp-package-kicker,
    .cyp-package-type-top small,
    .cyp-category-card-top small {
        font-size: 9px !important;
        line-height: 1.3 !important;
        letter-spacing: 1.4px !important;
        font-weight: 700 !important;
    }


    /* =====================================================
       2. PACKAGE TYPE CARDS
    ===================================================== */

    .cyp-package-type-card {
        padding: 18px !important;
    }

    .cyp-package-type-card a {
        font-size: 12px !important;
    }


    /* =====================================================
       3. PACKAGE CATEGORY CARDS
    ===================================================== */

    .cyp-package-category-card {
        padding: 18px !important;
    }

    .cyp-package-category-card a {
        font-size: 12px !important;
    }


    /* =====================================================
       4. ORIGIN CITY
    ===================================================== */

    .cyp-origin-city-card {
        padding: 14px 16px !important;
        min-height: 74px !important;
    }

    .cyp-origin-city-card strong {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .cyp-origin-city-card small {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .cyp-origin-city-icon {
        font-size: 11px !important;
    }

    .cyp-origin-see-more {
        font-size: 11px !important;
    }


    /* =====================================================
       5. ALL CHARDHAM PACKAGE CARDS
    ===================================================== */

    .cyp-mini-package-card h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .cyp-mini-package-card strong {
        font-size: 14px !important;
    }

    .cyp-mini-package-card a {
        font-size: 11px !important;
    }


    /* =====================================================
       6. TRUST POINTS
    ===================================================== */

    .cyp-package-trust-card strong {
        font-size: 14px !important;
    }

    .cyp-package-trust-card p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }


    /* =====================================================
       7. FINAL SECTION BEFORE FOOTER
       REMOVE LARGE WHITE GAP
    ===================================================== */

    .cyp-final-journey-cta {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding-top: 35px !important;
        padding-bottom: 20px !important;

        overflow: hidden !important;
    }


    .cyp-final-journey-content {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .cyp-final-journey-copy {
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .cyp-final-journey-copy h2 {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }


    .cyp-final-journey-copy p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }


    /* TRUST STRIP DIRECTLY ABOVE FOOTER */

    .cyp-final-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 20px 0 0 0 !important;
        padding: 0 !important;
    }


    .cyp-final-trust-item {
        height: auto !important;
        min-height: 72px !important;

        margin: 0 !important;
        padding: 10px !important;

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

        gap: 8px !important;
    }


    .cyp-final-trust-item strong {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }


    .cyp-final-trust-item small {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }


    /* REMOVE ANY EMPTY SPACE BETWEEN CTA AND FOOTER */

    .cyp-final-journey-cta + footer,
    .cyp-package-pillar-page + footer {
        margin-top: 0 !important;
    }

    .cyp-package-pillar-page {
        margin-bottom: 0 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .cyp-package-pillar-page h1 {
        font-size: 28px !important;
    }

    .cyp-package-pillar-page h2,
    .cyp-package-types-head h2,
    .cyp-package-categories-head h2,
    .cyp-origin-packages-head h2,
    .cyp-package-trust-head h2,
    .cyp-all-packages-side h2,
    .cyp-all-faq-side h2,
    .cyp-about-chardham-content h2,
    .cyp-itinerary-head h2,
    .cyp-popular-packages-head h2 {
        font-size: 23px !important;
    }

    .cyp-package-pillar-page p {
        font-size: 13.5px !important;
    }

    .cyp-final-trust-strip {
        grid-template-columns: 1fr 1fr !important;
    }

}

/* =========================================================
   CHARDHAM PACKAGE PAGE
   MOBILE CARD TYPOGRAPHY CORRECTION
   KEEP AT VERY END
========================================================= */

@media (max-width: 768px) {

    /* -----------------------------
       POPULAR PACKAGE CARDS
    ------------------------------ */

    .cyp-popular-package-content h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .cyp-popular-package-content h3 small {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .cyp-popular-package-content p {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

    .cyp-popular-package-bottom span,
    .cyp-popular-package-bottom small {
        font-size: 8.5px !important;
    }

    .cyp-popular-package-bottom strong {
        font-size: 13px !important;
    }

    .cyp-popular-package-bottom a {
        font-size: 9px !important;
    }


    /* -----------------------------
       PACKAGE TYPE CARDS
    ------------------------------ */

    .cyp-package-type-top h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .cyp-package-type-top small {
        font-size: 8px !important;
        letter-spacing: 1px !important;
    }

    .cyp-package-type-description {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .cyp-package-type-card li {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .cyp-package-type-card a {
        font-size: 10px !important;
    }


    /* -----------------------------
       PACKAGE CATEGORY CARDS
    ------------------------------ */

    .cyp-category-card-top h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .cyp-category-card-top small {
        font-size: 8px !important;
    }

    .cyp-package-category-card p {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .cyp-package-category-card li {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .cyp-package-category-card a {
        font-size: 10px !important;
    }


    /* -----------------------------
       ALL CHARDHAM PACKAGE CARDS
    ------------------------------ */

    .cyp-mini-package-card h3 {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .cyp-mini-package-card strong {
        font-size: 12px !important;
    }

    .cyp-mini-package-card a {
        font-size: 9px !important;
    }

    .cyp-mini-package-icon {
        font-size: 18px !important;
    }


    /* -----------------------------
       ORIGIN CITY CARDS
    ------------------------------ */

    .cyp-origin-city-card strong {
        font-size: 12px !important;
    }

    .cyp-origin-city-card small {
        font-size: 9px !important;
    }


    /* -----------------------------
       TRUST CARDS
    ------------------------------ */

    .cyp-package-trust-card strong {
        font-size: 12px !important;
    }

    .cyp-package-trust-card p {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }


    /* -----------------------------
       ABOUT DHAM CARDS
    ------------------------------ */

    .cyp-about-dham-content h3 {
        font-size: 14px !important;
    }

    .cyp-about-dham-content span,
    .cyp-about-dham-content a {
        font-size: 9.5px !important;
    }


    /* -----------------------------
       FAQ TEXT
    ------------------------------ */

    .cyp-all-faq-question span {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .cyp-all-faq-answer p {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .cyp-popular-package-content h3,
    .cyp-package-type-top h3,
    .cyp-category-card-top h3 {
        font-size: 14px !important;
    }

    .cyp-package-type-description,
    .cyp-package-category-card p {
        font-size: 10.5px !important;
    }

    .cyp-package-type-card li,
    .cyp-package-category-card li {
        font-size: 10px !important;
    }

    .cyp-mini-package-card h3 {
        font-size: 13px !important;
    }

}

/* =====================================================
   CHARDHAM PACKAGE PAGE - FINAL MOBILE TEXT SCALE
===================================================== */

@media (max-width: 768px) {

    /* MAIN PAGE HEADING */
    .cyp-package-pillar-page h1 {
        font-size: 25px !important;
        line-height: 1.15 !important;
    }

    /* ALL SECTION HEADINGS */
    .cyp-package-pillar-page h2,
    .cyp-package-about-content h2,
    .cyp-package-section-head h2,
    .cyp-popular-packages-head h2,
    .cyp-route-itinerary-head h2,
    .cyp-itinerary-head h2,
    .cyp-package-types-head h2,
    .cyp-package-categories-head h2,
    .cyp-origin-packages-head h2,
    .cyp-package-trust-head h2,
    .cyp-all-packages-side h2,
    .cyp-all-faq-side h2,
    .cyp-about-chardham-content h2,
    .cyp-final-journey-copy h2 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    /* NORMAL BODY TEXT */
    .cyp-package-pillar-page p,
    .cyp-package-pillar-page li {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    /* CARD / PACKAGE TITLES */
    .cyp-package-pillar-page h3,
    .cyp-popular-package-content h3,
    .cyp-package-type-top h3,
    .cyp-category-card-top h3,
    .cyp-mini-package-card h3,
    .cyp-about-dham-content h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    /* SMALL SECTION LABELS */
    .cyp-package-section-label,
    .cyp-package-kicker,
    .cyp-package-type-top small,
    .cyp-category-card-top small {
        font-size: 8px !important;
        line-height: 1.25 !important;
        letter-spacing: 1.1px !important;
    }

    /* PACKAGE CARD DESCRIPTION */
    .cyp-popular-package-content p,
    .cyp-package-type-description,
    .cyp-package-category-card p,
    .cyp-package-trust-card p,
    .cyp-itinerary-content p {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    /* PACKAGE PRICE / SMALL DETAILS */
    .cyp-popular-package-bottom strong,
    .cyp-mini-package-card strong {
        font-size: 12px !important;
    }

    .cyp-popular-package-bottom span,
    .cyp-popular-package-bottom small,
    .cyp-origin-city-card small,
    .cyp-about-dham-content span {
        font-size: 8.5px !important;
    }

    /* BUTTON / LINKS INSIDE CARDS */
    .cyp-package-type-card a,
    .cyp-package-category-card a,
    .cyp-mini-package-card a,
    .cyp-popular-package-bottom a,
    .cyp-about-dham-content a {
        font-size: 9px !important;
    }

}

/* =========================================
   REMOVE WHITE GAP BEFORE FOOTER - MOBILE
========================================= */

@media (max-width: 768px) {

    .cyp-final-journey-cta {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .cyp-final-journey-cta .cyp-package-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-final-trust-strip {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-package-pillar-page {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-package-pillar-page + .main-footer,
    .cyp-final-journey-cta + .main-footer,
    .main-footer {
        margin-top: 0 !important;
    }

}

/* =========================================
   REMOVE WHITE GAP BEFORE FOOTER - MOBILE
========================================= */

@media (max-width: 768px) {

    .cyp-final-journey-cta {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .cyp-final-journey-cta .cyp-package-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-final-trust-strip {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-package-pillar-page {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cyp-package-pillar-page + .main-footer,
    .cyp-final-journey-cta + .main-footer,
    .main-footer {
        margin-top: 0 !important;
    }

}

/* BEST TIME GUIDE BUTTON */

.cyp-heli-info-box.best-time .cyp-heli-section-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 18px;
    padding: 12px 22px;

    background: #f26322;
    color: #ffffff !important;

    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;

    border: 1px solid #f26322;
    border-radius: 30px;

    transition: 0.3s ease;
}

.cyp-heli-info-box.best-time .cyp-heli-section-link:hover {
    background: #173f35;
    border-color: #173f35;
    color: #ffffff !important;
}

/* =========================================
   HELICOPTER FINAL CTA FIX
========================================= */

.cyp-heli-final-cta {
    padding: 34px 0 !important;
    margin: 0 !important;
    background: #f8f6f1;
}

.cyp-heli-final-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;

    width: 100% !important;
}

.cyp-heli-final-content > div:first-child {
    flex: 1 1 auto !important;
    max-width: 760px !important;
}

.cyp-heli-final-content h2 {
    margin: 4px 0 8px !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
}

.cyp-heli-final-content p {
    margin: 0 !important;
    max-width: 700px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.cyp-heli-final-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.cyp-heli-final-actions .cyp-heli-primary-btn,
.cyp-heli-final-actions .cyp-heli-secondary-btn {
    min-width: 170px !important;
    justify-content: center !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .cyp-heli-final-cta {
        padding: 28px 0 !important;
    }

    .cyp-heli-final-content {
        display: block !important;
    }

    .cyp-heli-final-content h2 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    .cyp-heli-final-content p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .cyp-heli-final-actions {
        margin-top: 18px !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .cyp-heli-final-actions .cyp-heli-primary-btn,
    .cyp-heli-final-actions .cyp-heli-secondary-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* =========================================
   FINAL HELICOPTER CTA - CLEAN FIX
========================================= */

.cyp-heli-final-cta {
    padding: 36px 0 !important;
    margin: 0 !important;
    background: #f7f5f0 !important;
}

.cyp-heli-final-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    width: 100% !important;
}

.cyp-heli-final-copy {
    flex: 1 1 60% !important;
    max-width: 720px !important;
}

.cyp-heli-final-copy h2 {
    margin: 5px 0 10px !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
}

.cyp-heli-final-copy p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.cyp-heli-final-buttons {
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.cyp-heli-final-quote-btn,
.cyp-heli-final-wa-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 180px !important;
    min-height: 48px !important;

    padding: 12px 22px !important;

    border-radius: 30px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.cyp-heli-final-quote-btn {
    background: #f26322 !important;
    color: #ffffff !important;
    border: 1px solid #f26322 !important;
}

.cyp-heli-final-wa-btn {
    background: #16865f !important;
    color: #ffffff !important;
    border: 1px solid #16865f !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .cyp-heli-final-cta {
        padding: 28px 0 !important;
    }

    .cyp-heli-final-box {
        display: block !important;
    }

    .cyp-heli-final-copy {
        max-width: 100% !important;
    }

    .cyp-heli-final-copy h2 {
        font-size: 21px !important;
        line-height: 1.2 !important;
    }

    .cyp-heli-final-copy p {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .cyp-heli-final-buttons {
        margin-top: 18px !important;

        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .cyp-heli-final-quote-btn,
    .cyp-heli-final-wa-btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;

        padding: 10px !important;

        font-size: 10px !important;
    }

}

/* =========================================================
   GLOBAL MOBILE TYPOGRAPHY
   SAME TEXT SCALE FOR ALL CYP PAGES
========================================================= */

@media (max-width: 768px) {

    /* MAIN PAGE TITLE */
    main[class*="cyp-"] h1 {
        font-size: 25px !important;
        line-height: 1.15 !important;
    }

    /* ALL SECTION HEADINGS */
    main[class*="cyp-"] h2 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    /* CARD / PACKAGE TITLES */
    main[class*="cyp-"] h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    /* NORMAL TEXT */
    main[class*="cyp-"] p,
    main[class*="cyp-"] li {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    /* SMALL TEXT */
    main[class*="cyp-"] small {
        font-size: 8.5px !important;
        line-height: 1.35 !important;
    }

    /* SECTION LABELS / KICKERS */
    main[class*="cyp-"] [class*="section-label"],
    main[class*="cyp-"] [class*="hero-label"],
    main[class*="cyp-"] [class*="kicker"] {
        font-size: 8px !important;
        line-height: 1.3 !important;
        letter-spacing: 1.1px !important;
        font-weight: 700 !important;
    }

    /* CARD STRONG TEXT */
    main[class*="cyp-"] article strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* BUTTONS / CTA TEXT */
    main[class*="cyp-"] a[class*="btn"],
    main[class*="cyp-"] button {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

}


/* SMALL PHONES */

@media (max-width: 480px) {

    main[class*="cyp-"] h1 {
        font-size: 24px !important;
    }

    main[class*="cyp-"] h2 {
        font-size: 19px !important;
    }

    main[class*="cyp-"] h3 {
        font-size: 13.5px !important;
    }

    main[class*="cyp-"] p,
    main[class*="cyp-"] li {
        font-size: 10.5px !important;
    }

}

/* =========================================
   HARIDWAR PACKAGE PAGE
   REMOVE EXTRA WHITE GAPS BETWEEN SECTIONS
========================================= */

.cyp-package-page > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.cyp-package-page section + section {
    margin-top: 0 !important;
}

/* reduce excessive vertical padding */
.cyp-overview-final,
.cyp-final-itinerary,
.cyp-package-details,
.cyp-similar-packages,
.cyp-plan-cta,
.cyp-trust-section,
.cyp-faq-section {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

/* remove inner container margins if any */
.cyp-overview-final-container,
.cyp-final-itinerary-container,
.cyp-package-details-container,
.cyp-similar-container,
.cyp-plan-cta-container,
.cyp-trust-container,
.cyp-faq-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .cyp-overview-final,
    .cyp-final-itinerary,
    .cyp-package-details,
    .cyp-similar-packages,
    .cyp-plan-cta,
    .cyp-trust-section,
    .cyp-faq-section {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

}

/* =========================================
   HARIDWAR PACKAGE PAGE
   DESKTOP GAP FIX
========================================= */

@media (min-width: 769px) {

    .cyp-package-page > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .cyp-package-page section + section {
        margin-top: 0 !important;
    }

    .cyp-overview-final,
    .cyp-final-itinerary,
    .cyp-package-details,
    .cyp-similar-packages,
    .cyp-plan-cta,
    .cyp-trust-section,
    .cyp-faq-section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    .cyp-overview-final-container,
    .cyp-final-itinerary-container,
    .cyp-package-details-container,
    .cyp-similar-container,
    .cyp-plan-cta-container,
    .cyp-trust-container,
    .cyp-faq-container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        min-height: 0 !important;
        height: auto !important;
    }

}

/* =========================================
   KEDARNATH PACKAGE PAGE
   MATCH GLOBAL MOBILE TYPOGRAPHY
========================================= */

@media (max-width: 768px) {

    .kdp-page h1 {
        font-size: 25px !important;
        line-height: 1.15 !important;
    }

    .kdp-page h2 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    .kdp-page h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .kdp-page p,
    .kdp-page li {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .kdp-page small {
        font-size: 8.5px !important;
        line-height: 1.35 !important;
    }

    .kdp-page .kdp-section-label,
    .kdp-page .kdp-eyebrow {
        font-size: 8px !important;
        line-height: 1.3 !important;
        letter-spacing: 1.1px !important;
    }
}

/* =========================================
   CHARDHAM GROUP TOURS
   MOBILE TYPOGRAPHY
========================================= */

@media (max-width: 768px) {

    .cgt-page h1 {
        font-size:25px !important;
        line-height:1.15 !important;
    }

    .cgt-page h2 {
        font-size:20px !important;
        line-height:1.2 !important;
        letter-spacing:0 !important;
    }

    .cgt-page h3,
    .cgt-page h4 {
        font-size:14px !important;
        line-height:1.3 !important;
    }

    .cgt-page p,
    .cgt-page li {
        font-size:11px !important;
        line-height:1.5 !important;
    }

    .cgt-page small {
        font-size:8.5px !important;
        line-height:1.35 !important;
    }

    .cgt-page .cgt-section-label,
    .cgt-page .cgt-eyebrow {
        font-size:8px !important;
        line-height:1.3 !important;
        letter-spacing:1.1px !important;
    }

}

/* =========================================
   MOBILE HEADER MENU FIX
========================================= */

@media (max-width: 900px) {

    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        cursor: pointer;
        position: relative;
        z-index: 1002;
    }

    .main-navigation {
        display: none;
    }

    .main-navigation.mobile-open {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .main-navigation.mobile-open > ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .main-navigation.mobile-open > ul > li {
        width: 100%;
    }

    .main-navigation.mobile-open > ul > li > a {
        display: block;
        width: 100%;
    }

    .main-navigation .has-dropdown > .dropdown {
        display: none;
        position: static;
        width: 100%;
    }

    .main-navigation .has-dropdown.mobile-dropdown-open > .dropdown {
        display: block !important;
    }

}

/* =========================================
   MOBILE MENU ICON FIX
========================================= */

.menu-toggle span {
    display: block !important;
    width: 26px !important;
    height: 3px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    margin: 0 !important;
    transition: 0.3s ease !important;
}

.menu-toggle {
    align-items: center !important;
}

/* Menu open hone par hamburger → X */

.menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* =========================================
   KEDARNATH TRENDING PACKAGES - MOBILE SIZE
========================================= */

@media (max-width: 600px) {

    .kdp-popular-slider .kdp-pop-card,
    .kdp-pop-slider .kdp-pop-card,
    #kdp-pop-slider > * {
        flex: 0 0 48% !important;
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
    }

}

/* =========================================
   TRENDING KEDARNATH PACKAGES
   EXTRA COMPACT MOBILE CARDS
========================================= */

@media (max-width: 600px) {

    #kdp-pop-slider {
        gap: 8px !important;
    }

    #kdp-pop-slider > article {
        flex: 0 0 95px !important;
        width: 95px !important;
        min-width: 95px !important;
        max-width: 95px !important;
        padding: 0 !important;
    }

    #kdp-pop-slider > article img {
        width: 100% !important;
        height: 70px !important;
        object-fit: cover !important;
    }

    #kdp-pop-slider > article h3 {
        font-size: 9px !important;
        line-height: 1.2 !important;
        margin: 5px 5px !important;
    }

    #kdp-pop-slider > article p,
    #kdp-pop-slider > article span,
    #kdp-pop-slider > article small {
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    #kdp-pop-slider > article strong {
        font-size: 9px !important;
    }

    #kdp-pop-slider > article a {
        font-size: 7px !important;
        padding: 5px 6px !important;
        margin: 5px !important;
    }

}

/* =========================================
   KEDARNATH TRENDING CARDS - MOBILE HEIGHT
========================================= */

@media (max-width: 600px) {

    #kdp-pop-slider .kdp-pop-card {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 6px !important;
    }

    #kdp-pop-slider .kdp-pop-card img {
        height: 70px !important;
        object-fit: cover !important;
    }

    #kdp-pop-slider .kdp-pop-card h3 {
        margin: 4px 6px !important;
        line-height: 1.15 !important;
    }

    #kdp-pop-slider .kdp-pop-card p,
    #kdp-pop-slider .kdp-pop-card small,
    #kdp-pop-slider .kdp-pop-card span {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        line-height: 1.15 !important;
    }

    #kdp-pop-slider .kdp-pop-card a {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

}

/* =========================================
   TRENDING KEDARNATH PACKAGES
   MOBILE - HALF HEIGHT CARDS
========================================= */

@media (max-width: 600px) {

    .kedarnath-package-card {
        min-height: 0 !important;
        height: 215px !important;
        max-height: 215px !important;
        overflow: hidden !important;
    }

    .kedarnath-package-image {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    .kedarnath-package-image img {
        width: 100% !important;
        height: 72px !important;
        object-fit: cover !important;
    }

    .kedarnath-package-content {
        padding: 5px 6px 6px !important;
        height: 143px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .kedarnath-duration {
        font-size: 7px !important;
        line-height: 1.1 !important;
        margin: 0 0 4px !important;
    }

    .kedarnath-package-content h3 {
        font-size: 10px !important;
        line-height: 1.15 !important;
        margin: 0 0 5px !important;

        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .kedarnath-package-bottom {
        margin-top: auto !important;
        gap: 4px !important;
    }

    .kedarnath-package-bottom strong {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    .kedarnath-package-bottom strong small {
        font-size: 7px !important;
    }

    .kedarnath-view-btn {
        font-size: 7.5px !important;
        line-height: 1 !important;
        padding: 5px 6px !important;
        margin: 3px 0 0 !important;
    }

}

/* =========================================
   KEDARNATH CARD TITLE - MOBILE FULL TEXT
========================================= */

@media (max-width: 600px) {

    .kedarnath-package-content h3 {
        font-size: 8px !important;
        line-height: 1.15 !important;
        margin: 3px 4px 4px !important;

        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        white-space: normal !important;
    }

}

@media (max-width: 600px) {

    .kedarnath-package-content h3 {
        font-size: 7px !important;
        line-height: 1.2 !important;
        margin: 4px 5px 5px !important;
    }

}

/* KEDARNATH PACKAGE NAME ONLY - MOBILE */

@media (max-width: 600px) {

    .kedarnath-packages-section
    .kedarnath-package-grid
    .kedarnath-package-card
    .kedarnath-package-content
    h3 {
        font-size: 8px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        margin: 4px 0 5px !important;
    }

    }

    /* =========================================
   PACKAGE INFORMATION - FINAL MOBILE FIX
========================================= */

@media (max-width: 600px) {

    .cyp-package-details {
        width: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .cyp-package-details-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    .cyp-details-heading {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .cyp-details-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* ALL 5 TABS IN ONE ROW */

    .cyp-details-tabs {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .cyp-details-tabs .cyp-detail-tab {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 9px 2px !important;
        margin: 0 !important;

        font-size: 7px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
        border-radius: 0 !important;
    }

    /* CONTENT */

    .cyp-detail-content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .cyp-detail-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .cyp-detail-grid > div {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

}

/* =========================================
   SIMILAR CHARDHAM PACKAGES - MOBILE WIDTH
========================================= */

@media (max-width: 600px) {

    .cyp-similar-slider {
        gap: 10px !important;
    }

    .cyp-similar-slider > article,
    .cyp-similar-package-card {
        flex: 0 0 78% !important;
        width: 78% !important;
        min-width: 78% !important;
        max-width: 78% !important;
    }

}

/* =========================================
   SIMILAR CHARDHAM PACKAGES - MOBILE CARD WIDTH
========================================= */

@media (max-width: 600px) {

    .cyp-similar-slider {
        width: 100% !important;
        overflow: hidden !important;
    }

    .cyp-similar-track {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-behavior: smooth !important;
    }

    .cyp-similar-card {
        flex: 0 0 72% !important;
        width: 72% !important;
        min-width: 72% !important;
        max-width: 72% !important;
    }

}

/* =========================================
   SIMILAR CHARDHAM PACKAGES - FINAL MOBILE FIX
========================================= */

@media (max-width: 600px) {

    .cyp-similar-slider {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .cyp-similar-track {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        gap: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;
    }

    .cyp-similar-card {
        flex: 0 0 70vw !important;

        width: 70vw !important;
        min-width: 70vw !important;
        max-width: 70vw !important;

        scroll-snap-align: start !important;
    }

}

/* =========================================
   CHARDHAM ROUTE - HORIZONTAL MOBILE
========================================= */

@media (max-width: 600px) {

    .cyp-chardham-route-card {
        overflow: hidden !important;
    }

    .cyp-chardham-route-map {
        display: grid !important;

        grid-template-columns:
            1.3fr .28fr
            1fr .28fr
            1fr .28fr
            1fr .28fr
            1fr !important;

        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 0 !important;
        padding: 12px 0 !important;

        overflow: hidden !important;
    }

    .cyp-chardham-route-point {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-width: 0 !important;

        text-align: center !important;
        gap: 4px !important;
    }

    .cyp-chardham-route-point > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    .cyp-chardham-route-point strong {
        font-size: 7.5px !important;
        line-height: 1.15 !important;
        text-align: center !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
    }

    .cyp-chardham-route-point small {
        font-size: 6px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    .cyp-chardham-route-icon,
    .cyp-chardham-route-number {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;

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

        font-size: 7px !important;
    }

    .cyp-chardham-route-line {
        display: block !important;

        width: 100% !important;
        height: 1px !important;

        margin: -22px 0 0 !important;

        border: 0 !important;
        background: #cfcfcf !important;
    }

}

.cgt-other-grid h3 a {
    color: #173f35;
    text-decoration: none;
}

.cgt-other-grid h3 a:hover {
    color: #ef5b21;
}

/* DO DHAM MOBILE CORRECTION */
@media (max-width: 767px) {
    .dyd-page,
    .dyd-page * {
        box-sizing: border-box;
    }

    .dyd-page .dyd-journey-top,
    .dyd-page .dyd-content-grid,
    .dyd-page .dyd-bottom-grid,
    .dyd-page .dyd-faq-enquiry-grid,
    .dyd-page .dyd-form-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .dyd-page .dyd-container,
    .dyd-page .dyd-journey-top > *,
    .dyd-page .dyd-content-grid > *,
    .dyd-page .dyd-bottom-grid > *,
    .dyd-page .dyd-faq-enquiry-grid > *,
    .dyd-page .dyd-form-grid > * {
        min-width: 0 !important;
        max-width: 100%;
    }

    .dyd-page .dyd-heading-row > div:first-child {
        min-width: 0;
        flex: 1;
    }

    .dyd-page .dyd-slider-controls {
        flex-shrink: 0;
    }

    .dyd-page .dyd-package-slider {
        width: 100%;
        min-width: 0;
        overflow-x: auto !important;
    }

    .dyd-page .dyd-itinerary-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100%;
        min-width: 0;
        gap: 10px;
        overflow: visible !important;
    }

    .dyd-page .dyd-itinerary-row article {
        width: auto !important;
        min-width: 0 !important;
        padding: 12px;
        overflow-wrap: anywhere;
    }

    .dyd-page .dyd-itinerary-row strong,
    .dyd-page .dyd-itinerary-row article p {
        font-size: 13px !important;
        line-height: 1.5;
    }

    .dyd-page .dyd-itinerary-row span {
        font-size: 11px;
    }

    .dyd-page .dyd-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        overflow-x: auto !important;
    }

    .dyd-page .dyd-table {
        width: 100% !important;
        min-width: 600px !important;
        max-width: none !important;
    }

    .dyd-page .dyd-table th,
    .dyd-page .dyd-table td,
    .dyd-page .dyd-table td:nth-child(2) {
        padding: 12px 8px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .dyd-page .dyd-table td:last-child a {
        width: auto !important;
        max-width: none !important;
        min-height: 36px !important;
        padding: 8px !important;
        font-size: 11px !important;
    }

    .dyd-page .dyd-form-grid input,
    .dyd-page .dyd-form-grid select,
    .dyd-page .dyd-form-grid textarea {
        min-width: 0;
        width: 100%;
        font-size: 16px;
    }

    .cyp-sticky-contact {
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
        box-sizing: border-box;
    }

    .cyp-sticky-contact > a {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 5px !important;
        font-size: 12px !important;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .dyd-page .dyd-bottom-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .dyd-page .dyd-bottom-grid > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .dyd-page .dyd-itinerary-row {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {

    /* Package table: saare columns mobile mein fit */
    .dyd-page .dyd-table-wrap {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    .dyd-page .dyd-table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .dyd-page .dyd-table thead {
        display: table-header-group !important;
    }

    .dyd-page .dyd-table tbody {
        display: table-row-group !important;
    }

    .dyd-page .dyd-table tr {
        display: table-row !important;
    }

    .dyd-page .dyd-table th,
    .dyd-page .dyd-table td {
        display: table-cell !important;
        padding: 8px 3px !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        vertical-align: middle !important;
    }

    .dyd-page .dyd-table th:nth-child(1),
    .dyd-page .dyd-table td:nth-child(1) {
        width: 30% !important;
    }

    .dyd-page .dyd-table th:nth-child(2),
    .dyd-page .dyd-table td:nth-child(2) {
        width: 18% !important;
    }

    .dyd-page .dyd-table th:nth-child(3),
    .dyd-page .dyd-table td:nth-child(3) {
        width: 14% !important;
    }

    .dyd-page .dyd-table th:nth-child(4),
    .dyd-page .dyd-table td:nth-child(4) {
        width: 16% !important;
    }

    .dyd-page .dyd-table th:nth-child(5),
    .dyd-page .dyd-table td:nth-child(5) {
        width: 22% !important;
    }

    .dyd-page .dyd-table td:last-child a {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 6px 3px !important;
        font-size: 9px !important;
        white-space: normal !important;
    }

    /* Itinerary: ek row mein swipe */
    .dyd-page .dyd-itinerary-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
    }

    .dyd-page .dyd-itinerary-row article {
        flex: 0 0 46% !important;
        width: 46% !important;
        min-width: 0 !important;
        scroll-snap-align: start;
        overflow-wrap: anywhere;
    }
}

/* Kedarnath package detail buttons */
.kdp-page a.kdp-all-detail {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: fit-content !important;
    max-width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    margin-top: 14px;
    padding: 11px 18px;

    background: #f26822;
    color: #ffffff !important;
    border: 1px solid #f26822;
    border-radius: 8px;

    font-family: inherit;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;

    transition: background 0.2s ease, border-color 0.2s ease;
}

.kdp-page a.kdp-all-detail:hover {
    background: #d95012;
    border-color: #d95012;
    color: #ffffff !important;
    text-decoration: none !important;
}

.kdp-page a.kdp-all-detail:focus-visible {
    outline: 3px solid #194e40;
    outline-offset: 3px;
}

/* ==================================================
   SITE TEXT READABILITY - 9 OCT 2026
   Existing font families and heading rules are retained.
   Remove this block to restore previous text sizes.
================================================== */

/* The unused ID gives these rules priority over older page overrides. */
:is(body, #cyp-readable-text) {
    font-size: 15px;
}

:is(body, #cyp-readable-text) :is(p, li):not(:is(h1, h2, h3, h4, h5, h6, nav, .main-navigation) *) {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Inline words follow the surrounding paragraph or list text. */
:is(body, #cyp-readable-text) :is(p, li):not(:is(h1, h2, h3, h4, h5, h6, nav, .main-navigation) *)
    :is(a, strong, b, em, small, span):not(:is(h1, h2, h3, h4, h5, h6, button) *):not([class*="icon"]):not([class*="stars"]) {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Descriptions and FAQ text stored outside paragraph elements. */
:is(body, #cyp-readable-text) :is(
    .hero-description, .cyp-article-intro, .cyp-author-bio,
    .cyp-contact-intro, .cyp-contact-office-intro,
    .cyp-about-vision-lead, .cyp-about-review-text,
    .cyp-chardham-block-intro, .cyp-package-type-description,
    .cyp-all-packages-intro, .cyp-all-faq-intro,
    .cyp-origin-intro, .kdp-section-intro,
    .cyp-faq-answer, .cyp-all-faq-question,
    .cyp-faq-question > span:first-child,
    .cyp-destination-faq-question > span:first-child,
    .cyp-chardham-faq-question > span:first-child,
    .cyp-itinerary-toggle strong, .cyp-city-itinerary-toggle strong
):not(:is(h1, h2, h3, h4, h5, h6) *) {
    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* Supporting text with page-specific sizes. */
:is(body, #cyp-readable-text) #kdp-pop-slider > article span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) #kdp-pop-slider > article strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-closing-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-date-cta .cgt-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-itinerary-slider article > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-other-grid span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-other-grid strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-page .cgt-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-page .cgt-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-seat:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-see-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-summary-grid > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-summary-grid strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-table-note:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-temple-strip strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-trust-grid span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cgt-trust-grid strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .chardham-read-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .chardham-route .section-tag:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .chardham-small-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .chardham-small-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .chardham-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .complete-route-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-btn-primary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-btn-primary span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-btn-secondary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-card > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-lead:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-points div:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-points div span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-temples span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-toggle:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-chardham-visual-text:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-dham-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-dham-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-final-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-final-primary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-final-primary span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-final-trust span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-final-whatsapp:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-gallery-item figcaption span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-gallery-item figcaption strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-gallery-large figcaption strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-hero-badge span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-hero-badge strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-hero-feature:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-hero-feature span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-quick-points > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-quick-points strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-review-note > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-review-text:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-review-user span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-review-user strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-stat strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-note span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-note strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-stamp span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-story-stamp strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-value-number:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-vision-lead:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-about-vision-quote strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-help span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-help strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-question:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-question b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-faq-question span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-all-packages-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-author-photo:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-breadcrumb:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-article-share:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-author-bio:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-author-image span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-author-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-author-role:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-author-social > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-avoid-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-content ol:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-content ul:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-cta-info-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-cta-info-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-cta-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-cta-primary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-blog-cta-secondary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-access-card .cyp-chardham-block-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-block-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-block-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-breadcrumb span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-faq-question b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-faq-question span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-faq-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-final-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-final-content > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-final-trust span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-hero-badge span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-hero-badge strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-hero-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-package-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-package-bottom strong span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-package-image > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-packages-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-packages-view-all span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-primary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-quick-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-reach-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-reach-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-read-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-read-more span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-registration-art span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-registration-card .cyp-chardham-block-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-route-point strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-season-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-season-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-secondary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-section-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-section-link span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-tip-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-tip-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-why-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-why-item > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-chardham-why-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-breadcrumb span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-dham-card span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-dham-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-exc-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-fixed-note:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-hero-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-hero-points > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-hero-points strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-inc-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-itinerary-toggle > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-itinerary-toggle b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-itinerary-toggle strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-other-card span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-other-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-tour-detail > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-tour-detail strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-trust-grid > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-city-trust-grid strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-cta-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-cta-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-cta-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-form-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-form-note:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-help-box strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-info-card span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-map-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-map-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-office-image-badge span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-office-image-badge strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-office-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-office-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-office-row span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-submit:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-submit span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-contact-trust-head > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-dest-offers-head > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-breadcrumb span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-fact span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-fact strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-faq-head > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-faq-question b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-faq-question span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-final-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-final-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-final-trust span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-outline-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-outline-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-primary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-primary-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-registration-step > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-registration-step strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-season-card b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-season-card em:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-season-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-text-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-text-link span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-useful-list span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-destination-useful-list strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-detail-grid > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-detail-tab:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-details-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-details-tabs .cyp-detail-tab:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-dham-card-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-dham-card-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-dham-card-meta span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-editors-pick:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-enquiry-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-enquiry-contact span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-enquiry-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-essential-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-essential-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-essential-heading > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-answer:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-item summary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-item summary b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-plus:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-faq-question > span:first-child:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-featured-info:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-featured-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-featured-read-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-featured-read-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-cta-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-cta-btn span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-cta-text > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-day-route strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-day-tags span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-dhams span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-hero-detail strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-itinerary-heading > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-route:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-trust-item > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-final-trust-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-four-dhams-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-four-dhams-view-all span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-about-features > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-about-features strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-about-media > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-about-toggle:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-breadcrumb span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-essential-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-essential-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-experience-copy > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-final-quote-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-final-wa-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-hero-badges span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-hero-features > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-hero-features strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-hero-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-info-box.best-time .cyp-heli-section-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-package-badge:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-package-meta span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-package-price:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-package-primary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-package-secondary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-packages-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-primary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-connector b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-connector span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-link span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-stop > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-route-stop strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-season-mini span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-season-mini strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-secondary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-see-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-spiritual-badge strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-heli-weather-note > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-itinerary-day:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-itinerary-plus:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-itinerary-toggle strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-journal-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-journal-category span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-journal-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-journal-feature > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-journal-hero-text:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-latest-heading > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-latest-main-image > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-latest-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-latest-small-image > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-mini-package-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-all-updates:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-all-updates span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-breaking-dot:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-breaking-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-breaking-label span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-card-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-card-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-card-read:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-card-read span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-detail-body .cyp-news-detail-lead:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-detail-breadcrumb span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-detail-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-detail-meta span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-feature-category:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-feature-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-final-primary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-final-text > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-final-whatsapp:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-hero-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-hero-label > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-important-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-new-badge:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-page-number:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-read-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-read-more span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-related-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-section-heading > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-news-update-type:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-offers-head > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-origin-city-card b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-origin-city-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-origin-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-origin-see-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-other-destination-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-other-destination-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-other-destination-link b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-other-destinations-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-overview-box > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-overview-box strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-overview-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-about-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-breadcrumb:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-hero-facts span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-hero-facts strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-kicker:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-price strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-primary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-search-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-search-title:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-secondary-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-trust-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-trust-feature-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-trust-strip span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-trust-strip strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-type-description:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-package-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-plan-all-guides:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-plan-all-guides span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-plan-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-plan-cta-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-popular-package-bottom > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-popular-package-bottom span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-popular-package-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-popular-package-image > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-quick-text strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-recent-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-recent-heading > div:first-child > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-heading > div:first-child > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-package-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-package-duration:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-packages-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-related-view-all span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-route-flow-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-route-flow-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-hero-badges span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-hero-points > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-hero-points strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-quick-links b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-quick-links span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-trust-bar > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-search-trust-bar strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-season-table:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-seat-status:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-see-more-packages:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-similar-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-similar-heading > div:first-child > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-similar-image > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-stories-heading > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-story-badge:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-story-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-story-meta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-story-small-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-temple-content > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-temple-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-temple-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-tip-item > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-tip-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-trust-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-yatra-search-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .cyp-yatra-tab:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dodham-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dodham-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dodham-duration:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dodham-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dodham-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .duration:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-closing-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-dual-images span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-itinerary-row span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-itinerary-row strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-package-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-page .dyd-itinerary-row span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-page .dyd-itinerary-row strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-see-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-trust-strip > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .dyd-trust-strip strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .google-rating-summary:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .google-rating-summary strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .google-reviews-button:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .google-reviews-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-description:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-main-cta:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-new .hero-tag:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-package-link:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-package-link span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .hero-tag:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .home-chardham-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .itinerary-head span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .journey-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .journey-heading span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .journey-stop strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-about-points > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-about-points strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-all-package-grid b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-all-package-grid span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-all-package-grid strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-city-card span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-city-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-closing-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-hero-trust > div > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-hero-trust strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-package-card strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-page .kdp-eyebrow:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-page .kdp-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-page a.kdp-all-detail:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-route-flow > b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-route-flow > div span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-route-flow b:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-route-flow strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-section-intro:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-section-label:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-see-more:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kdp-show-more-packages:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kedarnath-duration:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kedarnath-package-bottom strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kedarnath-section-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kedarnath-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .kedarnath-view-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .map-title span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .news-date:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .news-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .news-view-all:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .package-btn:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .popular-mini-content span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .popular-mini-content strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .popular-mini-heading span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .review-top strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .route-heading span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .route-main-heading .route-tag:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .section-heading span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .top-bar:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .trust-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .why-chardham-heading > span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .why-image-label strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .why-trust-item span:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) .why-trust-item strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) main[class*="cyp-"] [class*="hero-label"]:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) main[class*="cyp-"] [class*="kicker"]:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) main[class*="cyp-"] [class*="section-label"]:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) main[class*="cyp-"] a[class*="btn"]:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *),
:is(body, #cyp-readable-text) main[class*="cyp-"] article strong:not(h1, h2, h3, h4, h5, h6, p, li):not(:is(h1, h2, h3, h4, h5, h6) *) {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Navigation, forms, links, table cells and supporting details. */
:is(body, #cyp-readable-text) :is(a, button, input, select, textarea, label, small, th, td):not(:is(h1, h2, h3, h4, h5, h6) *):not([class*="icon"]):not([class*="social"]):not([class*="arrow"]):not([class*="controls"] *) {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Keep inline reading text at the paragraph/list size. */
:is(body, #cyp-readable-text) :is(p, li):not(:is(nav, .main-navigation) *) :is(a, small):not(:is(h1, h2, h3, h4, h5, h6) *) {
    font-size: inherit !important;
}

/* Let wide tables scroll rather than compress words into tiny columns. */
@media (max-width: 767px) {
    :is(body, #cyp-readable-text) :is(.dyd-table, .kdp-table, .cgt-table, .cyp-package-table, .cyp-city-fixed-table) {
        min-width: 720px !important;
        table-layout: auto !important;
    }
    :is(body, #cyp-readable-text) :is(.dyd-table-wrap, .kdp-table-wrap, .cgt-table-wrap, .cyp-package-table-wrap, .cyp-city-fixed-table-wrap) {
        overflow-x: auto !important;
    }
}

/* FAQ questions use the same size as reading text. */
:is(body, #cyp-readable-text) :is(.cyp-all-faq-question, .cyp-faq-question > span:first-child, .cyp-destination-faq-question > span:first-child, .cyp-chardham-faq-question > span:first-child, .cyp-itinerary-toggle strong, .cyp-city-itinerary-toggle strong) {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Comfortable mobile package cards: one card per row. */
@media (max-width: 767px) {
    :is(body, #cyp-readable-text) :is(.chardham-package-grid, .cyp-chardham-packages-grid) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }
    :is(body, #cyp-readable-text) :is(.chardham-small-content, .cyp-chardham-package-content) {
        padding: 18px !important;
    }
    :is(body, #cyp-readable-text) :is(.chardham-small-content h3, .cyp-chardham-package-content h3) {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }
    :is(body, #cyp-readable-text) :is(.chardham-small-image, .cyp-chardham-package-image) {
        height: 200px !important;
    }
}

/* HOME KEDARNATH: FIVE VISIBLE DESKTOP PACKAGES, ALL PACKAGES IN SLIDER */
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    padding: 8px 0 20px !important;
    scrollbar-width: thin;
    scrollbar-color: #ef5b17 #f3e9e2;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid > .kedarnath-package-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc((100% - 80px) / 5) !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    scroll-snap-align: start;
    box-sizing: border-box;
    border-radius: 16px !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid > .kedarnath-package-card:nth-child(n+5) {
    display: flex !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-image {
    height: 140px !important;
    min-height: 140px !important;
    max-height: none !important;
    flex-shrink: 0;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 12px !important;
    overflow: visible !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-duration {
    align-self: flex-start;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 6px 10px !important;
    margin: 0 0 12px !important;
    white-space: normal !important;
    overflow-wrap: break-word;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-content h3 {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 18px !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    height: auto !important;
    overflow: visible !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-bottom strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}
:is(body, #cyp-readable-text) .kedarnath-packages-section a.kedarnath-view-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box;
    padding: 12px 14px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    background: #ef5b17 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    white-space: normal !important;
    text-decoration: none !important;
}
@media (max-width: 1024px) {
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid > .kedarnath-package-card {
        flex-basis: calc((100% - 20px) / 2) !important;
    }
}
@media (max-width: 600px) {
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid {
        gap: 14px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid > .kedarnath-package-card {
        flex-basis: 94% !important;
    }
}
/* A wider, compact mobile card; content can grow without clipping. */
@media (max-width: 600px) {
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-image {
        height: 120px !important;
        min-height: 120px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-content {
        padding: 14px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-duration {
        padding: 4px 8px !important;
        margin-bottom: 8px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-content h3 {
        font-size: 17px !important;
        line-height: 1.35 !important;
        margin-bottom: 10px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-bottom {
        gap: 8px !important;
        padding-top: 10px !important;
    }
    :is(body, #cyp-readable-text) .kedarnath-packages-section a.kedarnath-view-btn {
        padding: 10px 12px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    :is(body, #cyp-readable-text) .kedarnath-packages-section .kedarnath-package-grid {
        scroll-behavior: auto;
    }
}

/* Hide the six benefits beneath the homepage package search. */
:is(body, #cyp-readable-text) .cyp-search-trust-bar {
    display: none !important;
}

/* Homepage Chardham packages: two compact cards per row on mobile only. */
@media (max-width: 767px) {
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-package-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-card {
        display: flex !important;
        flex-direction: column !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        border-radius: 12px !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-image {
        height: 82px !important;
        min-height: 82px !important;
        flex-shrink: 0;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-content {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto;
        padding: 9px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-content > span {
        align-self: flex-start;
        padding: 4px 6px !important;
        margin-bottom: 7px !important;
        border-radius: 5px !important;
        background: #fff1e8 !important;
        color: #e85b24 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-transform: none !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-content h3 {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin: 0 0 10px !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-bottom {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        margin-top: auto !important;
        padding-top: 7px !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-bottom strong {
        font-size: 13px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
    }
    :is(body, #cyp-readable-text) .home-chardham-section .chardham-small-bottom a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-height: 34px !important;
        padding: 7px 6px !important;
        border-radius: 6px !important;
        background: #ef5b17 !important;
        color: white !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
}

/* Desktop hero: space between the three highlights and package search. */
@media (min-width: 1025px) {
    :is(body, #cyp-readable-text) .cyp-search-hero .cyp-yatra-search-box {
        margin-top: 28px !important;
    }
}