f@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
    --primary-color:#013b34;
    --secondar-color:#02e1b3;
    --goldcolor:#e6c584;
    --blackcolor:#000000;
    --whitecolor:#fff;
    --goldenbtn:linear-gradient(to bottom, #AD9566 0%, #8A7A55 50%, #2F2F26 100%);
    --lightgreen:#77c9ab;
    --greycolor:#1f3236;
    --poppinsfonts:"Poppins", sans-serif;
    --interfonts:"Inter", sans-serif;
}
html, body {
  font-family: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color: #1a2a2e;
  background: #fff;
  scroll-behavior: smooth;
}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
.box_inner ul{background: #f2f2f2;}
.box_inner ul li { border-top: 1px solid rgb(255, 255, 255); padding: 7px 10px;font-size: 13px; }
.box_inner li.listheading {font-size: 30px;}
.modalpopupform{width: 60%;margin: 40px auto 20px;}
.container-fluid{padding: 0px 50px; width: 1351px; margin: 0px auto;}
.mobile-cta{display: none;}
/* Header Section Start */
/* ===== SITE HEADER (navbar) ===== */
.site-header {
  background: #fff;
  position: sticky; top: 0; z-index: 100;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.site-header-inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: center;
  padding: 10px 24px; gap: 40px;
}
.logo {
  display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
.logo-icon {
  width: 52px; height: 52px; border-radius: 50%; overflow: hidden;
  background: linear-gradient(135deg, #0e6b54, #1da87a);
  display: flex; align-items: center; justify-content: center;
}
.logo-icon img { width: 100%; height: 100%; object-fit: cover; }
.logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.logo-title { font-size: 22px; font-weight: 700; letter-spacing: 0.5px; color: #1a2a2e; }
.logo-sub { font-size: 10px; letter-spacing: 2px; color: #4a6568; text-transform: uppercase; }

/* .site-nav { display: flex; align-items: center; gap: 32px; } */
.site-nav a {
  font-size: 15px; font-weight: 500; color: #2a3a3e;
  padding: 4px 12px; position: relative;
}
.site-nav li{display: inline-block;}
.site-nav li a::after {
  content: ''; position: absolute; bottom: -2px; left: 50%; right: 0;
  height: 2px; background: #1da87a; transform: scaleX(0);
  transition: transform 0.7s;    width: 52px;
    margin-left: -26px;
}
.site-nav li.active a::after { transform: scaleX(1); }

.header-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.btn-call {
  display: flex; align-items: center; gap: 8px;
  border: 2px solid #1a2a2e; border-radius: 24px;
  padding: 8px 18px; font-size: 14px; font-weight: 600;
  color: #1a2a2e; background: transparent; cursor: pointer;
  transition: all 0.2s;
}
.btn-call:hover { background: #1a2a2e; color: #fff; }
.btn-call svg { flex-shrink: 0; }
.btn-menu {
  background: #1a2a2e; color: #fff;
  border: none; border-radius: 8px;
  width: 40px; height: 40px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 5px; padding: 10px;
}
.btn-menu span {
  display: block; width: 20px; height: 2px; background: #fff; border-radius: 2px;
}
/* ===== MOBILE MENU ===== */
.mobile-menu {
  display: none; flex-direction: column; gap: 0;
  background: #fff; border-top: 1px solid #e8e8e8;
  position: absolute; top: 100%; left: 0; right: 0; z-index: 200;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.mobile-menu.open { display: flex; }
.mobile-menu a {
  font-size: 16px; font-weight: 500; color: #2a3a3e;
  padding: 16px 24px; border-bottom: 1px solid #f0f0f0;
}
.mobile-menu a:hover { background: #f7f9f8; color: #1da87a; }

/* ===== SECONDARY NAV ===== */
.secondary-nav {
  background: #1a3430;
  padding: 0 24px;
}
.secondary-nav-inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: center; gap: 0;
  height: 42px;
}
.secondary-nav a {
  font-size: 13px; color: #c5d8d4;
  padding: 0 18px; height: 42px;
  display: flex; align-items: center;
  border-right: 1px solid rgba(255,255,255,0.12);
  transition: color 0.2s, background 0.2s;
}
.secondary-nav a:first-child { border-left: 1px solid rgba(255,255,255,0.12); }
.secondary-nav a:hover { color: #fff; background: rgba(255,255,255,0.06); }


.menuslide{width:300px;height: 100vh; overflow-y: scroll; max-width: 300px; padding:0px 0px 30px; transform: translate(105%, 0%); animation: 0s ease 0.2s 1 normal none running all; transition: transform 0.5s; background:#f9f9f9;  position:fixed;  top:114px;  right:0;  z-index: 999; }
.menuslide .menutop{background: rgb(221, 221, 221); padding: 15px 20px;}
.menuslide .menutop h3{font-size: 18px; margin-top: 15px;}
.menuslide .menutop img{width:70px; border-radius: 10px;}
.menuslide .menuitems{margin-top: 30px;}
.btn-close01{border:0; width: 40px; height: 40px; line-height: 30px; border-radius: 100%; font-size: 30px; position: fixed; right: -50px;top: 141px; z-index: 999999;   }
.menuslide .menuitems ul li{}
.menuslide .menuitems ul li a{display: block; font-weight: 600; color: rgb(18, 18, 18); font-size: 14px; border-top: 1px solid rgb(223, 223, 223); padding: 10px 20px;}
.menuslide .menuitems ul li a.is-current{background: #462c7e; color: #fff;}
.menuslideopen .menuslide{transform: translate(0%, 0%);}
.menuslideopen::before{content: ""; display: block; width: 100%;height: 100vh; background: #000000b8; position: fixed; left: 0; top: 114px; z-index: 999;}
.menuslideopen .btn-close01{right:312px}
body.menu-overlay{overflow: hidden;}


/* Header Section Start */

/* Hero Banner Start */
/* ===== HERO SECTION ===== */
.hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  display: flex; align-items: center;
}
.hero-bg {
  position: absolute; inset: 0;
  background: url('../images/banner-01.webp') center/cover no-repeat;
}
.hero-bg::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(5,30,25,0.78) 0%, rgba(5,30,25,0.55) 40%, rgba(5,30,25,0.15) 100%);
}
.hero-inner {
  position: relative; z-index: 2;
  
  width: 100%;
  padding: 60px 24px;
  display: flex; align-items: center; gap: 40px;
}
.hero-content { flex: 0 0 440px; max-width: 440px; }
.hero-badge {
  display: inline-block;
  background:#1a3430;
  border: 1px solid rgba(255,255,255,0.3);

  color: #fff;
  font-size: 11px; font-weight: 600; letter-spacing: 1px;
  padding: 5px 12px; border-radius: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.hero-title {
  font-size: 42px; font-weight: 700; line-height: 1.2;
  color: #fff; margin-bottom: 8px;
}
.hero-title-accent {
  color: #1da87a; display: block;
}
.hero-desc {
  font-size: 15px; color: rgba(255,255,255,0.82);
  line-height: 1.6; margin-bottom: 32px;
}
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }
.btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: #1a3430; color: #fff;
  border: 2px solid #1a3430; border-radius: 8px;
  padding: 12px 24px; font-size: 14px !important; font-weight: 600;
  cursor: pointer; transition: all 0.2s;
}
.btn-primary:hover { background: #179667; border-color: #179667; }
.btn-secondary {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #fff;
  border: 2px solid rgba(255,255,255,0.6); border-radius: 8px;
  padding: 12px 24px; font-size: 15px; font-weight: 600;
  cursor: pointer; transition: all 0.2s;
}
.btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #fff; }

.hero-stats { display: flex; gap: 28px; }
.hero-stat { display: flex; align-items: flex-start; gap: 10px; }
.hero-stat-icon {
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(29,168,122,0.25);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.hero-stat-text { display: flex; flex-direction: column; }
.hero-stat-label { font-size: 14px; font-weight: 600; color: #fff; }
.hero-stat-sub { font-size: 12px; color: rgba(255,255,255,0.65); }

/* ===== HERO CARDS (tour previews) ===== */
.hero-cards {
  flex: 1;
  display: flex; gap: 10px;
  overflow: hidden;
}
.hero-card {
  flex: 1; min-width: 0;
  border-radius: 12px; overflow: hidden;
  position: relative; cursor: pointer;
  transition: flex 0.3s ease;
  min-height: 240px;
}
.hero-card:hover { flex: 1.4; }
.hero-card img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.4s;
}
.hero-card:hover img { transform: scale(1.05); }
.hero-card-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  padding: 40px 12px 12px;
}
.hero-card-title { font-size: 13px; font-weight: 600; color: #fff; margin-bottom: 2px; }
.hero-card-sub { font-size: 11px; color: rgba(255,255,255,0.78); margin-bottom: 8px; }
.hero-card-btn {
  width: 28px; height: 28px; border-radius: 50%;
  background: #1da87a; display: flex; align-items: center; justify-content: center;
}
.hero-card-btn svg { width: 12px; height: 12px; }

.hero-dots {
  position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
  display: flex; gap: 6px;
}
.hero-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.4); }
.hero-dot.active { background: #fff; }

/* ===== SPECIAL PACKAGE SECTION ===== */
.section { padding: 64px 24px; }
.section-light { background: #f7f9f8; }
.section-header { text-align: center; margin-bottom: 48px; }
.section-header h2 { font-size: 36px; font-weight: 700; color: #1a2a2e; margin-bottom: 10px; }
.section-header p { font-size: 15px; color: #5a6e72; max-width: 600px; margin: 0 auto; }

/* Hero Banner End */

/* Special Package Start */
.lightpurple{background: #c899e7;}
.lightpurple .package-itinery li span{background: #c899e7;}
.lightpurple .package-itinery ul li:before{border-color:  #c899e7;}
.lightpurple .addons{background: #c899e7;}

.lightgreen{background: #013b3447;}
.lightgreen .package-itinery li span{background: #013b3447;}
.lightgreen .package-itinery ul li:before{border-color:  #013b3447;}
.lightgreen .addons{background: #013b3447;}

.lightyellow{background: #ffff006b;}
.lightyellow .package-itinery li span{background: #ffff006b;}
.lightyellow .package-itinery ul li:before{border-color:  #ffff006b;}
.lightyellow .addons{background: #ffff006b;}


.special-package{padding: 60px 0px;}
.titlebox{text-align: center; font-family: var(--interfonts); background: #f9f9f9; margin-bottom: 40px;}
.titlebox h2{font-size: 40px;font-weight: 600;}
.titlebox p{margin-bottom: 0;font-size: 16px;}
.packagebox{ padding: 10px; border-radius: 10px;}
.package-image{position: relative;}
.package-image .badges01{background: #eebc4a; font-weight: 500; font-size: 11px; padding: 3px 10px; display: inline-block; border-radius: 0px 10px 10px 0px; position: absolute; top: 5px;left: 0px;}
.package-image .badges01 img,.package-image .badges02 img{width: 14px; height: 14px;}
.package-image .badges01,.package-image .badges02{display: flex; align-items: center; column-gap: 5px;}
.package-image .badges02{background: #fff; font-weight: 500; font-size: 11px; padding: 3px 10px; display: inline-block; border-radius: 0px 10px 10px 0px; position: absolute; top: 32px;left: 0px;}
.package-image img{height: 210px; width: 100%; object-fit: cover;border-radius: 6px;}

.package-content{padding: 10px 0px;}
.package-content h2{font-size: 19px; margin-bottom: 0;}
.package-content .location{display: flex;align-items: center; column-gap: 5px; margin-top: 10px;}
.package-content .location img{width: 20px;}
.package-content .location p{margin-bottom: 0;font-size: 12px;}

.package-inner{background: #ffffffe0; border-radius: 10px 10px 0px 0px;padding: 15px 10px; margin-top: 15px;}
.package-include{}
.package-include h4{color: var(--primary-color); text-align: center; font-size: 12px; margin-bottom: 0; border-top: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color); padding: 6px 0px; display: inline-block;}
.package-include ul{display: flex; align-items: center; justify-content: center; text-align: center; column-gap: 5px; margin-top: 10px;}
.package-include ul li{background: #e1e3ed; font-size: 10px; padding: 10px 6px; flex: 0 0 52px; height: 52px; border-radius: 10px;}
.package-include ul li img{width: 20px;}
.package-include p{margin-bottom: 0; font-size: 10px; color: var(--greycolor); margin-top: 10px;}

.addons{padding: 10px 20px; border-radius: 10px; margin-top: 15px;}
.addons h4{margin-bottom: 0; border: 1px solid #585858; border-radius: 5px; font-size: 12px; text-align: center; display: inline-block; padding: 5px 10px;}
.addonslist{white-space: nowrap; overflow-x: scroll;}
.addonslist ul{display: flex;column-gap: 10px; margin: 10px 0px;}
.addonslist ul li{border: 1px solid #585858;padding: 10px;border-radius: 10px;display: flex;align-items: center; column-gap: 5px; font-size: 10px; font-weight: 600; color: #323232; flex: 0 0 48%;white-space: break-spaces;    background: #fbfbfb;}
.addonslist ul li img{width: 28px;}

.package-itinery{background: #fcf5eb; border-radius: 10px; padding: 15px 15px; margin-top: 15px;}
.package-itinery ul{position: relative;}
.package-itinery ul li{font-size: 12px;display: flex;column-gap: 10px;margin-bottom: 10px; position: relative;}
.package-itinery ul li:before{content: ""; display: block;width: 15px; height: 15px; background: transparent; border: 4px solid; border-radius: 100%; position: relative;z-index: 9;}
.package-itinery ul li:after{content: ""; display: block;width: 1px; height: 100%; background: #121212; position: absolute; left: 7px; top: 13px;}
.package-itinery ul li:last-child:after{display: none;}
.package-itinery ul li span{width: 60px;text-align: center;border-radius: 20px; font-size: 12px;}
.package-itinery a{text-align: right; color: #121212;display: block;font-size: 12px;}

.package-price{background: #e4eefe; border-radius: 10px; padding: 15px 15px; margin-top: 15px;display: flex;align-items: center; justify-content: space-between;}
.p-price{}
.p-price h6{margin-bottom: 0;color: var(--greycolor); font-size: 12px;}
.p-price p{margin-bottom: 0;}
.p-price .old-price{color: #f30304; font-weight: 600; text-decoration: line-through; font-size: 14px;}
.p-price .new-price{color: #0b1246; font-weight: 600; font-size: 19px;margin-left: 5px;}
.p-btn{}
.p-btn a{border: 1px solid #485ea8;padding: 10px 15px; border-radius: 10px;font-size: 14px;color: var(--greycolor);font-weight: 600; background: #f7f7f7;}

.service-btn{display: flex; column-gap: 10px; align-items: center;padding: 10px 9px; border: 2px solid #cfa3826b; border-radius: 10px;margin: 0px 5px;background: #ebf3e661; margin-top: 15px;}
.service-btn a.checklist{background: #f5f6ee40; color: #373034; width: 100%; display: block; text-align: center; padding: 10px;  border-radius: 55px;font-weight: 700; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border: 2px solid #0e583770;  display: flex;align-items: center;column-gap: 2px; justify-content: center;font-size: 15px;}
.service-btn a.checklist img{width: 20px;height: 20px;}
.service-btn a.btncall{border: 2px solid #5573d5; border-radius: 10px; width: 54px; height: 44px; line-height: 44px; text-align: center;}
.service-btn a.btncall img{width: 20px;}
.service-btn a.btnwhatsapp{border: 2px solid #4dc85b; border-radius: 10px; width: 54px; height: 44px; line-height: 44px; text-align: center;}
.service-btn a.btnwhatsapp img{width: 20px;    margin-top: -5px;}
/* Special Package End */

/* Unforgetable Package End */
.unforgetable{background: #050608; padding: 60px 0px; position: relative;}
.sphere-amber{background: #f59e0b; filter: blur(140px);opacity: 0.12; pointer-events: none; position: absolute;top: 0; right: 0; width: 60vw; height: 60vw;    z-index: 1;}
.sphere-green{background: #14b8a6; filter: blur(140px);opacity: 0.12; pointer-events: none; position: absolute;top: 0; left: 0; width: 60vw; height: 60vw;    z-index: 1;}
.titlev2 .t-badges{display: inline-block; color: #f3d681; border: 1px solid #f3d681; border-radius: 100px; font-size: 15px; padding: 5px 30px;}
.titlev2 h2{font-family: var(--interfonts);font-size: 70px; font-style: italic; color: #fffffff2; margin-top: 30px; line-height: 80px;    margin-bottom: 20px;}
.titlev2 p{color: #85888a; margin-bottom: 4px; font-size: 15px;}

.unforgetablebox{background: #0d1017;border: 2px solid #ffffff14; border-radius: 10px;}
.slider-with-title{position: relative;}
/* .slider-with-title::before{content: ""; display: block; background: url(../images/black-shadow-01.png) top left no-repeat; min-height: 260px; width: 100%;  background-size: cover; position: absolute;top: 0;left: -1px; z-index: 9; border-radius: 10px;} */
.slider-with-title .slider-group img{border-radius: 3px;}
.slider-title-box{position: absolute; top: 0; left: 0;    z-index: 9;    padding: 15px;}
/* .slider-title-box h6{color: #cbaa6e; font-size: 12px;}
.slider-title-box h3{color: #b4b8b6;font-size: 22px;}
.slider-title-box h5{color: #b4b8b6;font-size: 12px;}
.slider-title-box p{margin-bottom: 0; margin-top: 20px; color: #fdfdfc; font-size: 12px;    width: 200px;} */
.slider-with-title .slider-for img{height: 260px; width: 100%; object-fit: cover;}
.slider-with-title .slider-nav{top: 0px; z-index: 99;padding: 0px 5px;}
.slider-with-title .slider-nav img{height: 80px; width: 100%; object-fit: cover;}
.slider-with-title .slider-nav .slick-slide{margin-right: 5px;}
.slider-with-title .slider-nav .slick-slide img{cursor: pointer;}
.slider-with-title .slider-nav .thumb-active img{border: 2px solid #f8de98;}
.slider-with-title .slick-dots{display: flex; justify-content: center; margin-top: 10px;}
.slider-with-title .slick-dots button{border: 0; font-size: 0; background: transparent; position: relative;}
.slider-with-title .slick-dots button:before{content: "."; display: block; background: #3c4a59;width: 8px;height: 8px;border-radius: 100%;}
.slider-with-title .slick-dots .slick-active button::before{background: #f9d07d;}

.preuim-box{}
.preuim-box ul{
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: space-evenly;
}
.preuim-box ul li{position: relative;display: flex;align-items: center;gap: 5px;font-size: 10px;color: #ffffff;flex: 0 0 91px;}
.preuim-box ul li img{width: 26px;}

.experience-box{padding: 30px 15px; background: linear-gradient(129deg, #131e25, #000a12); display: flex; column-gap: 10px;}
.experience-01{flex: 0 0 60%;}
.experience-01 h6{color: #cbaa6e;font-size: 15px;}
.experience-01 ul{list-style: disc; padding-left: 16px;}
.experience-01 ul li{color: #b4b8b6;font-size: 11px}
.experience-02{border: 1px solid #cbaa6e; padding: 5px;flex: 0 0 38%;border-radius: 6px;}
.experience-02 h5{color: #cbaa6e;font-size: 11px;}
.experience-02 p{color: #b4b8b6;font-size: 11px; margin-bottom: 0;}

.price-cart{padding: 15px;display: flex;column-gap: 10px; align-items: center;justify-content: space-between;}
.price01 h6{color: #cbaa6e;font-size: 13px;}
.price01 p{color: #b4b8b6;font-size: 14px;margin-bottom: 0;}
.pricebtn a{background: linear-gradient(45deg, #dab671, #a27d3e); color: #000; padding: 8px 10px; border-radius: 10px; font-size: 14px; font-weight: 600;}
/* Unforgetable Package End */

/* Deals Package Start */
.hero-header {
  background: linear-gradient(135deg, #060d1f 0%, #0a1940 50%, #060d1f 100%);
  padding: 32px 0px 28px;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.hero-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(ellipse at 20% 50%, rgba(0,100,255,0.08) 0%, transparent 60%),
              radial-gradient(ellipse at 80% 30%, rgba(100,200,255,0.05) 0%, transparent 50%);
  pointer-events: none;
}

.badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(30,60,180,0.5);
  border: 1px solid rgba(100,160,255,0.3);
  border-radius: 999px;
  padding: 5px 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #a8d4ff;
  text-transform: uppercase;
}

.hero-title {
  font-size: 35px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-top: 8px;
}

.italic-gradient {
  font-style: italic;
  font-weight: 800;
  background: linear-gradient(90deg, #00d4ff, #7b2ff7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-tagline {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
  max-width: 340px;
  margin: 0 auto;
}

.hero-features {
  margin-top: 16px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.feature-icon {
  font-size: 22px;
  opacity: 0.85;
}

.feature-label {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.feature-sub {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
}

/* Social proof */
.avatar-stack {
  display: flex;
}

.avatar-stack img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #1a2a6c;
  object-fit: cover;
  margin-left: -10px;
}

.avatar-stack img:first-child { margin-left: 0; }

.travellers-count {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.travellers-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.55);
}

.sparkle {
  font-size: 28px;
  color: #ffd700;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ---- PACKAGES SECTION ---- */
.packages-section {
  padding: 32px 0 48px;
      background: #060d1f;
}

/* ---- PACKAGE CARD ---- */
.package-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  border: 2px solid transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.card-blue {
  background: linear-gradient(160deg, #0c1f5e 0%, #0a1540 100%);
  border-color: rgba(50,120,255,0.35);
  box-shadow: 0 8px 40px rgba(20,80,255,0.2);
}

.card-teal {
  background: linear-gradient(160deg, #042a2a 0%, #06181a 100%);
  border-color: rgba(0,210,180,0.35);
  box-shadow: 0 8px 40px rgba(0,200,170,0.2);
}

.card-pink {
  background: linear-gradient(160deg, #2a0545 0%, #180228 100%);
  border-color: rgba(220,50,180,0.4);
  box-shadow: 0 8px 40px rgba(220,50,180,0.25);
}

/* Card badge (top-left) */
.card-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.badge-orange {
  background: linear-gradient(90deg, #ff8c00, #ff4500);
  color: #fff;
}

.badge-teal-badge {
  background: linear-gradient(90deg, #00c896, #00a97a);
  color: #fff;
}

.badge-pink-badge {
  background: linear-gradient(90deg, #e0007a, #b5009a);
  color: #fff;
}

/* Card image */
.card-img-wrap {
  position: relative;
  height: 190px;
  overflow: hidden;
}

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

.duration-tag {
  position: absolute;
  bottom: 10px;
  left: 12px;
  background: rgba(0,0,0,0.7);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  backdrop-filter: blur(4px);
}

.wishlist-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.7);
  font-size: 15px;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: all 0.2s;
}

.wishlist-btn:hover,
.wishlist-btn.wishlisted {
  background: #e0004e;
  color: #fff;
}

/* Card body */
.card-body-inner {
  padding: 14px 16px 16px;
}

.rating-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.star {
  color: #fbbf24;
  font-size: 14px;
}

.star-pink {
  color: #ff79c6;
}

.rating-val {
  font-size: 13px;
  font-weight: 700;
  color: #fbbf24;
}

.rating-count {
  font-size: 11px;
  color: rgba(255,255,255,0.5);
}

.package-title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin: 2px 0 4px;
}

.package-places {
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 10px;
}

/* Price */
.price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.save-tag {
  background: rgba(0,200,100,0.15);
  border: 1px solid rgba(0,200,100,0.3);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  color: #00e676;
  text-transform: uppercase;
}

.save-pink {
  background: rgba(255,0,120,0.15);
  border-color: rgba(255,0,120,0.3);
  color: #ff79c6;
}

.discount-tag {
  margin-left: auto;
  font-size: 13px;
  font-weight: 800;
  color: #00e676;
}

.discount-pink {
  color: #ff79c6;
}

.price-info {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
}

.original-price {
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  text-decoration: line-through;
}

.final-price {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}

.final-pink {
  color: #ff79c6;
}

.per-label {
  font-size: 12px;
  color: rgba(255,255,255,0.55);
}

/* Inclusions box */
.inclusions-box {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(100,160,255,0.15);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.inclusions-teal {
  border-color: rgba(0,210,180,0.2);
}

.inclusions-pink {
  border-color: rgba(220,50,180,0.2);
}

.inclusions-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.view-all {
  color: #5ba4ff;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
}

.view-all:hover { text-decoration: underline; color: #7ec8ff; }

.view-all-pink {
  color: #ff79c6;
}

.inclusions-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  text-align: center;
}

.inclusion-item {
  font-size: 9px;
  color: rgba(255,255,255,0.65);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.inc-icon {
  font-size: 18px;
}

/* Journey box */
.journey-box {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(100,160,255,0.12);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.journey-teal {
  border-color: rgba(0,210,180,0.15);
}

.journey-pink {
  border-color: rgba(220,50,180,0.15);
}

.journey-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.full-itinerary {
  color: #5ba4ff;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
}

.full-itinerary:hover { text-decoration: underline; }

.itinerary-teal { color: #00d4b4; }
.itinerary-pink { color: #ff79c6; }

.journey-list {
  position: relative;
  padding-left: 6px;
}

.journey-list::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: rgba(100,160,255,0.2);
}

.journey-teal .journey-list::before { background: rgba(0,210,180,0.2); }
.journey-pink .journey-list::before { background: rgba(220,50,180,0.2); }

.journey-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  position: relative;
}

.day-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3a7bff;
  border: 2px solid #5b9fff;
  flex-shrink: 0;
  margin-top: 4px;
  z-index: 1;
  position: relative;
}

.dot-teal { background: #00c896; border-color: #00e5b0; }
.dot-pink { background: #e0007a; border-color: #ff79c6; }

.day-badge {
  font-size: 9px;
  font-weight: 800;
  border-radius: 4px;
  padding: 2px 7px;
  flex-shrink: 0;
  margin-top: 1px;
}

.day-blue { background: rgba(58,123,255,0.25); color: #7eb8ff; border: 1px solid rgba(58,123,255,0.4); }
.day-teal { background: rgba(0,200,150,0.2); color: #00e5b0; border: 1px solid rgba(0,200,150,0.4); }
.day-pink { background: rgba(220,50,180,0.2); color: #ff79c6; border: 1px solid rgba(220,50,180,0.4); }

.day-desc {
  font-size: 10.5px;
  color: rgba(255,255,255,0.75);
  line-height: 1.4;
}

/* Add-ons */
.addons-section {
  margin-bottom: 14px;
}

.addons-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.addons-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.badge-purple-sm { background: rgba(100,60,200,0.3); color: #b89dff; border: 1px solid rgba(120,80,220,0.3); }
.badge-teal-sm { background: rgba(0,180,140,0.2); color: #00e5b0; border: 1px solid rgba(0,180,140,0.3); }
.badge-pink-sm { background: rgba(200,0,120,0.2); color: #ff79c6; border: 1px solid rgba(200,0,120,0.3); }

.see-more {
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  font-weight: 500;
}

.see-more:hover { color: #fff; }

.addons-carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}

.addons-track {
  display: flex;
  gap: 8px;
  overflow-x: hidden;
  flex: 1;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}

.addon-item {
  flex: 0 0 calc(25% - 6px);
  text-align: center;
  cursor: pointer;
}

.addon-item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin-bottom: 4px;
  border: 1px solid rgba(255,255,255,0.08);
}

.addon-name {
  font-size: 9px;
  color: rgba(255,255,255,0.7);
  font-weight: 500;
  line-height: 1.3;
}

.addon-price {
  font-size: 9px;
  color: #fbbf24;
  font-weight: 700;
}

.carousel-arrow {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s;
  line-height: 1;
  padding: 0;
}

.carousel-arrow:hover { background: rgba(255,255,255,0.25); }

/* CTA Row */
.cta-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.btn-callback {
  flex: 1;
  border: none;
  border-radius: 12px;
  padding: 13px 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: opacity 0.2s, transform 0.15s;
}

.btn-callback:hover { opacity: 0.9; transform: scale(1.01); }

.btn-callback-blue {
  background: linear-gradient(135deg, #1a4cff, #0033cc);
  /* box-shadow: 0 4px 20px rgba(26,76,255,0.4); */
}

.btn-callback-teal {
  background: linear-gradient(135deg, #00b894, #008f72);
  /* box-shadow: 0 4px 20px rgba(0,184,148,0.4); */
}

.btn-callback-pink {
  background: linear-gradient(135deg, #e0007a, #b5009a);
  /* box-shadow: 0 4px 20px rgba(224,0,122,0.4); */
}

.btn-whatsapp {
  background: #1a1f30;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #25d366;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s;
}

.btn-whatsapp:hover { background: rgba(37,211,102,0.15); }

.btn-whatsapp-teal {
  border-color: rgba(0,210,180,0.25);
}

.btn-whatsapp-pink {
  border-color: rgba(220,50,180,0.25);
}

.booked-info {
  text-align: center;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  font-weight: 500;
}


/* Deals Packages End */


/* Unforgetable Start */
.unforgettable{background: url(../images/unfortable-bg.webp) center center no-repeat; background-size: cover;}
.uhero-header {
  padding: 28px 40px 18px 40px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: start;
  font-family: 'Inter', sans-serif;
}

.uhero-left {}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #101f27;
  border: 1px solid #2c373c;
  border-radius: 9px;
  padding: 6px 14px;
  margin-bottom: 14px;
}

.badge img {
  width: 13px;
  height: 14px;
  object-fit: contain;
}

.badge-text {
  font-size: 10px;
  color: #9b895c;
  letter-spacing: 0.08em;
  font-weight: 500;
  text-transform: uppercase;
}

.uhero-title {
  font-family: 'Spectral', serif;
  font-size: 48px;
  line-height: 1.1;
  color: #d8d6d3;
  margin-bottom: 14px;
}
.uhero-title span{    color: #4f3f26;}

.uhero-subtitle {
  font-size: 13px;
  color: #515758;
  line-height: 1.65;
}

.uhero-right {
  display: flex;
  align-items: center;
  gap: 0;
  padding-top: 20px;
}

.uhero-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 32px;
  gap: 10px;
}

.uhero-feature img {
  height: 34px;
  width: auto;
  object-fit: contain;
}

.uhero-feature-text {
  font-size: 13px;
  color: #94999d;
  line-height: 1.4;
}

.uhero-divider {
  width: 1px;
  height: 52px;
  background: #2c373c;
  flex-shrink: 0;
}

/* FILTER TABS  */
.filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 40px 24px 40px;
  flex-wrap: wrap;
}

.filter-btn {
  position: relative;
  padding: 9px 22px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  transition: opacity 0.2s;
  min-width: 100px;
  text-align: center;
}

.filter-btn .filter-bg {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.filter-btn .filter-label {
  position: relative;
  z-index: 1;
}

.filter-btn.active .filter-label {
  color: #4f3f26;
  font-weight: 700;
}

.filter-btn:not(.active) .filter-label {
  color: #929392;
  font-weight: 300;
}

/* CARDS GRID  */
.cards-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding: 0 24px 24px 24px;
  flex: 1;
}

.exp-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #0c1822;
  min-height: 510px;
}

.card-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  border-radius: 12px;
}

/* dark gradient overlay on card bg */
.exp-card::before {
  content: '';
  position: absolute;
  inset: 0;
  /* background: linear-gradient(
    180deg,
    rgba(8,18,26,0.55) 0%,
    rgba(8,18,26,0.72) 50%,
    rgba(8,18,26,0.92) 80%,
    rgba(8,18,26,0.98) 100%
  ); */
  z-index: 1;
  border-radius: 12px;
  background: linear-gradient(90deg, #000409 0%, #00060bbf 40%, rgb(5 30 25 / 0%) 100%);
}

.card-inner {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  padding: 30px 18px 20px 18px;
  justify-content: space-between;
}

.card-category {
  font-size: 10px;
  color: #76623e;
  letter-spacing: 0.07em;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.card-title {
  font-family: 'Spectral', serif;
  font-size: 22px;
  color: #bebebb;
  line-height: 1.25;
  margin-bottom: 4px;
}

.card-tagline {
  font-size: 12px;
  color: #6e7576;
  font-weight: 300;
  margin-bottom: 12px;
}

.card-desc {
  font-size: 11px;
  color: #6b6e70;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* card thumbnail row */
.card-thumbs {
  display: flex;
  gap: 5px;
  margin-bottom: 14px;
}

.card-thumb {
  flex: 1;
  border-radius: 5px;
  overflow: hidden;
  height: 82px;
}

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

/* highlights + know box row */

.hightbox-icon{
    display: flex;
    column-gap: 10px;
}
.hightbox-icon ul li{
    font-size: 11px;
    color: #666e74;
    padding: 5px 0px;
    display: flex;
    column-gap: 5px;
}
.hightbox-icon ul li img{
  width: 16px;
}

.highlights-know-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 0;
}

.highlights-section {
  flex: 1;
}

.highlights-title {
  font-size: 10px;
  color: #706344;
  letter-spacing: 0.07em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.highlight-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 5px;
}

.highlight-row img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-top: 1px;
  flex-shrink: 0;
}

.highlight-row span {
  font-size: 10px;
  color: #666e74;
  line-height: 1.45;
}

.know-box {
  border: 1px solid #2a2823;
  border-radius: 4px;
  background: rgba(0, 8, 16, 0.8);
  padding: 10px 13px;
  min-width: 145px;
  max-width: 165px;
}

.know-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.know-header img {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.know-title {
  font-size: 10px;
  color: #7d6b49;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.know-text {
  font-size: 10px;
  color: #61676a;
  line-height: 1.5;
}

/* card footer */
.card-footer {
  margin-top: auto;
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(30, 42, 50, 0.8);
  background: rgba(0, 12, 21, 0.88);
  border-radius: 0 0 12px 12px;
  padding: 11px 14px 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.price-label {
  font-size: 10px;
  color: #857650;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.price-value {
  font-size: 14px;
  color: #989b9d;
  font-weight: 400;
}

.add-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 18px;
  cursor: pointer;
  border: none;
  background: transparent;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
}

.add-btn .btn-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 4px;
}

.add-btn .btn-icon {
  position: relative;
  z-index: 1;
  width: 9px;
  height: 9px;
  object-fit: contain;
}

.add-btn .btn-label {
  position: relative;
  z-index: 1;
  font-size: 12px;
  color: #4d3c25;
}

/*  CTA FOOTER BANNER  */
.cta-banner {
  width: 100%;
  position: relative;
  min-height: 107px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.cta-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.cta-logo-img {
  position: absolute;
  left: 36px;
  top: 50%;
  transform: translateY(-50%);
  height: 72px;
  z-index: 1;
  object-fit: contain;
  pointer-events: none;
}

.cta-content {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0 300px;
  gap: 20px;
}

.cta-text-block {}

.cta-heading {
  font-size: 18px;
  color: #959696;
  font-weight: 400;
  margin-bottom: 4px;
}

.cta-sub {
  font-size: 14px;
  color: #7a7e81;
}

.cta-explore-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  cursor: pointer;
  border: none;
  background: transparent;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
}

.cta-explore-btn .btn-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 4px;
}

.cta-explore-btn .btn-label {
  position: relative;
  z-index: 1;
  font-size: 14px;
  color: #4f3e26;
}

.cta-explore-btn .btn-arrow {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 9px;
  object-fit: contain;
}

/*  RESPONSIVE  */
@media (max-width: 1100px) {
  .uhero-header {
    grid-template-columns: 1fr;
    padding: 22px 24px 14px 24px;
  }
  .uhero-right {
    justify-content: flex-start;
  }
  .cards-section {
    grid-template-columns: 1fr 1fr;
    padding: 0 16px 20px 16px;
    gap: 14px;
  }
  .filter-bar {
    padding: 4px 24px 18px 24px;
  }
  .cta-content {
    padding: 0 24px 0 200px;
  }
  .cta-logo-img {
    height: 56px;
    left: 24px;
  }
}

@media (max-width: 640px) {
  .uhero-header {
    padding: 18px 16px 12px 16px;
    grid-template-columns: 1fr;
  }
  .uhero-title {
    font-size: 30px;
  }
  .uhero-right {
    flex-wrap: wrap;
    gap: 14px;
  }
  .uhero-feature {
    flex-direction: row;
    padding: 0;
    text-align: left;
    gap: 8px;
  }
  .uhero-feature img {
    height: 22px;
  }
  .uhero-divider {
    display: none;
  }
  .cards-section {
    grid-template-columns: 1fr;
    padding: 0 0px 16px 0px;
    gap: 16px;
  }
  .filter-bar {
    padding: 4px 14px 14px 14px;
    gap: 7px;
  }
  .filter-btn {
    padding: 8px 14px;
    min-width: unset;
  }
  .cta-content {
    padding: 16px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .cta-logo-img {
    display: none;
  }
  .cta-banner {
    min-height: auto;
  }
  .highlights-know-row {
    flex-direction: column;
  }
  .know-box {
    min-width: unset;
    max-width: unset;
    width: 100%;
  }
}

/* Unforgetable End */


/* Excluisve End */

.excluisve-box{padding: 60px 0px; background: url(../images/excluisve-bg.webp); background-size: cover;}
.excluisve-box h2{text-align: center; margin-bottom: 0;color: #fff; font-size: 40px; text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.4);}

.exclusive-box{ position: relative;border-radius: 16px;overflow: hidden;background: rgba(255, 255, 255, 0.04); border: 2px solid #76ecf8; transition: all 0.3s ease;  margin-top: 50px;    box-shadow: 1px 0px 11px 6px #76ecf833;}
.exclusive-box.bd02{border-color: #f7de7d; box-shadow: 1px 0px 11px 6px #f7de7d61;}
.exclusive-box.bd03{border-color: #aa78f4; box-shadow: 1px 0px 11px 6px #aa78f452;}
.exclusive-box>img{opacity: 0.8;}
.exclusive-content{position: absolute; bottom: 0; width: 100%; padding: 10px;    background: linear-gradient(90deg, #000409eb 0%, #00060bed 40%, rgb(5 30 25 / 0%) 100%);}
.exclusive-content h3{font-size: 22px; margin-bottom: 0; color: #bebebb;    font-family: 'Spectral', serif;}
.exclusive-content .exclusive-price{color: #3edacf; font-size: 22px; font-weight: 600;}
.exclusive-content p{margin-bottom: 0; font-size: 14px;color: #6b6e70;}
.exclusive-content a{display: inline-block; margin-top: 8px; padding: 5px 18px; font-size: 12px;color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; text-decoration: none; transition: all 0.3s ease; background: transparent; display: none;}
.experience01{padding: 0px 15px 50px; background: url(../images/excluisve-bg.webp); background-size: cover;}
.exclusivenew{padding: 0px 15px 50px;
    background: url(../images/excluisve-bg.webp);
    background-size: cover; width: 100%; margin: 0;}
/* Excluisve End */

/* Testimonial Start */
.testimonial-group{padding: 50px 0px;}
.testimonial-group h2{text-align: center;color: #1a3430;}
.tripTab.overV {
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border: solid 1px #d4d4d4;
    padding: 10px;
    margin: 20px 0;
        border-radius: 10px;
}
.review-section {
   display: flex;
    flex-wrap: wrap;
}
.review-left {
    flex: 1 1 20%;
    text-align: center;
    border-right: 1px solid #ddd;
    padding: 20px;
}
.review-left .stars {
    color: #f15a24;
    margin-bottom: 10px;
    width: 200px;
    margin: auto;
}
.review-left h2 {
    font-size: 48px;
    color: #2a2a2a;
    margin: 0;
    margin-top: -49px;
    color: #29a745;
    font-weight: 400;
}
.review-left p {
    font-size: 15px;
    color: #555;
    margin: 5px 0;
    line-height: 22px;
    padding-bottom: 0;
    font-weight: 600;
}
.verified {
    color: #007bff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.review-right {
    flex: 1 1 70%;
    padding: 20px 30px;
}
.review-right p {
    color: #666;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
    padding-bottom: 0;
    margin-top: 0;
        font-weight: 600;
}
.review-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 7px 0;
    border-bottom: 1px solid #f1f1f2;
    padding-bottom: 10px;
}
.review-item .platform {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
    font-size: 13px;
    width: 160px;
}
.review-item .platform img {
    width: 15px;
}
.progress-bar {
    flex: 1;
    height: 10px;
    background: #ddd;
    border-radius: 10px;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
}
.progress-fill {
    background: #28a745;
    height: 100%;
    width: 0;
    border-radius: 10px;
    animation: fillBar 1.2s ease forwards;
}
.star img{
    color: #fbbf24;
    width: 16px;
    margin-right: 7px;
    margin-top: -3px;
}
.review-item i {
    color: #f2693d;
    font-size: 13px;
    margin-right: 10px;
}
.review-item span {
    color: #1f1d1d;
    font-weight: bold;
}
.review-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.review-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
   
}
.review-info {
    flex: 1;
}
.review-info h3 {
    font-size: 15px;
    color: #1b1b1b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}
.review-info p {
    margin: 2px 0;
    color: #333;
    font-size: 12px;
}
.review-rating {
    text-align: right;
    font-size: 15px;
    color: #333;
}
.review-rating .stars {
    color: #ff7033;
    font-size: 16px;
    line-height: 1;
}
.review-rating .stars img{width: 15px;}
.review-rating p{
  font-size: 13px;
    line-height: 16px;
    padding-bottom: 0;
    margin-top: 7px;
    margin-bottom: 0;
    font-weight: 700;
}
.review-body p{
    margin-bottom: 5px;
        font-size: 13px;
}
.review-body p strong{
    background: #e7f1ec;
    padding: 2px 10px;
    border-radius: 5px;
    display: inline-block;
}
.readmore-text {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.review-body {
    margin-top: 10px;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 1.6;
}
.review-body a {
      text-decoration: none;
    
    color: #1a3430;
    font-weight: 600;
        font-size: 14px;
}

p.readmore-text {
    margin-bottom: 0;
    display: inline;
}
.google-logo {
    width: 35px;
    vertical-align: middle;
}

.readmore-text {
    max-height: 80px;   /* collapsed height */
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.testimonial-box.expanded .readmore-text {
    max-height: 1000px; /* enough to show full text */
}

.read-more-btn {
    color: #007bff;
    cursor: pointer;
    font-weight: 500;
}
.testimonial-group-box{display: flex; column-gap: 20px; flex-wrap: wrap;}
.testimonial-group-box .tripTab.overV{width: 49%; margin-top: 0;}

.reviewlistslide{margin-top: 10px;}
.reviewlistslide img{border-radius: 10px;}
.reviewlistslide .swiper-scrollbar-drag{background: repeating-linear-gradient(-45deg, #4caf50, #4caf50 20px, #66bb6a 20px, #66bb6a 40px);height: 10px;}
.reviewlistslide .swiper-scrollbar{height: 10px; background:rgb(0 0 0 / 11%);}

.review-photo{overflow: hidden;}
.review-photo ul{overflow-x: scroll;   display: flex; column-gap: 10px;}
.review-photo ul li{flex: 0 0 18%; margin: 10px 0px;}
.review-photo ul li img{border-radius: 10px;}
.review-photo ul::-webkit-scrollbar-thumb {border-radius: 10px;cursor: pointer; background-color: #4CAF50;    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.review-photo ul::-webkit-scrollbar {cursor: pointer;width: 5px; height: 10px; background-color: #fff;}

/* Testimonial End */

/* Form Code Start*/
.details_form h3 {color: #fff;}
.details_form {background: #646464;padding: 28px 10px 22px;}
.details_form p {margin-bottom: 0;font-size: 13px;color: #fff}
.details_form input {height: 37.5px;font-size: 13px;}
.details_form .btn {line-height: .5}
.details_form .input-group-text {padding: 6px 8px;font-size: .8rem;border-radius: 0;}
.form-number {background: #fff;font-size: 12px;display: flex;align-items: center; padding: 0 5px 0 0;color: #b3b3b3;line-height: 40px;height: 38px;border: 1px solid #c9c9c9}
.details_form img {width: 23px !important; height: auto !important;}
.modal-body .details_form h3{font-size: 20px;}

.letforcontact,.serviceslist{width: calc(100% - 43px);}
.letforcontact .select2-container,.serviceslist .select2-container{width: 100% !important;}
.letforcontact .select2-selection{height: 37.5px;line-height: 37.5px;border: 0;border-radius: 0px 3px 3px 0px;}
.letforcontact  .select2-selection__rendered{line-height: 39px !important;    padding-right: 0px !important;    font-size: 14px;}
.letforcontact .pr-02{padding-right: 5px;}
.letforcontact .pb-02{padding: 0px 5px;}
.letforcontact .pl-02{padding-left: 5px;}
.letforcontact  .select2-selection__arrow{height: 37px !important;}
.serviceslist .select2-selection{height: 40px;overflow-y: scroll; overflow-x: hidden;}
.serviceslist .select2-selection__choice{font-size: 11px;    margin-bottom: 0;}
.serviceslist  .select2-dropdown{z-index: 9 !important;}
.checkbox-option{font-size: 13px;    margin-bottom: 2px;}

.numberbdr{width: calc(100% - 41px);background: #fff;border-radius: 0px 3px 3px 0px;height: 37.5px;}
.innernumberb{display: flex;}
.innernumberb input{width: 6%;border: 0; font-size: 12px; text-align: center;    border-radius: 0px 3px 3px 0px;}
.innernumberb input:focus-visible{box-shadow: none; outline: none;}
.innernumberb .form-space{height: 38px;line-height: 38px;color: #cbcccd;}
.innernumberb .mr1{margin-right: 5px;}
.innernumberb .ml1{margin-left: 5px;}

.requirementlist{}
.requirementlist h6{}
.reqbox{display: flex; flex-wrap: wrap; gap: 10px; background: #fff; height: 58px; overflow-y: scroll; border: 1px solid #ddd;  margin-bottom: 10px;  padding: 8px 8px; border-radius: 7px;}
.reqbox .requircheck{display: flex; align-items: center; gap: 7px; background: #e4e4e4; padding: 3px 7px; border-radius: 6px;}
.reqbox .requircheck label{font-size: 11px;}
.reqbox .requircheck input{height: auto;}

#popupmodel .select2-container {z-index: 1055; }
#popupmodel .modelclosebtn,#popupmodelone .modelclosebtn{position: absolute;right: 0px;top: -11px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 33px; box-shadow: 0 -5px 15px rgba(82,82,82,.5);z-index: 2;}
#popupmodel .modelclosebtn .btn-close,#popupmodelone .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover,#popupmodelone .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.poupdesign .modal-body {padding: 0;}

.modalnumber{width: calc(100% - 74px);border: 1px solid #dee2e6;margin-bottom: 10px}
.modalinnernumberb{ display: flex;}
.modalinnernumberb input{border-radius: 5px;text-align: center; width: 8%; font-size: 12px;padding: 13px 0px; height: 38px;    border: 0;}
.modalinnernumberb .form-space{height: 38px;line-height: 38px;font-size: 14px;}
.mainform .input-group input:focus-visible {border: 0; outline: none; box-shadow: none;}
.mainform .letforcontact .select2-container{    border: 1px solid #dee2e6;}
.mainform .requircheck label{color: #000 !important;}

.labelform{color: #dddddd; font-size: 13px;padding-bottom: 6px;}
.labelform a{color: #b4d2fd;}
.select2-results__option,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 11px;}
.showoption{display: inline-block; margin-bottom: 5px;}
.showoption img{width: 20px;}

#placeholder{color:rgb(92,92,92);font-size:12px;display:flex;justify-content:space-between;width:100%;align-items:baseline;}
.multi-select .placeholder{color:rgb(0,0,0);font-size:12px;display:inherit;background:transparent;opacity:1;    cursor: pointer;}
.multi-select-container{position:relative;width:100%; margin-top: 10px;}
.multi-select{border:1px solid rgb(204,204,204);padding:0.6rem 1.8rem 0.6rem 4px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:flex-start;background:white;overflow-y:visible;position:relative;border-radius: 0px 4px 4px 0px;}
.multi-select.multiSelect>img{position: absolute;right: 10px; width: 8px; top: 50%; margin-top: -4px;}
.selected-tags{display:flex;flex-wrap:wrap;gap:5px;}
.multi-select-container .tag{background:rgb(235,157,42);color:white;padding:2px 10px;border-radius:5px;display:flex;align-items:center;font-size:12px;}
.multi-select-container .remove-tag{margin-left:5px;cursor:pointer;font-weight:bold;}
.multi-select-container .dropdown2{display:none;position:absolute;width:100%;background:white;border:1px solid rgb(204,204,204);border-radius:5px;margin-top:5px;box-shadow:rgba(0,0,0,0.1) 0px 4px 6px;z-index:10;padding:8px 0px;top:100%;}
.dropdown2.show{display:block;}
.multi-select-container .dropdown-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:12px;}
.multi-select-container .dropdown-item input{margin-right:10px;height:auto;}
.multi-select-container .dropdown-item:hover{background:rgb(241,241,241);}
button.remove-all-btn{position:absolute;right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0px;line-height:20px;color:rgb(235,157,42);border:none;border-radius:100px;background:none;}
button.clear-btn{background:transparent;border:none;color:rgb(0,0,0);text-decoration:underline;}
.dropdown-actions button{background:rgb(0,0,0);color:rgb(255,255,255);font-size:10px;border-radius:5px;margin:8px;padding:2px 10px;text-decoration:none;}
.dropdown-actions{display:flex;justify-content:end;}
.multi-select i{font-size:10px;position:absolute;right:17px;top:47%;transform:translateY(-20%);}
span.include-tag p{font-size:0.7rem;font-weight:400;}
.details_form textarea{font-size:13px;border-radius:4px;}
.loadmore_btn a{width:200px;display:block;margin:20px auto;background:#ec6502;color:#fff;font-weight:600;padding:10px;}
.multi-select-container p{font-size:0.8rem;margin-bottom:0px;margin-left:0px;font-weight:400;color:rgb(0,0,0);background:rgb(233,236,239);padding:2px 5px;display:inline-block;}

/* Form Code End */

/* Footer Start */

footer {padding: 3rem 0 0;    background: #373737;}
footer h3 {color: #eb5976;border-bottom: 1px solid #757575; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.3rem;}
footer h5 {color: #fff;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 1rem;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #757575;}
footer .footerfirst ul li a i {margin-right: 0.6rem;}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}
.disclamier{background: #373737;}
.disclamier p {margin-top: 10px;text-align: center;color: #fff;padding: 10px;font-size: .9rem; margin-bottom: 0;}
.copyright p {text-align: left; color: #fff; padding: 10px 0;}
.ftmbtm {}
.ftmbtm a{color: #fff;font-size: 13px;}


.modal-overlay.slideuppopup { display: none; position: fixed; top: 0;  left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 9999;}
.modal-content.slideupcontent {    background-color: #e1e1e1;height: 100vh !important; width: 70%; padding: 1px; border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; right: 0;}
.close-btn {position: absolute;top: 50%; left: -57px; padding: 2px; cursor: pointer; font-size: 26px; color: #000; border-radius: initial; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 40px; height: 40px; line-height: 33px;font-weight: 700;text-align: center;  margin: 10px auto;  background-color: #fff;border-radius: 30px;}
#backgroundOverlay {position: fixed; top: 0;left: 0;width: 100%; height: 98%; background-color: rgba(0, 0, 0, 0.5); display: none;z-index: 9998;}
@keyframes slideIn { from { transform: translateY(100%);  }
to {transform: translateY(0); }  }
@keyframes slideOut {from {transform: translateY(0);  }
to {transform: translateY(100%);} 
}
@keyframes slideleft {from { transform: translateX(+100%); }
to {transform: translateX(0);} 
}
@keyframes slideleftOut {from {transform: translateX(0);}
to {transform: translateX(+100%);}
}
.whyus .modeltitle {text-align:center; padding:10px;background: #1a3430;color: #fff;padding-top: 10px;border-radius: 6px 6px 0px 0px;margin-bottom: 0px;border-bottom: 0px solid #d1cbcb; text-transform: uppercase; font-size: 28px;}
.scrollfix{height: 100vh; overflow-y: scroll;padding-bottom: 7%;scrollbar-width: none;}
.packageenquiry {position:fixed;width:100%;max-width:310px;top:50%;box-sizing:border-box;padding:5px 10px;margin-top:-225px}
.packageenquiry input,.packageenquiry textarea {margin-bottom:4px;font-size: 14px;}
.packageenquiry img{width: 21px;}
.packageenquiry .form-number{height: 35px;}
.packageenquiry h3 {font-size:1rem;text-align:center}
.packageenquiry p {font-size:13px;text-align:center}

/* footer End */


.certificate-box{padding: 20px 10px;background: #fff; margin: 10px;}
.certificate-box h4{font-size: 20px;font-weight: 700;}
.certificate-box p{font-size: 14px;}
.certificate-box img{    border: 6px solid #f2ead3;}

.exlusivelist a {
    display: inline-block;
    color: #1a3430;
    padding: 4px 8px;
    font-size: 13px;
    font-weight:600;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background:#e7f9e9;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: fixed;
    right: -48px;
    top: 40%;
    margin-top: -77.5px;
    z-index: 999;
}