/* CSS Document */

body {
  font-family: Arial, sans-serif;
}

/* NAVBAR */
.custom-nav {
  background: linear-gradient(90deg, #28a745, #ffc107);
}

.navbar-brand {
  font-weight: bold;
  font-size: 22px;
}

/* HERO */
.hero-section {
  background: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70') no-repeat center center/cover;
  padding: 120px 0;
}

.hero-section h1 {
  font-size: 40px;
  font-weight: bold;
}

/* SECTIONS */
.section-title {
  color: #28a745;
  font-weight: bold;
}

/* SERVICES */
.services-section {
  background: #f9f9f9;
}

.service-box {
  padding: 30px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  transition: 0.3s;
}

.service-box:hover {
  transform: translateY(-10px);
}





/* NAVBAR */
.custom-navbar {
  background: #fff; /* navy blue */
  padding: 5px 0;
}

.logo {
  height: 50px;
}

.navbar-nav .nav-link {
  color: #052948;
  font-weight: 600;
  margin-left: 15px;
  transition: 0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #ffc107; /* yellow hover */
}

/* Mobile icon color fix */
.navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  filter: invert(1);
}


/* SLIDER */
.slider-img {
  height: 400px;
  object-fit: cover;
}

.carousel-caption {
  bottom: 20%;
}

.carousel-caption h2 {
  font-size: 40px;
  font-weight: bold;
}

.carousel-caption p {
  font-size: 18px;
}

/* ? Mobile me banner hide */
@media (max-width: 768px) {
  #mainSlider {
    display: none;
  }
}

/* MOBILE SLIDER */
.mobile-slider-img {
width:100%;
  object-fit: cover;
}

/* Arrow visible & stylish */
#mobileSlider .carousel-control-prev-icon,
#mobileSlider .carousel-control-next-icon {
  background-color: rgba(0,0,0,0.5);
  border-radius: 50%;
  padding: 15px;
}

/* Caption */
#mobileSlider .carousel-caption {
  bottom: 10%;
}

#mobileSlider .carousel-caption h5 {
  font-size: 18px;
  font-weight: bold;
}

/* Desktop me hide */
@media (min-width: 768px) {
  #mobileSlider {
    display: none;
  }
}




/* TAXI & TOUR SECTION */
.taxi-tour-section {
  background: #f9f9f9;
}

.section-title {
  color: #0a1f44;
  font-weight: bold;
}

/* CARD DESIGN */
.service-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  transition: 0.3s;
  height: 100%;
}

.service-card img {
  border-radius: 10px;
  margin-bottom: 15px;
}

.service-card h4 {
  color: #0a1f44;
  margin-bottom: 10px;
}

.service-card p {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 15px;
}

/* Hover Effect */
.service-card:hover {
  transform: translateY(-10px);
}

/* Button */
.service-card .btn-warning {
  background: #ffc107;
  border: none;
}

.service-card .btn-warning:hover {
  background: #052948;
  color: #fff;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .service-card {
    margin-bottom: 20px;
  }
}


/* REVIEWS SECTION */
.reviews-section {
  background: #f9f9f9;
}

.review-card {
  background: #fff;
  padding: 20px;
  margin: 10px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  text-align: center;
  height: 100%;
  transition: 0.3s;
}

.review-card:hover {
  transform: translateY(-8px);
}

.review-card p {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 15px;
}

.review-card h5 {
  color: #0a1f44;
  margin-bottom: 5px;
}

.review-card small {
  color: #FF9900;
  font-weight: 500;
}

/* Controls style */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0,0,0,0.5);
  border-radius: 50%;
  padding: 15px;
}

/* Mobile: 1 review per slide */
@media (max-width: 768px) {
  .review-card {
    margin: 15px auto;
  }
}



/* Reviews Section */
.reviews-section {
  background: #f8f9fa;
}

/* Card */
.review-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  transition: 0.3s;
}

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

/* Stars */
.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 10px;
}

/* Text */
.review-card p {
  font-size: 14px;
  color: #555;
  line-height: 24px;
}

/* Name */
.review-card h5 {
  margin-top: 10px;
  font-weight: bold;
}





















/* SIGHTSEEING SECTION */
.sightseeing-section {
  background: #ffffff;
}

.section-title {
  color: #0a1f44;
  font-weight: bold;
}

/* CARD DESIGN */
.sight-card {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
  height: 100%;
}

.sight-card img {
  border-radius: 10px;
  margin-bottom: 15px;
}

.sight-card h4 {
  color: #0a1f44;
  margin-bottom: 10px;
}

.sight-card p {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 15px;
}

/* Hover Effect */
.sight-card:hover {
  transform: translateY(-10px);
}

/* Button */
.sight-card .btn-warning {
  background: #ffc107;
  border: none;
}

.sight-card .btn-warning:hover {
  background: #052948;
  color: #fff;
}

/* Mobile */
@media (max-width: 768px) {
  .sight-card {
    margin-bottom: 20px;
  }
}


/* ROUTES SECTION */
.routes-section {
  background: linear-gradient(135deg, #0a1f44, #1c3d7a);
  color: #fff;
}

/* Heading */
.routes-section .section-title {
  color: #ffc107;
  font-weight: bold;
}

/* Cards */
.route-card {
  background: rgba(255,255,255,0.1);
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: 0.3s;
  height: 100%;
}

/* Hover effect */
.route-card:hover {
  transform: translateY(-10px);
  background: rgba(255,255,255,0.2);
}

/* Text */
.route-card h4 {
  color: #ffc107;
  margin-bottom: 10px;
}

.route-card p {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 15px;
}

/* Button */
.route-card .btn-outline-warning {
  color: #ffc107;
  border: 1px solid #ffc107;
}

.route-card .btn-outline-warning:hover {
  background: #ffc107;
  color: #000;
}

/* Mobile */
@media (max-width: 768px) {
  .route-card {
    margin-bottom: 20px;
  }
}

/* GALLERY SECTION */
.gallery-section {
  background: #ffffff;
}

.section-title {
  color: #0a1f44;
  font-weight: bold;
}

/* Gallery Box */
.gallery-box {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: 0.3s;
}

/* Image */
.gallery-box img {
  width: 100%;
  object-fit: cover;
  transition: 0.4s;
}

/* Hover Effect */
.gallery-box:hover img {
  transform: scale(1.1);
}

.gallery-box:hover {
  transform: translateY(-5px);
}

/* Mobile */
@media (max-width: 768px) {
  .gallery-box img {
  width:100%;
  }
}




/* FAQ SECTION */
.faq-section {
  padding: 60px 0;
  background: #ffffff;
  font-family: Arial, sans-serif;
}

.faq-heading {
  text-align: center;
  margin-bottom: 40px;
}

.faq-heading h2 {
  font-size: 32px;
  font-weight: bold;
  color: #0a1f44;
}

.faq-heading p {
  color: #666;
}

/* FAQ Container */
.faq-container {
  max-width: 1350px;
  margin: auto;
}

/* FAQ Item */
.faq-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;
  background: #f9f9f9;
}

/* Question */
.faq-question {
  padding: 15px 20px;
  font-weight: 600;
  position: relative;
}

/* Plus Icon */
.faq-question::after {
  content: '+';
  position: absolute;
  right: 20px;
  font-size: 20px;
  transition: 0.3s;
}

/* Active State */
.faq-item.active .faq-question::after {
  content: '-';
}

/* Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  color: #444;
  transition: all 0.3s ease;
}

/* Active Answer */
.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 15px 20px;
}

/* Hover Effect */
.faq-item:hover {
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* Mobile */
@media (max-width: 768px) {
  .faq-heading h2 {
    font-size: 24px;
  }
}


/* FOOTER SECTION */
.footer-section {
  background: #bd8802; /* dark yellow */
  color: #ffffff;
  padding: 15px 0;
  font-size: 15px;
}

.footer-section p {
  margin: 0;
}

.footer-section strong {
  color: #ffffff;
}

/* Responsive alignment fix */
@media (max-width: 768px) {
  .footer-section {
    text-align: center;
  }
}



/* CORBETT MUSEUM SECTION */
.corbett-museum-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.corbett-museum-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.corbett-museum-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

/* Button */
.corbett-museum-section .corbett-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.corbett-museum-section .corbett-btn:hover {
  background: #052948;
  color: #fff;
}

/* Mobile */
@media (max-width:768px) {
  .corbett-museum-title {
    font-size: 24px;
  }
}


/* <!-- CORBETT WATERFALL */

.corbett-waterfall-section {
  background: #ffffff;
  padding: 70px 0;
}

.corbett-waterfall-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.corbett-waterfall-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.corbett-waterfall-section .waterfall-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.corbett-waterfall-section .waterfall-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
}



/* GARJIYA DEVI TEMPLE */

.garjiya-devi-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.garjiya-devi-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.garjiya-devi-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.garjiya-devi-section .garjiya-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.garjiya-devi-section .garjiya-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .garjiya-devi-title {
    font-size: 24px;
  }
}


/* HANUMAN DHAM TEMPLE */
.hanuman-dham-section {
  background: #ffffff;
  padding: 70px 0;
}

.hanuman-dham-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.hanuman-dham-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.hanuman-dham-section .hanuman-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.hanuman-dham-section .hanuman-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .hanuman-dham-title {
    font-size: 24px;
  }
}


/* JIM CORBETT NATIONAL PARK */

.jim-corbett-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.jim-corbett-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.jim-corbett-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.jim-corbett-section .corbett-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.jim-corbett-section .corbett-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .jim-corbett-title {
    font-size: 24px;
  }
}

/* KOSI BARRAGE */

.kosi-barrage-section {
  background: #ffffff;
  padding: 70px 0;
}

.kosi-barrage-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.kosi-barrage-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.kosi-barrage-section .kosi-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.kosi-barrage-section .kosi-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .kosi-barrage-title {
    font-size: 24px;
  }
}

/* LOCAL TAXI SERVICE */

.local-taxi-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.local-taxi-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.local-taxi-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.local-taxi-section .taxi-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.local-taxi-section .taxi-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .local-taxi-title {
    font-size: 24px;
  }
}


/* OUTSTATION TAXI */

.outstation-taxi-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.outstation-taxi-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.outstation-taxi-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.outstation-taxi-section .outstation-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.outstation-taxi-section .outstation-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .outstation-taxi-title {
    font-size: 24px;
  }
}


/* RAMNAGAR TO DEHRADUN */

.ramnagar-dehradun-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.ramnagar-dehradun-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-dehradun-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-dehradun-section .dehradun-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-dehradun-section .dehradun-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-dehradun-title {
    font-size: 24px;
  }
}


/* RAMNAGAR TO DELHI */
.ramnagar-delhi-section {
  background: #ffffff;
  padding: 70px 0;
}

.ramnagar-delhi-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-delhi-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-delhi-section .ramnagar-delhi-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-delhi-section .ramnagar-delhi-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-delhi-title {
    font-size: 24px;
  }
}


/* RAMNAGAR TO HALDWANI */
.ramnagar-haldwani-section {
  background: #ffffff;
  padding: 70px 0;
}

.ramnagar-haldwani-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-haldwani-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-haldwani-section .ramnagar-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-haldwani-section .ramnagar-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-haldwani-title {
    font-size: 24px;
  }
}


/* RAMNAGAR TO NAINITAL */
.ramnagar-nainital-section {
  background: #ffffff;
  padding: 70px 0;
}

.ramnagar-nainital-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-nainital-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-nainital-section .ramnagar-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-nainital-section .ramnagar-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-nainital-title {
    font-size: 24px;
  }
}

/* RAMNAGAR TO RANIKHET */
.ramnagar-ranikhet-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.ramnagar-ranikhet-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-ranikhet-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-ranikhet-section .ranikhet-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-ranikhet-section .ranikhet-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-ranikhet-title {
    font-size: 24px;
  }
}


/* RAMNAGAR TO RISHIKESH */
.ramnagar-rishikesh-section {
  background: #ffffff;
  padding: 70px 0;
}

.ramnagar-rishikesh-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.ramnagar-rishikesh-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.ramnagar-rishikesh-section .rishikesh-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.ramnagar-rishikesh-section .rishikesh-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .ramnagar-rishikesh-title {
    font-size: 24px;
  }
}



/* TOUR PACKAGES  */
.tour-packages-section {
  background: #f9f9f9;
  padding: 70px 0;
}

.tour-packages-title {
  color: #0a1f44;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 36px;
  text-align: center;
}

.tour-packages-content {
  text-align: justify;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}

.tour-packages-section .tour-btn {
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
}

.tour-packages-section .tour-btn:hover {
  background: #052948;
  color: #fff;
}

@media (max-width:768px) {
  .tour-packages-title {
    font-size: 24px;
  }
}





















































.top-bar {
  background-color: #0d6efd; /* Bootstrap blue */
  padding: 8px 0;
  font-size: 14px;
}

.top-bar a {
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
}

.top-bar a:hover {
  color: #ffc107;
}

.top-right a {
  margin-left: 10px;
  font-size: 16px;
}

/* HEADER FIXED */
.header-area {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* Top Bar */
.top-bar {
  background-color: #0d6efd;
  padding: 8px 0;
}

.top-bar a {
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
  font-size: 14px;
}

/* Navbar */
.custom-navbar {
  background-color: #fefafa;
}

.logo {
  height: 50px;
}

/* Body ko neeche push karna (important) */
body {
  padding-top: 110px;
}

/* Book Now Button */
.book-now-btn {
  font-weight: 600;
  border-radius: 25px;
  padding: 6px 18px;
  transition: 0.3s;
}

.book-now-btn:hover {
  background-color: #0d6efd;
  color: #fff;
}





/* About Section */
.about-section {
  background-color: #f8f9fa;
}

.about-heading {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0d6efd;
}

.about-text {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  margin-bottom: 15px;
  text-align: justify;
}

/* Button */
.about-section .btn {
  font-size: 16px;
  font-weight: 600;
}





/* Section */
.taxi-tour-section {
  background: #f8f9fa;
}

/* Heading */
.section-title {
  font-size: 34px;
  font-weight: bold;
  color: #0d6efd;
}

/* Card */
.service-card {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: 0.3s;
}

.service-card:hover {
  transform: translateY(-8px);
}

/* Image */
.service-card img {
  border-radius: 8px;
  margin-bottom: 10px;
  object-fit: cover;
  width: 100%;
}

/* Title */
.service-card h4 {
  font-size: 25px;
  margin: 10px 0;
}

/* Text */
.service-card p {
  font-size: 14px;
  color: #555;
}


/* Common Button */
.floating-btn {
  position: fixed;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: 0.3s;
  text-decoration: none;
}

/* WhatsApp LEFT */
.whatsapp-btn {
  background-color: #25d325;
  bottom: 60px;
  left: 20px;
}

.whatsapp-btn:hover {
  background-color: #4bbe1e;
  transform: scale(1.1);
}

/* Call RIGHT */
.call-btn {
  background-color: #0854c7;
  bottom: 60px;
  right: 20px;
}

.call-btn:hover {
  background-color: #064bb2;
  transform: scale(1.1);
}




/* Section */
.fleet-section {
  background: linear-gradient(to right, #f8f9fa, #eef5ff);
}

/* Card */
.fleet-card {
  background: #fff;
  padding: 18px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
  border-top: 4px solid #0d6efd;
}

.fleet-card:hover {
  transform: translateY(-10px);
}

/* Image */
.fleet-card img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 12px;
}

/* Vehicle Name */
.vehicle-name {
  font-size: 25px;
  margin: 10px 0;
  color: #0a1f44;
  margin-bottom: 10px;
}

/* Text */
.fleet-card p {
  font-size: 14px;
  color: #555;
}

/* Button */
.book-btn {
  margin-top: 10px;
  width: 100%;
  font-weight: 600;
  border-radius: 25px;
  transition: 0.3s;
}

.book-btn:hover {
  background-color: #ffc107;
  color: #000;
}




/* Card */
.route-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

/* Title */
.route-card h4 {
  font-size: 25px;
  margin-bottom: 15px;
  color: #0d6efd;
}

/* Route Box */
.route-box {
  background: #f1f5ff;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  transition: 0.3s;
}

/* Link */
.route-box a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  display: block;
}

/* Hover */
.route-box:hover {
  background-color: #ffc107
}

.route-box:hover a {
  color: #070707;
}




/* Section */
.gallery-section {
  background: linear-gradient(to right, #eef5ff, #f8f9fa);
}

/* Box */
.gallery-box {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

/* Image */
.gallery-box img {
  width: 100%;
  object-fit: cover;
  transition: 0.4s;
}

/* Hover Zoom */
.gallery-box:hover img {
  transform: scale(1.1);
}

/* Overlay */
.gallery-box::after {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(13,110,253,0.8);
  color: #fff;
  padding: 6px 12px;
  border-radius: 5px;
  opacity: 0;
  transition: 0.3s;
}

.gallery-box:hover::after {
  opacity: 1;
}


/* Section */
.faq-section {
  background: linear-gradient(to right, #eef5ff, #f8f9fa);
}

/* Box */
.faq-box {
  background: #fff;
  padding: 18px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: 0.3s;
  border-left: 4px solid #0d6efd;
}

/* Hover */
.faq-box:hover {
  transform: translateY(-5px);
}

/* Question */
.faq-box h5 {
  font-weight: bold;
  color: #0a1f44;
  margin-bottom: 10px;
}

/* Answer */
.faq-box p {
  font-size: 14px;
  color: #555;
}


/* Section Background */
.contact-section {
  background: linear-gradient(to right, #eef5ff, #ffffff);
}

/* LEFT SIDE */
.contact-info {
  background: linear-gradient(135deg, #153f7d, #3517f9);
  color: #fffefe;
  padding: 30px;
  border-radius: 15px;
  height: 100%;
}

/* Info Box */
.info-box {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}

.info-box span {
  font-size: 22px;
}

.info-box h6 {
  margin: 0;
  font-weight: bold;
}

.info-box p {
  margin: 0;
  font-size: 14px;
}

.info-box a {
  color: #fff;
  text-decoration: none;
}

/* Social */
.social-icons a {
  font-size: 20px;
  margin-right: 10px;
  color: #fff;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #ffc107;
}

/* RIGHT SIDE FORM */
.contact-form {
  background: #e3e2df;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* Inputs */
.form-control {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  transition: 0.3s;
}

.form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 8px rgba(13,110,253,0.2);
}

/* Button */
.book-btn {
  background: #0d6efd;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  padding: 10px;
  transition: 0.3s;
}

.book-btn:hover {
  background: #ffc107;
  color: #000;
}

.info-box {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
  background: rgba(255,255,255,0.08);
  padding: 12px;
  border-radius: 8px;
  transition: 0.3s;
}

.info-box:hover {
  background: rgba(255,255,255,0.18);
}


/* ABOUT PAGE */

/* Section Background */
.about-section {
  background: linear-gradient(to right, #eef5ff, #ffffff);
}

/* Main Heading */
.about-heading {
  font-weight: 700;
  color: #0d6efd;
}

/* Sub Heading */
.sub-heading {
  font-weight: 600;
  color: #3517f9;
}

/* Content Box */
.about-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: 0.3s;
}

/* Hover Effect */
.about-box:hover {
  transform: translateY(-5px);
}

/* Text */
.about-box p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}




/* JIM CORBETT SAFARI */


.safari-card {
  border-radius: 15px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: 0.3s;
  text-align: center;
}

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

.safari-card img {
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
}

.vehicle-name {
  font-weight: 600;
  color: #153f7d;
}

.book-btn {
  background: linear-gradient(135deg, #b73fea);
  border: none;
  color: #fff;
  font-weight: 500;
  border-radius: 30px;
  padding: 10px 20px;
}


.book-btn:hover {
  background: linear-gradient(135deg, #ff9800);
}



/* DEHRADUN TO AULI */



.about-heading {
  font-size: 34px;
  color: #0066ff;
}

.about-box {
  background: #ffffff;
  border-radius: 12px;
  padding: 22px;
  margin-bottom: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  border-left: 5px solid #0d6efd;
}

.about-box h4 {
  color: #0d6efd;
  font-weight: 700;
  margin-bottom: 12px;
}

.about-box p,
.about-box ul li {
  color: #111 !important;
  font-size: 16px;
  line-height: 1.8;
}

.about-box ul {
  padding-left: 18px;
}

.about-box:hover {
  transform: translateY(-3px);
  transition: 0.3s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}