/* ===== JioType brand fonts (served from jiosphere.com) ===== */
    @font-face { font-family: jiotypebold;   src: url("https://jiosphere.com/assets/fonts/jiotype/JioType-Bold.ttf"); }
    @font-face { font-family: jiotypelight;  src: url("https://jiosphere.com/assets/fonts/jiotype/JioType-Light.ttf"); }
    @font-face { font-family: jiotypemedium; src: url("https://jiosphere.com/assets/fonts/jiotype/JioType-Medium.ttf"); }
    @font-face { font-family: jiotypeblack;  src: url("https://jiosphere.com/assets/fonts/jiotype/JioType-Black.ttf"); }
 /* ===== Hero band ===== */
    .faq-bg {
      border-radius: 15px;
      background: linear-gradient(120deg, #1ECCB0 0%, #1E7B74 100%);
      padding: 38px 20px;
    }
    .faq-bg img { height: 56px; margin-bottom: 14px; }
    .faq-bg h4 { font-size: 32px; color: #fff; font-family: jiotypeblack; margin: 0; }
    .faq-bg p { color: rgba(255,255,255,.9); font-family: jiotypemedium; margin: 8px 0 0; font-size: 15px; }
 .breadcrumb-item.active { color: #1E7B74; }
    /* ===== Accordion (matches jiosphere.com tokens) ===== */
    .accordion { margin-top: 20px; }
    .accordion-item {
      border: 1px solid #1ECCB0 ! Important;
      margin-bottom: 25px;
      border-radius: 8px !important;
      overflow: hidden;
    }
    .accordion-button {
      border-radius: 8px !important;
      font-size: 18px;
      font-family: jiotypebold;
      color: var(--ink) !important;
      background: #fff;
    }
    .accordion-button:not(.collapsed) {
      background: rgba(30, 204, 176, .10);
      box-shadow: none;
    }
    .accordion-button:focus { outline: 0; box-shadow: none; }
    .accordion-button::after {
      /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231ECCB0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
      background-image:none !important;
    }
    .accordion-body {
      padding: 4px 20px 16px 20px !important;
      font-size: 14px;
      line-height: 1.6;
      font-family: jiotypemedium;
      color: #333;
    }
    .accordion-body strong { font-family: jiotypebold; color: var(--ink); }
    .accordion-body a { color: var(--coral); }
    .accordion-body ul { margin: 6px 0 0; padding-left: 20px; }
    .accordion-body li { margin-bottom: 6px; }

    /* badges inside answers */
    .pill { display: inline-block; margin-top: 10px; font-size: 12px; font-family: jiotypebold;
            padding: 4px 12px; border-radius: 999px; }
    .pill.soon { background: #FFF3D6; color: #B7791F; }
    .tip { margin-top: 10px; padding: 10px 14px; border-radius: 8px; background: rgba(30,204,176,.10);
           font-size: 13px; }
    .tip strong { color: var(--teal-dark); }

    /* category labels */
    .cat-label {
      font-family: jiotypebold; font-size: 13px; letter-spacing: .04em; text-transform: uppercase;
      color: #1E7B74; margin: 28px 0 14px; padding-left: 4px;
    }

    /* ===== Disclaimer ===== */
    .discr p { font-size: 13px; color: #555; font-family: jiotypemedium; }
    .discr strong { font-family: jiotypebold; color: var(--ink); }
 @media (max-width: 768px) {
      .faq-bg h4 { font-size: 24px; }
      .accordion-button { font-size: 15px; }
     
    }