body {
  font-family: "Roboto Flex", sans-serif;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-75 {
  padding-bottom: 75px;
}

.line {
  color: rgb(255, 255, 255, 0.623);
}

.h-100 {
  min-height: 100vh;
}

.fw-500 {
  font-weight: 500;
}

.bg-home {
  background-image: url("/assets/images/stacked-stones-2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-main-home {
  background-color: rgba(239, 188, 155, 0.6);
}

.bg-cream {
  background-color: #fbf3d5;
}

.bg-light-red {
  background-color: #efbc9b;
}

.bg-grey-blue {
  background-color: #9cafaa;
}

#chartContainer {
  height: 370px;
  width: 100%;
}

caption {
  caption-side: top;
  text-align: center;
}

.number-404 {
  font-weight: 400;
  font-size: 7rem;
}

.custom-btn {
  --bs-btn-padding-y: 0.3rem;
  --bs-btn-padding-x: 0.3rem;
}

label.error {
  color: rgb(220, 53, 69);
  font-size: 14px;
  display: block;
  text-align: start;
}

input.error,
select.error {
  border: 1px solid rgb(220, 53, 69);
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  #scrollToTop {
    background: #9cafaa url(/assets/svg/arrow-up.svg) no-repeat 50%;
    height: 44px;
    width: 44px;
    border-radius: 8px;
    position: fixed;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
    display: none;
  }
}

@media (min-width: 1200px) {
  #chartContainer {
    height: 370px;
    width: 50%;
  }
}