/* font lib */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');


* {
     padding: 0px;
     margin: 0px;
     box-sizing: border-box;
     font-family: "Roboto", sans-serif !important;
}

body {
     font-family: "Roboto", sans-serif !important;
}

.navbar-nav .nav-link.active {
     color: #F7921E !important;
}

.nav-link {
     font-size: 16px !important;
     color: #000 !important;
     font-weight: 400;
}

.btn-main {
     white-space: nowrap !important;
     padding: 10px 30px;
     font-size: 14px;
     font-weight: 400;
     text-decoration: none;
     background-color: #F7921E;
     color: #fff;
     transition: 0.3s;
}

.btn-main:hover {
     color: #F7921E !important;
     background-color: transparent;
     border: 1px solid #F7921E;
     transition: 0.3s;
}


.btn-main-2 {
     white-space: nowrap !important;
     padding: 7px 20px;
     font-size: 14px;
     font-weight: 400;
     text-decoration: none;
     background-color: #F7921E;
     color: #fff;
     transition: 0.3s;
}

.btn-main-2:hover {
     color: #F7921E !important;
     background-color: transparent;
     border: 1px solid #F7921E;
     transition: 0.3s;
}

.btn-tour {
     padding: 10px 30px;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     background-color: #DCA646;
     color: #fff;
     transition: 0.3s;
}

.btn-tour:hover {
     color: #DCA646 !important;
     background-color: transparent;
     border: 1px solid #DCA646;
     transition: 0.3s;
}

/* mobile nav */

/* Overlay */
.overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
     z-index: 9;
}

.overlay.show {
     opacity: 1;
     visibility: visible;
}

/* Offcanvas */
.offcanvas {
     position: fixed;
     left: -300px;
     top: 0;
     width: 280px;
     height: 100vh;
     background: #222;
     color: #fff;
     padding: 20px;
     z-index: 9999999;
     transition: 0.4s ease;
     overflow-y: auto;
}

.offcanvas.show {
     left: 0;
}

/* Header */
.off-header {
     display: flex;
     justify-content: space-between;
     font-size: 20px;
}

.close-btn {
     cursor: pointer;
     font-size: 26px;
}

/* Open button */
.open-btn {
     font-size: 28px;
     background: transparent !important;
     color: #fff;
     border: none;
}

/* Links */
.off-links {
     list-style: none;
     margin-top: 20px;
}

.off-links li {
     border-bottom: 1px solid #333;
     padding: 12px 0;
}

.off-links li a {
     color: #fff !important;
     text-decoration: none !important;
}


/* video popup */

.open-video {
     padding: 12px 20px;
     font-size: 18px;
     cursor: pointer;
     background: #ff4d4d;
     color: #fff;
     border: none;
     /*margin: 40px;*/
     border-radius: 6px;
}

.blog-card {
    overflow: hidden; /* taaki overlay image ke bahar na jaye */
    position: relative;
}

.trips-section .text-start{width:100%;}
.blog-card .p-3.text-start::before {
    content: ""; /* pseudo-element ke liye required */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* dark overlay */
    transition: background-color 0.3s ease;
    z-index: 1; /* text ke neeche rehne ke liye */
   
}
.blog-card .p-3.text-start p, .blog-card .p-3.text-start h6{ z-index:10;  position: relative;}
.blogSlider .blog-card .p-3.text-start::before {display:none !important}


#cookie-overlay {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
}

#cookie-box {
  background: #5b3a14;
  color: #fff;
  padding: 20px;
  font-family: Arial, sans-serif;
}

h2 {
  margin-top: 0;
}

p {
  font-size: 14px;
}

.tabs {
  margin-top: 15px;
}

.tab {
  background: #70451a;
  border: none;
  padding: 2px 12px;
  color: #fff;
  cursor: pointer;
  font-size:10px;
}

.tab.active {
  background: #fff;
  color: #000;
}

.tab-content {
  display: none;
  margin-top: 15px;
  border: 1px solid #ccc;
  padding:5px 10px;
}

.tab-content.active {
  display: block;
}

#cookie-box label {
  display: block;
  margin: 3px 0;
  font-size:11px;
}

#cookie-box p{font-size:10px;}
.actions {
  margin-top:10px;
}

.actions button {
  padding:3px 8px;
  border: none;
  cursor: pointer;
  margin-right: 10px;
  font-size:13px;
}

.actions .primary {
  background: orange;
  color: #000;
}

.powered {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}


/* Overlay */
.video-overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.7);
     z-index: 10;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
}

.video-overlay.show {
     opacity: 1;
     visibility: visible;
}

/* Popup Center */
.video-popup {
     position: fixed;
     inset: 0;
     z-index: 11;
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: hidden;
}

.video-popup.show {
     visibility: visible;
}

/* Video Container */
.video-box {
     position: relative;
     width: 90%;
     max-width: 700px;
     background: #000;
     border-radius: 10px;
     overflow: hidden;
     transform: scale(0.6);
     opacity: 0;
     transition: 0.4s ease;
}

/* Animate Popup In */
.video-popup.show .video-box {
     transform: scale(1);
     opacity: 1;
}

/* ❗ CLOSE BUTTON (inside video corner) ❗ */
.close-video {
     position: absolute;
     top: 10px;
     right: 10px;

     /* Circle Shape */
     width: 38px;
     height: 38px;
     background: #ff7a00;
     /* orange */
     border-radius: 50%;

     /* Center SVG inside */
     display: flex;
     align-items: center;
     justify-content: center;

     /* Style */
     border: none;
     cursor: pointer;
     z-index: 50;
     transition: 0.3s ease;
}
.circle-img.large-circle{position:relative; }
.circle-img.large-circle > img{width:400px; height:400px; border-radius:100%;}
.circle-img.small-circle img{width:200px; height:200px; border-radius:100%; position:absolute; right:0px; bottom:0px;}


/* Hover effect */
.close-video:hover {
     background: #ff8f26;
}

/* Video */
video {
     width: 100%;
     display: block;
     border-radius: 10px;
}

/* Single link */
.single-link {
     color: #fff;
     text-decoration: none;
     display: block;
     font-size: 16px;
}

.single-link:hover {
     opacity: 0.7;
}

/* Dropdown headers */
.drop-header,
.sub-header {
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     font-size: 16px;
}

/* First-level dropdown content */
.drop-content {
     max-height: 0;
     overflow: hidden;
     padding-left: 15px;
     transition: 0.4s ease;
}

.drop-content.open {
     max-height: 500px;
}

/* Nested (second-level) */
.sub-content {
     max-height: 0;
     overflow: hidden;
     padding-left: 20px;
     transition: 0.4s ease;
}

.sub-content.open {
     max-height: 500px;
}

/* Arrow animations */
.arrow,
.sub-arrow {
     transition: 0.3s ease;
     display: inline-block;
     margin-left: 8px;
     font-size: 13px;
}

.rotate {
     transform: rotate(90deg);
}


/* Contact us Page */

.contact-hero {
     background: url('../images/contact-bg.png') center/cover no-repeat;
     height: 400px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}

.contact-hero::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.45);
     /* overlay */
     z-index: 1;
}

.contact-hero-content {
     position: relative;
     z-index: 2;
     /* above overlay */
     text-align: center;
}

.contact-hero-content h2 {
     color: #fff;
     font-size: 32px;
     font-weight: 700;
     letter-spacing: 2px;
}

.contact-box {
     border: 1px solid #E9E9E9;
     background: #fff;
}


.text-grey {
     color: #A0A0A0 !important;
}

.text-fngrey {
     color: #64666C;
}

.txt-orange {
     color: #F7921E !important;
}

.txt-nvblue {
     color: #90A1B9 !important;
}


.fs-14 {
     font-size: 14px;
     font-weight: 400;
}

.fs-16 {
     font-size: 16px;
     font-weight: 400;
}

.fs-40 {
     font-size: 30px;
     font-weight: 400;
}

.hero-line {
     display: block;
     width: 60px;
     /* adjust if needed */
     height: 3px;
     background: #F7921E;
     /* golden accent line */
     margin: 0 auto 12px;
     /* center + spacing */
     border-radius: 2px;
}


.txt-ph::placeholder {
     color: #A0A0A0 !important;
     font-size: 14px;
     font-weight: 300;
}

/* footer */

.footer-section {
     background: #1c1c1c;
     color: #ddd;
}

.footer-title {
     color: #fff;
     font-weight: 600;
     margin-bottom: 15px;
}

.footer-links li {
     color: #bdbdbd;
     margin-bottom: 6px;
     cursor: pointer;
}

.footer-links li:hover {
     color: #fff;
}


/* about us */
.welcome-section i {
     color: #000;
}

.welcome-section p {
     line-height: 1.7;
}


.about-hero {
     background: url('../images/about-bg.png') center/cover no-repeat;
     height: 400px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}

.about-hero::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.45);
     /* overlay */
     z-index: 1;
}

.quote-section {
     background: #fce7d1;
     /* peach-like background */
}

.quote-heading {
     font-family: 'Playfair Display', serif !important;
     font-size: 32px;
     font-weight: 600;
     line-height: 1.3;
}

.fnt-playfair {
     font-family: 'Playfair Display', serif !important;
}

.quote-section .form-control {
     border-radius: 3px;
     padding: 10px 12px;
     font-size: 14px;
}

.quote-section textarea {
     resize: none;
}

.w-40 {
     width: 40%;
}

.br-bottom {
     border-bottom: #F7921E solid 1px;
     display: inline-block;
     width: 50%;
}

/* trip list */

.trip-hero {
     background: url('../images/trip-bg.png') center/cover no-repeat;
     height: 400px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}

.trip-hero::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.45);
     /* overlay */
     z-index: 1;
}


.culture-text-box {
     line-height: 1.75;
     font-size: 15px;
     color: #333;
}

/* .circle-img {
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
} */

.large-circle {
     width: 480px;
     height: 480px;
}

.small-circle {
     margin-left: 14.688rem;
     margin-top: -6.563rem;
     width: 250px;
     height: 250px;
}


.destination-card {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
}

.destination-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .4s ease;
}

/* Smooth zoom hover effect */
.destination-card:hover img {
     transform: scale(1.05);
}

/* BOTTOM GRADIENT OVERLAY */
.destination-overlay {
     position: absolute;
     bottom: 0;
     width: 100%;
     color: #fff;
     padding: 30px 20px;

     /* bottom fade effect */
     background: linear-gradient(to top,
               rgba(0, 0, 0, 0.75) 0%,
               rgba(0, 0, 0, 0.5) 40%,
               rgba(0, 0, 0, 0) 100%);
}

.destination-overlay h4 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 10px;
}

.destination-overlay p {
     font-size: 14px;
     margin-bottom: 15px;
}
.footer-section a{color:#fff; text-decoration:none;}

.region-card {
     position: relative;
     height: 400px;
     overflow: hidden;
}

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

/* GREYISH TOP → DARKER BOTTOM GRADIENT */
.region-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 30px 25px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     color: #fff;

     background: linear-gradient(to bottom,
               rgba(50, 50, 50, 0.35) 0%,
               /* greyish top */
               rgba(20, 20, 20, 0.6) 60%,
               /* darker */
               rgba(0, 0, 0, 0.85) 100%
               /* black bottom */
          );
}

.region-overlay h4 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 10px;
}

.region-overlay ul {
     padding-left: 18px;
     font-size: 14px;
}

.region-overlay ul li {
     margin-bottom: 4px;
}


/* tour-detail */

.journey-section p {
     line-height: 1.75;
     font-size: 15px;
     color: #444;
}

.journey-section h2 {
     font-size: 32px;
}

.journey-section h5 {
     font-size: 20px;
}


.holyland-hero {
     background: url('../images/holy-bg.png');
     background-size: cover;
     background-position: center;
     width: 100%;
     color: #fff;
}

.blog-card img{height:300px;}


/* HEADINGS */
.small-heading {
     font-size: 25px;
     font-weight: 300;
}

.main-heading {
     font-size: 34px;
     font-weight: 700;
     line-height: 1.3;
}

/* LIST */
.in-short-list {
     list-style: none;
     padding-left: 0;
}

.in-short-list li {
     margin-bottom: 8px;
}

/* PHONE BOX */
.phone-box .icon {
     width: 50px;
     height: 50px;
     background: #DCA646;
     color: #fff;
     border-radius: 10px;
}


/* MAP CARD */
.map-card {
     max-width: 480px;
     margin-left: auto;
}

.itinerary-section {
     background: #FFF5E9;
}

.itinerary-item {
     border-bottom: 1px solid #e3d3c2;
     padding: 15px 0;
}

.itinerary-header {
     width: 100%;
     border: none;
     background: none;
     padding: 0;
     display: flex;
     align-items: center;
     gap: 12px;
     position: relative;
}

.itinerary-header[aria-expanded="true"] .bi-plus-lg::before{content:"\f63b" !important;}
.itinerary-header[aria-expanded="false"] .bi-plus-lg::before{content:"\f64d" !important;}
/* Yellow tick */
.day-icon {
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: #DCA646;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
}

/* Text */
.day-title {
     font-size: 16px;
     font-weight: 600;
     color: #222;
}

/* Right icon container */
.acc-icon {
     margin-left: auto;
}

/* Black circle with white icon */
.acc-circle {
     width: 24px;
     height: 24px;
     background: #000;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.acc-circle i {
     color: #fff;
     font-size: 13px;
}

/* When open → change plus to minus */
.itinerary-header:not(.collapsed) .acc-circle i {
     content: "\f2ea";
     /* dash icon */
}

/* Body */
.itinerary-body {
     padding: 15px 35px;
     padding-bottom: 25px;
     font-size: 15px;
     color: #444;
}

.itinerary-body ul {
     padding-left: 18px;
}

.price-list {
     list-style: none;
     padding-left: 0;
     margin-bottom: 0;
}

.price-list li {
     margin-bottom: 10px;
     font-size: 15px;
     color: #555;
     display: flex;
     align-items: center;
     gap: 8px;
}

/* Yellow circle with check icon */
.check-icon {
     width: 16px;
     height: 16px;
     border: 2px solid #DCA646;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 10px;
     color: #DCA646;
     font-weight: bold;
}


/* index page */

/* Background Image */
.hero-section {
     background: url('../images/hero-bg.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 700px;
     z-index: 1;
}

/* Dark transparent overlay */
.hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 700px;
     background: rgba(0, 0, 0, 0.7);
     z-index: 2;
}

/* Text Content */
.hero-content {
     z-index: 3;
     margin-top: 150px;
     color: white;
}

.top-text {
     font-size: 15px;
     letter-spacing: 2px;
     text-transform: uppercase;
     opacity: 0.9;
}

.hero-title {
     font-size: 55px;
     font-weight: 700;
     line-height: 1.2;
     margin: 20px 0;
     
}

.hero-subtext {
     font-size: 16px;
     opacity: 0.85;
     margin-bottom: 30px;
     max-width: 600px;
}

/* Orange Button */
.hero-btn {
     border-radius: 50px;
     font-weight: 600;
}

/* Play Circle */
.play-btn {
     width: 48px;
     height: 48px;
     background: #fff;
     border-radius: 50%;
     color: #f5a623;
     font-size: 24px;
}

.gap-20 {
     gap: 20px;
}

/* HEADER OVER HERO */
.overlay-header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
     background: transparent;
}

/* WHITE TEXT NAV LINKS */
.overlay-header .nav-link {
     color: #fff !important;
     font-weight: 500;
     transition: 0.3s ease;
}

/* ORANGE ACTIVE ITEM */
.overlay-header .nav-link.active {
     color: #f5a623 !important;
}

/* GLASS CAPSULE MENU */
.nav-glass-wrapper {
     padding: 10px 28px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     border-radius: 50px;
     display: flex;
     align-items: center;
}

/* NAV LINK INSIDE CAPSULE */
.nav-glass-wrapper .nav-link {
     padding: 10px 20px;
     border-radius: 30px;
}

.nav-glass-wrapper .nav-link:hover, .dropdown:hover .dropdown-toggle{
     color: #F7921E !important;
}

.nav-item {
     list-style: none !important;
}

/* NORMAL DROPDOWNS ON HOVER */
.hover-dropdown:hover .dropdown-menu {
     display: block;
     opacity: 1;
     visibility: visible;
     margin-top: 0;
}

/* DROPDOWN BASE */
.overlay-header .dropdown-menu {
     background: rgba(255, 255, 255, 0.95);
     border-radius: 12px;
     padding: 15px 20px;
     border: none;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
}

/* DROPDOWN ITEMS */
.overlay-header .dropdown-item {
     color: #333;
     padding: 6px 0;
     transition: 0.2s ease;
}

.drop-2 {
     width: 300px !important;
}

.fn-wrap {
     white-space: wrap !important;
}

.overlay-header .dropdown-item:hover {
     color: #f5a623;
     background: transparent;
}

/* MEGA MENU */
.mega-dropdown:hover .mega-menu {
     display: block !important;
     opacity: 1;
     visibility: visible;
     margin-top: 0;
}

.mega-menu {
     width: 1024px;
     left: -80px;
     right: 80px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.97);
     padding: 30px 40px;
     display: none;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 62px;
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;
}

.mega-menu h6 {
     font-weight: 700;
     margin-bottom: 12px;
     color: #111;
}

.mega-menu .dropdown-item {
     padding: 5px 0;
     font-size: 15px;
     white-space:wrap;
}


.hero-section, .inner-hero, .holyland-hero {
    position: relative;
    overflow: hidden;
}

/* Dark overlay using ::before */
.hero-section::before, .inner-hero::before, .holyland-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55); /* darkness control */
    z-index: 1;
}
.holyland-hero{background-size:cover !important;}
/* Content above overlay */
.hero-section .container, .inner-hero .container, .set-width, .holyland-hero .container {
    position: relative;
    z-index: 2;
}
.price-list{display:flex; flex-wrap:wrap;}
.price-list li{width:33%;}
.trips-section{position: relative;}
.trips-section .text-start{position: absolute;   bottom: 0; left: 0; color:#fff;}
.trips-section .text-start .btn-main{background:#fff; color:#000; border:none; padding: 5px 20px; border-radius: 30px !important;}
.trips-section img{height:500px;}
.culture-section{margin:0px !important;}
.journey-section img{width:100%;}
.goal-section {
     background: #fdf4ec;
     /* light cream like screenshot */
}

.tour-guide-section .tour-guide{width:100%; height:318px;}
.tour-guide-section .tour-small{width:100%; height:202px;}
.map iframe, .video-box iframe{width:100% !important; height:500px !important;}
#cookie-banner{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222;
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    font-size: 14px;
}

#cookie-banner button{
    background: #F7921E;
    color: #fff;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    border-radius: 4px;
}
/* Main large image */
.main-img {
     width: 100%;
     height: auto;
}

/* Small overlapping image */
.small-img {
     width: 150px;
     position: absolute;
     top: -20px;
     right: -60px;
}

/* Section label */
.section-label {
     text-transform: uppercase;
     font-size: 14px;
     color: #F7921E;
     font-weight: 600;
}

/* Bullet list */
.icon-list {
     list-style: none;
     padding: 0;
}

.icon-list li {
     margin-bottom: 12px;
     color: #444;
     display: flex;
     gap: 10px;
}

/* Yellow round bullet icon */
.bullet-icon {
     display: flex;
     align-items: baseline;
     justify-content: center;
     color: #F7921E;
     font-size: 18px;
}


/* CARD BASE */
.travel-card {
     position: relative;
     height: 350px;
     overflow: hidden;
}

/* IMAGE */
.card-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: .5s ease;
}

.travel-card:hover .card-img {
     transform: scale(1.1);
}

/* BACKGROUND DARK LAYER */
.travel-card::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.25);
     z-index: 1;
     transition: .4s ease;
}

.travel-card:hover::before {
     background: rgba(0, 0, 0, 0.55);
}

/* BOTTOM DARK GRADIENT */
.bottom-shadow {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 45%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
     z-index: 2;
     transition: .4s ease;
}

.travel-card:hover .bottom-shadow {
     height: 100%;
}

/* TITLE — CENTERED AT BOTTOM */
.card-overlay {
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     text-align: center;
     z-index: 3;
     transition: .4s ease;
}

/* When hovered → title moves upward */
.travel-card:hover .card-overlay {
     bottom: 90px;
     /* moves up smoothly */
}

/* VIEW MORE BUTTON */
.hover-btn {
     position: absolute;
     bottom: -50px;
     /* hidden initially */
     left: 50%;
     transform: translateX(-50%);
     opacity: 0;
     z-index: 4;
     transition: .4s ease;
}

/* On hover → button slides up & fades in */
.travel-card:hover .hover-btn {
     bottom: 35px;
     opacity: 1;
}

.btn-veiw {
     font-size: 16px;
     font-weight: 300;
     text-decoration: underline;
     color: #fff !important;
}





.culture-section {
     background: url('../images/cultural-bg.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     position: relative;
}

.culture-head h3 {
     font-size: 36px !important;
}

.culture-head p {
     font-size: 16px !important;
     color: #787878;
}


/* Card container */
.culture-card {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
}

/* Heights */
.tall-card {
     height: 400px;
}

.small-card {
     height: 190px;
}

.card-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.4s ease;
}

/* Zoom on hover */
.culture-card:hover .card-img {
     transform: scale(1.07);
}

/* Overlay */
.overlay-card {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 20px 15px;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
     color: #fff;
}

.overlay h5 {
     font-size: 18px;
     margin: 0;
     margin-bottom: 10px;
     font-weight: 600;
}

.india-section {
     background: #ffffff;
}

.india-card {
     position: relative;
     border-radius: 6px;
     overflow: hidden;
}

.india-img {
     width: 100%;
     height: 240px;
     object-fit: cover;
     transition: .4s ease;
}

/* Zoom on hover */
.india-card:hover .india-img {
     transform: scale(1.06);
}

/* Overlay Title */
.india-overlay {
     text-align: left !important;
     position: absolute;
     top: 80px;
     left: 15px;
     color: #fff;
     font-size: 24px;
     width: 60%;
     font-weight: 500;
     z-index: 2;
}

/* Soft dark gradient */
.india-card::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 60%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
     z-index: 1;
}

.uk-banner {
     position: relative;
     height: 280px;
     /* like screenshot */
     background: url('../images/london-bg.png') center/cover no-repeat;
     overflow: hidden;
}

/* left black gradient overlay */
.uk-banner-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 75%;
     height: 100%;
     background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
     z-index: 1;
}

.banner-content {
     position: relative;
     z-index: 2;
     max-width: 350px;
}

/* Smaller right-side images */
.tour-small {
     width: 250px;
     object-fit: cover;
}

.owl-nav {
     display: none !important;
}

.owl-carousel button.owl-dot {
     background-color: #A6A6A6 !important;
     width: 10px !important;
     height: 10px !important;
     margin: 0px 4px;
     border-radius: 10px;
}

.owl-carousel button.owl-dot.active {
     background-color: #F7921E !important;
}


.bg-brown {
     background-color: #B6986E;
}

.trip-img {
     width: 60% !important;
     margin: auto !important;
}

/* READ MORE link styling */
.read-more-link {
     color: #111;
     font-size: 14px;
     text-decoration: none;
     font-weight: 400;
}

.read-more-link:hover {
     text-decoration: underline;
}


.blogs-section {
     background: linear-gradient(180deg, #fdf2e9 50%, #ffffff 50%);
}

.blogs-label {
     color: #F7921E;
     font-weight: 600;
     font-size: 14px;
     text-transform: uppercase;
}

.blog-card {
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
}

.blog-img {
     width: 100%;
     height: 190px;
     object-fit: cover;
}




.contact-content {
     position: relative;
     z-index: 2;
     padding-top: 50px;
}

/* Input boxes */
.contact-input {
     width: 100%;
     background: transparent;
     border: none;
     border-bottom: 1px solid #ffffff80;
     padding: 10px 0;
     color: #fff;
     outline: none;
}

.contact-input::placeholder {
     color: #eaeaea;
}

/* Fake captcha style image */
.captcha-box {
     width: 200px;
}

/* Send button */
.contact-section .btn-warning {
     background-color: #f5a623;
     border-radius: 40px;
     font-weight: 600;
}


.mx-h-45 {
     max-height: 45px !important;
}


/* blog css */
.blog-hero {
     background: url('../images/blog-hero-bg-img.webp') center/cover no-repeat;
     height: 400px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}

.btn-primary1 {
     text-decoration: none;
     color: #000;
}

.position {
     position: relative;
     top: -124px;
     width: 100%;
}
.top-navbar{z-index:1000;}
.blog-hero{height:260px;}
img.position{height:300px}
.top_image .col-12 img{height:200px;}


/* responsive */

@media (max-width: 1024px) {

     .nav-glass-wrapper .nav-link {
          padding: 10px 10px !important;
     }

     .gap-20 {
          gap: 0px !important;
     }

     .mx-h-45 {
          max-height: 34px !important;
     }


     .nav-link {
          font-size: 14px !important;
     }

     .nav-glass-wrapper {
          padding: 10px 15px !important;
     }



}

@media (min-width: 996px) {


     .desktop-header {
          display: block !important;
     }

     .mobile-nav {
          display: none !important;
     }

}

@media (max-width:996px) {

     .day-icon {
          width: 20px !important;
          height: 20px !important;
     }


     .day-title {
          font-size: 14px !important;
     }

     .large-circle {
          width: 330px !important;
          height: 330px !important;
     }

     .small-circle {
          width: 160px !important;
          height: 160px !important;
     }

     .contact-section p {
          width: 100% !important;
     }

     .fs-40 {
          font-size: 20px !important;
     }

     .mobile-nav {
          display: block !important;
     }

     .desktop-header {
          display: none !important;
     }

     .small-img {
          display: none !important;
     }

     .contact-section {
          height: auto !important;
     }

     .tour-guide {
          display: none !important;
     }

     .tour-small {
          width: 100% !important;
          margin-bottom: 20px;
     }

}

@media (max-width: 1440px) {
     .fix-width {
          margin-top: -40% !important;
          padding: 0px 7% !important;
     }
}

@media (max-width:1024px) {
     .fix-width {
          margin-top: -40% !important;
          padding: 0px 7% !important;
     }

     .position {
          position: relative;
          top: -210px;
          width: 100%;
     }

     .set-width {
          width: 75% !important;
     }
}

@media (max-width: 768px) {
     .fix-width {
          margin-top: -27% !important;
          padding: 0px 5% !important;
     }

     .position {
          position: relative;
          top: -175px;
          width: 100%;
     }

     .blog-box {
          width: 32% !important;
     }

     .card {
          width: 100% !important;
     }

     .blog-section {
          justify-content: space-between !important;
     }

     .fix-box {
          display: none;
     }
}

@media (max-width: 460px) {
     .set-width {
          width: 97% !important;
     }

     .fix-width {
          margin-top: -40% !important;
          padding: 0px 3% !important;
     }
     .price-list li{width:100%;}
     .price-section h5{padding-top:15px;}
     .day-title{text-align:left;}
     .about-hero{height:200px;}
     .contact-hero-content h2{font-size:20px;}
     .journey-section .mb-5{margin-bottom:0px !important;}
     .itinerary-section{padding-top:15px !important;}
     .offcanvas{z-index:10000 !important;}
     .mobile-nav.m-nav-none .container{display:none;}
     .holyland-hero .align-items-center.gap-3{flex-wrap:wrap;}
     .holyland-hero .btn-tour{width:100%;}
     .mt-mobile-0{margin-top:0px !important;}
     .circle-img.large-circle{width:100% !important;}
.circle-img.large-circle > img{width:300px; height:300px; }
.circle-img.small-circle img{width:150px; height:150px; }
}
.feature-icon {
     width: 44px;
     height: 44px;
     background: #000;
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.main-img {
     border-radius: 20px;
     overflow: hidden;
     position: relative;
}

.video-thumb {
     position: absolute;
     bottom: 20px;
     left: 20px;
     display: flex;
     gap: 15px;
}

.video-card {
     width: 140px;
     border-radius: 14px;
     overflow: hidden;
     position: relative;
}

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

.play-btn {
     /*position: absolute;*/
     /*top: 50%;*/
     /*left: 50%;*/
     /*transform: translate(-50%, -50%);*/
     background: rgba(255, 255, 255, 0.9);
     width: 38px;
     height: 38px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
}

/* Section 02 */
.section-bg {
     background: radial-gradient(circle at top, #2a1a0f, #0f0a05);
     color: #fff;
}

.section-title {
     font-size: 48px;
     line-height: 1.2;
}

.accordion-item {
     background: transparent;
     border: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.accordion-button {
     background: transparent;
     color: #fff;
     padding: 18px 0;
     font-weight: 500;
}

.accordion-button:not(.collapsed) {
     background: transparent;
     color: #fff;
     box-shadow: none;
}

.accordion-button::after {
     filter: invert(1);
}

.accordion-body {
     color: rgba(255, 255, 255, 0.75);
     padding: 0 0 15px 0;
}

.learn-btn {
     background: #fff;
     color: #000;
     border-radius: 30px;
     padding: 12px 28px;
     font-weight: 600;
     border: none;
}

video {


     min-width: 100%;
     min-height: 100%;

     object-fit: cover;
}

.lazy-img {
     filter: blur(8px);
     transition: filter 0.3s ease;
}



.contact-section {
     position: relative;
    
     width: 100%;
     height: 500px;
}