.skeleton {
    background: linear-gradient(
      100deg,
      #dcdcdc 10%,
      #f7f7f7 30%,
      #dcdcdc 50%
    );
    background-size: 300% 100%;
    border-radius: 8px;
    animation: luxuryShimmer 3s ease-in-out infinite;
  }
  @keyframes luxuryShimmer {
    0% {
      background-position: -300% 0;
    }
    50% {
      background-position: 0% 0;
    }
    100% {
      background-position: 300% 0;
    }
  }
/* Event Grid card skeleton start */
.event-skeleton-img {
    height: 180px;
}

.event-skeleton-icon {
    width: 30px;
    height: 30px;
}

.event-skeleton-rating {
    width: 12px;
    height: 12px;
}

.event-skeleton-rating-score {
    width: 25px;
    height: 12px;
    border-radius: 4px;
}

.event-skeleton-badge {
    width: 100px;
    height: 20px;
    border-radius: 4px;
}

.event-skeleton-title {
    height: 20px;
    width: 80%;
    border-radius: 6px;
}

.event-skeleton-line {
    height: 14px;
    width: 100%;
    border-radius: 4px;
}

.event-skeleton-line.short {
    width: 90%;
}

.event-skeleton-line.shorter {
    width: 70%;
}

.event-skeleton-line.medium {
    width: 80%;
}

.event-skeleton-category {
    width: 50%;
    height: 14px;
    border-radius: 4px;
}

.event-skeleton-button {
    width: 100px;
    height: 30px;
}
.event-skeleton-rating-select { 
    background-color: rgb(254 254 254 / 49%);
    padding: 2px 6px;
    border-radius: 6px;
}
/* Event Grid card skeleton end */
.booking-section .gallery .slick-slide img {
    margin: o;
    max-width: 190px;
    border-radius: 10px;
}
.event-thumbnail {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 10px;
}
.event-images{
    height: 155px;
    border-radius: 10px;
    object-fit: cover;

}

/* Event Details Skeleton */

.event-details-skeleton {
    background: linear-gradient(
      100deg,
      #dcdcdc 10%,
      #f7f7f7 30%,
      #dcdcdc 50%
    );
    background-size: 300% 100%;
    border-radius: 8px;
    animation: luxuryShimmer 3s ease-in-out infinite;
  }
  @keyframes luxuryShimmer {
    0% {
      background-position: -300% 0;
    }
    50% {
      background-position: 0% 0;
    }
    100% {
      background-position: 300% 0;
    }
  }
/* Image Row Layout */
.event-details-top {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.image-main {
  flex: 3;
  height: 320px;
}

.image-grid {
  flex: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  height: 320px;
}

.image-grid div {
  width: 100%;
  height: 100%;
}

/* Bottom Section */
.event-details-bottom {
  display: flex;
  gap: 20px;
}

/* Left Details */
.left-content {
  flex: 7;
}

.title-skeleton,
.location-skeleton,
.rating-skeleton,
.text-line,
.extra-item,
.include-item {
  height: 16px;
  margin-bottom: 12px;
}

.title-skeleton { width: 60%; height: 24px; }
.location-skeleton { width: 40%; }
.rating-skeleton { width: 30%; }

.text-line { width: 100%; }
.extra-item { width: 50%; }
.include-item { width: 45%; }

/* Right Sidebar */
.right-sidebar {
  flex: 3;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Price + Buttons */
.price-skeleton { width: 50%; height: 20px; }
.button-skeleton { height: 40px; border-radius: 6px; width: 100%; }

/* Provider Card */
.provider-card {
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  text-align: center;
}

/* Avatar Skeleton */
.avatar-skeleton {
  width: 70px;
  height: 70px;
  margin: 0 auto 12px auto;
  border-radius: 50%;
}

/* Username Skeleton */
.username-skeleton {
  width: 80%;
  height: 16px;
  margin: 10px auto;
  border-radius: 8px;
}

/* Review Count Skeleton */
.review-count-skeleton {
  width: 60%;
  height: 16px;
  margin: 8px auto;
  border-radius: 8px;
}

/* Key-Value Profile Layout */
.profile-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.profile-key {
  width: 40%;
  height: 16px;
}

.profile-value {
  width: 55%;
  height: 16px;
}
.breadcrumb-box-skeleton {
  background: linear-gradient(100deg, #dcdcdc 10%, #f7f7f7 30%, #dcdcdc 50%);
  background-size: 300% 100%;
  border-radius: 10px; /* Rounded corners for the box */
  padding: 15px; /* Padding inside the box */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional box shadow for better visibility */
  animation: luxuryShimmer 3s ease-in-out infinite; /* Apply shimmer effect to the entire box */
  width: 100%; /* Full width (can be adjusted) */
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.breadcrumb-line {
  margin-bottom: 5px;
  width: 20%;
  height: 16px;
}
/* Event Details Skeleton    */
/* 404 Page Style */
.error-page {
	padding: 50px;
	align-items: center;
	color: #28283C;
	font-weight: 900;
}

@media (max-width: 575.96px) {
	.error-page {
		padding: 50px;
	}
}

.error-page .main-wrapper {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	justify-content: center;
	width: 100%;
	min-height: unset;
}

.error-box {
	margin: 40px auto;
	max-width: 600px;
	text-align: center;
	width: 100%;
}

.error-box img {
	margin: 0 0 50px;
}

.error-box h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

.error-box p {
	margin: auto auto 30px;
	color: #787878;
	font-weight: 500;
	max-width: 560px;
}

.error-box .btn-maintance {
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	padding: 12px 20px;
}

@media (max-width: 767.98px) {
	.error-box .btn-maintance {
		padding: 8px 12px;
		font-size: 14px;
	}
}

.error-box .error-500 {
	margin: 0 0 60px;
}

.error-box .coming-soon {
	padding: 50px 0 8px;
	color: #28283C;
}

@media (max-width: 767.96px) {
	.error-box .coming-soon {
		font-size: 20px;
	}
}

.error-box .back-button .btn {
	padding: 15px 20px;
	font-size: 16px;
}

@media (max-width: 575.96px) {
	.error-box .back-button .btn {
		padding: 10px;
		font-size: 14px;
	}
}
/* End 404 Page Style  */

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

.bg-danger {
  background-color: #dc3545 !important;
}

.rating-selection1 {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
}
.rating-selection1 input {
  position: absolute;
  left: -9999px;
}
.rating-selection1 label {
  font-size: 22px;
  color: #DBDBDB;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.rating-selection1 label::before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #DBDBDB;
}
.rating-selection1 input:checked ~ label::before,
.rating-selection1 label:hover ~ label::before,
.rating-selection1 label:hover::before {
  color: #f9b851;
}
.toast-container {
    padding: 10px;
}