.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 (max-width: 767px) {
  .responsive-text {
      font-size: 15px;
  }
}

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

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


@media (max-width: 767px) {
  .responsive-text-3 {
      font-size: 2px;
  }
}

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



/* assets/styles.css */
@media (max-width: 767px) {
  .choropleth-figure {
      height: 300px !important;  /* Any height you want for small screens */
      width: 300px !important;   /* Any width you want for small screens */
  }
}

@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 {
      height: 30px;
      font-size: 14px;
      padding: 0 18px;
  }
}

@media (max-width: 768px) {
  #image-container {
      display: none;
  }
}

@media (max-width: 768px) {
  #header-space {
      margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .dmc-tabLabel {
      font-size: 13px !important;
  }
}



@media (max-width: 768px) {
  #collapse-sidebar {
      margin-top:140px;
  }
}