
/*------available for sales-----*/
.room-showcase-group .room-showcase-card.compact {
  border: none;
  background: transparent;
  box-shadow: none;
}

.room-showcase-group .room-showcase-card.compact:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}



/* For Gallery: Gallery descriptions consistent with BoostraMade style */

/* Keep BoostraMade default overlay container (full cover) */
.gallery-overlay {
  position: absolute;
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
  display: flex;
  align-items: center;
  justify-content: center; /* centers the icon */
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}

/* On hover, show the overlay */
.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

/* Style and center the eye icon itself */
.gallery-overlay i {
  font-size: 28px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  padding: 12px;
  transition: transform 0.3s ease;
}

/* Slight zoom on hover */
.gallery-item:hover .gallery-overlay i {
  transform: scale(1.15);
}



/* Keep the overlay above everything */
.gallery-item img,
.gallery-overlay {
  z-index: 1;
}

/* === Caption below image === */
.gallery-caption {
  background: #fff;
  padding: 12px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.gallery-caption p {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 6px;
  font-weight: 500;
}

.gallery-caption .btn {
  font-size: 0.8rem;
  padding: 4px 14px;
  border-radius: 20px;
}


/* === About -Mision, Vision & Values Section === */
.values.section {
  padding: 80px 0;
}

/* Card container */
.value-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 2px solid #e0e0e0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.35s ease !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Hover effect — now fully visible */
.value-card:hover {
  background: #83bbf6 !important; /* Light blue background -#eaf4ff */
  border-color: #007bff !important; /* Blue border */
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25) !important;
  transform: translateY(-8px) !important;
}

/* Icon */
.value-card .icon {
  font-size: 175px !important;
  color: #007bff !important;
  line-height: 1 !important;
  transition: transform 0.3s ease, color 0.3s ease !important;
}

/* Enlarge icon on hover */
.value-card:hover .icon {
  transform: scale(1.15) !important;
  color: #0056b3 !important;
}

/* Title */
.value-card .value-title {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #222 !important;
}

/* Paragraph text */
.value-card .value-text {
  color: #444 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* List items */
.value-card .value-list li {
  color: #333 !important;
  font-size: 0.95rem !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.3s ease !important;
}

.value-card .value-list li:hover {
  color: #007bff !important;
}



/* === Offer Divider === */

.fancy-divider {
  border: 0;
  color: #034082;
  height: 100px;                  /* thickness of the line */
  background-color: #007bff;    /* blue color (use your theme color) */
  margin: 60px 0;               /* top and bottom spacing */
  width: 100%;                  /* full width of the page */
  border-radius: 3px;           /* optional: gives a smooth edge */
  opacity: 0.8;                 /* slightly softened for a luxury look */
}


