body{ font-family: "Varela Round", serif;  font-weight: 400; font-style: normal;} h1,h2,h3,h4,h4,h5,h6 {} 
/* navbar */#navbar-main {  position: sticky;  top: 0;  left: 0;  width: 100%;  height: 70px;  background: #ffffff;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  z-index: 99;  color: black;}
.logo-wrapper img {  max-width: 45%;}.navbar-wrapper {  height: 100%;  margin: auto;  display: flex;  align-items: center;  justify-content: space-between;  padding: 0 50px;}
.aligncenter{text-align:Center;} .pdtb{Padding:50px 0;}

.nav-links { line-height: 70px;  height: 100%;}.nav-items {  display: flex;}.nav-items li {  position: relative;  display: flex;  align-items: center;  justify-content: space-between;  list-style: none;  padding: 0 14px;  transition: background 0.3s;
}.nav-items li:hover {  background-color: rgba(255, 255, 255, 0.1);}.nav-items li a {  height: 100%;  text-decoration: none;  color: #000000;  font-size: 16px;  font-weight: 500;}.dropdown-indicator {  width: 22px;  text-align: center;  display: inline-block;  color: #000000;  transition: all 0.3s ease;  font-size: 12px;}
.submenu {  position: absolute;  top: 70px;  background: #ffffff;  display: none;  z-index: 2;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  width: 200px;  padding: 10px 0;}
.login-submenu {  position: absolute;  top: 70px;  background: #ffffff;  display: none;  z-index: 2;  border-radius: 5px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  width: 200px;  padding: 5px 0;}
.login-submenu li {  border-bottom: 1px solid black;  line-height: 40px;}.nav-items li:hover .submenu {  display: block;}.nav-items li:hover .login-submenu {  display: block;}
.submenu-grid {  display: grid;  grid-template-columns: repeat(1, 1fr);  padding: 10px;}.submenu-grid li:hover {  background-color: rgba(0, 0, 0, 0.05);  border-bottom: 1px solid blue;  border-radius: 5px;}
.bluecl{color:#0d7ebe;}

.submenu-grid a {  color: #333;}.hamburger-toggle {  display: none;
}.cta-btn {  font-size: 18px;  background-color: #ffd700;  color: rgb(0, 0, 0);  border: none;  border-radius: 5px;  padding: 10px;}
.cta-btn:hover {  background-color: #ffffff;  color: black;} /* Sidebar Styles */.sidebar-menu {  position: fixed;  top: 0;  left: -250px;  width: 250px;  height: 100%;  background: #ffffff;  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);  z-index: 100;  transition: left 0.3s ease;}
.submenu-grid,
.submenu {  line-height: 30px;   }.sidebar-header {  display: flex;  align-items: center;  justify-content: space-between;  padding: 20px;}
.sidebar-header .close-btn {  font-size: 25px;  cursor: pointer;}.sidebar-items {  list-style: none;  padding: 0;}.sidebar-items li {  padding: 15px 20px;}
.sidebar-items li:hover {  padding: 15px 20px;  border-bottom: 1px solid black;}.sidebar-items li a {  text-decoration: none;  color: #333;}
.sidebar-submenu {  padding-left: 20px;  display: none;  max-height: 200px;  overflow-y: auto;}.sidebar-items li.active .sidebar-submenu {  display: block; /* Show when active */}
/*  banner */ /* Custom styles for the image slider */.carousel-item img {  width: 100%;  height: auto;  object-fit: cover;}
/* Ensuring carousel is fully responsive */.carousel-inner {  position: relative;  width: 100%;  overflow: hidden;}/* Optional: Custom controls for mobile view */
.carousel-control-prev-icon,.carousel-control-next-icon {  background-color: black;  border-radius: 50%;  padding: 5%;}
/* Quick Package Styles */.quick-package {  position: relative;  border: none;  overflow: hidden; /* Ensure content stays inside the package */}.quick-package-img, .quick-package-img img {  width: 100%;  min-height: 300px;  object-fit: cover;   transition: transform 0.3s ease, filter 0.3s ease; /* Ensures the image covers the card space properly */  filter: brightness(    90%  ); /* Slightly darkens the image for better text visibility */}
.quick-package:hover .quick-package-img, .quick-package:hover img.attachment-package-thumb {      filter: brightness(100%);   transform: scale(1.1);  }
.quick-package-body {  position: absolute;  top: 0;  left: 0;  width: 100%;  padding: 10px;  text-align: center;  color: white;  background: rgba(    0,    0,    0,    0.5  ); /* Adds a semi-transparent background over the image */}
.quick-package-body h4 a {  font-weight: bold; color:#fff;}
.quick-package-body p {  font-size: 12px;  margin: 2px 0;}.quick-package-title {  text-align: center;  font-weight: bold;  font-size: 16px; color:#000;} /* Button Styles */
.quick-package-title  a{color:#117dc3;} 

.btn-custom { background-color: rgb(85, 196, 193); border: none; font-size: 16px; font-weight: bold; padding: 8px 24px;  color: #000000;  width: 25%;}.btn-custom:hover {  background-color: #2e505d;  color: white;}
/* image-slider-2 */.custom-slider-section {  margin-top: 10px;}.custom-carousel-item {  display: flex; /* Use flex to align images in a row */  justify-content: space-between;  align-items: center;}.custom-carousel-item img {  width: 100%; /* Full width for images */
  height: auto; /* Maintain aspect ratio */ }.custom-content {  text-align: center;  margin-top: 15px;}.card {  margin-top: 10px;}.btn-custom {  background-color: rgb(85 196 193);  color: white;  border-radius: 5px;  padding: 10px 20px;  transition: background-color 0.3s;}
.btn-custom:hover {  background-color: #ffffff;} /* city */.explore-destination-left-image {  position: relative;  overflow: hidden;  height: 100%;}.explore-destination-left-image img {  width: 100%;  height: 100%;  object-fit: cover;}
.explore-destination-overlay {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  background: rgba(0, 0, 0, 0.6);  color: white;  padding: 20px;  text-align: center;  border-radius: 0 0 10px 10px;}
.explore-destination-overlay h5 {  font-size: 20px;  font-weight: bold;  margin-bottom: 10px;}.explore-destination-overlay p {  font-size: 14px;  margin: 5px 0;}

/* Tour Card Styling */
.explore-destination-tour-card {  position: relative;  background-size: cover;  background-position: center;  height: 200px;  display: flex;  align-items: flex-end;  justify-content: center;  border-radius: 10px;  overflow: hidden;  cursor: pointer; /* Indicate that it's interactive */  transition: transform 0.3s ease; /* Smooth transition for card zoom */}
.explore-destination-tour-card:hover {
  transform: scale(1.05); /* Slight zoom effect on the entire card */
}
.explore-destination-tour-card .explore-destination-overlay {  background: rgba(0, 0, 0, 0.5);  color: white;  padding: 10px;  text-align: center;  width: 100%;  border-radius: 0 0 10px 10px;}
.explore-destination-tour-card h5 {  font-size: 16px;  font-weight: bold;  margin-bottom: 5px;}
 .explore-destination-tour-card p {  font-size: 12px;  margin: 2px 0;} /* Responsive Adjustments */ /*  image slider */* Section container */   .image-slider-container {    position: relative;    border-radius: 8px;    overflow: hidden;  }    /* Carousel item styling */  .custom-carousel-item {    position: relative;    overflow: hidden;  }
    .custom-carousel-item img {    width: 100%;    object-fit: cover; /* Ensure the image covers the space without distortion */  }    /* Carousel caption and content */  .custom-carousel-caption {    position: absolute;    bottom: 60px;    left: 5%;    color: #0b0b0b;    background-color: rgba(255, 255, 255, 0.7);    padding: 20px;    border-radius: 8px;    width: 80%; /* Adjust width as needed */    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);  }
    .custom-carousel-caption .title {    font-size: 2.5rem;    font-weight: bold;    margin-bottom: 0.5rem;    text-transform: uppercase;  }    .custom-carousel-caption .description {    font-size: 1.1rem;    margin: 0.25rem 0;  }
/* About Section */.about-travel-section {  background-color: #f9f9f9; /* Light grey background for a modern look */  padding: 60px 20px; /* Add more space for a breathable design */}/* Main content container */.about-travel-content {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  max-width: 1200px;  margin: 0 auto; /* Center the content */}

/* Image Section */.image-section {  flex: 1 1 50%;  max-width: 50%;  text-align: center;  padding: 10px; /* Add padding for spacing */}.image-section .travel-image {  width: 100%;  height: auto;  border-radius: 12px; /* Rounded corners for the image */  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */  transition: transform 0.3s ease; /* Smooth hover effect */     border: solid 5px #fff;}

.image-section .travel-image:hover {
  transform: scale(1.05); /* Scale effect on hover */
}

/* Text Section */.text-section {  flex: 1 1 50%;  max-width: 50%;  padding-left: 30px; /* More spacing between text and image */}/* Section Title */.text-section .section-title {  font-size: 2.5rem;  font-weight: 600;  color: #d4af37; /* Gold color */  margin-bottom: 15px;  text-transform: uppercase;  letter-spacing: 1px; /* Space between letters */}/* Subtitle */
.text-section .subtitle {  font-size: 1.5rem;  font-weight: bold;  color: #1d3557; /* Dark blue color */  margin-bottom: 30px;  text-transform: uppercase;}/* Description */.text-section .description {  font-size: 1.1rem;  line-height: 1.8;  color: #333;  margin-bottom: 30px;  letter-spacing: 0.5px; /* Slight spacing for readability */}
/* Highlight list */
.text-section .highlights {  list-style: none;  padding: 0;  margin-bottom: 30px;}.text-section .highlights li {  font-size: 1.2rem;  font-weight: bold;  color: #1d3557;  margin-bottom: 15px;  padding-left: 25px;  position: relative;}

.text-section .highlights li::before {  content: '✔'; /* Add checkmark before each item */  position: absolute;  left: 0;  color: #56c4c1; /* Green color for the checkmark */}/* Contact Information */.text-section .contact-info {  font-size: 1.1rem;  color: #333;  font-weight: bold;  text-align: left;  margin-top: 20px;}

/* Responsive Design */
@media (max-width: 768px) {  .about-travel-content {    flex-direction: column;    text-align: center;  }  .image-section, .text-section {    max-width: 100%;    padding-left: 0;    padding-right: 0;  }  .text-section .section-title {    font-size: 2rem;  }  .text-section .subtitle {    font-size: 1.3rem;  }  .text-section .description {    font-size: 1rem;  }}
  /* <about end  */
   /* ##################### */ /*  about-section */.how-it-works h2 {  font-size: 2rem;  font-weight: 700;  color: #333;}.how-it-works h5 {  font-size: 1.2rem;  color: #777;}.how-it-works p {
  color: #888;  font-size: 1rem;}.how-it-works img {  width: 200px;  transition: transform 0.3s ease;}
.how-it-works h4 {  font-size: 1.2rem;  font-weight: 600;  color: #333;}.image-container {  overflow: hidden;}
.image-container img:hover {  transform: scale(1.1);}.watch-video {  font-size: 1rem;  color: rgb(85, 196, 193);  display: inline-block;  margin-top: 10px;  text-decoration: none;}
.watch-video i {  margin-right: 5px;  font-size: 1.2rem;} /* happy travel */.story-info {  background-color: #f9f9f9;  padding: 20px;  border-radius: 10px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.story-info h4 {  font-weight: bold;}.story-info .tags .badge {  margin-right: 5px;}.story-info .ratings {  font-size: 18px;}
.story-info .buttons .btn {  margin-right: 10px;  margin-bottom: 5px;}.carousel img {  min-height: 250px;  object-fit: cover;  border-radius: 10px;}

/* Section Heading */
.text-center h2 {font-size: 1.5rem;  margin-bottom: 20px;} /* Icon styling */.bg-icon {  width: 60px;  height: 60px;  background-color: rgb(85 196 193);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  color: #f8fafa;  font-size: 18px;  margin-right: 10px;}

.icon {  display: flex;  align-items: center;} /* Content styling */.content h5 {  font-size: 1.125rem; /* margin-bottom: 10px; */}
.content p {  font-size: 0.875rem;  color: #949191;} /* Plan an unforgettable trip from your city */ /* Container styling */.Trip-h {  border: 2px solid rgb(166, 164, 164);  border-radius: 5px;  width: 100%;}.trip-container {  padding: 20px;  border: 1px solid black;} /* Header and line styling */
.trip-header {  text-align: center;  font-size: 2rem;  margin-top: 20px;}html {  overflow-x: hidden;}.trip-line {  width: 50px;  height: 4px;  background-color: rgb(85, 196, 193);  margin: 0 auto 20px;}

/* Flexbox styling for cards */
.trip-card {  display: flex;  align-items: center;  border: 1px solid #ddd;  border-radius: 8px;  overflow: hidden;  margin-bottom: 20px;  max-width: 100%; /* Adjusted for responsiveness */  height: auto; /* Set to auto to allow flexibility */}
.trip-img {  width: 120px; /* Fixed image size */  height: 120px;  object-fit: cover;  margin-right: 15px;  border-radius: 8px 0 0 8px;}.trip-content {  padding: 10px;  flex: 1;}

.trip-title {  font-size: 1.125rem; /* Adjusted font size */  margin-bottom: 10px;}.trip-description {  font-size: 0.875rem; /* Adjusted font size */  color: #666;}
.trip-special-offer {  display: block;  font-size: 0.75rem; /* Adjusted font size */  color: #e74c3c;  font-weight: bold;  margin-top: 10px;}/* Centering the cards in the second row */.trip-row {  justify-content: center;}
.trip-row .trip-card {
  margin: 10px; /* Adjusted margin for centering */
}/* form *//* General Styles */.travel-container {  padding: 40px 20px;  background-color: #f4f4f4;  border-radius: 10px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);} /* Form Group Styling */
.travel-group {  width: 100%;  margin-bottom: 20px;  display: flex;  gap: 20px;}.input-container {  display: flex;  width: 100%;  justify-content: center;}.input-prepend {  display: flex;  align-items: center;  justify-content: center;  background-color: rgb(85 196 193);  padding: 0 10px;  color: white;  border-radius: 5px 0 0 5px;
}
.input-icon {  background-color: rgb(85 196 193);  color: white;  border: none;}.input-field {  width: 100%; /* Increase input field width */  max-width: 400px; /* Set a maximum width */  border: 1px solid #ced4da;  border-radius: 0 5px 5px 0;  padding: 10px;  font-size: 1rem;}
/* Checkbox Styling */.checkbox-container {  display: flex;  align-items: center;}.checkbox-input {  margin-right: 10px;}.checkbox-label {  font-size: 1rem;} /* Button Styling */.btn-submit {  width: 100%;  max-width: 400px; /* Matching button width with input */  padding: 12px;  background-color: rgb(85 196 193);  border: none;  font-size: 1.2rem;  color: white;  border-radius: 5px;  transition: background-color 0.3s;}.btn-submit:hover {  background-color: rgb(85 196 193);} /* tesimonial */ /* Icon Section */
.icon {  display: flex;  justify-content: center;  align-items: center;  width: 50px;  height: 50px;  background-color: rgb(85 196 193);  color: white;  border-radius: 50%; /* Circular icons */  font-size: 1.5rem;
background: rgb(24,126,187);
background: linear-gradient(0deg, rgba(24,126,187,1) 0%, rgba(224,226,91,1) 100%);}
.content h5 {  font-size: 1.25rem;  font-weight: 600;  margin-bottom: 10px;  color: #333;}
.content p {  color: #666;} /* Layout and Spacing */.mb-4 {  margin-bottom: 1.5rem !important;}.d-flex {  display: flex;}.align-items-start {  align-items: flex-start;}.me-3 {  margin-right: 1rem;
}
 /* Accordion container */ .home-accordion {  background-color: #f9f9f9; /* Light background */  border-radius: 8px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  margin-top: 20px;  padding: 20px;}/* Accordion item */.accordion-item {  border: none; /* Remove default borders */  margin-bottom: 10px; /* Space between accordion items */}/* Accordion button (header) */.accordion-button {
  display: flex;  justify-content: space-between; /* Space between text and icon */  align-items: center; /* Center vertically */  padding: 10px 20px; /* Padding for better spacing */  font-weight: bold; /* Make text bold */  background-color: #ffffff; /* Default background for button */  color: #333; /* Text color */  border: 1px solid #ddd; /* Border around the button */  border-radius: 5px; /* Rounded corners */  transition: background-color 0.3s, transform 0.2s; /* Smooth transition for background and icon */}
/* Hover effect for the accordion button */
.accordion-button:hover {  background-color: rgb(75, 186, 183); /* Darker on hover */  cursor: pointer; /* Change cursor to pointer */}/* Rotate icon when collapsed */.accordion-button i {  transition: transform 0.2s ease-in-out; /* Add smooth rotation on toggle */}

.accordion-button.collapsed i {  transform: rotate(180deg); /* Rotate icon when collapsed */}/* Focus effect */.accordion-button:focus {  box-shadow: 0 0 0 0.2rem rgba(85, 196, 193, 0.5);}

/* Accordion body (content area) */.accordion-body {  background-color: rgb(85, 196, 193); /* Light background for body */  border: 1px solid rgb(220, 220, 220);  border-radius: 5px;  padding: 15px;  font-size: 0.95rem; /* Slightly smaller font for readability */}/* view city */ /* Add some styling to improve the appearance of the marquee images */
#view-city {  background-color: #f8f9fa;}.city-marquee-container {  padding: 20px 0;}.view-city-image {  max-height: 50px;  object-fit: cover;  border-radius: 5px;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
/* booking form */
.booking-container {  background-color: #00b4d8;  min-height: 80vh;  display: flex;  justify-content: center;  align-items: center;  padding: 20px;}
.booking-card {
  background-color: #ffffff;  padding: 30px;  border-radius: 10px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  display: flex;  flex-direction: row;  align-items: center; }

.booking-form-section {  width: 100%;}.booking-image-section {  text-align: center;  margin-bottom: 20px; margin-right:50px;}.booking-submit-btn {  background-color: #ffd700;  color: #000;  padding: 12px 0;  border: none;  font-size: 1.1rem;  border-radius: 10px;  width: 100%;  transition: background-color 0.3s ease;}
.booking-submit-btn:hover {  background-color: #f39c12;}.booking-icon-input {  position: relative;  margin-bottom: 20px;}
.booking-icon-input i {  position: absolute;  left: 10px; z-index: 9;  top: 50%;  transform: translateY(50%);  color: #0077b6;}.booking-icon-input i.fa-comment{ top: 15% !important;}
.booking-icon-input input,.booking-icon-input textarea {
  padding-left: 35px;  width: 100%;  border-radius: 10px;  border: 1px solid #ddd;  font-size: 1rem;  transition: border-color 0.3s ease;}.booking-icon-input input:focus,.booking-icon-input textarea:focus {  border-color: #00b4d8;  outline: none;} /* domestic */ /* General styles for the testimonial section */.domestic-testimonial {  padding: 50px 0; background: #e0e25b;}

/* Styles for each card */
.domestic-card {  border: 1px solid #ddd;  border-radius: 10px;  padding: 20px;  background-color: #147bbe;  margin: 20px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  text-align: center;  flex: 1 1 30%;}/* Icon styling */.domestic-card i {
  font-size: 3rem;  color: #e0e25b;} /* Heading styling */.domestic-card h5 {  margin-top: 20px;  font-size: 1.5rem;  font-weight: bold;}/* Paragraph styling */.domestic-card p {  font-size: 1rem;  color: #fff;  line-height: 1.5;} /* footer */
.footer {  background-color: rgb(25 35 49);  color: #fff;  padding: 20px 0; Padding-top:50px;}.footer a {  color: #adb5bd;  text-decoration: none;}.footer a:hover {  color: #fff;}.footer .icon {  /* font-size: 24px; */  margin-right: 10px;  color: #ffffff;}
.footer .icon:hover {
  color: #000000;
}.footer h5 {  font-size: 18px;  margin-bottom: 20px;  font-weight: bold;}.footer-column {  margin-bottom: 30px;}.footer-bottom {  background-color: #23272b;  padding: 20px 0;  text-align: center;} /* ######################################################## */
.filter-section { background-color: #f9f9f9;} .filter-tour {         border-bottom: 2px solid black;       } /* Base styles for tour package */       .tour-package {         display: flex;         padding: 25px;         border: 1px solid #ddd;         margin-bottom: 20px;         border-radius: 8px;         box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);         background-color: #fff;       }       .tour-package:hover {         box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);} /* Image Section */.tour-package img {  border-radius: 10px;  object-fit: cover;  width: 100%;  height: 100%;} /* Icon Row */.icon-row {  display: flex;  align-items: center;  gap: 15px;  margin-bottom: 15px;}
.icon-row i {  color: #ff9800;  font-size: 1.3rem;} /* Travel Info */.travel-info {  display: flex;  gap: 20px;  margin-bottom: 15px;  font-size: 1rem;}.travel-info span {
  display: flex; align-items: center; gap: 5px; font-weight: 500;}
/*@media (min-width: 1320px) {.container{ width:1320px;}}*/
.travel-info i {  color: rgb(85, 196, 193);} /* Star Rating */.star-rating {  margin-top: 10px;  color: #ffc107;}/* Price Section Styling */.price-section {  text-align: right;
  padding: 5px;  background-color: #f9f9f9;  border-radius: 10px;}.super-deal-price {  color: #4caf50;}.deal-heading {  font-size: 1.2rem;  font-weight: bold;}
.price-value {  font-size: 1rem;  font-weight: bold;  color: #ff5722;}.monthly-price {  font-size: 1rem;  color: rgb(85, 196, 193);  margin-top: 5px;
}
/* Buttons */.tour-btn {  display: flex;  gap: 6px;}.tour-btn button {  width: 100%;
  font-size: 1rem;  border-radius: 25px;}.tour-btn .btn-warning {  background-color: #3bcbff;  border: none;  margin-top: 20px;}
.tour-btn .btn-outline-primary {
  border: 2px solid rgb(85, 196, 193);
  color: #007bff;
}
.tour-btn .btn-outline-primary:hover {  background-color: #007bff;  color: #fff;}.tour-btn .btn-outline-secondary {  border: 2px solid #6c757d;  color: #6c757d;}.tour-btn .btn-outline-secondary:hover {  background-color: #6c757d;  color: #fff;}
/* Sticky Filter Section */
.filter-container {  position: sticky;  top: 20px;  height: calc(100vh - 40px);  overflow-y: auto;} /* Card-slider */.main-container {  padding: 60px 15px;  position: relative;  overflow: hidden;}
.reviews-title {
  text-align: center;  margin-bottom: 30px;  font-size: 36px;  font-weight: bold;  color: rgb(25 35 49);}.slider {  display: flex;  transition: transform 0.5s ease-in-out;  position: relative;  will-change: transform;}
.review-card {  background-color: #fbfafa;  border-radius: 15px;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);  padding: 30px;  min-width: 300px; /* Control card width */  margin: 0 15px; /* Space between cards */  transition: transform 0.3s, box-shadow 0.3s;  position: relative;}
.review-card:hover {  transform: translateY(-5px);  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.7);}.rating {  display: flex;  align-items: center;  margin-bottom: 15px;}
.rating .star {  color: #ffc107;  font-size: 20px;}
.tag {  background-color: #ff6347;  padding: 6px 12px;  border-radius: 20px;  margin-bottom: 15px;  font-size: 14px;  color: #fff;  display: inline-block;}
.title {  font-size: 20px;  font-weight: bold;  margin-bottom: 15px;}.content {  font-size: 15px;  line-height: 1.6;  margin-bottom: 15px;}
.read-more-btn {
  background-color: rgb(25 35 49);  color: #fff;  padding: 10px 15px;  border: none;  border-radius: 25px;  cursor: pointer;  transition: background-color 0.3s;}.read-more-btn:hover {
  background-color: rgb(85 196 193);
}.author-info {  margin-top: 20px;  font-size: 14px;  display: flex;  align-items: center;  justify-content: center;}.author-info .user-name {  font-weight: bold;  margin-right: 10px;}
.author-info .date {
  color: #999;  font-size: 12px;}.author-info .avatar {  width: 35px;  height: 35px;  border-radius: 50%;  margin-right: 10px;  overflow: hidden;}
.author-info .avatar img {
  width: 100%;  height: 100%;  object-fit: cover;}.navigation {  display: flex;  justify-content: center;  margin-top: 20px;}
.navigation button {
  background-color: rgb(25 35 49);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.navigation button:hover {
  background-color: rgb(85 196 193);
}
.quotes {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: rgba(255, 255, 255, 0.1);
  z-index: -1;
}
.quotes:before {
  content: '"';
  font-size: 200px;
  position: absolute;
  top: -15px;
  left: 0;
}
.quotes:after {
  content: '"';
  font-size: 200px;
  position: absolute;
  top: -15px;
  right: 0;
} /* General Slider Styles */
.main-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slider {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.review-card {
  width: 300px; /* Default card width */
  margin-right: 30px; /* Default spacing between cards */
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Navigation button styles */
.navigation {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.navigation button {
  background-color: #333;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
}
#prevBtn {
  position: absolute;
  left: 10px;
}
#nextBtn {
  position: absolute;
  right: 10px;
}
/* travellers reviewsection  */
.travellers-review-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.travellers-review-image {
  flex-shrink: 0;
  margin-right: 20px;
}
.travellers-review-image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #00b4d8;
}
.travellers-review-content {
  flex-grow: 1;
}
.travellers-review-stars {
  color: #ffd700;
}
.travellers-review-header {
  margin-bottom: 5px;
  font-weight: bold;
}
.travellers-review-date {
  color: #888;
  font-size: 0.9rem;
}
/* accordian */

.accordion-heading {
  text-align: center;
  margin: 40px 0;
  font-size: 32px;
  font-weight: bold;
  color: rgb(85 196 193);
}

.accordion-item {
  /* border: 1px solid #007bff; */
  border-radius: 8px;
  margin-bottom: 15px;
}

.accordion-button {
  display: flex;
  width: 100%;
  text-align: left;
  color: #333;
  background-color: #ffffff;
  border: none;
  font-size: 18px;
  padding: 15px;
  transition: background-color 0.3s;
}
.accordion-button:hover {
  background-color: #e9ecef;
}

.accordion-button:not(.collapsed) {
  background-color: #e9ecef;
}

.accordion-body {
  background-color: #f1f1f1;
  padding: 20px;
}

.icon {
  margin-right: 10px;
  font-size: 20px;
  color: #f8f9fa;
}

/* <!-- top -section --> */
.top-text-section {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.top-text-section h4 {
  margin-bottom: 20px;
  color: #007bff;
}

.form-control {
  border-radius: 5px;
}

.btn-custom {
  background-color: rgb(85 196 193);
  color: #ffffff;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.btn-custom:hover {
  background-color: rgb(85 196 193);
}

/* bottem content */
.bottom-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}
.bottom-content h5 {
  color: rgb(85 196 193);
  font-weight: bold;
  margin-bottom: 15px;
}
#more {
  display: none;
}
#myBtn {
  border: none;
  background-color: white;
}

/* ###########################################################################################
 */

/* Detail  */
/* Add this to your existing CSS */
.banner-image,
.thumbnail-image,
.gallery-thumb {
  cursor: pointer;
  border-radius: 8px;
  transition: transform 0.2s;
}

.banner-image:hover,
.thumbnail-image:hover,
.gallery-thumb:hover {
  transform: scale(1.05);
}

#gallerySlider {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(204, 204, 204, 0.8);
  display: none; /* Initially hidden */
  z-index: 10;
  padding: 10px;
}

.modal-body {
  position: relative;
}

#modalPrev,
#modalNext {
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #desktopView {
    display: none;
  }
  #mobileView {
    display: block;
  }
}

@media (min-width: 769px) {
  #mobileView {
    display: none; /* Hide mobile view */
  }
}

.detail-calendar {
  max-width: 50%;
  margin-bottom: 20px;
  border-radius: 5px;
}

/* mobile screen view on full image section  */
.room-image {
  cursor: pointer;
  transition: border 0.3s;
}

.room-options {
  margin-top: 10px;
}

.room-btn {
  margin: 5px 0;
}

.selected-room-info {
  font-weight: bold;
}

.enquiry-form {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.enquiry-form h4 {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  color: #333;
  text-align: center;
}

.enquiry-form .form-label {
  font-size: 1rem;
  color: #555;
  margin-bottom: 0.5rem;
  display: block;
}

.enquiry-form .form-control {
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  transition: all 0.3s ease-in-out;
}

.enquiry-form .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.enquiry-form button {
  background-color: #007bff;
  color: #fff;
  font-size: 1.1rem;
  padding: 10px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.enquiry-form button:hover {
  background-color: #0056b3;
}

/* detail-enquiery */
/* Trip Section Styles */
.trip-option {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.trip-option:hover {
  transform: scale(1.05);
}

.category-btn {
  width: 70%; /* Full width of the column */
  padding: 10px; /* Add some padding for better touch targets */
  font-size: 16px; /* Adjust font size */
  border: none; /* Remove default border */
  border-radius: 0px; /* Rounded corners */
  cursor: pointer; /* Change cursor to pointer on hover */
  transition: background-color 0.3s ease; /* Smooth background transition */
}

.category-btn:hover {
  background-color: #000000; /* Darker shade for hover effect */
  color: white; /* Change text color on hover */
}

.category-btn:focus {
  outline: none; /* Remove outline on focus */
  box-shadow: 0 0 5px rgba(0, 86, 179, 0.5); /* Add a glow effect */
}

/* Trip Details */
.trip-details {
  background-color: #f7f7f7;
  /* padding: 20px; */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  color: #333;
}

.trip-details h5 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #007bff;
}

.trip-details p {
  font-size: 1rem;
  margin: 5px 0;
  color: #666;
}

.Duration-Box {
  background-color: #fff;
  border: 2px solid red;
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  color: #d9534f;
}

/* Category Button Styles */
.category-btn {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.category-btn.btn-info {
  background-color: #17a2b8;
  color: #fff;
}

.category-btn:hover {
  background-color: #138496;
}

/* Info Box Styles */
.Trip-h h4 {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}

#category-info {
  font-size: 1rem;
  color: #555;
}

.card img {
  transition: transform 0.3s ease; /* Smooth transition for image scaling */
  transform-origin: center center; /* Ensure the zoom happens from the center */
}

.card img:hover {
  transform: scale(0.9); /* Slight zoom-in effect on image */
}

/* Carousel Customization */
/* Carousel item padding to make it look good */
.carousel-item .col-6 {
  padding: 0 5px;
}

.trip-option {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.trip-option:hover {
  transform: scale(1.05);
}

/* filter
  */
/* Slideshow container */
.enquiry-form-wrapper {
  position: sticky;
  top: 20px; /* Adjust this value as per your layout */
}

.filter-btn {
  background-color: #67eaff70;
  padding: 5px;
  border-radius: 5px;
}
.filter-title {
  font-weight: bold;
  margin-top: 20px;
}
.filter-content {
  border: 1px solid #bfbdbd;
  border-radius: 5px;
  padding: 15px;
  margin-top: 20px;
  background-color: #f9f9f9;
}
.carousel-item img {
  width: 100%;
  border-radius: 5px;
}
.accordion-button {
  font-weight: bold;
}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }
}

/* filter-two*/
/* General styling for trip summary */
.Trip-Summary-Detail {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.Trip-Summary-title {
  font-size: 1.2rem;
  color: #007bff;
  margin-bottom: 10px;
}

.Trip-Summary-discription {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
}

/* Styling icons */
.Trip-Summary-discription i {
  color: #007bff;
  margin-right: 8px;
}

/* Background color for Day 1 */
.day-one-bg {
  background-color: #e0f7fa;
}

/* Make icons and text inline for "Transfer" and "Hotel" */
.Trip-Summary-discription i,
.Trip-Summary-discription b {
  display: inline-block;
  vertical-align: middle;
}

.Trip-Summary-discription i {
  font-size: 1.1rem;
}

/* inside-package */
/* General Styling */
.inside-container {
  border: 1px solid black;
  margin: 10%;
  padding: 10px;
}
.inside-heading {
  padding-bottom: 10px;
  border-bottom: 2px solid black;
}
.inclusions-section {
  border-right: 1px solid black;
}
.inside-header {
  /* border: 1px solid black; */
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 15px;
  font-weight: bold;
}

.inside-header-content {
  list-style-type: none;
  padding-left: 0;
}

.inside-header-content li {
  padding: 10px 0;
  font-size: 1rem;
  color: #555;
  display: flex;
  align-items: center;
}

/* Icons Styling */
.inside-header-content i {
  margin-right: 10px;
  font-size: 1.2rem;
}

/* Icons for inclusions */
.inclusions-section .inside-header-content i {
  color: #28a745; /* Green checkmark for inclusions */
}

/* Icons for exclusions */
.exclusions-section .inside-header-content i {
  color: #dc3545; /* Red cross for exclusions */
}

/* Mobile Responsive Styling */
@media (max-width: 768px) {
  .inclusions-section,
  .exclusions-section {
    margin-bottom: 20px;
  }

  .inclusions-section,
  .exclusions-section {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*  gallery additional information model */
.btn-info-1 {
  background-color: #67eaff70;
  border-color: #777777;
  transition: background-color 0.3s, border-color 0.3s;
}

.btn-info-1:hover {
  background-color: #89e0f17a;
  border-color: #777777;
}

.btn-lg {
  width: 100%;
  padding: 15px;
  font-size: 1.25rem;
  margin-top: -5%;
}

/* card-image-1 */
.custom-card {
  border: none;
}

.custom-card-img {
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.custom-card-body {
  padding: 15px;
  text-align: center;
}

.custom-card-title {
  font-size: 1.25rem;
  font-weight: bold;
}

.custom-card-text {
  font-size: 1rem;
  color: #6c757d;
}
.trigger-modal p {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: small;
}

.trigger-modal-Heading {
  font-size: 1.25rem;
  margin: 0;
  color: #007bff;
}

.read-more {
  font-weight: bold;
  color: #888888;
  text-decoration: underline;
  cursor: pointer;
}

/* Add hover effect for read more */
.read-more:hover {
  color: #0056b3;
}

.explore-trips-slider {
  position: relative;
  overflow: hidden;
}

.trips-slider-container {
  display: flex;
  transition: transform 0.5s ease;
}

.trips-slider-card {
  min-width: 100%; /* Show 1 item on mobile */
  box-sizing: border-box;
}

.explore-trip-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 5px;
  transition: transform 0.2s;
}

.card-img-top {
  object-fit: cover;
}

.trips-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.left-btn {
  left: 10px;
}

.right-btn {
  right: 10px;
}

/* Media Query for Desktop Devices */
@media (min-width: 768px) {
  .trips-slider-card {
    min-width: 33.33%; /* Show 3 items on desktop */
  }
}

/* unique */
.exclusive-travel-container {
  display: flex;
  height: 23rem;
  margin: 0 auto;
  width: 70vw;
  margin-bottom: 3rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.exclusive-travel-radio {
  display: none;
}

.exclusive-travel-content {
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2rem;
  cursor: pointer;
  flex: 1;
  margin-right: 1rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s cubic-bezier(0.05, 0.6, 0.39, 0.94);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  transform: scale(1);
}

.exclusive-travel-content::before {
  background: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.exclusive-travel-content > * {
  position: relative;
  z-index: 1;
}

.exclusive-travel-content:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}

.exclusive-travel-content:nth-of-type(1) {
  background-image: url("images/exclusive-1.jpeg");
}

.exclusive-travel-content:nth-of-type(2) {
  background-image: url("images/exclusive-2.jpg");
}

.exclusive-travel-content:nth-of-type(3) {
  background-image: url("images/exclusive.jpg");
}

.exclusive-travel-content:nth-of-type(4) {
  background-image: url("images/exclusive-4.jpg");
}

.exclusive-travel-destination-title {
  bottom: 1.2rem;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  left: 1.5rem;
  line-height: 1.1;
  opacity: 0;
  position: absolute;
  transform: translateX(2rem);
  transition: 290ms cubic-bezier(0.05, 0.62, 0.4, 0.95) 300ms;
  transition-property: opacity, transform;
  user-select: none;
  white-space: nowrap;
}

.exclusive-travel-destination-title {
  top: 2rem;
  color: white;
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  left: 1.5rem;
  line-height: 1.1;
  opacity: 0;
  position: absolute;
  transform: translateX(2rem);
  transition: 290ms cubic-bezier(0.05, 0.6, 0.42, 0.94) 300ms;
  transition-property: opacity, transform;
  user-select: none;
  white-space: nowrap;
}

.exclusive-travel-destination-subtitle {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.exclusive-travel-destination-details {
  font-size: 1rem;
}

.exclusive-travel-subsubtitle {
  font-size: 0.85rem;
}

.exclusive-travel-marg-bott {
  margin-bottom: 1.5rem;
}

.exclusive-travel-radio:checked + .exclusive-travel-content {
  border-radius: 2rem;
  box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
  flex: 9;
  transform: scale(1.02);
}

.exclusive-travel-radio:checked
  + .exclusive-travel-content
  > .exclusive-travel-destination-title {
  opacity: 1;
  transform: translateX(0);
}

.exclusive-travel-radio:checked
  + .exclusive-travel-content
  > .exclusive-travel-destination-title {
  opacity: 1;
  transform: translateX(0);
}

/* international  */
/* Background Styling */
.international-trip {
  background: url("/assets/images/view-city/bg_trending.jpg") no-repeat center
    center;
  /* background: rgb(85 196 193 / 19%);  */
  background-size: cover;
  background-position: center bottom; /* Position background at the bottom */
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

/* Overlay to darken the background */
.international-trip::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Carousel styles */
.carousel-inner img {
  transition: transform 0.3s ease-in-out;
  z-index: 2;
  min-height: 250px;
}

.carousel-inner img:hover {
  transform: scale(1.05);
}

.section-title {
  position: relative;
  z-index: 2;
  color: #000000;
  text-align: left;
  font-size: 2.5rem;
  margin-bottom: 30px;
}

.carousel-control-prev,
.carousel-control-next {
  color: #000000;
  font-size: 2rem;
  z-index: 2;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  color: #00ffe5;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: block; /* Hide default icons */
}

/* fixed model */
/* Fixed WhatsApp and Enquiry Icons */
.fixed-icons {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 999;
}

.fixed-icons a {
  margin: 5px;
  font-size: 25px;
  background-color: #25d366;
  color: white;
  /* padding: 10px; */
  border-radius: 50%;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
}

.fixed-icons a:hover {
  background-color: #128c7e; /* Darker Green */
}

.enquiry-icon {
  /* background-color: rgb(85 196 193); */ 
}

.enquiry-icon:hover {
   background-color: #0056b3; color:#fff;
}

/* Modal Custom Styles */
/* Modal Custom Styles */
.my-modal-header {
  background-color: rgb(85 196 193); /* Fresh Green */
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px;
}

.my-modal-footer {
  text-align: center;
  padding: 15px;
  background-color: #f8f9fa; /* Light Gray */
}

.my-modal-footer .my-btn-primary {
  background-color: rgb(85 196 193); /* Blue */
  border: none;
  padding: 10px 20px;
  font-size: 16px;
}

.my-modal-footer .my-btn-primary:hover {
  background-color: rgb(85 196 193); /* Dark Blue */
}

.my-input-group .my-input-group-text {
  background-color: rgb(85 196 193); /* Green */
  color: white;
  border: none;
}

.my-input-group .my-form-control {
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  border: 1px solid #ddd; /* Light gray border */
}

.my-input-group-prepend {
  border-right: none;
}

.my-form-group label {
  font-weight: bold;
  color: #333; /* Dark Gray */
  font-size: 14px;
}

.my-input-text,
.my-input-email,
.my-textarea {
  border-radius: 30px;
  border: 1px solid #ddd; /* Light Gray Border */
}

.my-input-text:focus,
.my-input-email:focus,
.my-textarea:focus {
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Light Blue Focus */
  border-color: #007bff; /* Blue Border */
}

.my-textarea {
  resize: none;
}

.my-textarea:focus {
  outline: none;
}

.my-btn-primary {
  background-color: rgb(85 196 193); /* Green Button */
  border-radius: 25px;
  width: 100%;
  font-size: 18px;
  padding: 10px;
  transition: background-color 0.3s ease;
}

.my-btn-primary:hover {
  background-color: #45a049;
}
.my-form-group {
  margin-bottom: 20px;
}
/* Contact Form Container */
.contact-wrapper {
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
.contact-box {
  background: #f4f4f4;
  border-radius: 20px;
  padding: 40px;
  width: 100%;
  max-width: 900px;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}
.contact-title {
  font-size: 2.5rem;
  text-align: center;
  color: #007bff;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/* Input Styling */
.contact-input {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  color: #333;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.contact-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}

.contact-input::placeholder {
  color: #aaa;
}

.input-group {
  position: relative;
}

.input-group i {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  color: #007bff;
}

/* Add space for icon inside input */
.contact-input {
  padding-left: 40px;
}

/* Label Styling */
.contact-label {
  font-size: 1.1rem;
  margin-bottom: 8px;
  display: block;
  color: #333;
}

/* Button Styling */
.contact-submit-btn {
  background-color: #007bff;
  color: white;
  font-weight: bold;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  width: auto;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.contact-submit-btn:hover {
  background-color: #0056b3;
  transform: scale(1.05);
}

/* Layout Flexbox */
.contact-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}

.contact-column {
  flex: 1 1 48%;
}

.contact-row textarea {
  width: 100%;
}

/* ####################################  */
.blog-banner {
  height: 50vh; /* 50% of viewport height */
  background-image: url("../assets/images/banner5.jpg"); /* Replace with your image URL */
  background-size: cover;
  background-position: center;
  position: relative;
}

.tour-package-1{
  height: 50vh; /* 50% of viewport height */
  background-image: url("../assets/images/Rajasthan3-tour-package.jpg"); /* Replace with your image URL */
  background-size: cover;
  background-position: center;
  position: relative;
}
.blog-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;
}

.blog-banner .text-center {
  position: relative;
  z-index: 2; /* Place text above the overlay */
}

/* Blog-Detail-page */
.blog-detail {
  background-color: #f9f9f9; /* Light background for contrast */
  padding: 20px; /* Padding around the content */
  border-radius: 8px; /* Rounded corners */
}

.blog-detail-title h1 {
  color: #333; /* Darker text for better readability */
  font-size: 2rem; /* Base font size */
}

.blog-detail-title p {
  color: #666; /* Lighter text color */
}

.img-fluid {
  max-width: 100%; /* Responsive image */
  height: auto; /* Maintain aspect ratio */
}

.accordion-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 10px;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col-4 {
  flex: 0 0 33.3333%;
  padding: 5px;
}

@media (max-width: 768px) {
  .col-4 {
    flex: 0 0 100%; /* Stack columns on smaller screens */
    margin-bottom: 20px; /* Space between stacked elements */
  }

  .blog-detail-title h1 {
    font-size: 1.75rem; /* Adjust heading size */
  }

  .blog-detail-title p {
    font-size: 1rem; /* Adjust paragraph size */
  }

  .accordion-body {
    padding: 15px; /* Padding inside the accordion body */
  }
}

.blog-left {
  max-height: 100%;
  overflow-y: auto;
}

.author {
  font-weight: bold;
  font-size: 1.2em;
}

.date {
  color: #555;
}

h2,
h3 {
  margin-top: 1.5rem;
  color: #333; /* Consistent color for headings */
}
.detail-category-btn {
  gap: 10px;
}
/* Adjustments for smaller screens */
@media (max-width: 576px) {
  .blog-detail {
    padding: 15px; /* Less padding on small screens */
  }

  .author {
    font-size: 1em; /* Smaller author text */
  }

  .date {
    font-size: 0.9em; /* Smaller date text */
  }
}

@media (max-width: 768px) {
  .blog-left {
    max-height: none; /* Allow full height on smaller screens */
    overflow-y: visible; /* Disable scrolling */
  }
}

.detail-category-btn {
  display: grid;
  /* justify-content: center; */
  gap: 10px;
}
.detail-category-btn button {
  border: 2px solid gray;
  background-repeat: 5px;
}


/* .rajasthan-quick-getaway */
.rajasthan-quick-getaway-card {
  position: relative;
  min-height: 350px;
  border: none;
  border-radius: 10px;
  overflow: hidden;
}

.rajasthan-quick-getaway-card-body {
  position: absolute;
  bottom: -15px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px; width: 100%;
}

.rajasthan-quick-getaway-badge {
  font-size: 1.1rem;
}

.rajasthan-quick-getaway-card-title {
  font-size: 1rem;
  font-weight: bold;
}

.rajasthan-quick-getaway-card-body p {
  font-size: .9rem;
  margin: 0;
}

.rajasthan-quick-getaway-card-body i {
  margin-right: 5px;
}

/*  adventureSlider*/



  .nav-tabs .nav-link { cursor: pointer;} .nav-tabs { position: sticky;   top: 70px; /* Adjust based on navbar height */   background-color: #fff;   z-index: 1000;   border-bottom: 2px solid #ddd;}
.nav-tabs .nav-link{color:#000; font-weight:bold; padding: 10px; }
.contact-form {
    background-color: #f8f9fa;
    padding: 20px;
    border: 2px solid rgb(1, 175, 209);
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.sticky-form {
    position: sticky;
    top: 100px;
}


img{max-width:100%; height:auto;}