/*====================================*/
/* special  */
/*====================================*/
main.special {
  .drive-pass {
    padding-top: 0;
    background-color: var(--color-white);
  }
  .drive-pass_accordion-group {
    padding-block: 0;
    margin-bottom: 0;
  }
  .drive-pass_benefits {
    margin-bottom: 0;
    button {
      display: none;
    }
  }
  .acc-benefits {
    height: auto;
    h3 {
      display: none;
    }
  }
  .benefit-list {
    padding-block: clamp(10px, calc(1.75px + 1.375vw), 21px);
    padding-inline: clamp(15px, calc(0.75px + 2.375vw), 34px);
    margin-top: clamp(20px, calc(5px + 2.5vw), 40px);
    border: 2px solid #368548;
    border-radius: 10px;

    li {
      counter-increment: bonus-count;
      display: grid;
      align-items: center;
      grid-template-columns: 0.6fr 9.4fr;
      gap: 13px;
      color: #368548;
      font-size: var(--font-size-24);
      font-weight: 600;
      line-height: 1.5;
      margin-bottom: 11px;
      .sup {
        display: block;
        color: var(--color-black);
        font-size: var(--font-size-16);
        font-weight: normal;
      }
      .benefit-no {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1px;
        max-width: 60px;
        max-height: 60px;
        color: var(--color-white);
        font-size: var(--font-size-14);
        padding-block: clamp(6px, calc(0px + 1vw), 14px);
        background-color: #368548;
        border-radius: 999px;

        &::after {
          display: block;
          content: counter(bonus-count);
          font-family: var(--font-Hind) !important;
          font-size: var(--font-size-24);
          font-weight: 700;
        }
      }
    }
    @media (max-width: 576px) {
      li {
        grid-template-columns: 2fr 8fr;
        font-size: var(--font-size-18);
        .sup {
          font-size: var(--font-size-12);
        }
      }
    }
  }
}