/* =========================
       GLOBAL CSS
    ========================= */
    :root {
      --primary: #174bc5;
      --primary-dark: #102f78;
      --purple: #3729c8;
      --orange: #ff713b;
      --text: #252342;
      --muted: #707386;
      --light-bg: #f6f7fc;
      --border: #e5e7f0;
      --white: #ffffff;
    }

    * {margin: 0;padding: 0; box-sizing: border-box;}
    html {scroll-behavior: smooth;}
    body { font-family: "Poppins", sans-serif;  color: var(--text);  background: #fff;  font-size: 13px;   line-height: 1.6; }
    a { text-decoration: none; color: inherit; }
    button { font: inherit;}
    button, a {-webkit-tap-highlight-color: transparent;}
    img {max-width: 100%;  display: block;}
    .container {  width: min(100% - 40px, 1140px);  margin-inline: auto;}
    .section {  padding: 55px 0;}
    .section-heading {  text-align: center;  margin-bottom: 28px;}
    .section-heading .eyebrow {  display: block;  color: var(--purple);  font-size: 11px;  font-weight: 600;  margin-bottom: 3px;}
    .section-heading h2 {  font-size: clamp(22px, 3vw, 29px);  line-height: 1.35;  font-weight: 700;  color: var(--primary);  margin-bottom: 5px;}
    .section-heading p {  color: var(--muted);  font-size: 16px;}
    /* =========================
       ABOUT PROGRAMME
    ========================= */
    .about-programme {  padding: 30px 0 35px;}
    .about-label {  color: #222;  font-size: 12px;  font-weight: 600;  margin-bottom: 4px;}
    .about-programme h1 {  font-size: clamp(24px, 3vw, 31px);  line-height: 1.3;  color: var(--primary);  margin-bottom: 12px;  font-weight: 700;}
    .about-copy p {  color: var(--muted);  font-size: 16px;  line-height: 1.8;  margin-bottom: 10px;  text-align: justify;}
    .course-info {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 18px;  margin-top: 28px;}
    .course-info h3{ font-size: 19px}
    .info-card { min-height: 80px; padding: 15px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--border); background: #f7f8fc; border-radius: 10px; transition: 0.25s ease;}
    .info-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 7px 18px rgba(20, 40, 90, 0.1);
    }
    .info-card.active {  color: white;  background: var(--primary);  border-color: var(--primary);}
    .info-icon {  flex: 0 0 40px;  height: 40px;  border-radius: 50%;  display: grid;  place-items: center;  background: #e7e9ef;  color: #222;  font-size: 19px;}
    .info-card.active .info-icon {  background: white;  color: var(--primary);}
    .info-icon i{ color: #000;}
    .info-card p.card4N23 {  font-size: 17px;  line-height: 1.5;  font-weight: 700; }
    .info-card p {  font-size: 15px;  line-height: 1.5;  color: var(--muted); margin-bottom:0px}
    .info-card.active p {  color: #e7edff;}
    /* =========================
       RECOGNITION BANNER
    ========================= */
    .recognition {  background: var(--primary-dark);  color: white;  padding: 22px 0;}
    .recognition-inner {  display: flex;  justify-content: space-between;  align-items: center;  gap: 20px;  flex-wrap: wrap;}
    .recognition h2 {  font-size: 25px;  margin-bottom: 3px;}
    .recognition p {  font-size: 16px;  line-height: 1.8;}
    .recognition-btn {  background: var(--orange);  color: white;  padding: 7px 15px;  border-radius: 5px;  border: none;  font-size: 11px;  font-weight: 600;  cursor: pointer;}
    /* =========================
       PROGRAMME INFORMATION
    ========================= */
    .programme-information {
      padding: 65px 0;
    }
    .programme-box {  max-width: 920px;  margin: auto;  border: 1px solid var(--primary);  border-radius: 10px;  overflow: hidden;}
    .programme-tabs {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  background: #f5f6fc;  border-bottom: 1px solid var(--primary);}
    .programme-tab { padding: 13px 8px; border: none; border-right: 1px solid var(--primary); color: #293b82; background: transparent; font-size: 16px; font-weight: 700; cursor: pointer; transition: 0.2s ease;}
    .programme-tab:last-child {  border-right: 0;}
    .programme-tab.active,
    .programme-tab:hover {  background: #172a91;  color: white;}
    .tab-content {  padding: 22px;}
    .tab-panel { display: none;}

    .tab-panel.active { display: block;animation: fadeIn 0.3s ease; }

    @keyframes fadeIn {
      from { opacity: 0;   transform: translateY(5px);}
      to { opacity: 1; transform: translateY(0);}   
     }

    .tab-panel h3 {  font-size: 17px;  margin-bottom: 7px;}

    .tab-panel > p {  color: var(--muted);  font-size: 16px;  margin-bottom: 18px;}

    /* Semester accordion */
    .semester {  border-bottom: 1px solid var(--border);}

    .semester:last-child {
      border-bottom: none;
    }

    .semester-btn {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: left;
      gap: 15px;
      padding: 15px 5px;
      background: transparent;
      color: var(--text);
      border: none;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
    }

    .semester-btn i {
      color: #293b82;
      font-size: 12px;
      transition: transform 0.25s ease;
    }

    .semester.open .semester-btn i {
      transform: rotate(180deg);
    }

    .semester-content {
      display: none;
      padding: 0 5px 18px;
    }

    .semester.open .semester-content {
      display: block;
    }

    .semester-content p {
      color: var(--muted);
      font-size: 16px;
      margin-bottom: 10px;
    }

    .semester-content ul {
      padding-left: 20px;
      color: #707070;
    }

    .semester-content li {
      padding: 5px 0;
      font-size: 16px;
    }

    .detail-list {
      list-style: none;
      padding: 0;
    }

    .detail-list li {
      padding: 14px;
      margin-bottom: 9px;
      background: #f7f8fc;
      border: 1px solid var(--border);
      border-radius: 7px;
    }

    /* =========================
       ADMISSION PROCESS
    ========================= */
    .admission-process {
      background: #fdfbfc;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      padding: 48px 0;
    }

    .admission-steps {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 28px;
      align-items: start;
    }

    .admission-step {
      text-align: center;
      position: relative;
    }

    .step-icon {
      width: 100px;
      height: 100px;
      margin: 0 auto 12px;
      border: 2px solid var(--primary);
      color: var(--primary);
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 43px;
      background: white;
    }

    .admission-step:not(:last-child)::after {
      content: "\f30b";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      position: absolute;
      top: 30px;
      right: -27px;
      font-size: 25px;
      color: #111;
    }

    .admission-step h3 {
      color: #111;
      font-size: 16px;
      line-height: 1.55;
      font-weight: 600;
    }

    /* =========================
       WHY CHOOSE US
    ========================= */
    .why-choose {
      background: #f7f8fb;
      padding: 55px 0 60px;
    }

    .why-choose .section-heading {
      margin-bottom: 50px;
    }

    .why-choose .section-heading p {
      max-width: 680px;
      margin: auto;
    }

    .features-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 55px 35px;
      max-width: 890px;
      margin: auto;
    }

    .feature-card {
      position: relative;
      min-height: 155px;
      background: white;
      border: 1.5px solid var(--primary);
      border-radius: 22px;
      padding: 32px 18px 18px;
      text-align: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.13);
      transition: 0.25s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 22px rgba(20, 40, 90, 0.13);
    }

    .feature-icon {
      position: absolute;
      width: 54px;
      height: 54px;
      top: -28px;
      left: 50%;
      transform: translateX(-50%);
      border: 3px solid white;
      background: var(--orange);
      color: white;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 25px;
    }

    .feature-card p.CardTT9 {
      font-size: 18px; font-weight: 600;
      line-height: 1.4;
      margin-bottom: 8px;
      color: #333;
    }

    .feature-card p {
      font-size: 15px;
      line-height: 1.7;
      color: var(--muted);
    }

    /* =========================
       APPLY NOW CTA
    ========================= */
    .cta-section {
      padding: 35px 0 15px;
    }

    .cta-box {
      background: var(--purple);
      color: white;
      padding: 28px 35px;
      border-radius: 22px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .cta-box h2 {
      font-size: 23px;
      margin-bottom: 5px;
    }

    .cta-box p {
      font-size: 12px;
    }

    .apply-btn {
      flex-shrink: 0;
      display: inline-block;
      padding: 12px 22px;
      background: #ffd21f;
      color: #171717;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 700;
      transition: 0.25s ease;
    }

    .apply-btn:hover {
      background: white;
      transform: translateY(-2px);
    }

    /* =========================
       JOB OPPORTUNITIES
    ========================= */
    .career-section {
      padding: 0px 0 50px;
      overflow: hidden;
    }

    .career-layout {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      align-items: center;
      gap: 30px;
    }

    .career-content .eyebrow {
      color: var(--purple);
      font-size: 11px;
      font-weight: 600;
    }

    .career-content h2 {
      font-size: clamp(22px, 3vw, 27px);
      line-height: 1.4;
      color: var(--primary);
      margin: 5px 0; height: 80px;
    }

    .career-content > p {
      color: var(--muted);
      font-size: 16px;
      margin-bottom: 18px;
      max-width: 580px;
    }

    .career-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .career-card {
      border: 1px solid var(--border);
      padding: 12px 14px;
      border-radius: 9px;
      background: white;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
      transition: 0.25s ease;
    }

    .career-card:hover {
      border-color: var(--primary);
      transform: translateY(-3px);
      background: var(--orange);
    }
.career-card:hover *{ color: #fff !important}
    .career-card h3 {
      color: #142d83;
      font-size: 15px; font-weight: 600;
      margin-bottom: 3px;
    }

    .career-card p {
      font-size: 16px;
      color: var(--muted); margin-bottom: 0px;
    }

    .career-image {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
    }

    .career-image img {
      width: 100%;
      max-width: 440px;
      height: auto;
      object-fit: contain;
    }

.info-card:hover{ background: #174bc5;}
.info-card:hover *{ color:#fff !important;}
.info-card:hover i{ color:#174bc5 !important}
.feature-card:hover{ background:#ff713b}
.feature-card:hover p{ color: #fff !important}
    /* =========================
       RESPONSIVE TABLET
    ========================= */
    @media (max-width: 900px) {
      .container {
        width: min(100% - 32px, 760px);
      }

      .course-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .admission-steps {
        gap: 14px;
      }

      .step-icon {
        width: 78px;
        height: 78px;
        font-size: 32px;
      }

      .admission-step:not(:last-child)::after {
        top: 25px;
        right: -17px;
        font-size: 19px;
      }

      .features-grid {
        gap: 48px 18px;
      }

      .feature-card {
        padding-inline: 12px;
      }

      .career-layout {
        grid-template-columns: 1fr 0.8fr;
        gap: 15px;
      }

      .career-grid {
        gap: 9px;
      }
    }

    /* =========================
       RESPONSIVE MOBILE
    ========================= */
    @media (max-width: 600px) {
      body {
        font-size: 12px;
      }

      .container {
        width: calc(100% - 28px);
      }

      .section {
        padding: 38px 0;
      }

      .about-programme {
        padding: 25px 0;
      }

      .about-programme h1 {
        font-size: 23px;
      }

      .about-copy p {
        text-align: left;
        font-size: 11px;
        line-height: 1.8;
      }

      .course-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 20px;
      }

      .info-card {
        min-height: 75px;
        padding: 10px;
        gap: 8px;
      }

      .info-icon {
        flex-basis: 32px;
        height: 32px;
        font-size: 15px;
      }

      .info-card h3 {
        font-size: 10px;
      }

      .info-card p {
        font-size: 9px;
      }

      .recognition {
        padding: 20px 0;
      }

      .recognition-inner {
        align-items: flex-start;
      }

      .recognition h2 {
        font-size: 22px;
      }

      .recognition p {
        font-size: 11px;
      }

      .recognition-btn {
        font-size: 10px;
        padding: 7px 10px;
      }

      .programme-information {
        padding: 40px 0;
      }

      .section-heading h2 {
        font-size: 21px;
      }

      .section-heading p {
        font-size: 16px;
      }

      .programme-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .programme-tab {
        padding: 12px 5px;
        font-size: 12px;
        border-bottom: 1px solid var(--primary);
      }

      .programme-tab:nth-child(2) {
        border-right: 0;
      }

      .programme-tab:nth-child(n+3) {
        border-bottom: 0;
      }

      .tab-content {
        padding: 14px;
      }

      .tab-panel h3 {
        font-size: 15px;
      }

      .semester-btn {
        font-size: 13px;
        padding: 13px 3px;
      }

      .semester-content p,
      .semester-content li {
        font-size: 11px;
      }

      .admission-process {
        padding: 38px 0;
      }

      .admission-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 14px;
      }

      .admission-step:last-child {
        grid-column: 1 / -1;
      }

      .step-icon {
        width: 76px;
        height: 76px;
        font-size: 30px;
        margin-bottom: 9px;
      }

      .admission-step h3 {
        font-size: 12px;
      }

      .admission-step:not(:last-child)::after {
        display: none;
      }

      .why-choose {
        padding: 40px 0 45px;
      }

      .why-choose .section-heading {
        margin-bottom: 45px;
      }

      .features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 45px 12px;
      }

      .feature-card {
        min-height: 175px;
        padding: 29px 10px 14px;
        border-radius: 15px;
      }

      .feature-icon {
        width: 45px;
        height: 45px;
        top: -24px;
        font-size: 20px;
      }

      .feature-card h3 {
        font-size: 12px;
      }

      .feature-card p {
        font-size: 10px;
      }

      .cta-section {
        padding: 25px 0 10px;
      }

      .cta-box {
        padding: 24px 18px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 15px;
        gap: 16px;
      }

      .cta-box h2 {
        font-size: 19px;
      }

      .cta-box p {
        font-size: 11px;
      }

      .apply-btn {
        padding: 10px 17px;
      }

      .career-section {
        padding: 25px 0 35px;
      }

      .career-layout {
        grid-template-columns: 1fr;
      }

      .career-content h2 {
        font-size: 22px;
      }

      .career-content > p {
        font-size: 11px;
      }

      .career-grid {
        gap: 10px;
      }

      .career-card {
        padding: 10px;
      }

      .career-card h3 {
        font-size: 11px;
      }

      .career-card p {
        font-size: 9px;
      }

      .career-image {
        margin-top: 10px;
      }

      .career-image img {
        max-width: 330px;
      }
    }

    @media (max-width: 360px) {
      .course-info {
        grid-template-columns: 1fr;
      }

      .features-grid {
        grid-template-columns: 1fr;
        gap: 42px;
      }

      .feature-card {
        min-height: auto;
        padding: 30px 18px 20px;
      }

      .career-grid {
        grid-template-columns: 1fr;
      }
    }
div#admission-panel-2 table {
    width: 100%;
}
/* #admission-panel-2 table thead tr:first-child th,
#admission-panel-2 table thead tr:first-child td,
#admission-panel-2 table tbody tr:first-child th,
#admission-panel-2 table tbody tr:first-child td,
#admission-panel-2 table > tr:first-child th,
#admission-panel-2 table > tr:first-child td  {
    background: #172a91;
    color: #fff;
} */

div#admission-panel-2 th {
    text-align: center;
    padding: 5px;
}

div#admission-panel-2 td {
    padding: 8px;
    border: 1px solid #c1c1c1;
}
.rich-text-content p{ font-size: 16px}