:root {
  --primary-text-base: var(--bs-black);
  --primary-bg-base: #48bf91;
  --primary-text-hover: var(--bs-black);
  --primary-bg-hover: #05faa7;
  --light-grey: #dddddd;
  --mid-grey: #cccccc;
  --dark-grey: #808080;
  --orange: #f86b3f;
  --yellow: #cc7722;
  --blue: #5495fb;
}

.btn-primary {
  --bs-btn-color: var(--primary-text-base);
  --bs-btn-bg: var(--primary-bg-base);
  --bs-btn-border-color: var(--primary-bg-base);
  --bs-btn-hover-color: var(--primary-text-hover);
  --bs-btn-hover-bg: var(--primary-bg-hover);
  --bs-btn-hover-border-color: var(--primary-bg-hover);
  --bs-btn-active-color: var(--primary-text-base);
  --bs-btn-active-bg: var(--primary-bg-hover);
  --bs-btn-active-border-color: var(--primary-bg-hover);
  --bs-btn-disabled-color: var(--primary-text-base);
  --bs-btn-disabled-bg: var(--primary-bg-base);
  --bs-btn-disabled-border-color: var(--primary-bg-base);
  --bs-btn-border-radius: 32px;
}

.btn-secondary {
  --bs-btn-color: var(--bs-black);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-black);
  --bs-btn-hover-color: var(--primary-text-hover);
  --bs-btn-hover-bg: var(--mig-grey);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: var(--bs-white);
  --bs-btn-active-border-color: var(--bs-black);
  --bs-btn-disabled-color: var(--mid-grey);
  --bs-btn-disabled-bg: var(--light-grey);
  --bs-btn-disabled-border-color: var(--bs-black);
  --bs-btn-border-radius: 32px;
}

button.is-invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
}

input.form-control, .input-group .btn, .form-select {
  border-radius: 32px;
}

input.form-control:not(.is-invalid), .input-group .btn:not(.is-invalid), .form-select:not(.is-invalid) {
  border-color: var(--primary-bg-base) !important;
}

.carousel {
  padding-bottom: 4rem;
  overflow: hidden;
}

.carousel-caption {
  top: 100%;
}

.carousel-inner {
  overflow: visible;
}

.carousel-indicators {
  bottom: 1.5rem;
}

.my-auto{
  max-width: 464px;
  margin: auto;
}

.nav-tabs{
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  border: none;
  text-align: center;

  li{
    flex: 1;

    .nav-link{
      padding: 20px;
      border-radius: 0;
      color: black;
      font-weight: 700;
      border: none;

      &:hover{
        border: none;
        background-color: #05FAA7FF;
      }

    }

    .nav-link.active{
      background-color: var(--primary-bg-base);
      color: white;
    }

  }

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border: none;
}