القائمة الرئيسية

الصفحات

<section class="dha-next-step-section">
  <div class="dha-next-step-container">

    <div class="dha-next-step-header">
      <span class="dha-next-step-label">YOUR NEXT STEP</span>

      <h2>Ready for the Next Step?</h2>

      <p class="dha-next-step-subheading">
        Continue Your DHA GP Preparation
      </p>

      <p class="dha-next-step-intro">
        You have explored the free DHA GP sampler. Choose the preparation
        option that best matches your study goals and exam timeline.
      </p>
    </div>

    <div class="dha-next-step-grid">

      <!-- DHA GP MCQ BANK -->
      <article class="dha-next-step-card">
        <div class="dha-next-step-icon" aria-hidden="true">✓</div>

        <h3>DHA GP MCQ Bank</h3>

        <h4>Master the DHA GP Blueprint</h4>

        <p>
          Practice 4,500+ board-style DHA GP MCQs with detailed explanations,
          blueprint-based categories, performance tracking, and four months
          of access.
        </p>

        <a
          href="https://www.examcure.com/course/dha-gp-prometric-exam-mcqs-bank-2026"
          class="dha-next-step-button"
        >
          Explore the MCQ Bank
        </a>
      </article>

      <!-- DHA GP MOCK TESTS -->
      <article class="dha-next-step-card">
        <div class="dha-next-step-icon" aria-hidden="true">⏱</div>

        <h3>DHA GP Mock Tests</h3>

        <h4>Measure Your Exam Readiness</h4>

        <p>
          Train with timed DHA GP Prometric mock tests, realistic clinical
          scenarios, detailed explanations, and exam-style pacing.
        </p>

        <a
          href="https://www.examcure.com/course/dha-gp-prometric-mock-tests-2026"
          class="dha-next-step-button"
        >
          View the Mock Tests
        </a>
      </article>

      <!-- COMPLETE DHA GP PROGRAM -->
      <article class="dha-next-step-card dha-next-step-featured">
        <div class="dha-next-step-badge">Complete Preparation</div>

        <div class="dha-next-step-icon" aria-hidden="true">★</div>

        <h3>Complete DHA GP Preparation Program</h3>

        <h4>Everything You Need in One Program</h4>

        <p>
          Combine structured MCQ practice, mock tests, Crash Notes, and guided
          preparation in one complete DHA GP exam-preparation pathway.
        </p>

        <a
          href="https://www.examcure.com/program/dha-gp-prometric-complete-exam-bundle-2026"
          class="dha-next-step-button"
        >
          View the Complete Program
        </a>
      </article>

    </div>

    <div class="dha-next-step-guidance">
      <strong>Recommended for most candidates:</strong>
      Start with the <strong>DHA GP MCQ Bank</strong> to build your clinical
      knowledge. Add the <strong>Mock Tests</strong> when you are approaching
      your exam, or choose the <strong>Complete DHA GP Program</strong> for a
      structured all-in-one preparation pathway.
    </div>

  </div>
</section>

<style>
  .dha-next-step-section {
    padding: 68px 20px;
    background: #f5f7fb;
    font-family: Arial, Helvetica, sans-serif;
  }

  .dha-next-step-container {
    max-width: 1160px;
    margin: 0 auto;
  }

  .dha-next-step-header {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
  }

  .dha-next-step-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #2968c8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
  }

  .dha-next-step-header h2 {
    margin: 0;
    color: #23324f;
    font-size: clamp(34px, 5vw, 48px);
    line-height: 1.15;
  }

  .dha-next-step-subheading {
    margin: 10px 0 14px;
    color: #34466f;
    font-size: clamp(23px, 3vw, 31px);
    font-weight: 600;
    line-height: 1.3;
  }

  .dha-next-step-intro {
    margin: 0;
    color: #667085;
    font-size: 18px;
    line-height: 1.7;
  }

  .dha-next-step-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .dha-next-step-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e0e6ef;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(35, 50, 79, 0.07);
  }

  .dha-next-step-featured {
    border: 2px solid #2968c8;
  }

  .dha-next-step-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 11px;
    color: #2457a7;
    background: #eaf1ff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
  }

  .dha-next-step-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 22px;
    color: #ffffff;
    background: #2968c8;
    border-radius: 13px;
    font-size: 22px;
    font-weight: 700;
  }

  .dha-next-step-card h3 {
    margin: 0 0 8px;
    color: #263550;
    font-size: 24px;
    line-height: 1.3;
  }

  .dha-next-step-card h4 {
    margin: 0 0 15px;
    color: #4366a8;
    font-size: 17px;
    line-height: 1.4;
  }

  .dha-next-step-card p {
    flex-grow: 1;
    margin: 0 0 26px;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
  }

  .dha-next-step-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 18px;
    color: #ffffff !important;
    background: #2968c8;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .dha-next-step-button:hover,
  .dha-next-step-button:focus {
    background: #1f56aa;
    transform: translateY(-1px);
  }

  .dha-next-step-guidance {
    max-width: 930px;
    margin: 32px auto 0;
    padding: 20px 24px;
    color: #344054;
    background: #ffffff;
    border-left: 4px solid #2968c8;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.7;
  }

  @media (max-width: 900px) {
    .dha-next-step-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 520px) {
    .dha-next-step-section {
      padding: 50px 15px;
    }

    .dha-next-step-card {
      padding: 24px;
    }

    .dha-next-step-badge {
      position: static;
      align-self: flex-start;
      margin-bottom: 16px;
    }

    .dha-next-step-intro {
      font-size: 16px;
    }
  }
</style>
التنقل السريع