:root {
    --ink: #253356;
    --indigo: #1B3A6B;
    --paper: #F7F6F3;
    --paper-dim: #EFEDE7;
    --line: #DAD6CC;
    --gold: #f68a1e;
    --gold-soft: #253356;
    --teal: #253356;
    --teal-soft: #253356;
    --rose: #253356;
    --rose-soft: #253356;
    --slate: #5C6B73;
    --slate-soft: #E4E8E9;
    --indigo-soft: #253356;
    --white: #FFFFFF;
    --radius: 14px;
    --shadow: 0 1px 2px rgba(20,33,61,0.06), 0 8px 24px -12px rgba(20,33,61,0.18);
}
@keyframes borderMove{
    0%{background-position:0 0;}
    100%{background-position:300% 0;}
}

.scholarship-icon{
    width:95px;
    height:95px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#3f51b5,#5c6bc0);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:42px;
    box-shadow:0 15px 40px rgba(63,81,181,.35);
    animation:float 3s ease-in-out infinite;
}

@keyframes float{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}


.scholarship-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding: 18px 42px;
    border-radius: 60px !important;
    background: linear-gradient(135deg,var(--ink),var(--ink));
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    transition: .35s;
    box-shadow: 0 15px 35px rgba(63,81,181,.45);
    position: relative;
    overflow: hidden;
}

.scholarship-btn:before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:rgba(255,255,255,.35);
    transform:skewX(-25deg);
    transition:.7s;
}

.scholarship-btn:hover:before{
    left:160%;
}

.scholarship-btn:hover{
    transform:translateY(-5px) scale(1.04);
    box-shadow:0 25px 55px rgba(63,81,181,.55);
}

.scholarship-box:hover{
    transform:translateY(-8px);
}

@media(max-width:768px){

.scholarship-box{
    margin:20px;
    padding:35px 25px;
}

.scholarship-box h2{
    font-size:28px;
}

.scholarship-box p{
    font-size:15px;
}

.scholarship-btn{
    width:100%;
    justify-content:center;
}
}
p a:hover
 {
color:white !important;
}
#zoomBtn1 {
display:none !important;
}
a:hover {
    color: #ffffff;
}
    *{box-sizing:border-box;}
  
  html{scroll-behavior:smooth;}
  
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
/*    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
*/    line-height:1.55;
  }
  
  h1,h2,h3,h4{
/*    font-family:Georgia, Cambria, "Times New Roman", Times, serif;
*/    font-weight:600;
    margin:0 0 .3em 0;
    letter-spacing:-0.01em;
  }
  
  .num{
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/  }
  
  a{color:inherit; text-decoration:none;}
  
  .wrap{
    max-width:1080px;
    margin:0 auto;
    padding:0 28px;
  }

  /* ---------- HERO ---------- */
/*.hero {*/
/*    background-image: url(https://admin.umt.edu.pk/Media/Site/oia1/Post/HomeSlider/639192924884423482442.jpg) ;
*/    /*background: radial-gradient(900px 420px at 85% -10%, rgba(201,162,39,0.18), transparent 60%), linear-gradient(180deg, var(--ink) 0%, var(--indigo) 100%);
    color: var(--paper);
    padding: 76px 0 54px;
    position: relative;
    overflow: hidden;
}*/
.hero {
    background: url("https://admin.umt.edu.pk/Media/Site/oia1/Post/HomeSlider/639192924884423482442.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--paper);
    padding: 76px 0 54px;
    position: relative;
    overflow: hidden;
}
  .hero::after{
    content:"";
    position:absolute; inset:auto -10% -60% -10%;
    height:220px;
    background: repeating-linear-gradient(90deg, rgba(247,246,243,0.05) 0 1px, transparent 1px 46px);
    transform:rotate(-3deg);
    pointer-events:none;
  }
  
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/   /* font-size:12.5px;*/ 
      letter-spacing:.14em; text-transform:uppercase;
    color:var(--gold);
    margin-bottom:18px;
  }
  
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--gold);display:inline-block;}
  
  .hero h1{
    /*font-size:clamp(34px,5vw,54px);*/
    color:var(--white);
    max-width:14ch;
  }
  
  .hero p.lead{
    max-width:52ch;
    /*font-size:17.5px;*/
    color:#D9DCE6;
    margin:14px 0 34px;
  }
  
  .hero-stat{
/*    font-family:Georgia, Cambria, "Times New Roman", Times, serif;
*/   /* font-size:clamp(48px,8vw,84px);*/
    font-weight:700;
    color:var(--gold);
    line-height:.9;
    display:flex;
    align-items:baseline;
    gap:10px;
  }
  
  .hero-stat small{
/*    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
*/    font-size:15px;
    font-weight:500;
    color:#C7CBD6;
  }

  /* Quick Nav Chips */
  .chipbar{
    display:flex; flex-wrap:wrap; gap:10px;
    margin-top:284px;
  }
  
  .chip{
/*    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
*/    /*font-size:13.5px;*/ font-weight:500;
    padding:9px 16px;
    border-radius:100px;
    border:1px solid rgba(247,246,243,0.25);
    color:var(--paper);
    background:rgba(247,246,243,0.06);
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
  }
  
  .chip:hover{background:rgba(201,162,39,0.18); border-color:var(--gold); transform:translateY(-1px);}

  /* ---------- SECTION SCAFFOLD ---------- */
  section.domain{padding:56px 0;border-bottom:1px solid var(--line);}
  section.domain:last-of-type{border-bottom:none;}
  
  .domain-head{
    display:flex; align-items:flex-start; gap:18px;
    margin-bottom:30px;
  }
  
  .domain-mark{
    width:40px;height:40px;border-radius:10px;flex:none;
    display:flex;align-items:center;justify-content:center;
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/  /*  font-size:13px;*/
      font-weight:600;color:var(--white);
  }
  
  .domain-title p{margin:6px 0 0;color:#465064;
                 /* font-size:15px;*/
                  max-width:60ch;}

  /* Domain Color Themes */
  .t-gold  .domain-mark{background:var(--gold);}
  .t-teal  .domain-mark{background:var(--gold);}
  .t-rose  .domain-mark{background:var(--gold);}
  .t-indigo .domain-mark{background:var(--gold);}
  .t-slate .domain-mark{background:var(--gold);}

  /* ---------- TABS (CSS-only) ---------- */
  .tabgroup{
    width:100%;
    margin-bottom:8px;
  }
  
  .tabgroup input[type="radio"]{display:none;}
  
  .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
  
  .tabs label{
    cursor:pointer;
  /*  font-size:13.5px;*/
    font-weight:600;
    padding:8px 15px;border-radius:9px;
    border:1px solid var(--line);
    background:var(--white);
    color:#5B6472;
    transition:all .15s ease;
  }
  
  .tabs label:hover{
    background:var(--paper-dim);
  }
  
  .panel{display:none;}
  
  /* CSS-Only Tab Selection Mechanics (Corrected sibling targeting) */
  #mp1:checked ~ .tabs label[for="mp1"],
  #mp2:checked ~ .tabs label[for="mp2"],
  #mp3:checked ~ .tabs label[for="mp3"],
  #mp4:checked ~ .tabs label[for="mp4"] {
    background:var(--indigo);
    color:var(--white);
    border-color:var(--indigo);
  }
  
  #mp1:checked ~ #panel-mp1,
  #mp2:checked ~ #panel-mp2,
  #mp3:checked ~ #panel-mp3,
  #mp4:checked ~ #panel-mp4 {
    display:block;
  }

  /* ---------- LADDER (percentage bars) ---------- */
  .ladder{display:flex;flex-direction:column;gap:10px;}
  
  .rung{
    display:grid;
    grid-template-columns:170px 1fr 128px;
    align-items:center;
    gap:16px;
  }
  
  .rung .range{/*font-size:13.5px;*/color:#4A5468;font-weight:500;}
  
  .rung .track{
    height:14px;border-radius:100px;background:var(--paper-dim);
    overflow:hidden;position:relative;border:1px solid var(--line);
  }
  
  .rung .fill{
    height:100%;border-radius:100px;
    width:var(--pct,0%);
    background:linear-gradient(90deg, var(--fill-a), var(--fill-b));
  }
  
  .rung .val{
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/   /* font-size:13.5px;*/font-weight:600;
    text-align:right; color:var(--ink);
  }
  
  .rung.top .range{font-weight:700;color:var(--ink);}
  
  .rung.top .fill{background:linear-gradient(90deg,#8A6D0E,var(--gold));}
  
  .rung.top .val{color:var(--gold-dark,#8A6D0E);}
  
  .ladder-note{
   /* font-size:12.5px;*/
    color:#6B7280;
    margin-top:10px;
    padding:12px;
    border-left:3px solid var(--gold);
    background:var(--paper-dim);
  }

  .t-gold  .fill{--fill-a:#8A6D0E;--fill-b:var(--gold);}
.t-teal .fill {
    --fill-a: var(--teal-soft);
    --fill-b: var(--teal);
}
  .t-rose  .fill{--fill-a:#5F2129;--fill-b:var(--rose);}
  .t-indigo .fill{--fill-a:#0F1F3B;--fill-b:var(--indigo);}

  /* ---------- CARD BLOCK ---------- */
  .card-block{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 26px 22px;box-shadow:var(--shadow);
  }
  
  .card-block + .card-block{margin-top:20px;}
  
  .card-block h3{/*font-size:18px;*/margin-bottom:2px;}
  
  .card-block .sub{/*font-size:13px;*/color:#6B7280;margin-bottom:18px;}

  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

  /* ---------- ALUMNI STRIP ---------- */
  .alumni-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px;}
  
  .waiver-pill{
    background:var(--teal-soft);border:1px solid #BEDBD2;border-radius:var(--radius) !important;
    padding:20px;display:flex;align-items:center;gap:16px;
  }
  
  .waiver-pill .big{
/*    font-family:Georgia, Cambria, "Times New Roman", Times, serif;
*/   /* font-size:32px;*/font-weight:700;color:var(--gold);
  }
  
  .waiver-pill .lbl{/*font-size:13.5px;*/color:#ffffff;font-weight:500;}

  /* ---------- DISCOUNT CARD GRID ---------- */
  .grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  
  .dcard{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:20px;display:flex;flex-direction:column;gap:10px;
    box-shadow:var(--shadow);
  }
  
  .dcard .badge{
    align-self:flex-start;
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/    font-weight:600;/*font-size:13px;*/
    padding:5px 11px;border-radius:100px;
    background:var(--rose-soft);color:#ffffff;
  }
  
  .dcard h4{/*font-size:15.5px;*/margin:0;}
  
  .dcard p{/*font-size:13.5px;*/color:#5B6472;margin:0;}

  /* ---------- NEED-BASED ---------- */
  .need-box{
    background:linear-gradient(135deg,var(--indigo),#122A52);
    color:var(--paper);
    border-radius:var(--radius);
    padding:34px 32px;
    display:flex;justify-content:space-between;align-items:center;gap:24px;
    box-shadow:var(--shadow);
  }
  
  .need-box h3{color:var(--white);/*font-size:22px;*/}
  
  .need-box p{color:#C9CEDA;/*font-size:14px;*/max-width:48ch;margin:8px 0 0;}
  
  .need-btn{
    flex:none;
    background:var(--gold);color:#2A2205;font-weight:700;/*font-size:14px;*/
    padding:12px 22px;border-radius:9px;text-decoration:none;white-space:nowrap;
    transition:transform .15s ease;
  }
  
  .need-btn:hover{transform:translateY(-2px);}

  /* ---------- RULES / ACCORDION ---------- */
  details.acc{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:4px 22px; margin-bottom:12px; box-shadow:var(--shadow);
  }
  
  details.acc summary{
    cursor:pointer;list-style:none;padding:16px 0;
    display:flex;justify-content:space-between;align-items:center;
    font-weight:600;/*font-size:15px;*/
  }
  
  details.acc summary::-webkit-details-marker{display:none;}
  
  details.acc summary::after{
    content:"+";
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/    /*font-size:18px;*/color:var(--slate);
    transition:transform .2s ease;
  }
  
  details.acc[open] summary::after{transform:rotate(45deg);}
  
  details.acc .acc-body{padding-bottom:18px;}

  table.clean{width:100%;border-collapse:collapse;/*font-size:13.5px;*/}

    table.clean th {
        text-align: left;
        /*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/ /* font-size:11.5px;*/
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: #6B7280;
        padding: 8px 10px;
        border-bottom: 2px solid var(--line);
    }
  
  table.clean td{padding:9px 10px;border-bottom:1px solid var(--line);}
  
  table.clean tr:last-child td{border-bottom:none;}
  
  table.clean td.num{
/*    font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/    font-weight:600;color:var(--ink);    text-align: center;
    vertical-align: middle;
  }

  ul.rule-list{margin:0;padding-left:18px;/*font-size:14px*/;color:#3D4658;}
  
  ul.rule-list li{margin-bottom:6px;}
.fool-wrapper {
    min-height: 27vh;
    display: flex;
    justify-content: center; /* Horizontal center */
    align-items: center; /* Vertical center */
}

.fool {
    width: 100%;
    max-width: 1012px;
    text-align: center;
    color: #ffffff;
    padding: 15px;
    background-color: var(--ink);
    border-radius: 50px !important;
    box-sizing: border-box;
}

/* Mobile devices */
@media (max-width: 576px) {
    .fool {
        width: 90%;
        padding: 12px 15px;
        border-radius: 30px !important;
    }
}

  /* ---------- STAT LIST & ROWS (Aligned to your exact DOM) ---------- */
  .statlist {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .stat-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 15px 20px;
    border-bottom: 1px solid var(--line);
    background: var(--white);
  }

  .stat-row:last-child {
    border-bottom: none;
  }

  .stat-row .range {
    /*font-size: 13.5px;*/
    color: #4A5468;
    font-weight: 500;
    width: 60%;
  }
    .stat-row .range1 {
        /*font-size: 13.5px;*/
        color: #4A5468;
        font-weight: 500;
        width: 15%;
    }
  .stat-row .val {
/*    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
*/    font-weight: 700;
   /* font-size: 13.5px;*/
    padding: 6px 15px;
    border-radius: 100px !important;
    background: var(--gold-soft);
    color: #FFFFFF;
    text-align: right;
    /*width: 12%;*/
  }

  .stat-row.top .range {
    font-weight: 700;
    color: var(--ink);
  }

  .stat-row.top .val {
    background: linear-gradient(90deg, #122A52, var(--gold));
    color: #fff;
  }

  /* ---------- RESPONSIVE MEDIA BREAKPOINTS ---------- */
  
  @media (max-width: 900px) {
    .grid-cards {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 760px) {
    .two-col {
      grid-template-columns: 1fr;
    }
    /* Wrap progress rungs elegantly */
    .rung {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    .rung .val {
      text-align: left;
    }
  }

  @media (max-width: 640px) {
    .alumni-strip {
      grid-template-columns: 1fr;
    }
    .need-box {
      flex-direction: column;
      align-items: flex-start;
      padding: 24px 20px;
    }
    .need-btn {
      width: 100%;
      text-align: center;
    }
  }

  @media (max-width: 600px) {
    .grid-cards {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 576px) {
    .tabs {
      flex-direction: column;
      width: 100%;
    }
    .tabs label {
      display: block;
      width: 100%;
      text-align: center;
      padding: 12px;
    }
    .stat-row {
      padding: 12px 15px;
    }
    .stat-row .range {
      width: 50%;
    }
    .stat-row .val {
      width: 50%;
     /* font-size: 12.5px;*/
      padding: 4px 10px;
    }
  }
.left-side-apply {
display: none;
}