.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date {background-color: #b8957c;}
.litepicker .container__days .day-item.is-in-range{background-color :#b8957c8c;}
.spinner {
  border: 4px solid rgba(255, 255, 255, 0.852);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  margin-top: 70px;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

#order-by {
  text-align: end;
}

#ideal-gif{
  width: 30%;
}

.select__button{
  max-height: 50px !important;
}

#spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(28, 26, 26, 0.7);
  z-index: 9999;
}

/* hide at launch */
.invisible {
  visibility: hidden
}

.bg-blue-c {
  color: rgb(0, 213, 255);
  font-size: 20px;
}

.btn-rounded-c {
  border-radius: 100%
}

/* Desktop pagination (this already exists, no changes needed) */
.desktopPagination {
  display: flex;
  justify-content: flex-end;
}

.btn-rounded-blue {
  background-color: #13305e; /* Blue background */
  border: none; /* Remove border */
  color: white; /* White icon or text */
  padding: 0.5rem 0.5rem; /* Padding for the button */
  border-radius: 100%; /* Rounded corners */
  cursor: pointer; /* Change cursor to pointer */
  display: flex; /* Align icon or text inside */
  align-items: center; /* Center icon vertically */
  justify-content: center; /* Center icon horizontally */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.btn-rounded-blue:hover {
  background-color: #234170; /* Slightly darker blue on hover */
}

.btn-rounded-blue i {
  margin: 0; /* Adjust icon spacing if needed */
}

/* Mobile pagination - Fixed at the bottom of the screen */
@media (max-width: 767px) {
  .desktopPagination {
      display: none; /* Hide the pagination on desktop */
      justify-content: center;
  }

  /* Fixed pagination at the bottom */
  #pagination {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: white;
      padding: 10px 0;
      box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
      z-index: 9999;
  }

  #paginationItems {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }

  .pageBtn {
      padding: 10px 15px;
      cursor: pointer;
      text-align: center;
  }
 
  .navBtn {
      padding: 10px 20px;
      cursor: pointer;
  }
}