@media all {
  .accordion {
    margin-bottom: 1rem; } }
  @media all and (min-width: 768px) {
    .accordion {
      margin-bottom: 1.5rem; } }

@media all {
    .accordion__header {
      border-width: 1px 0;
      border-style: solid;
      border-color: #d1d1d1;
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      color: #484848;
      font-weight: 600;
      font-size: 1.11111rem;
      line-height: 1.3;
      padding: 0.5em;
      margin-bottom: -1px; }
      .accordion__header.expand-toggle .icon,
      .accordion__header .icon {
        -webkit-transition: all .3s;
        transition: all .3s;
        font-size: 1.5rem;
        color: #0574ba;
        line-height: 24px;
        text-align: center; }
      .accordion__header:hover, .accordion__header:focus {
        text-decoration: none;
        background-color: rgba(227, 239, 246, 0.4);
        color: #455072; }
        .accordion__header:hover .icon, .accordion__header:focus .icon {
          color: #f99e28; }
      .accordion__header[aria-expanded=true] {
        border-color: #d1d1d1 #d1d1d1 transparent #d1d1d1;
        border-width: 4px 0 1px 0;
        color: #0574ba; }
        .accordion__header[aria-expanded=true] .icon {
          color: #f99e28; }
    .accordion__content {
      border-bottom: 4px solid #d1d1d1; } }