body {
    padding-top: 30px; /* Space for fixed top bar + navbar */
  }

  .brand-heading {
    color: linear-gradient( #ffffff, #d14006);
  }
  

  /* Smaller Logo */
.logo {
  width: 65px;
  height: auto;
  max-width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Responsive logo sizes */
@media (max-width: 768px) {
  .logo {
    width: 60px;
  }
}

@media (max-width: 576px) {
  .logo {
    width: 50px;
  }
}

/* Navbar */
.navbar {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}


/* Navbar Links */
.navbar-nav .nav-link {
  padding: 0.3rem 0.6rem;
  font-size: 0.95rem;
  line-height: 1.1;
  margin: 0;
  color: #000;
}


.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #d84e04b3;
}


/* Dropdown menu */
.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
  color: #d84e04b3;
}

/*  */

 /* Carousel & Overlay Styling */
 .carousel-item {
  height: 90vh;
  position: relative;
}

.carousel-item img {
  height: 90vh;
  object-fit: cover;
  width: 100%;
}

.carousel-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2), transparent);
  z-index: 1;
}

.carousel-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: white;
  z-index: 2;
}

.carousel-caption h1 {
  font-size: 3rem;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

.carousel-caption p {
  font-size: 1.1rem;
  max-width: 700px;
  margin: auto;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}


/*  */

.text-icon{
  color: #d2b37f;
}

/* Book Button */
.book-btn {
  background-color: #d2b37f;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 8px;
}

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

/* Floating Buttons */
.call-button, .whatsapp-button {
  position: fixed;
  right: 20px;
  background-color: #000;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 8px;
  z-index: 999;
}

.call-button {
  bottom: 100px;
}

.whatsapp-button {
  bottom: 30px;
  background-color: #25d366;
  font-size: 24px;
  padding: 10px 14px;
}

/*  */

.bg-success{
  background-color:#d84e04b3 !important;
}

/* About Section */
.about-tour-modern {
  background: url('./img/banner.webp') no-repeat center center/cover;
  position: relative;
  min-height: 500px;
}

.about-tour-modern::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* dark overlay */
  z-index: 1;
}

.about-tour-modern .container {
  position: relative;
  z-index: 2;
}

.text-shadow {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}




  /*  */

/* Make arrows visible and style them */
.carousel-control-prev,
.carousel-control-next {
  width: 5%;
  background: none;
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: none;
  font-size: 2.5rem;
  color: #d84e04b3; /* Bootstrap success green */
  text-align: center;
  line-height: 2rem;
}

/* Add content manually if default arrow icon is removed */
.carousel-control-prev::before,
.carousel-control-next::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.5rem;
  color: #d84e04b3;
}

.carousel-control-prev::before {
  content: '‹'; /* Left arrow */
  left: 0;
}

.carousel-control-next::before {
  content: '›'; /* Right arrow */
  right: 0;
}

/* Position arrows outside the card row */
#packageCarousel .carousel-control-prev,
#packageCarousel .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: auto;
  height: auto;
  background: none;
}

/* Left arrow - push left outside the cards */
#packageCarousel .carousel-control-prev {
  left: -40px; /* Adjust this for how far outside you want it */
}

/* Right arrow - push right outside the cards */
#packageCarousel .carousel-control-next {
  right: -40px;
}

/* Style the arrow symbols */
#packageCarousel .carousel-control-prev::before,
#packageCarousel .carousel-control-next::before {
  font-size: 2rem;
  color: #d84e04b3; /* Bootstrap success green */
  font-weight: bold;
}

#packageCarousel .carousel-control-prev::before {
  content: '‹';
}

#packageCarousel .carousel-control-next::before {
  content: '›';
}

  

  /* about page */

  .about-section h2 {
    font-size: 2rem;
  }
  .about-section p {
    font-size: 1rem;
    line-height: 1.8;
  }
  .text-success {
    color: #d84e04b3 !important;
  }

  .btn-success{
    background-color:#d84e04b3 !important;
  }

  .about-banner {
    position: relative;
    background-image: url('./img/1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .about-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* dark overlay */
    z-index: 1;
  }
  
  .about-banner .container {
    position: relative;
    z-index: 2;
  }
  

  /* south india */

 
  
  .tour-card img {
    height: 220px;
    object-fit: cover;
  }
  
  
  .tour-plan-section {
    background-color: #f8f9fa;
  }
  .day-plan {
    border-left: 3px solid #d84e04b3;
    padding-left: 1rem;
    margin-bottom: 2rem;
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    padding: 1.5rem;
  }
  .day-plan h4 {
    color: #d84e04b3;
  }
  .day-plan p {
    font-size: 1rem;
    color: #333;
  }
  

  .text-heading{
    color: #d84e04b3;
  }

  /*  */

  .explore-section {
    background-image: url('img/t2.png'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    min-height: 300px;
  }
  
  /* Optional dark overlay for better readability */
  .explore-section .overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Adjust darkness */
    width: 100%;
    height: 100%;
    padding: 3rem 0;
  }
  

  .subfooter a{
    color: #000;
  }


  /*  */

  table th, table td {
    vertical-align: middle;
  }