:root {
  --site-container-width: 1600px;
  --site-inner-width: 1440px;
}

.expandable-text-block {
  padding: 0.9375rem;
}
.expandable-text-block .before-read-more {
  margin-bottom: 1.25rem;
}
.expandable-text-block .after-read-more {
  max-height: 3.75rem;
  overflow: hidden;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  padding-bottom: 0;
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(31, 33, 40)));
  -webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(31, 33, 40) 25%);
          mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(31, 33, 40)));
          mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(31, 33, 40) 25%);
  opacity: 0.3;
}
.expandable-text-block .after-read-more.expanded {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 1500px;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  padding-bottom: 1.875rem;
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, rgba(255, 255, 255, 0)), color-stop(5%, rgb(31, 33, 40)));
  -webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 1%, rgb(31, 33, 40) 5%);
          mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, rgba(255, 255, 255, 0)), color-stop(5%, rgb(31, 33, 40)));
          mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 1%, rgb(31, 33, 40) 5%);
  opacity: 1;
}
.expandable-text-block .after-read-more .qa-container {
  margin: 0.9375rem 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem;
}
.expandable-text-block .after-read-more .qa-container .column-one,
.expandable-text-block .after-read-more .qa-container .column-two {
  width: 100%;
  padding: 0.625rem;
}
.expandable-text-block .after-read-more .qa-container .column-one .question,
.expandable-text-block .after-read-more .qa-container .column-one h4,
.expandable-text-block .after-read-more .qa-container .column-two .question,
.expandable-text-block .after-read-more .qa-container .column-two h4 {
  font-size: 1.5625rem;
  margin-bottom: 0.9375rem;
}
.expandable-text-block .read-more-btn {
  font-family: var(--wp--preset--font-family--default);
  font-size: 1rem;
  color: white;
  background: none;
  border: none;
  margin-top: 0.625rem;
  padding: 0;
  cursor: pointer;
}