.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.text-center {
  text-align: center;
}

.h2 {
  font-size: 2rem;
}

.mt-2 {
  margin-top: 20px;
}

.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-coffee {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  background-color: green;
  text-transform: uppercase;
  color: white;
  border: 1px solid #0001;
  border-radius: 10px;
  padding: 20px;
  font-weight: 600;
  box-shadow: 2px 2px 6px #0009;
  text-shadow: 1px 1px #0001;
  text-decoration: none;
  transition: all 0.25s ease;
  animation: live 0.6s infinite alternate;
  &:hover {
    background-color: olive;
  }
}

@keyframes live {
  0% {
    scale: 0.7;
  }
  100% {
    scale: 0.72;
  }
}

.accordions {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  .accordion {
    margin-bottom: 10px;
    .accordion__title {
      display: block;
      font-size: 1.1rem;
      text-transform: uppercase;
      font-weight: 700;
      background-color: #fbfbfb;
      border-bottom: 1px solid #0002;
      border-radius: var(--border-radius);
      padding: 20px 10px;
      color: var(--blue-500);
      transition: all 0.25s ease;
      cursor: pointer;
      input {
        appearance: none;
      }
      &:after {
        transition: all 0.25s ease;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0da";
        float: right;
        margin-right: 10px;
      }
      &:has(input:checked) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color: #0004;
        color: var(--white);
      }
      &:has(input:checked):after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        float: right;
        margin-right: 10px;
      }
      &:has(input:checked) + .accordion__text {
        max-height: 200px;
        overflow: auto;
      }
    }
    .accordion__text {
      overflow: hidden;
      max-height: 0;
      background-color: #fdfdfd;
      transition: all 0.5s ease-in-out;
      .accordion__info {
        font-weight: 300;
        line-height: 1.8rem;
        text-align: justify;
        padding: 10px 10px;
        color: var(--gray-700);
        background-color: #00000006;
      }
    }
  }
}


.carousel-indicators [data-bs-target] {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ec7026;
    background-clip: padding-box;
    transition: opacity .6s ease;
    border-radius: 50%;
    border: 2px solid #fff;
}

.carousel .carousel-indicators button.active {
    width: 40px !important;
    border-radius: 20px !important;
    height: 20px !important;
}