@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Quicksand&display=swap');


* {
  font-family: 'Quicksand';
  font-weight: 400;
}


a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

datalist {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 800px;
}

option {
  padding: 0;
  font-size: medium !important;
}

.text-small-option{
  font-size: x-small!important;
}

input[type="range"] {
  width: 800px;
  margin: 0;
}


.rounded-corners {
  border-radius: 30px;
}


.heading-font {
  font-family: 'Outfit';
  font-weight: 700;
}

.subheading-font {
  font-family: 'Outfit';
  font-weight: 600;
}

.font {
  font-family: 'Quicksand';
  font-weight: 400;
}



/* HEADER */

.logo img {
  margin-left:-20px ;
}
  .logo img {
    max-width: 200px;
  }

  .icon {
    width: 28px;
    margin: 5px;
    padding-right: 5px;
  }

  :root {
    --main-bg-color: #009d63;
    --main-text-color: #009d63;
    --second-text-color: #828286;
    --second-bg-color: #c1efde;
  }

  .primary-text {
    color: var(--main-text-color);
  }

  .second-text {
    color: var(--second-text-color);
  }

  .primary-bg {
    background-color: var(--main-bg-color);
  }

  .secondary-bg {
    background-color: var(--second-bg-color);
  }

  .grey-bg {
    background-color: #F1F2F6;
  }


  .rounded-full {
    border-radius: 100%;
  }

  #wrapper {
    overflow-x: hidden;
    background-image: #F1F2F6;

  }

  #sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    background-color: #F1F2F6;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
  }

  #sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
  }

  #sidebar-wrapper .list-group {
    width: 15rem;
  }

  #page-content-wrapper {
    min-width: 100vw;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
  }

  #menu-toggle {
    cursor: pointer;
  }

  .list-group-item {
    border: none;
    padding: 20px 30px;
  }

  .list-group-item.active {
    background-color: transparent;
    color: var(--main-text-color);
    font-weight: bold;
    border: none;
  }

.lastbtn {
  width: 250px;
  position: fixed;
  bottom: 0px;
}


/*Slider*/
input[type='range'] {
  accent-color: #6452F2;
  background-color: #F1F2F6;
}

  @media (min-width: 768px) {
    #sidebar-wrapper {
      margin-left: 0;
    }

    #page-content-wrapper {
      min-width: 0;
      width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
      margin-left: -15rem;
    }
  }

.hider{
  transition: all 1s linear;
  height: 0!important;
}