.hero{
    margin-top:120px;
    height:400px;
    position:relative;
    overflow:hidden;
    color:white;

    /* BACKGROUND IMAGE */
    

    /* PARALLAX EFFECT */
    background-attachment:fixed;
}
.kerala-hero{
    background-image: url('/images/indiastates/kerala/kerala1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tamilnadu-hero{
    background-image: url('/images/indiastates/tamilnadu/tamilnadu.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.uttarakhand-hero{
    background-image: url('/images/indiastates/uttarakhand/uttarakhand.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sikkim-hero{
    background-image: url('/images/indiastates/sikkim/sikkim.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ladakh-hero{
    background-image: url('/images/indiastates/ladakh/ladakh.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.kashmir-hero{
    background-image: url('/images/indiastates/kashmir/kashmir.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.karnataka-hero{
    background-image: url('/images/indiastates/karnataka/karnataka.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.himachal-hero{
    background-image:url('/images/indiastates/himachal/himachal.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.pondicherry-hero{
    background-image:url('/images/indiastates/pondicherry/pondicherry.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.assam-hero{
    background-image:url('/images/indiastates/assam/assam.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.westbengal-hero{
    background-image:url('/images/indiastates/westbengal/westbengal.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.meghalaya-hero{
    background-image:url('/images/indiastates/meghalaya/meghalaya.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.goa-hero{
    background-image:url('/images/indiastates/goa/goa.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.odisha-hero{
    background-image:url('/images/indiastates/odisha/odisha.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.rajasthan-hero{
    background-image:url('/images/indiastates/rajasthan/rajasthan.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.uttarpradesh-hero{
    background-image:url('/images/indiastates/uttarpradesh/uttarpradesh.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.arunachalpradesh-hero{
    background-image:url('/images/indiastates/arunachal/arunachalpradesh.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.madhyapradesh-hero{
    background-image:url('/images/indiastates/madhyapradesh/madhyapradesh.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.andhrapradesh-hero{
    background-image:url('/images/indiastates/andhrapradesh/andhrapradesh.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.chhattisgarh-hero{
    background-image:url('/images/indiastates/chhattisgarh/chhattisgarh0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.gujarat-hero{
    background-image:url('/images/indiastates/gujarat/gujarat0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.haryana-hero{
    background-image:url('/images/indiastates/haryana/haryana0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.jharkhand-hero{
    background-image:url('/images/indiastates/jharkhand/jharkhand0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}.manipur-hero{
    background-image:url('/images/indiastates/manipur/manipur0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mizoram-hero{
    background-image:url('/images/indiastates/mizoram/mizoram0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.nagaland-hero{
    background-image:url('/images/indiastates/nagaland/nagaland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.telangana-hero{
    background-image:url('/images/indiastates/telangana/telangana0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.maharashtra-hero{
    background-image:url('/images/indiastates/maharashtra/maharashtra0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.punjab-hero{
    background-image:url('/images/indiastates/punjab/punjab0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
/* ===========main page india tour, pilgrimage tour.....============== */
.indiatour-hero{
    background-image:url('/images/indiatour/indiatour0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.adventure-hero{
    background-image:url('/images/adventure/adventure0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.internationaltour-hero{
    background-image:url('/images/international/internationaltour0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.group-hero{
    background-image:url('/images/group/group0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.pilgrimage-hero{
    background-image:url('/images/pilgrimage/pilgrimage0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.honeymoon-hero{
    background-image:url('/images/honeymoon/honeymoon0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* ===========INTERNATIONAL TOURS AND DESTINATIONS.....============== */

/* Asian Countries */

.thailand-hero{
    background-image:url('/images/destinations/thailand/thailand0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.singapore-hero{
    background-image:url('/images/destinations/singapore/singapore0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.malaysia-hero{
    background-image:url('/images/destinations/malaysia/malaysia0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.bhutan-hero{
    background-image:url('/images/destinations/bhutan/bhutan0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.bali-hero{
    background-image:url('/images/destinations/bali/bali0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.nepal-hero{
    background-image:url('/images/destinations/nepal/nepal0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.srilanka-hero{
    background-image:url('/images/destinations/srilanka/srilanka0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.vietnam-hero{
    background-image:url('/images/destinations/vietnam/vietnam0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.azerbaijan-hero{
    background-image:url('/images/destinations/azerbaijan/azerbaijan0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.china-hero{
    background-image:url('/images/destinations/china/china0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.cambodia-hero{
    background-image:url('/images/destinations/cambodia/cambodia0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.hongkong-hero{
    background-image:url('/images/destinations/hongkong/hongkong0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.japan-hero{
    background-image:url('/images/destinations/japan/japan0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.kazakhstan-hero{
    background-image:url('/images/destinations/kazakhstan/kazakhstan0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.laos-hero{
    background-image:url('/images/destinations/laos/laos0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.southkorea-hero{
    background-image:url('/images/destinations/southkorea/southkorea0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.russia-hero{
    background-image:url('/images/destinations/russia/russia0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* African countries */

.kenya-hero{
    background-image:url('/images/destinations/kenya/kenya0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.southafrica-hero{
    background-image:url('/images/destinations/southafrica/southafrica0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.morocco-hero{
    background-image:url('/images/destinations/morocco/morocco0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.seychelles-hero{
    background-image:url('/images/destinations/seychelles/seychelles0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.tanzania-hero{
    background-image:url('/images/destinations/tanzania/tanzania0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.zimbabwe-hero{
    background-image:url('/images/destinations/zimbabwe/zimbabwe0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* Middle East Countries */

.dubai-hero{
    background-image:url('/images/destinations/dubai/dubai0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.egypt-hero{
    background-image:url('/images/destinations/egypt/egypt0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.oman-hero{
    background-image:url('/images/destinations/oman/oman0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.qatar-hero{
    background-image:url('/images/destinations/qatar/qatar0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.israel-hero{
    background-image:url('/images/destinations/israel/israel0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.jordan-hero{
    background-image:url('/images/destinations/jordan/jordan0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.uae-hero{
    background-image:url('/images/destinations/united-arab-emirates/uae0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
/* European Countries */

.austria-hero{
    background-image:url('/images/destinations/austria/austria0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.belgium-hero{
    background-image:url('/images/destinations/belgium/belgium0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.switzerland-hero{
    background-image:url('/images/destinations/switzerland/switzerland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.italy-hero{
    background-image:url('/images/destinations/italy/italy0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.bulgaria-hero{
    background-image:url('/images/destinations/bulgaria/bulgaria0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.czech-hero{
    background-image:url('/images/destinations/czech/czech0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.finland-hero{
    background-image:url('/images/destinations/finland/finland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.germany-hero{
    background-image:url('/images/destinations/germany/germany0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.greenland-hero{
    background-image:url('/images/destinations/greenland/greenland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.ireland-hero{
    background-image:url('/images/destinations/ireland/ireland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.netherlands-hero{
    background-image:url('/images/destinations/netherlands/netherlands0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.portugal-hero{
    background-image:url('/images/destinations/portugal/portugal0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.slovakia-hero{
    background-image:url('/images/destinations/slovakia/slovakia0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.sweden-hero{
    background-image:url('/images/destinations/sweden/sweden0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.turkey-hero{
    background-image:url('/images/destinations/turkey/turkey0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.croatia-hero{
    background-image:url('/images/destinations/croatia/croatia0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.denmark-hero{
    background-image:url('/images/destinations/denmark/denmark0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.france-hero{
    background-image:url('/images/destinations/france/france0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.greece-hero{
    background-image:url('/images/destinations/greece/greece0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.hungary-hero{
    background-image:url('/images/destinations/hungary/hungary0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.norway-hero{
    background-image:url('/images/destinations/norway/norway0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.romania-hero{
    background-image:url('/images/destinations/romania/romania0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.spain-hero{
    background-image:url('/images/destinations/spain/spain0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.uk-hero{
    background-image:url('/images/destinations/uk/uk0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* Island Countries */

.iceland-hero{
    background-image:url('/images/destinations/iceland/iceland0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.maldives-hero{
    background-image:url('/images/destinations/maldives/maldives0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mauritius-hero{
    background-image:url('/images/destinations/mauritius/mauritius0.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* REMOVE ANY EXTRA LAYERS */
.hero::before,
.hero::after{
    display:none;
}

/* CENTER CONTENT */
.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    z-index:1;
    text-align:center;
}

/* HEADER */
.hero-header{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* HEADING */
.hero h1{
    font-family:'Playfair Display', serif;
    font-size:55px;
    font-weight:600;
    margin:0;
    letter-spacing:1px;
    white-space:nowrap;
    text-align:center;
    text-shadow:0 3px 8px rgba(0,0,0,0.6);
}

/* ========================= */

/* ========================= */
/* PACKAGES SECTION */
/* ========================= */
.packages-section{
    padding:40px 8% 70px; /* FIXED GAP */
    background:#06142b;
}

/* TITLE */
.packages-title{
    font-size:32px;
    margin-bottom:20px; /* reduced */
    font-family:'Playfair Display', serif;
    color:white;
}

/* GRID */
.packages-container{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}

/* CARD */
.package-card{
    background:#081c3a;
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    transition:0.3s ease;
    border:1px solid rgba(255, 255, 255, 0.2);
    box-shadow:0 4px 15px rgba(0,0,0,0.3);
}

/* IMAGE */
.package-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    transition:0.4s;
}

/* CONTENT */
.package-content{
    padding:15px;
}

.package-content .location{
    font-size:13px;
    color:#9bb3ff;
    margin-bottom:5px;
}

.package-content h3{
    font-size:16px;
    margin:5px 0 10px;
    color:white;
}

.package-content .duration{
    font-size:13px;
    color:#00cfff;
    font-weight:600;
}

/* HOVER */
.package-card:hover{
    transform:translateY(-8px);
    box-shadow:0px 1px 20px rgb(251, 252, 252);
}

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

/* STAGGER */
.package-card:nth-child(1){ transition-delay:0.1s; }
.package-card:nth-child(2){ transition-delay:0.2s; }
.package-card:nth-child(3){ transition-delay:0.3s; }
.package-card:nth-child(4){ transition-delay:0.4s; }

.package-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
.package-card{
    background:#081c3a;
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    transition:0.3s ease;
    border:1px solid rgba(255, 255, 255, 0.2);
    box-shadow:0 4px 15px rgba(0,0,0,0.3);

    display:flex;              /* ✅ ADD */
    flex-direction:column;     /* ✅ ADD */
    height:100%;               /* ✅ ADD */
}
/* ========================= */
/* SCROLL ANIMATION */
/* ========================= */
.animate{
    opacity:0;
    transform:translateY(40px);
    transition:all 0.8s ease;
}

.animate.show{
    opacity:1;
    transform:translateY(0);
}

/* SMOOTH SCROLL */
html{
    scroll-behavior:smooth;
}
.hero{
    background-attachment: fixed;
}

/* ✅ OVERRIDE FOR MOBILE */
/* ========================= */
/* 📱 STATES PAGE MOBILE FIX */
/* ========================= */
@media (max-width: 768px){

    /* ========================= */
    /* HERO SECTION */
    /* ========================= */
    .hero{
        margin-top: 80px;              /* adjust for navbar */
        height: 260px;                /* better mobile fit */
        background-attachment: scroll !important; /* ❌ disable parallax */
    }

    .hero-content{
        padding: 0 15px;
    }

    .hero h1{
        font-size: 24px;
        line-height: 1.3;
        white-space: normal;          /* 🔥 FIX overflow */
        text-align: center;
    }

    /* ========================= */
    /* PACKAGES SECTION */
    /* ========================= */
    .packages-section{
        padding: 30px 15px 50px;
    }

    .packages-title{
        font-size: 22px;
        text-align: center;
    }

    /* 🔥 FIX GRID (MAIN ISSUE) */
    .packages-container{
        grid-template-columns: 1fr !important;   /* 🔥 SINGLE COLUMN */
        gap: 20px;
    }

    /* CARD FULL WIDTH */
    .package-card{
        width: 100%;
        max-width: 100%;
    }

    /* IMAGE FIX */
    .package-card img{
        height: 200px;
        object-fit: cover;
    }

    /* TEXT FIX */
    .package-content h3{
        font-size: 16px;
    }

    .package-content .location{
        font-size: 12px;
    }

    .package-content .duration{
        font-size: 13px;
    }

}
/* DESKTOP ONLY PARALLAX */
@media (min-width: 769px){
    .hero{
        background-attachment: fixed;
    }
}


@media (max-width: 768px){
    .hero{
        background-attachment: scroll !important;
        background-position: center center !important;
        background-size: cover !important;
    }
}
@media (max-width:768px){
    .animate{
        opacity:1 !important;
        transform:none !important;
    }
}