:root{
  --prim-color:#4DE238;
  --sec-color:#013994;
}

.add-sec-color{
  color: var(--sec-color);
}
.add-prim-color{
  color: var(--prim-color);
}

.slider-bar {
  flex: 1;
  max-width: 60px;
  height: 20px;
  background-color: #d1d1d1;
  border-radius: 40%;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* .slider-bar:hover {
  background-color: #999;
  transform: scaleY(1.2);
} */

.slider-bar.active {
  background-color: #fff; /* Bootstrap primary or custom */
  /* box-shadow: 0 0 6px rgba(0, 123, 255, 0.6); */
}

.hero__cta{
    border-radius: 25px;
}

/* Stats Section */
.make-dm-serif{
  font-family: 'DM Sans', sans-serif;
}

.results-container {
  text-align: center;
  padding: 20px;
}

.results-container span{
  color: var(--sec-color);
}

.results-container h2 {
  color: black;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 20px;
}

.stats-wrapper {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.stat {
  flex: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  margin: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.stat .number {
  font-size: 55px;
  color: ;
  font-weight: bold;
}

.stat .stat-title {
  color: #013994;
  font-size: 25px;
  margin-top: 5px;
  font-weight: bold;
}

.stat .description {
  color: #A3A3A3;
  font-size: 0.9em;
  margin-top: 10px;
}

.header__title{
  font-weight: 600;
}