.accordions__title span {
  letter-spacing: 0.01em;
}
.accordions__accordion {
 
  background-color: transparent;
  font-size: 20px;
  padding: 20px 20px 20px 0;
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordions__accordion__icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.accordions .accordions__accordion h4 {
  margin-bottom: 10px;
}

.accordions
  .accordions__accordion:not(.acc-active)
  .accordions__accordion__icon__open {
  display: none;
}

.accordions
  .accordions__accordion.acc-active
  .accordions__accordion__icon__closed {
  display: none;
}

.accordions__panel {
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.accordions__panel-content {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
   .accordions__title {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
  }
}

{# ========================= MODULE CSS ========================= #}
<style>
    {% scope_css %}
    .accordions__layout {
        display: flex;
        gap: 64px;
        align-items: flex-start;
    }
    .accordions__title {
        flex: 1;
        max-width: px;
    }
    .accordions__questions {
        flex: 2;
    }
    .accordions__accordion:first-of-type {
        border-top: 0px solid ;
    }
    .accordions__accordion:last-of-type {
        border-bottom: 0px solid ;
    }
    .accordions__panel {
        border-bottom: 1px solid ;
    }
    .accordions__title,
    .accordions .accordions__accordion h4,
    .accordions .accordions__panel ul {
        color: ;
    }
    @media (max-width: 767px) {
    .accordions__layout {
        flex-direction: column;
        gap: 0;
    }
    .accordions__title {
        margin-bottom: 6px;
      
    }
}
    {% end_scope_css %}
</style>