/* 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);
}

/* CONTACT */
.contact-section {
  background: #28a745;
  color: white;
}

/* FOOTER */
.footer {
  background: #111;
  color: #fff;
  padding: 15px;
}


/* TOP BAR */
.top-bar {
  background: #d4a017; /* dark yellow */
  padding: 8px 0;
  font-size: 14px;
}

.top-bar a {
  color: #fff;
  text-decoration: none;
}

.top-left a {
  font-weight: 500;
}

.top-right a {
  margin-left: 15px;
  font-size: 16px;
  transition: 0.3s;
}

.top-right a:hover {
  color: #28a745; /* green hover */
}

/* 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: 500px;
  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;
  }
}


/* ABOUT SECTION */
.about-section {
  background: #f9f9f9;
}

.about-heading {
  color: #0a1f44; /* navy blue */
  font-weight: bold;
  margin-bottom: 20px;
}

.about-text {
  text-align: justify;
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}



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

.about-section .btn-warning:hover {
  background: #052948;
  color: #fff;
}

/* Mobile spacing */
@media (max-width: 768px) {
  .about-heading {
    font-size: 22px;
  }
}

/* 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;
  }
}


/* 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%;
  }
}


/* CONTACT SECTION */
.contact-section {
  background: #ffffff;
}

/* Left side box */
.contact-info {
  background: #0a1f44; /* blue */
  color: #fff;
  padding: 25px;
  border-radius: 12px;
}

.contact-info .section-title {
  color: #ffc107; /* yellow */
  margin-bottom: 15px;
}

.info-box {
  margin-bottom: 20px;
}

.info-box h5 {
  color: #ffc107;
  margin-bottom: 5px;
}

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

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

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

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

/* Right side form */
.contact-form {
  background: #f9f9f9;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.contact-form .section-title {
  color: #0a1f44;
  margin-bottom: 20px;
}

/* Button */
.contact-form .btn-warning {
  background: #ffc107;
  border: none;
  font-weight: 500;
}

.contact-form .btn-warning:hover {
  background: #0a1f44;
  color: #fff;
}

/* Inputs */
.contact-form input {
  border-radius: 8px;
}

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


/* 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: #b8860b; /* 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;
  }
}