.tour-subnav {background: #fff; position: sticky; top: 0px; z-index: 99; } 
.tour-subnav ul {display: flex; justify-content: center; gap: 40px; list-style: none; padding: 25px 0; margin: 0;}
.tour-subnav ul li{position: relative;}
.tour-subnav ul li a {text-decoration: none; color: #64748b; font-weight: 500; text-transform: uppercase; transition: var(--transition); letter-spacing: 1px;}
.tour-subnav li.active a,
.tour-subnav a:hover {color: #1e293b; }
.tour-subnav li.active::after {content: ''; position: absolute; bottom: -5px; left: 35%; width: 30%; height: 2px; background: var(--primary-color); }


/* Testimonials Section */
.testimonials {padding: 4rem 0;text-align: center;}
.section-header h3 {font-size: 34px; text-align: center; margin-bottom: 12px; }
.section-header p{margin: 0 auto 40px; color: var(--gray-color); margin-bottom: 30px; font-size: 20px; }


/* Video Testimonials Section */
.video-testimonials {padding: 40px 0; } 
.video-testimonial-card {text-align: center; } 
.vt-image-wrap {position: relative; width: 100%; margin-bottom: 20px; overflow: hidden;padding: 0;border: unset;} 
.vt-image-wrap img {width: 100%; height: 220px; object-fit: cover; display: block; } 
.vt-play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; transition: var(--transition); } 
.vt-play-btn:hover {background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%) scale(1.1); } 
.vt-content {padding: 0 10px; } 
.vt-quote-icon {font-size: 25px; line-height: 1; color: #6ab2b2; margin-bottom: 10px; font-family: "Open Sans", sans-serif; } 
.vt-text {font-size: 16px; color: #374151; margin-bottom: 20px;} 
.vt-client {font-size: 16px; line-height: 100%; color: #579A8A; font-weight: 600; }


/* Popup */
.pixta-video-popup {position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } 
.pixta-video-popup.is-active {visibility: visible; opacity: 1; pointer-events: auto; } 
.pixta-video-popup-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.82); cursor: pointer; } 
.pixta-video-popup-dialog {position: relative; z-index: 2; width: min(100%, 960px); border-radius: 12px; background: #000; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4); } 
.pixta-video-popup-body {position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #000; } 
.pixta-video-popup-body iframe {position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } 
.pixta-video-popup-close {position: absolute; top: -18px; right: -18px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #111; font-size: 21px; line-height: 1; cursor: pointer; } 
.pixta-video-popup-open {overflow: hidden; }


/* Expert CTA Section */
.expert-cta {background-color: #324A61; padding: 25px 0; color: var(--light-color); } 
.expert-flex {display: flex;align-items: center;gap: 30px;} 
.expert-info {flex: 1; } 
.expert-info h3.cursive {margin-bottom: 12px; color: var(--light-color); font-size: 40px;font-family: "Playball", cursive;font-weight: 400;} 
.expert-info p {font-size: 20px;margin-bottom: 15px;line-height: 100%;} 
.contact-box {margin-bottom: 15px; } 
.whatsapp-link {display: flex;align-items: center;gap: 10px;color: #25d366;font-weight: 700;margin-bottom: 15px;font-size: 28px} 
.whatsapp-link span {color: #fff;line-height: 28px;font-size: 20px;font-weight: 700;} 
.phone-number {font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 32px;font-weight: 600; } 
.btn-orange {background-color: var(--primary-color); color: var(--light-color); border: none;padding: 11px 30px;font-size: 17px;font-weight: 500; text-transform: uppercase; cursor: pointer; transition: var(--transition); } 
.btn-orange:hover {background-color: #dfb477; } 
.expert-list {display: flex;gap: 30px;} 
.expert-card {text-align: center; padding: 0 1.5rem; } 
.expert-avatar {width: 100px; height: 100px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; margin: 0 auto 16px; border: 3px solid rgba(255, 255, 255, 0.2); position: relative;overflow: hidden;isolation: isolate;} 
.expert-card h5 {font-size: 18px;line-height: 26px;} 
.expert-card span {font-size: 17px;line-height: 26px;}


.blog-hero{margin-top: -60px;background-size: cover; background-position: center; text-align: center;color: #fff;position: relative;}
.blog-hero .hero-content{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.hero-content{display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 0 20px;}
.blog-hero h1,
.blog-hero h2{font-size: 48px;font-family: "Merriweather", serif;}
.blog-hero p{font-size: 18px}


.icon-circle {width: 24px; height: 24px; background: #F8F8F8; border: 1.5px solid var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 0.8rem; transition: all 0.3s ease; }


.journey-card {height: 500px; background-size: cover; background-position: center; position: relative; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; overflow: hidden; } 
.journey-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } 
.journey-badge {position: absolute; top: 20px; right: 20px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); padding: 5px 12px; font-weight: 600; z-index: 1; color: #fff; } 
.journey-info {position: relative; z-indsex: 1; } 
.journey-info .location {font-size: 16px; color: var(--primary-color); font-weight: 700; margin-bottom: 0.4rem; display: block;text-transform: uppercase;letter-spacing: 1px;} 
.journey-info h4 {font-size: 20px; margin-bottom: 0.8rem; color: #fff; } .journey-footer {display: flex; justify-content: space-between; align-items: center; } 
.price {color: #ccc;} 
.price span {color: var(--primary-color); font-size: 18px; font-weight: 700; line-height: 150%; } 
.btn-outline {padding: 10px 20px; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 12px; font-weight: 400; letter-spacing: 1px; transition: var(--transition); }
.btn-outline:hover {background: #fff;color: #000;border-color: #fff;}

.btn-enquiry {width: 100%; background: var(--primary-color); color: #fff; border: none; padding: 10px; font-size: 16px; margin-bottom: 15px; cursor: pointer; transition: var(--transition); }
.btn-brochure {width: 100%; background: #fff; color: #1e293b; border: 1px solid #e2e8f0; padding: 10px; font-size: 16px; cursor: pointer; transition: var(--transition); }
.btn-enquiry:hover,
.btn-brochure:hover{background-color: #dfb477;}
.btn-dark {background-color: var(--dark-color); color: var(--light-color); border: none; padding: 15px 40px; font-size: 17px; font-weight: 400; cursor: pointer; transition: var(--transition); }


@media (max-width: 1200px) {

}
@media (max-width: 992px) { 
    .blog-hero h1,
    .blog-hero h2{font-size: 38px;}
    .blog-hero .hero-bg-img{min-height: 380px}

    .expert-info h3.cursive {font-size: 30px;}
    .expert-info p {font-size: 17px;line-height: 1.4;}
    .expert-list{gap: 20px;}
    .expert-card {padding: 0;}

    .whatsapp-link{font-size: 24px;}
    .phone-number{font-size: 21px;line-height: 26px;}
    .testimonials{padding: 3rem 0;}

    .journey-card {height: 400px;padding: 20px;}
}

@media (max-width: 820px) {

}

@media (max-width: 576px) {
    .blog-hero h1,
    .blog-hero h2{font-size: 32px;}
    .blog-hero p {font-size: 16px;}
    .expert-flex{flex-wrap: wrap;}
    .expert-list{justify-content: space-between;width: 100%;}
    .expert-card{padding: 0;}
}

