.elementor-4497 .elementor-element.elementor-element-1b87d28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-4497 .elementor-element.elementor-element-1b87d28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4497 .elementor-element.elementor-element-512775f{margin-top:0px;margin-bottom:0px;padding:0% 20% 0% 20%;overflow:visible;}.elementor-4497 .elementor-element.elementor-element-7dcc4c0{text-align:center;}.elementor-4497 .elementor-element.elementor-element-7dcc4c0 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:48px;text-transform:uppercase;color:#506C60;}.elementor-4497 .elementor-element.elementor-element-6233bc5{margin-top:60px;margin-bottom:0px;padding:0px 10px 0px 50px;overflow:visible;}.elementor-4497 .elementor-element.elementor-element-74a5d3f5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4497 .elementor-element.elementor-element-1b189f79 > .elementor-widget-container{border-style:solid;border-width:0px 3px 0px 0px;border-color:#486A4C;}.elementor-4497 .elementor-element.elementor-element-698d4756 > .elementor-element-populated{padding:0px 45px 0px 45px;}body.elementor-page-4497:not(.elementor-motion-effects-element-type-background), body.elementor-page-4497 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDBFA7;background-image:url("https://thewellnessportal.net/wp-content/uploads/2025/02/78ec164f-dark_100000000000000000001o.jpg");}@media(max-width:1024px){.elementor-4497 .elementor-element.elementor-element-1b87d28{padding:0px 0px 20px 0px;}.elementor-4497 .elementor-element.elementor-element-7dcc4c0 .elementor-heading-title{font-size:31px;}.elementor-4497 .elementor-element.elementor-element-6233bc5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4497 .elementor-element.elementor-element-1b87d28{padding:0px 0px 0px 0px;}.elementor-4497 .elementor-element.elementor-element-512775f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4497 .elementor-element.elementor-element-7dcc4c0 .elementor-heading-title{font-size:30px;}.elementor-4497 .elementor-element.elementor-element-6233bc5{margin-top:10px;margin-bottom:0px;}.elementor-4497 .elementor-element.elementor-element-698d4756 > .elementor-element-populated{padding:0px 10px 0px 10px;}}@media(min-width:768px){.elementor-4497 .elementor-element.elementor-element-74a5d3f5{width:15%;}.elementor-4497 .elementor-element.elementor-element-698d4756{width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4497 .elementor-element.elementor-element-74a5d3f5{width:20%;}.elementor-4497 .elementor-element.elementor-element-698d4756{width:80%;}}/* Start custom CSS for html, class: .elementor-element-ee873eb *//* Base dropdown and label styling */
.select-dropdown {
  font-family: 'El Messiri', sans-serif;
  font-size: 14px;
  padding: 8px 10px;
  margin: 10px 0;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: none; /* Hidden by default on desktop */
}

.select-label {
  font-size: 16px;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
}

/* Show dropdowns on mobile, hide checkboxes */
@media (max-width: 768px) {
  .checkbox-group {
    display: none;
  }

  .select-dropdown {
    display: block;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b189f79 */#filter-options h3,
#filter-options label {
  font-family: 'El Messiri', sans-serif; /* Font family */
  font-size: 16px; /* Font size */
  color: #506C60; /* Font color (dark gray, you can change this) */
}

/* Optional: Remove default margin from h3 for better spacing */
#filter-options h3 {
  margin: 1px 0 5px 0; /* Adjust spacing above and below h3 */
}

/* Optional: Ensure checkboxes and labels align nicely */
#filter-options label {
  display: inline-block;
  margin: 5px 0; /* Add some spacing between labels */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56d8080a */.image-item img {
  width: 100%;
  aspect-ratio: 5 / 3;
  background-color: #f2f2f2;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-item img:hover {
  transform: scale(1.05); /* slight zoom */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* subtle shadow */
  cursor: pointer;
}
.image-item {
  position: relative; /* So the duration button can be positioned absolutely within this container */
  display: inline-block;
}

.duration-button {
  position: absolute;
  top: 0px; /* Flush with the top edge */
  left: 0px; /* Flush with the left edge */
  background-color: #AE7D54; /* Red background */
  color: white; /* White text */
  font-size: 12px; /* Keep font size */
  font-family: Arial, sans-serif; /* Keep font */
  padding: 5px 10px; /* Padding for the rectangle */
  border-radius: 0px; /* No border-radius for a rectangle shape */
  display: inline-block;
  text-transform: uppercase; /* Matches the "MINS" in the image */
}

.description {
  font-family: 'El Messiri', sans-serif; /* Specified font */
  font-size: 14px; /* Specified font size */
  text-align: center; /* Center the text to match the h4 */
  margin: 5px 0; /* Small margin for spacing */
  color:#506C60;
}
.image-item h4 {
  color: #506C60 !important; /* Change to your desired color */
  font-size: 20px;
  text-transform: uppercase;
  line-height: 5PX;
}/* End custom CSS */