body {
  background-color: #FFFFFF; /* Replace #f0f0f0 with your desired color */
}

/* Include font-face declarations */
@font-face {
    font-family: 'Kefa';
    src: url('fonts/Kefa.ttc') format('truetype');
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Define the weight range available in the variable font */
}

/* Custom button style */
.filter-button {
    background-color: #F6CE46;
    border-color: #F6CE46;
    color: #FFFFFF;
}
.filter-button:hover {
  background-color: #FAF09A;
  border-color: #FAF09A;
  color: #FFFFFF;
}

.logout-button {
  background-color: #C23B22;
  border-color: #C23B22;
  color: #FFFFFF;
}
.logout-button:hover {
  background-color: #eeab9f;
  border-color: #eeab9f;
  color: #FFFFFF;
}

.login-button {
  background-color: #1B3E2F;
  border-color: #1B3E2F;
  color: #FFFFFF;
}

/* slider color */
.rc-slider-track {
    background-color: #1B3E2F;
  }
  
  .rc-slider-dot-active {  
    border-color: #1B3E2F;
    border: solid 2px #1B3E2F;
  }
  
  .rc-slider-handle {
    background-color: #1B3E2F;
    border-color: #A7B859;
  }
  
  .rc-slider-handle:hover {
    border-color: #B76E2E;
  }
  
  .rc-slider-handle-active:active {
    border-color: #B76E2E;
  }

/* Custom font styles */
.heading {
    font-family: 'Space Grotesk';
    font-weight: bold;
}

.sub-heading {
    font-family: 'Space Grotesk';
    font-weight: normal;
}

.sub-sub-heading {
    font-family: 'Space Grotesk';
    font-weight: bold;
}

.body {
    font-family: 'Space Grotesk';
    font-weight: normal;
}