.spel-accordion {
  .card {
    border: 0;
    overflow: hidden;
    border-radius: unset;
    margin-bottom: 1rem;
    background: unset;
    &:last-child {
      margin-bottom: 0;
    }
    &.border-bottom-none {
      border: unset !important;
    }

    .card-header {
      border-radius: 0;
      border: 0;
      background: transparent;
      padding: 0;
      .title {
        padding: 0;
        margin: 0;
      }
      .accordion_btn_link {
        padding: 12px 30px;
        text-align: left;
        width: 100%;
        font-weight: 400;
        background: #ebebeb;
        text-decoration: none;
        position: relative;
        box-shadow: none;
        border: 0;
        display: flex;
        align-items: center;
        &:focus {
          box-shadow: none;
          outline: none;
        }
        .collapsed {
          .collapsed-icon {
            display: none;
          }
        }
        .icon-wrapper {
          position: absolute;
          right: 0;
          svg {
            position: absolute;
            right: 0;
            top: 0;
            transform: unset;
            transition: all 0.2s linear;
            width: 16px;
            height: 16px;
            & + svg {
              display: block;
            }
          }
          .expanded-icon {
            display: block;
            line-height: 0;
          }
          .collapsed-icon {
            display: none;
            line-height: 0;
          }
        }
        &.icon-align-left {
          padding-left: 60px;
          .icon-wrapper {
            left: 0;
            right: auto;
          }
        }
      }
    }

    .card-body {
      border-style: none;
      border-radius: 0;
      padding: 18px 30px 24px;
      line-height: 26px;
      background: #ffffff;
      @media only screen and (min-width: 320px) and (max-width: 425px) {
        padding: 18px 15px 24px;
      }

      p {
        font-size: 16px;
        font-weight: 400;
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
    &.collapsed {
      .card-header {
        .accordion_btn_link {
          .icon-wrapper {
            .expanded-icon {
              display: none;
            }
            .collapsed-icon {
              display: block;
            }
          }
        }
      }
    }
  }
}