.hoverlayer .hovertext {
  z-index: 9999 !important;
}

.dmc-slider-track {
    &::before {
      background-color: white;
    }
  }
.dmc-slider-bar {
color:   #940F1A;
background-color: #940F1A;
}

.dmc-slider-thumb {
  color: #940F1A;
  background-color: white;
  border: 3px solid #940F1A;
}
.dmc-slider-markLabel {
  font-size: 13px;
  margin-left : 5px /* Adjust this value to make it smaller or larger */
}


@media (min-width: 768px) {
  .responsive-text {
      font-size: 30px;
  }
}

@media (min-width: 768px) {
  .responsive-text-2 {
      font-size: 15px;
  }
}

@media (min-width: 768px) {
  .responsive-text-3 {
      font-size: 15px;
  }
}



/* assets/styles.css */

@media (min-width: 768px) {
  .choropleth-figure {
      height: 600px !important;  /* Default height */
      width: 600px !important;    /* Default width */
  }
}

.responsive-button {
  height:20px;
  font-size: 10px;
  padding: 0 14px;
}

@media (min-width: 768px) {
  .responsive-button {
      font-size: 14px;
      padding: 0 18px;
  }
}


#main-area {
  padding-left: 60px;
  transition: none; /* much shorter, or remove entirely */
}
/* expanded state */
#main-area.expanded {
  padding-left: 280px;
}


.rc-slider-mark-text {
  color: transparent;
}


#skills-text.skills-rotated-text {
  display: inline-block !important;
  transform: rotate(-90deg) !important;
}