/* Start custom CSS for text-editor, class: .elementor-element-1af7130 *//* Container for the area heading and click-to-see text */
.area-heading,
.click-to-see {
  text-align: center; /* Center the text */
  margin: 0 auto;
  width: 100%;
  display: block;
}

/* Style for the blue box with stars */
.blue-box-container {
  position: relative;
  width: 100%;
  max-width: 350px; /* Optional: Adjust max-width for better control */
  background-color: #003366; /* Navy Blue */
  color: white;
  border-radius: 8px;  /* Rounded corners */
  padding: 20px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
  transition: all 0.3s ease; /* Smooth transition */
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto; /* Center the box horizontally */
}

/* Center the stars */
.stars-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px; /* Space between stars */
}

/* Style for the stars */
#IMG_623, #IMG_624, #IMG_625, #IMG_626, #IMG_627 {
  width: 25px; /* Adjust star size */
  height: 25px; /* Adjust star size */
  filter: brightness(0) invert(1); /* White stars on dark background */
}

/* Dropdown menu styling */
.dropdown {
  list-style-type: none;
  padding-left: 0;
  display: none; /* Hide the dropdown by default */
  position: absolute;
  background-color: #003366; /* Keep the dropdown navy blue */
  color: white;
  border-radius: 5px;
  top: 100%; /* Position it below the blue box */
  left: 0;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown li {
  padding: 10px;
  cursor: pointer;
}

.dropdown li:hover {
  background-color: #002244; /* Darker navy blue on hover */
}

/* Show dropdown on hover */
.dropdown_parent:hover .dropdown {
  display: block;
}/* End custom CSS */