.hero { position: relative; height: 90vh; overflow: hidden; } .search-bar { position: relative; z-index: 50; } .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: 1; pointer-events: none; /* IMPORTANT */ } .hero-overlay { position: relative; z-index: 2; background: rgba(0,0,0,0.20); height: 100%; } .hero-overlay h1, .hero-overlay h5, .hero-overlay p { color: #fff; } .hero-overlay { background: rgba(0,0,0,0.20); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; }.hero h1 { font-size: 60px; font-weight: 700; } .hero p { max-width: 700px; margin-top: 15px; } .search-bar { margin-top: 40px; background: #fff; display: flex; border-radius: 8px; overflow: visible; width: 80%; max-width: 1000px; position: relative; } .search-field { flex: 1; padding: 15px; border-right: 1px solid #eee; position: relative; } .search-field select, .search-field input { width: 100%; border: none; outline: none; } .search-btn { background: #0a2f5a; color: #fff; padding: 15px 30px; border: none; cursor: pointer; } .member-row { display: flex; justify-content: space-between; margin-bottom: 10px; } .member-wrapper { position: relative; cursor: pointer; } .member-display { padding: 5px 0; } .member-popup { position: absolute; top: 100%; left: 0; width: 260px; background: #fff; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.15); padding: 15px; margin-top: 10px; display: none; z-index: 9999; } .member-popup.active { display: block; } .member-row { display: flex; justify-content: space-between; margin-bottom: 12px; } /* ================= MOBILE RESPONSIVE ================= */ @media (max-width: 992px) { .hero { height: auto; } .hero-overlay { padding: 40px 20px; } .hero h1 { font-size: 32px; line-height: 1.2; } .hero h5 { font-size: 14px; } .hero p { font-size: 14px; max-width: 100%; } /* Make search vertical */ .search-bar { flex-direction: column; width: 95%; border-radius: 12px; } .search-field { border-right: none; border-bottom: 5px solid #eee; padding: 12px 15px; } .search-field:last-child { border-bottom: none; } .search-btn { width: 100%; border-radius: 0 0 12px 12px; } } /* ===== Custom Location Dropdown ===== */ .location-box { position: relative; cursor: pointer; } .location-selected { font-weight: 500; } .location-dropdown { display: none; position: absolute; top: 65px; left: 0; width: 100%; background: #fff; border-radius: 12px; box-shadow: 0 25px 50px rgba(0,0,0,0.25); max-height: 250px; overflow-y: auto; z-index: 9999; } .location-dropdown.show { display: block; } .location-item { padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f1f1f1; transition: 0.2s; font-weight: 500; } .location-item:last-child { border-bottom: none; } .location-item:hover { background: #f5f7fb; color: #0a2f5a; } .loc-icon { font-size: 16px; } /* destinationcss */ .destination-section{ padding-top:80px; background:#f4f4f4; text-align:center; } .destination-item{ text-align:center; } .destination-image{ width:150px; height:150px; margin:auto; border-radius:50%; overflow:hidden; border:3px solid #ddd; transition:0.3s ease; } .destination-image img{ width:100%; height:100%; object-fit:cover; } .destination-item:hover .destination-image{ transform:scale(1.05); border-color:#2bb3b1; } .destination-item h4{ margin-top:15px; font-size:18px; font-weight:500; } /* Arrow Styling */ .swiper-button-next, .swiper-button-prev{ color:#2bb3b1; } .destination-section .swiper{ width:100%; padding:20px 60px; /* space for arrows */ } .swiper-slide{ display:flex; justify-content:center; } .swiper { width: 100%; } .swiper-wrapper { align-items: center; } .swiper-slide { width: auto; } /* ===== SECTION TITLE ===== */ .section-title{ margin-bottom:50px; } .section-title h2{ font-size:36px; font-weight:700; color:#1d1d1d; margin-bottom:10px; text-transform:capitalize; } .section-title p{ font-size:16px; color:#666; max-width:600px; margin:0 auto; } .section-title h2{ position:relative; display:inline-block; } .section-title h2::after{ content:""; width:60px; height:3px; background:#2bb3b1; display:block; margin:10px auto 0; border-radius:5px; } /* ================= member ================= */ /* ===== Member Dropdown ===== */ .member-box { position: relative; cursor: pointer; } .member-selected { font-weight: 500; } .member-dropdown { display: none; position: absolute; top: 65px; left: 0; width: 100%; background: #fff; border-radius: 12px; box-shadow: 0 25px 50px rgba(0,0,0,0.25); padding: 15px; z-index: 9999; } .member-dropdown.show { display: block; } .member-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; } .member-item:last-child { border-bottom: none; } .counter button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid #0a2f5a; background: #fff; color: #0a2f5a; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.2s ease; } .counter button:hover { background: #0a2f5a; color: #fff; } .search-field select { width: 100%; border: none; outline: none; font-size: 15px; background: transparent; cursor: pointer; } .location-selected { cursor: pointer; } .search-field select { appearance: none; background: transparent; } .search-field select:focus { outline: none; box-shadow: none; } /* ================= MOST POPULAR SECTION ================= */ /* ================= POPULAR SECTION ================= */ .section-title{ text-align:center; margin-bottom:60px; } .section-title h2{ font-size:36px; font-weight:700; color:#1d1d1d; margin-bottom:10px; } .section-title p{ font-size:16px; color:#666; max-width:600px; margin:0 auto; } .section-title h2::after{ content:""; width:60px; height:3px; background:#2bb3b1; display:block; margin:10px auto 0; border-radius:5px; } .popular-section{ padding:80px 0; background:#f8f9fb; } .popular-grid{ display:grid; grid-template-columns: 2fr 1fr; gap:30px; } /* LEFT SIDE */ .popular-left{ display:flex; flex-direction:column; gap:20px; } .popular-big{ position:relative; border-radius:20px; overflow:hidden; } .popular-big img{ width:100%; height:100%; object-fit:cover; } .popular-overlay{ position:absolute; bottom:0; left:0; width:100%; padding:25px; background:linear-gradient(to top,rgba(0,0,0,0.75),transparent); color:#fff; } .badge-rank{ background:#ffcc00; color:#000; padding:6px 14px; font-size:13px; font-weight:600; border-radius:20px; display:inline-block; margin-bottom:10px; } .popular-overlay h3{ font-size:28px; margin-bottom:8px; } .popular-overlay .price{ font-size:18px; font-weight:600; } /* DESCRIPTION BOX */ .popular-description-box{ background:#fff; padding:25px; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.05); } .popular-description-box p{ font-size:15px; color:#555; line-height:1.6; } /* GALLERY */ .popular-gallery{ display:flex; gap:12px; flex-wrap:wrap; } .popular-gallery img{ width: 133px; height: 141px; object-fit: cover; border-radius: 10px; transition: 0.3s; } .popular-gallery img:hover{ transform:scale(1.05); } /* RIGHT SIDE */ .popular-right{ display:flex; flex-direction:column; gap:25px; } .popular-small{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,0.08); transition:0.3s ease; } .popular-small:hover{ transform:translateY(-6px); box-shadow:0 20px 45px rgba(0,0,0,0.15); } .popular-small a{ text-decoration:none; color:inherit; } .small-image{ position:relative; } .small-image img{ width:100%; height:160px; object-fit:cover; } .rank-badge{ position:absolute; top:12px; left:12px; background:#2bb3b1; color:#fff; padding:5px 10px; font-size:12px; border-radius:20px; font-weight:600; } .small-content{ padding:18px; } .small-content h4{ font-size:17px; margin-bottom:8px; font-weight:600; } .small-desc{ font-size:13px; color:#666; margin-bottom:15px; line-height:1.5; } .small-meta{ display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#444; } .small-price{ font-weight:600; color:#0a2f5a; } /* RESPONSIVE */ @media(max-width:992px){ .popular-grid{ grid-template-columns:1fr; } .popular-gallery img{ width:115px; height:80px; object-fit:cover; border-radius:10px; transition:0.3s; } } /* BOOK NOW BUTTON */ /* FULL WIDTH BOOK BAR */ .popular-book-bar{ margin-top:25px; width:100%; } .book-bar-btn{ display:block; width:100%; padding:18px 0; background:#0a2f5a; color:#fff; font-size:17px; font-weight:600; text-align:center; border-radius:14px; text-decoration:none; transition:0.3s ease; letter-spacing:0.5px; box-shadow:0 12px 30px rgba(0,0,0,0.15); } .book-bar-btn:hover{ background:#2bb3b1; transform:translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,0.25); } /* ================= FLIGHT POPULAR SECTION ================= */ .flight-popular-section{ padding:80px 0; background:#f8f9fb; } .flight-section-title{ text-align:center; margin-bottom:60px; } .flight-section-title h2{ font-size:36px; font-weight:700; color:#1d1d1d; margin-bottom:10px; } .flight-section-title p{ font-size:16px; color:#666; } .flight-section-title h2::after{ content:""; width:60px; height:3px; background:#0a2f5a; display:block; margin:10px auto 0; border-radius:5px; } .flight-popular-grid{ display:grid; grid-template-columns:2fr 1fr; gap:30px; } /* LEFT SIDE */ .flight-popular-left{ display:flex; flex-direction:column; gap:20px; } .flight-popular-big{ position:relative; border-radius:20px; overflow:hidden; } .flight-popular-big img{ width:100%; height:100%; object-fit:cover; } .flight-popular-overlay{ position:absolute; bottom:0; left:0; width:100%; padding:25px; background:linear-gradient(to top,rgba(0,0,0,0.8),transparent); color:#fff; } .flight-badge-rank{ background:#ff6b35; padding:6px 14px; font-size:13px; border-radius:20px; font-weight:600; display:inline-block; margin-bottom:10px; } .flight-popular-overlay h3{ font-size:28px; } .flight-price{ font-size:18px; font-weight:600; } .flight-description-box{ background:#f8f9fb; padding:25px; border-radius:15px; } .flight-gallery{ display:flex; gap:12px; flex-wrap:wrap; } .flight-gallery img{ width: 133px; height: 141px; object-fit: cover; border-radius: 10px; transition: 0.3s; } .flight-gallery img:hover{ transform:scale(1.05); } /* RIGHT SIDE */ .flight-popular-right{ display:flex; flex-direction:column; gap:25px; } .flight-popular-small{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:0.3s; } .flight-popular-small:hover{ transform:translateY(-6px); } .flight-small-image{ position:relative; } .flight-small-image img{ width:100%; height:160px; object-fit:cover; } .flight-rank-badge{ position:absolute; top:12px; left:12px; background:#0a2f5a; color:#fff; padding:5px 10px; font-size:12px; border-radius:20px; } .flight-small-content{ padding:18px; } .flight-small-content h4{ font-size:17px; margin-bottom:8px; } .flight-small-desc{ font-size:13px; color:#666; margin-bottom:15px; } .flight-small-meta{ display:flex; justify-content:space-between; font-size:13px; } .flight-small-price{ font-weight:600; color:#ff6b35; } /* BOOK BAR */ .flight-book-bar{ margin-top:20px; } .flight-book-btn{ display:block; padding:18px; text-align:center; background:#ff6b35; color:#fff; font-weight:600; border-radius:14px; text-decoration:none; transition:0.3s; } .flight-book-btn:hover{ background:#0a2f5a; } /* RESPONSIVE */ @media(max-width:992px){ .flight-popular-grid{ grid-template-columns:1fr; } } /* ===== FLIGHT GALLERY MOBILE FIX ===== */ @media(max-width:992px){ .flight-gallery{ gap:12px; justify-content:flex-start; } .flight-gallery img{ width:115px; height:80px; object-fit:cover; border-radius:10px; } } /* ================= WHY SECTION ================= */ /* ================= WHY SECTION FINAL ================= */ .why-section{ padding:120px 0; background:linear-gradient(180deg,#f9fafc,#eef2f7); } .why-grid{ display:grid; grid-template-columns: 1.1fr 1fr; gap:80px; align-items:stretch; /* IMPORTANT */ } /* ================= LEFT IMAGES ================= */ .why-left{ display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,1fr); gap:20px; height:100%; /* IMPORTANT */ } .why-img{ overflow:hidden; border-radius:20px; position:relative; height:100%; } .why-img img{ width:100%; height:100%; object-fit:cover; transition:0.6s ease; } .why-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.15),transparent); opacity:0; transition:0.4s ease; } .why-img:hover img{ transform:scale(1.08); } .why-img:hover::after{ opacity:1; } /* ================= RIGHT SIDE ================= */ .why-right{ display:flex; flex-direction:column; justify-content:space-between; /* IMPORTANT */ height:100%; } .why-right h2{ font-size:42px; font-weight:800; margin-bottom:25px; line-height:1.2; color:#0a2f5a; } .why-desc{ font-size:17px; color:#555; line-height:1.8; margin-bottom:45px; } /* ================= STATS ================= */ .why-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; } .why-stat-box{ background:#ffffff; padding:30px 25px; border-radius:20px; box-shadow:0 20px 40px rgba(0,0,0,0.06); transition:0.4s ease; text-align:left; display:flex; flex-direction:column; justify-content:center; } .why-stat-box:hover{ transform:translateY(-8px); box-shadow:0 30px 60px rgba(0,0,0,0.12); } .why-stat-box i{ font-size:28px; margin-bottom:15px; color:#2bb3b1; background:#e8f8f7; padding:12px; border-radius:12px; width:fit-content; } .why-stat-box h3{ font-size:26px; font-weight:800; margin-bottom:6px; color:#111; } .why-stat-box p{ font-size:14px; color:#777; line-height:1.5; } .why-stat-box small{ font-size:12px; color:#aaa; } /* ================= RESPONSIVE ================= */ @media(max-width:992px){ .why-grid{ grid-template-columns:1fr; } .why-left{ grid-template-rows:auto; } .why-right{ height:auto; } } @media(max-width:576px){ .why-left{ grid-template-columns:1fr; } .why-stats{ grid-template-columns:1fr; } .why-right h2{ font-size:28px; } }

/* ================= VIDEO SECTION ================= */

.video-section{
    padding:100px 0;
    background:#ffffff;
}

.video-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.video-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
    transition:0.3s ease;
    text-align:center;
}

.video-card:hover{
    transform:translateY(-6px);
    box-shadow:0 30px 60px rgba(0,0,0,0.15);
}

.video-card iframe{
    width:100%;
    height:250px;
    border:none;
}

.video-card h4{
    padding:18px;
    font-size:16px;
    font-weight:600;
    color:#111;
}

/* RESPONSIVE */
@media(max-width:992px){
    .video-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .video-grid{
        grid-template-columns:1fr;
    }
}
/* ================= PREMIUM VIDEO SECTION ================= */

.premium-video-section{
    padding:120px 0;
    background:linear-gradient(180deg,#f9fafc,#eef2f7);
}

.premium-video-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.premium-video-card{
    cursor:pointer;
    text-align:center;
    transition:0.4s ease;
}

.video-thumb{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

.video-thumb img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:0.6s ease;
}

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

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:rgba(255,255,255,0.9);
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:bold;
    color:#0a2f5a;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
    transition:0.3s;
}

.premium-video-card:hover .play-btn{
    background:#0a2f5a;
    color:#fff;
}

.premium-video-card h4{
    margin-top:18px;
    font-size:16px;
    font-weight:600;
    padding:10px 18px;
    display:inline-block;
    background:rgba(10,47,90,0.08);
    color:#0a2f5a;
    border-radius:30px;
    transition:0.3s ease;
}

.premium-video-card:hover h4{
    background:#0a2f5a;
    color:#fff;
}

/* ================= MODAL ================= */

.video-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

.video-modal-content{
    position:relative;
    width:80%;
    max-width:900px;
}

.video-modal-content iframe{
    width:100%;
    height:500px;
    border-radius:15px;
    border:none;
}

.close-video{
    position:absolute;
    top:-40px;
    right:0;
    font-size:32px;
    color:#fff;
    cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:992px){
    .premium-video-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .video-modal-content iframe{
        height:400px;
    }
}

@media(max-width:576px){
    .premium-video-grid{
        grid-template-columns:1fr;
    }

    .video-modal-content iframe{
        height:250px;
    }
}

/* ================= TESTIMONIAL SECTION ================= */

.testimonial-section{
    padding:120px 0;
    background:linear-gradient(180deg,#ffffff,#f3f6fb);
}

.testimonialSwiper{
    padding:40px 0 60px;
}

.testimonial-card{
    background:#fff;
    border-radius:25px;
    padding:50px 40px;
    text-align:center;
    box-shadow:0 30px 70px rgba(0,0,0,0.08);
    transition:0.4s ease;
    position:relative;
}

.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 40px 90px rgba(0,0,0,0.15);
}

.testimonial-img{
    width:120px;
    height:120px;
    margin:0 auto 25px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #2bb3b1;
}

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

.testimonial-text{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:25px;
    position:relative;
}

.testimonial-text::before{
    content:"“";
    position:absolute;
    left:-10px;
    top:-25px;
    font-size:60px;
    color:#2bb3b1;
    opacity:0.2;
}

.testimonial-card h4{
    font-size:18px;
    font-weight:700;
    color:#0a2f5a;
    margin-bottom:5px;
}

.testimonial-designation{
    font-size:14px;
    color:#888;
    display:block;
    margin-bottom:15px;
}

.testimonial-link a{
    font-size:13px;
    color:#2bb3b1;
    text-decoration:none;
    font-weight:600;
}

.testimonial-link a:hover{
    text-decoration:underline;
}

/* Pagination */
.testimonialSwiper .swiper-pagination-bullet{
    background:#ccc;
    opacity:1;
}

.testimonialSwiper .swiper-pagination-bullet-active{
    background:#2bb3b1;
}

/* Responsive */
@media(max-width:768px){
    .testimonial-card{
        padding:40px 25px;
    }
}
/* ===== MOBILE GALLERY 2x2 GRID FULL WIDTH ===== */
@media(max-width:992px){

    .popular-gallery,
    .flight-gallery{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:12px;
        width:100%;
    }

    .popular-gallery img,
    .flight-gallery img{
        width:100%;
        height:120px;        /* ya 110px-130px adjust kar sakte ho */
        object-fit:cover;
        border-radius:12px;
    }

}