/* Style for the banner section */
.subPage-Banner {
  /* background-image: url("../images/main-banner.jpg"); Replace with your banner image URL */
  background-color: var(--dark-purple);
  background-size: cover; /* Adjust the background image size */
  background-position: center center; /* Center the background image */
  min-height: 300px; /* Adjust the minimum height to control the banner's height */
  color: #fff; /* Text color for breadcrumbs */
  display: flex;
  align-items: center;
}

/* Style for the breadcrumb navigation */
.breadcrumb {
  background-color: transparent; /* Make the breadcrumbs background transparent */
  font-size: 18px; /* Adjust the font size */
}

.breadcrumb-item a {
  color: var(--white-color);
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›"; /* Breadcrumb separator character */
  padding: 0 8px; /* Adjust the spacing between breadcrumbs */
}

/* Style for the active (last) breadcrumb item */
.breadcrumb-item.active {
  color: #fff; /* Text color for the active breadcrumb */
}

section.filters-container {
  padding: 80px 0px 0px 0px;
}

section.package-Listing {
  /* background-color: #f5f5f5; */
  padding: 0px 0px 80px 0px;
}

.packagesSearch-Loader {
  padding: 50px 0px 0px 0px;
}

.packagesSearch-Loader .packages-listing-loader .svg-container {
  margin: auto;
}

/* Filters Started */
.packageDropdown button {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 7px;
  padding: 8px 15px;
}

.packageDropdown .dropdown-menu-wide {
  max-width: 100%;
  width: 100%;
}

.searchRoute-Dropdown {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: unset;
}

.searchRoute-Dropdown .dropdown-item {
  border-bottom: 1px solid #c8c8c7;
  padding: 10px 15px 10px 15px;
}

.searchRoute-Dropdown a.dropdown-item {
  white-space: normal;
}

.searchRoute-Dropdown .dropdown-item:last-child {
  border-bottom: unset;
}

.searchRoute-Dropdown .dropdown-item:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dropdown-item-container {
  max-height: 224px; /* Adjust the height as needed */
  overflow-y: auto;
}

/* Custom CSS for the dropdown scrollbar */
.dropdown-item-container::-webkit-scrollbar {
  background-color: var(--white-color);
  display: none;
  width: 5px; /* Set the width of the scrollbar */
}

.dropdown-item-container::-webkit-scrollbar-thumb {
  background-color: var(--blue-color); /* Color of the scrollbar thumb */
  border-radius: 10px;
  display: none;
}

.filters-container .filtersContainer-Card {
  border-radius: 15px;
}

.filters-container .form-select.selectTransport-Radius {
  border-radius: 10px;
  padding: 8px 15px;
}

input[type="text"] {
  border-radius: 7px;
}
/* Filters Ended */

/* Transport Started */
section.packages-Listing {
  padding: 0px 0px 80px 0px;
}
/* Transport Ended */

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .packages-Listing .package-inclusion .packageInclusion-Icon {
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
}
