@layer sections{
  [ui-section=faqs]{
    gap:var(--spacing-32);
    padding:var(--top-spacing) 8% var(--bottom-spacing) !important;
  }
  [ui-section=faqs][data-orientation=vertical]{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  [ui-section=faqs][data-orientation=vertical] .items-area{
    width:50%;
  }
  [ui-section=faqs][data-orientation=horizontal]{
    display:grid;
    grid-template-columns:40% auto;
    align-items:flex-start;
  }
  [ui-section=faqs] .content-area{
    display:grid;
    justify-items:center;
    text-align:center;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
  }
  [ui-section=faqs] .content-area .cta{
    width:-moz-fit-content;
    width:fit-content;
    margin-top:var(--spacing-8);
  }
  [ui-section=faqs] .content-area .cta[ui-slot=button]{
    min-width:180px;
  }
  @media (max-width: 1028px){
    [ui-section=faqs][data-orientation]{
      gap:var(--spacing-48);
      display:flex;
      flex-direction:column-reverse;
      align-items:center;
      text-align:center;
    }
    [ui-section=faqs][data-orientation] .items-area{
      width:100%;
    }
  }
}