.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Staff Info Boxes --------------------------------- */
.accordion-box,
.block-accordion-boxes-blocks {
  background-color: #ddf5f8;
}

.block-accordion-boxes-blocks {
  margin-top: 1.875rem;
  background: radial-gradient(circle at 40% 40%, #ddf5f8, #def5f8, #e0f6f9, #e3f7f9, #e7f8fa, #ecf9fb, #f0fbfc, #f5fcfd, #f9fdfe, #fcfefe, #feffff, #ffffff);
}
@media (min-width: 61.25em) {
  .block-accordion-boxes-blocks {
    margin-top: 3.75rem;
  }
}

.accordion-box {
  padding: 1.875rem;
  border-radius: 1.875rem;
  border: solid black 0.125rem;
  font-family: "Roboto", sans-serif;
  grid-column: 1;
}
@media (min-width: 61.25em) {
  .accordion-box {
    grid-column: 4/10;
  }
}

.accordion-box.active {
  background-color: white;
}

/* Style for the accordion */
.accordion-wrap {
  padding: 1.125rem;
  flex-wrap: wrap;
}

/* Style for the accordion buttons */
.accordion-wrap .accordion-button {
  transition: background-color 0.3s;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  font-weight: 900;
  font-size: 35px;
  font-size: 2.1875rem;
}

/* Style for the active button */
/* Style for the accordion content */
.accordion-wrap .accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}

.accordion-content .body-copy {
  padding-top: 1.5625rem;
}

.accordion-content .body-copy p {
  margin: 0;
  line-height: 1.4375rem;
}

/* Style for the active content */
.accordion-wrap .accordion-content.active {
  max-height: 1000px; /* Adjust max height as needed */
  transition: max-height 0.3s ease-in-out;
}

.accordion-button .accordion-button__icon {
  color: 0;
  position: relative;
  top: 0.125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}

.accordion-button .accordion-button__icon > svg {
  width: 100%;
}

.accordion-wrap .accordion-button.active .accordion-arrow {
  display: none;
}

.accordion-wrap .accordion-button .accordion-arrow {
  display: block;
}

.accordion-wrap .accordion-button .accordion-cross {
  display: none;
}

.accordion-wrap .accordion-button.active .accordion-cross {
  display: block;
}