/* ================================
   GLOBAL
================================ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.7;
  background: #f8f9fb;
}

.container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

section {
  padding: 40px 0;
}

h1, h2, h3 {
  font-weight: 600;
  margin-bottom: 15px;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; text-align: center; margin-bottom: 40px; }
h3 { font-size: 20px; }

p { margin-bottom: 15px; }
ul { padding-left: 18px; }

/* ================================
   HERO SECTION
================================ */
.honeymoon-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/manali.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.honeymoon-hero h1 {
  font-size: 42px;
}

.honeymoon-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.shinkula-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/shinkula.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}
.shinkula-hero h1 {
  font-size: 42px;
}

.shinkula-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.hampta-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/hampta-pass-taxi.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}
.hampta-hero h1 {
  font-size: 42px;
}

.hampta-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}

.maxi-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/4-by-4-taxi-in-manali.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.maxi-hero h1 {
  font-size: 42px;
}

.maxi-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.local-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/manali-taxi-union.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.local-hero h1 {
  font-size: 42px;
}

.local-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.manikaran-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/manikaran-kullu.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}
.baralacha-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/baralacha-la-taxi-service.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.baralacha-hero h1 {
  font-size: 42px;
}

.baralacha-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.chandertal-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/chandertal-taxi-service.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.chandertal-hero h1 {
  font-size: 42px;
}

.chandertal-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}

.manikaran-hero h1 {
  font-size: 42px;
}

.manikaran-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.sisu-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/sisu-taxi-union.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.sisu-hero h1 {
  font-size: 42px;
}

.sisu-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
.rohtang-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/rohtang-pass-taxi.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 0;
}

.rohtang-hero h1 {
  font-size: 42px;
}

.rohtang-hero p {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
}
/* CTA BUTTON */
.cta-btn {
  display: inline-block;
  background: linear-gradient(45deg, #ff2e63, #ff6b6b);
  color: #ffffff;
  padding: 14px 34px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 20px rgba(255, 46, 99, 0.35);
  transition: all 0.3s ease;
}

.cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(255, 46, 99, 0.45);
}

.cta-btn:active {
  transform: scale(0.97);
}

/* ================================
   PACKAGE DETAILS / OVERVIEW
================================ */
.package-details {
  background: linear-gradient(135deg, #fdfbfb, #e0eafc);
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
  backdrop-filter: blur(8px);
  text-align: center;
  margin-bottom: 60px;
  transition: all 0.3s ease;
}

.package-details h2 {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.package-details p {
  max-width: 800px;
  margin: 0 auto 20px auto;
  font-size: 17px;
  line-height: 1.8;
  color: #555;
}

/* Optional subtle decorative lines */
.package-details::before,
.package-details::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #ff9a9e, #fad0c4);
  margin: 15px auto 30px auto;
  border-radius: 2px;
}

/* ================================
   HIGHLIGHT GRID
================================ */
.highlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.highlight-box {
  background: rgba(255,255,255,0.65);      /* glass effect */
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 30px 25px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.highlight-box:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 35px 70px rgba(0,0,0,0.15);
}

.highlight-box h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #1a1a1a;
  position: relative;
}

.highlight-box h3::before {
  content: '★';
  color: #f7c948;
  margin-right: 8px;
}

.highlight-box p {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 992px) {
  .package-details h2 {
    font-size: 30px;
  }

  .package-details p {
    font-size: 16px;
  }

  .highlight-box {
    padding: 25px 20px;
  }

  .highlight-box h3 {
    font-size: 20px;
  }

  .highlight-box p {
    font-size: 14.5px;
  }
}

@media (max-width: 600px) {
  .package-details {
    padding: 50px 15px;
  }

  .highlight-grid {
    gap: 20px;
  }
}


/* ================================
   LUXURY HONEYMOON ITINERARY
================================ */
.package-itinerary {
  background: linear-gradient(135deg, #fdfbfb, #ebedee);
  padding: 30px 0;
}


.section-title {
  width: 100%;
  text-align: center;
  font-size: 34px;
  margin: 0 auto 15px auto;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.itinerary-subtitle {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 60px auto;
  color: #666;
}

/* Accordion */
.luxury-accordion .accordion-item {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  overflow: hidden;
  transition: 0.4s ease;
}

.luxury-accordion .accordion-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.accordion-header {
  width: 100%;
  padding: 20px 22px;
  background: transparent;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;   /* better for multi-line titles */
  cursor: pointer;
  text-align: left;
  gap: 15px;
}


.accordion-header .left {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  min-width: 0; /* IMPORTANT */
}

.day-badge {
  background: linear-gradient(45deg, #ff6b6b, #ff9a9e);
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 30px;
  font-weight: 600;
}

.icon {
  font-size: 18px;
}

.title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  flex: 1;
  min-width: 0; /* IMPORTANT */
  white-space: normal;
  word-break: break-word;
}

.arrow {
  font-size: 20px;
  flex-shrink: 0;
  transition: 0.3s ease;
}
@media (max-width: 768px) {

  .accordion-header {
    padding: 18px 18px;
  }

  .title {
    font-size: 15px;
  }

  .day-badge {
    font-size: 11px;
    padding: 4px 10px;
  }

  .icon {
    font-size: 16px;
  }
}


.accordion-item.active .arrow {
  transform: rotate(45deg);
}

/* Accordion animation */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 25px;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  padding: 15px 22px 25px;
}
@media (max-width: 768px) {
  .section-title {
    text-align: center;
    font-size: 24px;
  }
}

/* ================================
   INCLUSIONS
================================ */

.inclusion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
  margin-top: 50px;
  justify-items: center;
}

/* ---------------------------
   GLASS-LIKE CARDS
--------------------------- */
.inclusion-box {
  background: rgba(255, 255, 255, 0.65);      /* slightly stronger glass */
  backdrop-filter: blur(18px);                /* deeper blur for premium effect */
  border-radius: 22px;
  padding: 40px 35px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.1);   /* subtle floating effect */
  border: 1px solid rgba(255,255,255,0.3);
  transition: all 0.5s ease;
  position: relative;
  width: 100%;
}

/* ---------------------------
   HOVER EFFECT
--------------------------- */
.inclusion-box:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 35px 70px rgba(0,0,0,0.15);
}

/* ---------------------------
   HEADERS
--------------------------- */
.inclusion-box h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
  display: flex;
  align-items: center;
  gap: 12px;
}

.inclusion-box h3 .badge {
  font-size: 18px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
}

.inclusion-box.included h3 .badge {
  background: linear-gradient(45deg, #28a745, #43e97b);
}

.inclusion-box.excluded h3 .badge {
  background: linear-gradient(45deg, #ff416c, #ff4b2b);
}

/* ---------------------------
   LIST ITEMS
--------------------------- */
.inclusion-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.inclusion-box li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 14px;
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  transition: transform 0.3s ease;
}

.inclusion-box li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #28a745;
}

.inclusion-box.excluded li::before {
  content: "✖";
  color: #ff4b2b;
}

/* Hover subtle movement on list */
.inclusion-box:hover li {
  transform: translateX(6px);
}

/* ---------------------------
   SECTION TITLES
--------------------------- */
.section-title {
  font-size: 34px;
  margin-bottom: 15px;
  text-align: center;
  color: #1a1a1a;
}

.inclusion-subtitle {
  text-align: center;
  font-size: 15px;
  color: #666;
  max-width: 680px;
  margin: 0 auto 50px auto;
  line-height: 1.6;
}

/* ---------------------------
   RESPONSIVE
--------------------------- */
@media (max-width: 768px) {
  .inclusion-box {
    padding: 28px 22px;
    border-radius: 18px;
  }

  .inclusion-box h3 {
    font-size: 20px;
  }

  .inclusion-box h3 .badge {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  .inclusion-box li {
    font-size: 14px;
    padding-left: 28px;
  }

  .inclusion-grid {
    gap: 25px;
  }
}


/* ================================
   CTA SECTION
================================ */
.inner-cta {
  background: #111;
  color: #fff;
  text-align: center;
}

.inner-cta h2 {
  color: #fff;
}

.inner-cta p {
  margin-bottom: 20px;
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
  body { font-size: 15px; }
  .container { width: 94%; }
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  .honeymoon-hero { padding: 90px 0; }

  .section-title { font-size: 26px; }
  .cta-btn { width: 100%; text-align: center; padding: 16px; }
}

@media (max-width: 480px) {
  .section-title { font-size: 20px; }
  .accordion-header { padding: 16px 14px; }
  .title { font-size: 13px; }
  .accordion-content p,
  .accordion-content li { font-size: 13px; }
}

/* =====================================
   RELATED PACKAGES
===================================== */
.related-packages {
  padding: 80px 20px;
  background: linear-gradient(135deg, #f8fbff, #eef2f7);
  text-align: center;
}

.section-subtitle {
  max-width: 700px;
  margin: 0 auto 50px auto;
  color: #666;
  font-size: 15px;
}

/* Grid */
.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 35px;
}

/* Card */
.related-card {
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(12px);
  border-radius: 20px;
  padding: 30px 25px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  transition: 0.4s ease;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.related-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.15);
}

/* Image placeholder */
.related-image {
  height: 180px;
  background: linear-gradient(135deg, #dfe9f3, #ffffff);
  border-radius: 14px;
  margin-bottom: 20px;
}

/* Title */
.related-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #1a1a1a;
}

/* Text */
.related-card p {
  font-size: 14.5px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 18px;
}

/* Button */
.view-btn {
  display: inline-block;
  padding: 8px 18px;
  background: linear-gradient(45deg, #ff6b6b, #ff9a9e);
  color: #fff;
  border-radius: 25px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.view-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 107, 107, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
  .related-packages {
    padding: 60px 15px;
  }

  .related-card {
    padding: 22px;
  }
}
.related-image {
  height: 200px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
}

.related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 0.4s ease;
}

.related-card:hover .related-image img {
  transform: scale(1.08);
}
.popular-badge {
  position: absolute;
  top: 20px;
  left: -40px;
  background: #ff4e50;
  color: #fff;
  padding: 6px 60px;
  font-size: 12px;
  font-weight: 700;
  transform: rotate(-45deg);
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
★★★★☆
<span>(4.5)</span>
.stars {
  letter-spacing: 3px;
  color: #ffb400;
  font-size: 15px;
}

.rating-number {
  color: #777;
  font-size: 13px;
}
.offer-ribbon {
  position: absolute;
  top: 20px;
  left: -45px;
  background: linear-gradient(45deg, #ff512f, #dd2476);
  color: #fff;
  padding: 6px 60px;
  font-size: 12px;
  font-weight: 700;
  transform: rotate(-45deg);
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  z-index: 5;
}
/* LIST STYLE */
.check-list{
margin-top:20px;
}

.check-list li{
margin-bottom:10px;
padding-left:20px;
position:relative;
}

.check-list li::before{
content:"✔";
position:absolute;
left:0;
color:#caa65b;
}
/* LIST STYLE */
.check-list{
margin-top:20px;
}

.check-list li{
margin-bottom:10px;
padding-left:20px;
position:relative;
}

.check-list li::before{
content:"✔";
position:absolute;
left:0;
color:#caa65b;
}
/* GRID */
.grid-2{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}

.card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.card h3{
font-size:20px;
margin-bottom:15px;
color:#111;
}

.card p{
font-size:15px;
color:#666;
}
/* HERO SECTION */
.inner-hero{
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/tempo-traveller-manali.jpg');
background-size:cover;
background-position:center;
padding:120px 20px;
text-align:center;
color:#fff;
}

.inner-hero h1{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.inner-hero p{
max-width:800px;
margin:auto;
font-size:18px;
opacity:0.95;
}
/* =========================================
   DISTANCE & TRAVEL SECTION – LUXURY GOLD
========================================= */

.distance-section {
  padding: 60px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fafc 100%);
  position: relative;
}

/* Subtle Gold Top Accent */
.distance-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 4px;
  background: linear-gradient(90deg, #d4af37, #b8962e);
  border-radius: 10px;
}

/* Section Header */
.section-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 60px;
}

.section-badge {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #b8962e;
  background: rgba(212, 175, 55, 0.08);
  padding: 8px 18px;
  border-radius: 50px;
  margin-bottom: 18px;
}

.section-title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #111;
}

.section-subtitle {
  font-size: 16px;
  color: #666;
  line-height: 1.7;
}

/* Grid Layout */
.distance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

/* Cards */
.distance-card {
  background: #fff;
  padding: 40px 30px;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Premium Gold Hover Border */
.distance-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #d4af37, #b8962e);
  transition: 0.4s ease;
  transform: translateX(-50%);
}

.distance-card:hover::after {
  width: 65%;
}

.distance-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* Icons */
.distance-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #d4af37, #b8962e);
  color: #fff;
  font-size: 22px;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.35);
}

/* Card Text */
.distance-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #111;
}

.distance-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}

/* Note Section */
.distance-note {
  margin-top: 60px;
  padding: 35px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(212,175,55,0.08), rgba(184,150,46,0.05));
  border: 1px solid rgba(212,175,55,0.2);
  text-align: center;
}

.distance-note p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  max-width: 800px;
  margin: 0 auto;
}

/* =========================================
   RESPONSIVE DESIGN
========================================= */

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

  .section-title {
    font-size: 32px;
  }
}

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

  .distance-section {
    padding: 60px 15px;
  }

  .section-title {
    font-size: 26px;
  }

  .distance-card {
    padding: 30px 22px;
  }
}


.leh-route-section {
  padding: 35px 20px;
  background: #f8f9fb;
}

.leh-route-container {
  max-width: 1200px;
  margin: auto;
}

/* Header */
.leh-route-header {
  text-align: center;
  margin-bottom: 60px;
}

.leh-route-header h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.leh-route-header p {
  max-width: 750px;
  margin: auto;
  font-size: 16px;
  color: #666;
  line-height: 1.7;
}

/* Horizontal Route */
.leh-horizontal-route {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  padding-top: 40px;
}

/* Road Line */
.leh-horizontal-route::before {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #d4b15a;
  z-index: 0;
}

/* Stops */
.route-stop {
  text-align: center;
  position: relative;
  width: 16%;
  z-index: 2;
}

/* Icon Circle */
.route-icon {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 50%;
  background: #ffffff;
  border: 4px solid #d4b15a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 15px;
  transition: 0.3s ease;
}

/* Stop Title */
.route-stop h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* Hover Effect */
.route-stop:hover .route-icon {
  background: #d4b15a;
  color: #fff;
  transform: translateY(-8px);
}

/* Bottom Note */
.route-note {
  margin-top: 70px;
  text-align: center;
  font-size: 15px;
  color: #555;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 992px) {

  .leh-horizontal-route {
    flex-wrap: wrap;
    gap: 40px;
  }

  .leh-horizontal-route::before {
    display: none;
  }

  .route-stop {
    width: 45%;
  }
}

@media (max-width: 576px) {

  .route-stop {
    width: 100%;
  }
}
test
.leh-safety-section {
  padding: 120px 20px;
  background: linear-gradient(180deg, #f8f9ff 0%, #eef2ff 100%);
}

.leh-safety-container {
  max-width: 1000px;
  margin: auto;
}

/* Main Card */
.leh-safety-card {
  background: #ffffff;
  border-radius: 32px;
  padding: 60px 50px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.06);
  text-align: center;
  transition: 0.4s ease;
}

.leh-safety-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 80px rgba(0,0,0,0.08);
}

/* Heading */
.leh-safety-card h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #202124;
  letter-spacing: -0.5px;
}

/* Lead Text */
.lead-text {
  font-size: 20px;
  font-weight: 600;
  color: #1a73e8;
  margin-bottom: 20px;
}

/* Description */
.desc-text {
  font-size: 16px;
  color: #5f6368;
  max-width: 700px;
  margin: 0 auto 50px auto;
  line-height: 1.8;
}

/* Safety Grid */
.safety-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 40px;
}

/* Safety Item */
.safety-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background: #f1f3f4;
  padding: 18px 20px;
  border-radius: 20px;
  font-weight: 600;
  color: #202124;
  transition: 0.3s ease;
}

.safety-item:hover {
  background: #e8f0fe;
  transform: translateY(-3px);
}

/* Icons */
.safety-item .icon {
  font-size: 22px;
}

/* Footer */
.safety-footer {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #34a853;
}

/* Responsive */
@media (max-width: 768px) {

  .leh-safety-card {
    padding: 40px 25px;
  }

  .leh-safety-card h2 {
    font-size: 26px;
  }

  .safety-grid {
    grid-template-columns: 1fr;
  }
}

test 
.leh-options-section {
  padding: 120px 20px;
  background: linear-gradient(180deg, #f8faff 0%, #eef3ff 100%);
}

.leh-options-container {
  max-width: 1150px;
  margin: auto;
}

/* Header */
.leh-options-header {
  text-align: center;
  margin-bottom: 70px;
}

.leh-options-header h2 {
  font-size: 36px;
  font-weight: 700;
  color: #202124;
  margin-bottom: 15px;
  letter-spacing: -0.4px;
}

.leh-options-header p {
  font-size: 16px;
  color: #5f6368;
  max-width: 700px;
  margin: auto;
  line-height: 1.7;
}

/* Grid Layout */
.options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Cards */
.option-card {
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 30px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  text-align: left;
  transition: 0.4s ease;
  border: 1px solid #e6e9f0;
}

.option-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
}

/* Featured Card (Material Primary Highlight) */
.option-card.featured {
  border: 2px solid #1a73e8;
  background: #f5f9ff;
}

/* Icon */
.option-icon {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: #e8f0fe;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 25px;
}

/* Title */
.option-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #202124;
}

/* Text */
.option-card p {
  font-size: 15px;
  color: #5f6368;
  line-height: 1.7;
}

/* Footer */
.options-footer {
  margin-top: 60px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #34a853;
}

/* Responsive */
@media (max-width: 992px) {
  .options-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {

  .leh-options-section {
    padding: 80px 15px;
  }

  .leh-options-header h2 {
    font-size: 28px;
  }

  .options-grid {
    grid-template-columns: 1fr;
  }

  .option-card {
    text-align: center;
  }
}

test
.who-book-section{
padding:110px 20px;
background:#f8f9fc;
}

.who-book-container{
max-width:1200px;
margin:auto;
}

.who-book-header{
text-align:center;
margin-bottom:70px;
}

.who-book-header h2{
font-size:36px;
font-weight:700;
color:#202124;
margin-bottom:15px;
}

.who-book-header p{
font-size:16px;
color:#5f6368;
max-width:700px;
margin:auto;
line-height:1.7;
}

/* GRID */

.who-book-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
}

/* CARD */

.who-book-card{
background:#ffffff;
padding:30px;
border-radius:22px;
border:1px solid #e6e8ef;
text-align:center;
transition:all .35s ease;
box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.who-book-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
border-color:#d2e3fc;
}

/* ICON */

.who-icon{
font-size:30px;
margin-bottom:15px;
background:#e8f0fe;
width:60px;
height:60px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
margin-left:auto;
margin-right:auto;
}

/* TEXT */

.who-book-card h3{
font-size:18px;
margin-bottom:10px;
color:#202124;
}

.who-book-card p{
font-size:14px;
color:#5f6368;
line-height:1.6;
}

/* MOBILE */

@media(max-width:768px){

.who-book-header h2{
font-size:28px;
}

.who-book-section{
padding:80px 15px;
}

}

test 

.leh-booking-section{
padding:120px 20px;
background:linear-gradient(180deg,#f7f9ff,#eef2ff);
}

.booking-container{
max-width:1000px;
margin:auto;
}

.booking-content{
background:#ffffff;
padding:60px;
border-radius:30px;
box-shadow:0 25px 60px rgba(0,0,0,0.06);
text-align:center;
border:1px solid #e6e9f0;
}

/* Heading */

.booking-content h2{
font-size:36px;
font-weight:700;
margin-bottom:20px;
color:#202124;
}

/* Description */

.booking-desc{
font-size:16px;
color:#5f6368;
max-width:720px;
margin:auto;
line-height:1.8;
margin-bottom:45px;
}

/* Action Buttons */

.booking-actions{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-bottom:40px;
}

/* Button */

.booking-btn{
display:block;
padding:22px;
border-radius:18px;
text-decoration:none;
font-weight:600;
font-size:16px;
background:#f1f3f4;
color:#202124;
transition:all .3s ease;
border:1px solid #e0e3eb;
}

.booking-btn span{
display:block;
font-size:13px;
font-weight:400;
color:#5f6368;
margin-top:5px;
}

/* Hover */

.booking-btn:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

/* Special Buttons */

.booking-btn.call{
background:#e8f0fe;
border-color:#d2e3fc;
}

.booking-btn.whatsapp{
background:#e6f7ef;
border-color:#c9eedc;
}

.booking-btn.inquiry{
background:#fff3e0;
border-color:#ffe0b2;
}

/* Trust Line */

.booking-trust{
font-size:16px;
color:#1a73e8;
font-weight:500;
}

/* Responsive */

@media(max-width:900px){

.booking-actions{
grid-template-columns:1fr;
}

.booking-content{
padding:40px 30px;
}

.booking-content h2{
font-size:28px;
}

}

/* ===============================
ATAL TUNNEL TAXI SECTION
=============================== */

.atal-tunnel-section{
padding:40px 20px;
background:linear-gradient(180deg,#f8fafc,#ffffff);
}

.atal-container{
max-width:1100px;
margin:auto;
background:#ffffff;
padding:50px;
border-radius:14px;
box-shadow:0 12px 35px rgba(0,0,0,0.06);
text-align:center;
}

/* Badge */

.route-badge{
display:inline-block;
background:#eef2ff;
color:#4f46e5;
font-size:13px;
padding:6px 14px;
border-radius:30px;
margin-bottom:15px;
font-weight:600;
}

/* Heading */

.atal-container h1{
font-size:34px;
color:#1e293b;
margin-bottom:18px;
}

/* Intro */

.lead-text{
font-size:17px;
color:#475569;
line-height:1.7;
margin-bottom:18px;
}

/* Paragraph */

.atal-container p{
color:#64748b;
line-height:1.7;
font-size:15px;
}

/* Features */

.atal-features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin:35px 0;
}

.feature-item{
background:#f9fbff;
padding:20px;
border-radius:10px;
border:1px solid #edf2f7;
display:flex;
gap:10px;
align-items:center;
justify-content:center;
transition:0.3s;
}

.feature-item:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.feature-item span{
font-size:22px;
}

.feature-item p{
margin:0;
font-size:14px;
color:#475569;
}

/* Highlight */

.highlight-note{
background:#f1f5f9;
padding:18px;
border-radius:10px;
margin-bottom:30px;
font-size:15px;
color:#334155;
}

/* Buttons */

.cta-buttons{
display:flex;
gap:15px;
justify-content:center;
flex-wrap:wrap;
}

.btn-primary{
background:#2563eb;
color:#fff;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn-primary:hover{
background:#1d4ed8;
}

.btn-secondary{
background:#22c55e;
color:#fff;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn-secondary:hover{
background:#16a34a;
}

/* ===============================
MOBILE OPTIMIZATION
=============================== */

@media (max-width:768px){

.atal-container{
padding:35px 25px;
}

.atal-container h1{
font-size:26px;
}

.lead-text{
font-size:16px;
}

}
test
/* SECTION */

.atal-why-section{
padding:110px 20px;
background:#ffffff;
}

.atal-why-container{
max-width:1100px;
margin:auto;
}

/* HEADING */

.atal-why-heading{
text-align:center;
margin-bottom:60px;
}

.atal-why-heading h2{
font-size:36px;
font-weight:700;
color:#111827;
}

/* ROW */

.atal-why-row{
display:grid;
grid-template-columns:260px 1fr;
gap:40px;
padding:35px 0;
border-bottom:1px solid #e5e7eb;
}

/* TITLE */

.atal-why-title h3{
font-size:20px;
color:#1f2937;
}

/* TEXT */

.atal-why-text p{
font-size:16px;
line-height:1.7;
color:#4b5563;
}

.atal-why-text ul{
margin:12px 0 12px 18px;
}

.atal-why-text li{
margin-bottom:5px;
font-size:15px;
color:#374151;
}

/* MOBILE */

@media (max-width:768px){

.atal-why-row{
grid-template-columns:1fr;
gap:15px;
}

.atal-why-heading h2{
font-size:28px;
}

}

/* ATAL HERO SECTION */

.atal-hero{
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url("../images/tempo-traveller-manali.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
padding:120px 20px;
text-align:center;
color:#fff;
}

.atal-hero h1{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.atal-hero p{
max-width:800px;
margin:auto;
font-size:18px;
opacity:0.95;
}


/* CONTAINER */

.hero-container{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:1fr 340px;
gap:60px;
align-items:center;
}

/* TEXT */

.hero-text h1{
font-size:42px;
margin-bottom:15px;
}

.hero-text p{
font-size:17px;
line-height:1.7;
max-width:520px;
}

.hero-badge{
display:inline-block;
background:rgba(255,255,255,0.15);
padding:6px 14px;
border-radius:20px;
margin-bottom:14px;
font-size:13px;
}

/* BOOKING FORM */

.hero-booking{
background:#ffffff;
padding:25px;
border-radius:12px;
box-shadow:0 18px 35px rgba(0,0,0,0.25);
color:#333;
}

.hero-booking h3{
font-size:20px;
margin-bottom:15px;
text-align:center;
}

/* FORM */

.form-group{
margin-bottom:12px;
}

.form-group input,
.form-group select,
.form-group textarea{
width:100%;
padding:9px 10px;
border-radius:6px;
border:1px solid #ddd;
font-size:14px;
}

.form-group textarea{
height:70px;
resize:none;
}

/* BUTTON */

.send-btn{
width:100%;
padding:11px;
background:#2563eb;
border:none;
color:#fff;
font-size:15px;
border-radius:6px;
cursor:pointer;
transition:.3s;
}

.send-btn:hover{
background:#1e4ed8;
}

/* MOBILE */

@media(max-width:900px){

.hero-container{
grid-template-columns:1fr;
text-align:center;
gap:30px;
}

.hero-text p{
margin:auto;
}

}
test
/* ============================
GOOGLE TRAVEL STYLE SECTION
============================ */

.atal-travel-pro{
padding:110px 20px;
background:#f8fafc;
}

.atal-travel-wrapper{
max-width:1100px;
margin:auto;
text-align:center;
}

/* Heading */

.atal-heading{
font-size:36px;
font-weight:700;
color:#111827;
margin-bottom:20px;
line-height:1.4;
}

/* Intro text */

.atal-intro{
max-width:750px;
margin:auto;
font-size:17px;
color:#4b5563;
line-height:1.8;
margin-bottom:50px;
}

/* Feature grid */

.atal-feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-bottom:50px;
}

/* Feature card */

.atal-feature{
background:#ffffff;
padding:30px;
border-radius:12px;
box-shadow:0 6px 25px rgba(0,0,0,0.07);
transition:0.3s;
}

.atal-feature:hover{
transform:translateY(-6px);
box-shadow:0 12px 40px rgba(0,0,0,0.12);
}

/* Icons */

.atal-icon{
font-size:32px;
margin-bottom:15px;
}

/* Feature heading */

.atal-feature h3{
font-size:20px;
margin-bottom:10px;
color:#111827;
}

/* Feature text */

.atal-feature p{
font-size:15px;
color:#6b7280;
line-height:1.7;
}

/* Bottom paragraph */

.atal-bottom-text{
max-width:820px;
margin:auto;
font-size:17px;
color:#4b5563;
line-height:1.8;
}

/* Responsive */

@media (max-width:900px){

.atal-feature-grid{
grid-template-columns:1fr 1fr;
}

}

@media (max-width:600px){

.atal-feature-grid{
grid-template-columns:1fr;
}

.atal-heading{
font-size:26px;
}

}
test
/* ===============================
ATAL TUNNEL DISTANCE SECTION
=============================== */

.atal-distance-section{
padding:110px 20px;
background:#f8fafc;
}

.distance-container{
max-width:1100px;
margin:auto;
text-align:center;
}

.distance-container h2{
font-size:34px;
font-weight:700;
margin-bottom:60px;
color:#111827;
}

/* Route Progress */

.route-progress{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-bottom:60px;
}

.route-point{
font-size:15px;
font-weight:600;
color:#374151;
}

.route-line{
position:relative;
width:250px;
height:6px;
background:#e5e7eb;
border-radius:20px;
}

.route-car{
position:absolute;
top:-16px;
left:45%;
font-size:22px;
}

/* Stats */

.distance-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-bottom:50px;
}

.distance-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.distance-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.distance-icon{
font-size:32px;
margin-bottom:10px;
}

.distance-card h3{
font-size:22px;
margin-bottom:6px;
color:#111827;
}

.distance-card p{
font-size:14px;
color:#6b7280;
}

/* Description */

.distance-text{
max-width:760px;
margin:auto;
}

.distance-text p{
font-size:17px;
line-height:1.8;
color:#4b5563;
margin-bottom:16px;
}

/* Responsive */

@media (max-width:768px){

.distance-container h2{
font-size:26px;
}

.route-line{
width:150px;
}

}
test
/* ==============================
   SIGHTSEEING SECTION
================================= */
.sightseeing-section {
  padding: 80px 20px;
  background: #f5f7fa;
  font-family: 'Poppins', sans-serif;
}

.sightseeing-header {
  text-align: center;
  margin-bottom: 50px;
}

.sightseeing-header h2 {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.sightseeing-header h2::after {
  content: "";
  width: 80px;
  height: 3px;
  background: #d4af37;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
}

.sightseeing-header p {
  margin-top: 15px;
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* GRID OF HIGHLIGHTS */
.sightseeing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}

/* INDIVIDUAL CARD */
.sightseeing-card {
  background: #fff;
  border-radius: 15px;
  padding: 20px 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.07);
  transition: transform 0.3s, box-shadow 0.3s;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.sightseeing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.sightseeing-icon {
  font-size: 32px;
  margin-bottom: 15px;
  color: #d4af37;
}

.sightseeing-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #111;
}

.sightseeing-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/* RESPONSIVE GRID */
@media (max-width: 992px) {
  .sightseeing-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 600px) {
  .sightseeing-grid {
    grid-template-columns: 1fr;
  }
}
test
/* ==============================
   WHY CHOOSE PRIVATE TAXI
================================= */
.why-taxi-section {
  padding: 80px 20px;
  background: #fff9f0;
  font-family: 'Poppins', sans-serif;
}

.why-taxi-header {
  text-align: center;
  margin-bottom: 50px;
}

.why-taxi-header h2 {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.why-taxi-header h2::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #d4af37;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
}

.why-taxi-header p {
  margin-top: 15px;
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* FEATURES GRID */
.why-taxi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  max-width: 1100px;
  margin: 0 auto;
}

/* INDIVIDUAL FEATURE CARD */
.why-taxi-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px 25px 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  text-align: center; /* Center content */
  transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center children */
}

.why-taxi-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

/* ICON */
.why-taxi-icon {
  font-size: 40px; /* Bigger icon */
  color: #d4af37;
  margin-bottom: 15px;
  transition: transform 0.3s, color 0.3s;
}

/* Icon hover animation */
.why-taxi-card:hover .why-taxi-icon {
  transform: scale(1.3) rotate(10deg);
  color: #ff7a18; /* Slight color change on hover */
}

.why-taxi-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111;
}

.why-taxi-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  flex: 1;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .why-taxi-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 600px) {
  .why-taxi-grid {
    grid-template-columns: 1fr;
  }
}

/* SECTION BASE */

.rohtang-info,
.rohtang-distance,
.rohtang-best-time{
padding:70px 20px;
background:#f8f9fc;
border-bottom:1px solid #eee;
}


/* CONTAINER */

.rohtang-container{
max-width:1000px;
margin:auto;
text-align:center;
}


/* HEADINGS */

.rohtang-container h2{
font-size:32px;
font-weight:700;
margin-bottom:20px;
color:#111;
position:relative;
}


/* HEADING UNDERLINE */

.rohtang-container h2::after{
content:"";
width:70px;
height:3px;
background:#ff6a00;
display:block;
margin:12px auto 0;
border-radius:3px;
}


/* PARAGRAPH */

.rohtang-container p{
font-size:16px;
line-height:1.8;
color:#555;
margin-bottom:18px;
}


/* ALTERNATE BACKGROUND */

.rohtang-distance{
background:#ffffff;
}


/* CARD STYLE EFFECT */

.rohtang-info .rohtang-container,
.rohtang-distance .rohtang-container,
.rohtang-best-time .rohtang-container{
background:#fff;
padding:40px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}


/* HOVER EFFECT */

.rohtang-container:hover{
transform:translateY(-5px);
transition:0.3s;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}


/* MOBILE RESPONSIVE */

@media(max-width:768px){

.rohtang-container h2{
font-size:26px;
}

.rohtang-container{
padding:20px;
}

.rohtang-container p{
font-size:15px;
}

}
test
.tour-timeline{
padding:80px 20px;
background:#f8f9fb;
font-family: 'Inter', sans-serif;
}

.timeline-container{
max-width:1100px;
margin:auto;
}

.timeline-header{
text-align:center;
margin-bottom:60px;
}

.timeline-header h2{
font-size:36px;
margin-bottom:10px;
color:#222;
}

.timeline-header p{
color:#555;
font-size:16px;
max-width:700px;
margin:auto;
}

.timeline{
position:relative;
margin-top:40px;
}

.timeline:before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:0;
width:4px;
background:#e0e0e0;
transform:translateX(-50%);
}

.timeline-item{
display:flex;
align-items:center;
margin:40px 0;
position:relative;
}

.timeline-item:nth-child(odd){
flex-direction:row-reverse;
}

.timeline-icon{
background:#ff6b35;
color:white;
font-size:22px;
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
position:absolute;
left:50%;
transform:translateX(-50%);
box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

.timeline-content{
background:white;
padding:25px;
width:45%;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:0.3s;
}

.timeline-content:hover{
transform:translateY(-5px);
box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

.timeline-content h3{
margin-bottom:8px;
font-size:20px;
color:#111;
}

.timeline-content p{
font-size:15px;
color:#555;
line-height:1.6;
}

/* Mobile */

@media(max-width:768px){

.timeline:before{
left:25px;
}

.timeline-item{
flex-direction:row;
padding-left:60px;
}

.timeline-item:nth-child(odd){
flex-direction:row;
}

.timeline-icon{
left:25px;
transform:none;
}

.timeline-content{
width:100%;
}

}
test
.luxury-fleet{
padding:90px 20px;
background:linear-gradient(180deg,#f8f9fb,#eef2f7);
}

.fleet-wrapper{
max-width:1150px;
margin:auto;
}

.fleet-title{
text-align:center;
margin-bottom:60px;
}

.fleet-title h2{
font-size:36px;
margin-bottom:15px;
color:#111;
}

.fleet-title p{
max-width:800px;
margin:auto;
color:#555;
line-height:1.7;
}

.fleet-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.fleet-box{
background:#fff;
border-radius:16px;
padding:10px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.fleet-box:hover{
transform:translateY(-8px);
box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.fleet-top{
text-align:center;
margin-bottom:10px;
}

.fleet-emoji{
font-size:38px;
display:block;
margin-bottom:10px;
}

.fleet-top h3{
font-size:22px;
margin-bottom:5px;
color:#111;
}

.capacity{
font-size:14px;
color:#888;
}

.fleet-features{
list-style:none;
padding:0;
margin:20px 0;
}

.fleet-features li{
font-size:15px;
color:#555;
margin-bottom:8px;
}

.fleet-features li::before{
content:"✔ ";
color:#28a745;
}

.fleet-btn{
display:block;
text-align:center;
background:#ff6b00;
color:#fff;
padding:12px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.fleet-btn:hover{
background:#e55d00;
}

.fleet-footer{
text-align:center;
margin-top:40px;
color:#555;
max-width:850px;
margin-left:auto;
margin-right:auto;
line-height:1.7;
}
.fleet-image{
width:100%;
height:170px;
object-fit:cover;
border-radius:12px;
margin-bottom:18px;
}
test


/* ============================
MANALI SIGHTSEEING SECTION
============================ */

.sightseeing-section{
padding:90px 20px;
background:#f7f9fc;
}

.sightseeing-container{
max-width:1200px;
margin:auto;
}

.sightseeing-header{
text-align:center;
max-width:750px;
margin:auto;
margin-bottom:60px;
}

.sightseeing-header h2{
font-size:36px;
margin-bottom:15px;
color:#222;
}

.sightseeing-header p{
font-size:17px;
color:#666;
line-height:1.7;
}

/* GRID */

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

/* CARD */

.sightseeing-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.sightseeing-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.sightseeing-card img{
height:250px;
object-fit:cover;
}

/* TEXT */

.sightseeing-card h3{
font-size:20px;
padding:18px 20px 8px;
color:#0c4c7b;
}

.sightseeing-card p{
font-size:15px;
padding:0 20px 22px;
color:#555;
line-height:1.6;
}

/* MOBILE */

@media (max-width:768px){

.sightseeing-header h2{
font-size:28px;
}

.sightseeing-card img{
height:180px;
}

}
/* Tablet */

@media (max-width:992px){

.sightseeing-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media (max-width:600px){

.sightseeing-grid{
grid-template-columns:1fr;
}

}
TEST
/* TAXI OPTIONS SECTION */

.taxi-options-section{
padding:80px 20px;
background:#f7f9fc;
}

.taxi-options-container{
max-width:1200px;
margin:auto;
}

.taxi-options-header{
text-align:center;
margin-bottom:50px;
}

.taxi-options-header h2{
font-size:32px;
font-weight:700;
margin-bottom:15px;
color:#111;
}

.taxi-options-header p{
max-width:750px;
margin:auto;
color:#555;
line-height:1.7;
}

.taxi-options-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
}

.taxi-option-card{
background:#fff;
padding:20px 25px;
border-radius:14px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .3s ease;
}

.taxi-option-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

.taxi-icon{
font-size:40px;
margin-bottom:15px;
}

.taxi-option-card h3{
font-size:20px;
margin-bottom:10px;
color:#222;
}

.taxi-option-card p{
font-size:15px;
color:#555;
line-height:1.6;
}

.taxi-options-note{
margin-top:40px;
text-align:center;
max-width:750px;
margin-left:auto;
margin-right:auto;
font-size:15px;
color:#555;
line-height:1.7;
}
/* SHINKULA PASS TAXI FARE */

.taxi-fare-section{
padding:80px 20px;
background:#f7f9fc;
font-family:Arial, sans-serif;
}

.fare-container{
max-width:1000px;
margin:auto;
}

.taxi-fare-section h2{
text-align:center;
font-size:34px;
margin-bottom:20px;
color:#222;
}

.fare-intro{
text-align:center;
max-width:750px;
margin:auto;
margin-bottom:40px;
color:#555;
line-height:1.7;
}

.fare-table{
border-radius:8px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

.fare-row{
display:grid;
grid-template-columns:1fr 1fr;
padding:16px 20px;
border-bottom:1px solid #eee;
background:white;
}

.fare-head{
background:#2c5cff;
color:white;
font-weight:bold;
}

.fare-row:nth-child(even){
background:#f9fbff;
}

.fare-info{
margin-top:40px;
text-align:center;
}

.fare-info h3{
font-size:22px;
margin-bottom:15px;
color:#222;
}

.fare-info ul{
list-style:none;
padding:0;
margin-bottom:20px;
}

.fare-info li{
padding:6px 0;
color:#555;
}

.fare-note{
color:#444;
font-weight:500;
}
.fare-info{
margin-top:40px;
padding:30px;
background:#ffffff;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
text-align:center;
}

.fare-info h3{
font-size:24px;
margin-bottom:20px;
color:#222;
}

.fare-info ul{
list-style:none;
padding:0;
margin-bottom:20px;
}

.fare-info li{
padding:10px 0;
font-size:16px;
color:#444;
border-bottom:1px dashed #eee;
}

.fare-note{
font-size:15px;
color:#333;
font-weight:500;
}
/* ROUTE SECTION */

.route-section{
padding:60px 20px;
background:linear-gradient(135deg,#eef6ff,#f9fbff);
font-family:'Poppins',sans-serif;
}

/* HEADER */

.route-header{
text-align:center;
max-width:850px;
margin:auto;
margin-bottom:60px;
}

.route-header h2{
font-size:34px;
margin-bottom:15px;
color:#0f4c81;
}

.route-header p{
color:#555;
line-height:1.7;
font-size:16px;
}

/* GRID */

.route-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
max-width:1100px;
margin:auto;
}

/* CARD */

.route-card{
background:#fff;
padding:28px;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:all .35s ease;
position:relative;
overflow:hidden;
}

.route-card::before{
content:"";
position:absolute;
top:0;
left:0;
height:4px;
width:100%;
background:#0f4c81;
}

.route-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* ICON STYLE */

.route-card h3{
font-size:19px;
margin-bottom:10px;
color:#111;
}

.route-card p{
font-size:15px;
line-height:1.7;
color:#555;
}

/* ROUTE TEXT */

.route-card strong{
color:#0f4c81;
}

/* BOTTOM TEXT */

.route-bottom{
margin-top:50px;
text-align:center;
max-width:850px;
margin-left:auto;
margin-right:auto;
font-size:16px;
color:#444;
line-height:1.7;
}

/* RESPONSIVE */

@media(max-width:768px){

.route-header h2{
font-size:26px;
}

.route-grid{
gap:20px;
}

}
/* ROUTE SECTION */

.route-section{
padding:60px 20px;
background:linear-gradient(135deg,#eef6ff,#f9fbff);
font-family:'Poppins',sans-serif;
}

/* HEADER */

.route-header{
text-align:center;
max-width:850px;
margin:auto;
margin-bottom:60px;
}

.route-header h2{
font-size:34px;
margin-bottom:15px;
color:#0f4c81;
}

.route-header p{
color:#555;
line-height:1.7;
font-size:16px;
}

/* GRID */

.route-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
max-width:1100px;
margin:auto;
}

/* CARD */

.route-card{
background:#fff;
padding:28px;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:all .35s ease;
position:relative;
overflow:hidden;
}

.route-card::before{
content:"";
position:absolute;
top:0;
left:0;
height:4px;
width:100%;
background:#0f4c81;
}

.route-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* ICON STYLE */

.route-card h3{
font-size:19px;
margin-bottom:10px;
color:#111;
}

.route-card p{
font-size:15px;
line-height:1.7;
color:#555;
}

/* ROUTE TEXT */

.route-card strong{
color:#0f4c81;
}

/* BOTTOM TEXT */

.route-bottom{
margin-top:50px;
text-align:center;
max-width:850px;
margin-left:auto;
margin-right:auto;
font-size:16px;
color:#444;
line-height:1.7;
}

/* RESPONSIVE */

@media(max-width:768px){

.route-header h2{
font-size:26px;
}

.route-grid{
gap:20px;
}

}
.about-chandratal{
padding:60px 20px;
background:#f8fbff;
font-family:"Poppins",sans-serif;
}

.about-chandratal .container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.about-header{
text-align:center;
max-width:850px;
margin:auto;
margin-bottom:60px;
}

.about-badge{
display:inline-block;
background:#eef4ff;
color:#3b6cff;
padding:6px 14px;
border-radius:30px;
font-size:13px;
font-weight:600;
margin-bottom:15px;
}

.about-header h2{
font-size:36px;
margin-bottom:15px;
color:#1e2a38;
}

.about-header p{
font-size:17px;
line-height:1.7;
color:#555;
}

/* GRID */

.about-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-top:40px;
}

/* CARD */

.about-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:.35s;
text-align:center;
}

.about-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.about-icon{
font-size:32px;
margin-bottom:12px;
}

.about-card h3{
font-size:20px;
margin-bottom:10px;
color:#222;
}

.about-card p{
font-size:15px;
color:#666;
line-height:1.7;
}

/* NOTE */

.about-note{
margin-top:50px;
text-align:center;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.about-note p{
font-size:16px;
color:#444;
line-height:1.7;
}
/* =========================================
4x4 OFFROAD ROUTES SECTION
========================================= */

.fleet-4x4-section{
padding:60px 20px;
background:#f7f9fc;
font-family:"Poppins",sans-serif;
}

.fleet-4x4-section .container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.fleet-header{
text-align:center;
margin-bottom:60px;
}

.fleet-badge{
display:inline-block;
background:#fff3d6;
color:#b88a00;
padding:6px 14px;
font-size:13px;
border-radius:20px;
margin-bottom:10px;
}

.fleet-header h2{
font-size:36px;
font-weight:700;
color:#1e2a38;
margin-bottom:15px;
}

.fleet-header p{
max-width:800px;
margin:auto;
font-size:17px;
color:#555;
line-height:1.7;
}

/* GRID */

.fleet-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

/* CARD */

.fleet-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:.35s;
}

.fleet-card:hover{
transform:translateY(-7px);
box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

.fleet-card img{
width:100%;
height:260px;
object-fit:cover;
}

/* CONTENT */

.fleet-content{
padding:18px;
}

.fleet-content h3{
font-size:20px;
margin-bottom:10px;
color:#1e2a38;
}

.fleet-content p{
font-size:15px;
color:#666;
line-height:1.7;
margin-bottom:15px;
}

.fleet-specs{
display:flex;
justify-content:space-between;
font-size:13px;
color:#555;
margin-bottom:12px;
}

.fleet-price{
font-weight:600;
color:#e63946;
margin-bottom:15px;
}

/* BUTTONS */

.fleet-actions{
display:flex;
gap:10px;
margin-bottom:12px;
}



.fleet-btn.whatsapp{
background:#25D366;
}

.fleet-btn:hover{
background:#d4af37;
color:#000;
}

/* REVIEW */

.fleet-review{
font-size:13px;
color:#777;
}

/* RESPONSIVE */

@media(max-width:768px){

.fleet-header h2{
font-size:28px;
}

.fleet-header p{
font-size:15px;
}

}
.travel-season{
padding:40px 20px;
background:#f7f9fc;
font-family:'Poppins',sans-serif;
}

.season-container{
max-width:1100px;
margin:auto;
text-align:center;
}

.travel-season h2{
font-size:32px;
margin-bottom:15px;
color:#0f4c81;
}

.season-intro{
max-width:750px;
margin:auto;
margin-bottom:40px;
color:#555;
line-height:1.6;
}

.season-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
}

.season-card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.06);
transition:0.3s;
}

.season-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.season-icon{
font-size:30px;
display:block;
margin-bottom:10px;
}

.season-card h3{
font-size:18px;
margin-bottom:10px;
color:#222;
}

.season-card p{
font-size:14px;
color:#666;
line-height:1.5;
}

/* ===============================
WHY CHOOSE SECTION
================================ */

.why-choose-baralacha{
padding:40px 20px;
background:#f7f9fc;
}

.why-container{
max-width:1100px;
margin:auto;
}

.why-header{
text-align:center;
margin-bottom:50px;
}

.why-header h2{
font-size:32px;
margin-bottom:15px;
color:#222;
}

.why-header p{
font-size:16px;
color:#555;
max-width:700px;
margin:auto;
line-height:1.7;
}

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:40px;
}

.why-card{
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
text-align:center;
transition:0.3s;
}

.why-card:hover{
transform:translateY(-5px);
}

.why-card span{
font-size:32px;
display:block;
margin-bottom:10px;
}

.why-card h3{
font-size:18px;
margin-bottom:10px;
color:#222;
}

.why-card p{
font-size:14px;
color:#666;
line-height:1.6;
}

.why-footer{
text-align:center;
margin-top:40px;
font-size:16px;
color:#444;
max-width:750px;
margin-left:auto;
margin-right:auto;
line-height:1.7;
}
/* =================================
PREMIUM HAMPTA TREK SECTION
================================= */

.premium-trek-section{
padding:60px 20px;
background:linear-gradient(180deg,#0f172a,#1e293b);
color:white;
position:relative;
overflow:hidden;
}

.premium-trek-container{
max-width:1200px;
margin:auto;
}

.premium-trek-header{
text-align:center;
max-width:820px;
margin:auto;
margin-bottom:70px;
}

.trek-badge{
display:inline-block;
background:#c9a227;
color:#fff;
padding:6px 16px;
font-size:13px;
border-radius:30px;
margin-bottom:15px;
letter-spacing:1px;
}

.premium-trek-header h2{
font-size:38px;
font-weight:700;
margin-bottom:20px;
}

.premium-trek-header p{
color:#cbd5e1;
line-height:1.7;
margin-bottom:10px;
}

.premium-trek-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
}

.premium-trek-card{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
padding:35px 25px;
border-radius:14px;
text-align:center;
backdrop-filter:blur(8px);
transition:0.4s;
}

.premium-trek-card:hover{
transform:translateY(-8px);
border-color:#c9a227;
box-shadow:0 10px 40px rgba(0,0,0,0.4);
}

.card-icon{
font-size:38px;
margin-bottom:15px;
}

.premium-trek-card h3{
font-size:20px;
margin-bottom:10px;
color:#fff;
}

.premium-trek-card p{
font-size:15px;
color:#cbd5e1;
line-height:1.6;
}

.premium-trek-note{
margin-top:60px;
text-align:center;
padding:22px;
background:rgba(201,162,39,0.1);
border:1px solid rgba(201,162,39,0.4);
border-radius:10px;
color:#e2e8f0;
font-size:16px;
}