body {
  background: #ffffff;
}
.hero-bg {
  background: linear-gradient(180deg, #e6f7f4 0%, #ffffff 100%);
}
.badge-open {
  background-color: #d1f2eb;
  color: #0C5546;
  font-weight: 500;
}
.btn-teal {
  background-color: #1abc9c;
  color: white;
}
.btn-teal:hover {
  background-color: #17a589;
}
.price-card {
  border-radius: 16px;
  border: 1px solid #eaeaea;
}
.feature-icon {
  width: 42px;
  height: 42px;
  background: #d1f2eb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.spinner-clock {
    width: 50px;
    height: 50px;
    border: 6px solid #ccc; /* Light gray border for the clock face */
    border-top: 6px solid #3498db; /* Blue border for the "moving" part */
    border-radius: 50%; /* Makes it a circle */
    animation: spin 1s linear infinite; /* Applies the animation */
}

/* Define the spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

}