.container-card {
        max-width: 1000px;
        margin: 2rem auto;
        /* border: 1px solid #0a1f33; */
        border-radius: 20px;
        box-sizing: border-box;
        overflow: hidden;
        background: #ffffff;
        flex-direction: column;
        box-shadow: 0 4px 12px rgba(10, 31, 51, 0.1);
      }
      .header {
        background: rgba(102, 204, 255, 0.25);
        padding: 1.5rem;
        color: #0a1f33;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        gap: 10px;
      }
      .header h1 {
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        font-size: 2.75rem;

        margin: 0;
        line-height: 1.5;
      }
      .header h3 {
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        font-size: 1.75rem;
        margin: 0;
        line-height: 1.5;
      }

      .detail-collap {
        align-self: stretch;
        padding: 20px 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        display: flex;
        width: 100%;
      }
      .text-detail {
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        font-size: 1.25rem;
        margin: 0;
        line-height: 1.5;
        word-wrap: break-word;
        color: black;
      }
      .text-detail2 {
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        font-size: 1.25rem;
        margin: 0;
        line-height: 1.5;
        word-wrap: break-word;
        color: black;
      }

      .logo-collap {
        justify-content: center;
        align-items: center;
        gap: 15px;
        display: flex;
        padding: 0 20px;
      }

      .collap {
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        font-size: 2rem;
        margin: 0;
        line-height: 1.5;
      }

      .expert-logo {
        max-width: 160px;
      }
      .peak-logo {
        max-width: 168px;
      }

      .promo-expert {
        margin: 0 24px;
        align-self: stretch;
        padding: 30px 20px;
        background: linear-gradient(180deg, #66ccff 0%, #234667 100%);
        box-shadow: 0px 0px 4px rgba(102, 204, 255, 0.25);
        border-radius: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        display: flex;
      }

      .title-promo {
        text-align: center;
        color: white;
        font-size: 32px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
        word-wrap: break-word;
      }

      .promo-detail {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        align-items: stretch;
        height: 100%;
      }

      .detail-text {
        width: 410px;
        padding: 10px;
        background: rgba(255, 255, 255, 0.25);
        border-radius: 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        display: flex;
        flex: 1 1 410px;
      }

      .detail-text-title {
        padding: 15px;
        background: #66ccff;
        border-radius: 30px;
        text-align: center;
        color: #0a1f33;
        font-size: 24px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
        word-wrap: break-word;
      }

      .detail-text-topic {
        text-align: center;
        color: #0a1f33;
        font-size: 28px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 32px;
        word-wrap: break-word;
      }

      .detail-text-subtopic {
        align-self: stretch;
        text-align: center;
        color: white;
        font-size: 20px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 24px;
        word-wrap: break-word;
      }

      .detail-text-detail {
        align-self: stretch;
        color: white;
        font-size: 20px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 24px;
        word-wrap: break-word;
      }

      .detail-text-detail ol {
        font-size: 20px;
        line-height: 1.6;
        margin: 8px 0;
        color: white;
        padding-left: 20px;
      }

      .detail-text-detail ol li {
        margin-bottom: 6px;
      }

      .detail-text-time {
        color: #0a1f33;
        font-size: 20px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 24px;
      }

      .detail-text-time2 {
        color: #0a1f33;
        font-size: 20px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
      }

      .promo-peak {
        margin: 24px 24px;
        align-self: stretch;
        padding: 30px 20px;
        background: linear-gradient(90deg, #6c6de8 0%, #44dbdc 100%);
        box-shadow: 0px 0px 4px rgba(102, 204, 255, 0.25);
        border-radius: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        display: flex;
      }

      .detail-peak {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        display: flex;
        color: #0a1f33;
      }

      .peak-detail-text-normal {
        align-self: stretch;
        text-align: center;
        color: #0a1f33;
        font-size: 28px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 24px;
      }

      .peak-detail-text-bold {
        align-self: stretch;
        text-align: center;
        color: #0a1f33;
        font-size: 28px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
      }

      .tag-peak {
        padding: 15px;
        background: #f57423;
        border-radius: 30px;
        text-align: center;
        color: #ffffff;
        font-size: 40px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
        word-wrap: break-word;
      }

      .peak-benefits-wrapper {
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }

      .peak-benefits-title {
        text-align: center;
        color: black;
        font-size: 28px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 1.5;
      }

      .peak-benefits-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        width: 100%;
        max-width: 960px;
        padding: 0 20px;
        box-sizing: border-box;
      }

      .peak-benefit-card {
        padding: 15px;
        border-radius: 20px;
        outline: 2px #66ccff solid;
        outline-offset: -2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        background-color: rgba(255, 255, 255, 0.25);
        text-align: center;
      }

      .peak-benefit-icon {
        /* width: 50px; */
        height: 50px;
        position: relative;
        overflow: hidden;
        /* background: #66ccff; */
        border-radius: 8px;
      }

      .peak-benefit-card img.peak-benefit-icon {
        object-fit: cover;
      }

      .peak-benefit-text {
        color: black;
        font-size: 24px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 24px;
        word-wrap: break-word;
      }

      .peak-benefit-text b {
        /* font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
      }

      .promo-terms-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0 20px;
        box-sizing: border-box;
        max-width: 960px;
        margin: 0 auto;
      }

      .promo-terms-title {
        text-align: left;
        color: black;
        font-size: 24px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 700; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: 700;
        line-height: 24px;
        width: 100%;
      }

      .promo-terms-detail {
        color: black;
        font-size: 18px;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        line-height: 28px;
        word-wrap: break-word;
        padding-left: 0;
      }

      .promo-terms-detail ul {
        padding-left: 20px;
        margin: 0;
        list-style-type: disc;
      }

      .promo-terms-detail li {
        margin-bottom: 10px;
      }

      .contact {
        text-align: left;
        /* font-family: "LINE Seed Sans TH", sans-serif;
        font-weight: 400; */
        font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 1;
        padding: 1.5rem;
      }

      /* esponsive: Tablet */
      @media (max-width: 900px) {
        .peak-benefits-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      /* esponsive: Mobile */
      @media (max-width: 600px) {

        .expert-logo {
        max-width: 120px;
      }
      .peak-logo {
        max-width: 128px;
      }
        .peak-benefits-grid {
          grid-template-columns: 1fr;
        }

        .promo-terms-title {
          font-size: 20px;
          text-align: center;
          line-height: 1.4;
        }

        .promo-terms-detail {
          font-size: 16px;
          line-height: 26px;
          /* padding-left: 1rem; */
        }

        /* .promo-terms-detail ul {
    padding-left: 1rem;
  } */

        .promo-terms-detail li {
          margin-bottom: 5px;
        }

        .title-promo {
          font-size: 24px;
          line-height: 32px;
        }

        .detail-text-title {
          font-size: 20px;
        }

        .detail-text-topic {
          font-size: 22px;
          line-height: 28px;
        }

        .detail-text-subtopic,
        .detail-text-detail {
          font-size: 16px;
          line-height: 24px;
        }

        .detail-text-detail ol {
          list-style-type: decimal; /* ให้แสดงเลข */
          padding-left: 1.5em; /* ให้มีระยะห่างสำหรับตัวเลข */
          margin: 0;
        }

        .detail-text-detail li {
          display: list-item; /* ให้แสดงเป็นรายการแบบมีเลข */
          margin-bottom: 6px;
          color: white;
          font-size: 16px;
          font-family: 'LINE Seed Sans TH','Kanit','Prompt', sans-serif;
          line-height: 24px;
        }

        .peak-benefits-title {
          font-size: 22px;
          line-height: 28px;
        }

        .peak-benefit-text {
          font-size: 18px;
        }

        .contact {
          font-size: 1rem;
          /* padding-left: 1rem;
    padding-right: 1rem; */
        }

        .promo-peak {
          padding: 20px 16px;
          margin: 16px;
          gap: 16px;
          border-radius: 10px;
        }
        .promo-expert {
          padding: 20px 16px;
          margin: 16px;
          gap: 16px;
          border-radius: 10px;
        }

        .detail-peak {
          gap: 12px;
        }

        .peak-detail-text-normal,
        .peak-detail-text-bold {
          font-size: 20px;
          line-height: 28px;
        }

        .tag-peak {
          font-size: 28px;
          padding: 12px;
          line-height: 1.2;
        }

        .detail-text-time,
        .detail-text-time2 {
          font-size: 18px;
          /* line-height: 20px; */
        }
      }