/* Button active state */
.show, 
.btn:first-child:active, 
:not(.btn-check) + .btn:active {
  color: #333;
  border-color: #ccc;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Focus visible shadow */
.show:focus-visible, 
.btn:first-child:active:focus-visible, 
:not(.btn-check) + .btn:active:focus-visible {
  outline: none;
}

/* Fade animation */
.fade {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fade.show {
  opacity: 1;
}

/* Collapse animation */
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

/* Accordion button */
.accordion-button {



  font-style: normal;
  font-display: swap;
  height: auto;
  font-size: 1em;
  color: #212121;
  line-height: 1.7;
  font-family: 'InterTight';
  font-weight: 300;
  background: transparent;
}
.accordion-button:hover {
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.accordion-button:focus {
  outline: none;
  z-index: 3;
}

/* Accordion item border */
.accordion-item {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
   padding: 0.75rem 1.25rem;
}

/* Modal fade */
.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform 0.3s ease-out;
}
.fade.show .modal-dialog {
  transform: none;
}

/* Offcanvas */
.show, .offcanvas.showing {
  visibility: visible;
  transform: none;
  transition: transform 0.3s ease, visibility 0.3s ease;
 
}

/* Improve opacity */
.show {
  opacity: 1;
  transition: opacity 0.3s ease;
  font-style: normal;
  font-display: swap;
  height: auto;
  font-size: 1em;
  color: #212121;
  line-height: 1.7;
  font-family: 'InterTight';
  font-weight: 300;
  margin-top: 0.5em;
  
}
.question {
  font-style: normal;
  font-display: swap;
  height: auto;
  font-size: 1em;
  color: #212121;
  line-height: 1.7;
  font-family: 'InterTight';
  font-weight: 500;
}