@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap');
:root{--blue:#1557c0;--blue-dark:#0b2f75;--orange:#ff7200;--orange-dark:#e85d00;--ink:#101828;--muted:#667085;--soft:#f5f8fc;--line:#e6eaf0;--white:#fff;--shadow:0 20px 55px rgba(16,24,40,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.top-banner{height:40px;background:var(--blue-dark);color:#fff;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:1px}.banner-track{height:100%;display:flex;align-items:center;gap:28px;width:max-content;animation:banner 28s linear infinite}.banner-track b{color:var(--orange);font-size:15px}@keyframes banner{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center}.brand img{width:190px;height:70px;object-fit:contain;display:block}.nav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700}.nav a:hover,.nav a.active{color:var(--blue)}.login-btn{border:0;background:var(--blue);color:#fff;padding:11px 18px;border-radius:10px;font-weight:800;cursor:pointer}.menu-btn{display:none;border:0;background:none;font-size:28px;margin-left:auto}
.hero{overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#fff7f0 100%);padding:76px 0 90px;position:relative}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,114,0,.09);right:-160px;top:-120px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.5px;color:var(--orange);margin-bottom:12px}h1{font:800 clamp(42px,5.5vw,68px)/1.05 "Plus Jakarta Sans";margin:0 0 22px;color:var(--blue-dark);letter-spacing:-2.5px}h1 span{color:var(--orange)}h2{font:800 clamp(30px,4vw,44px)/1.1 "Plus Jakarta Sans";margin:0 0 14px;color:var(--blue-dark);letter-spacing:-1.5px}h3{margin:0 0 7px}.hero-copy p,.page-hero p,.section-head p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:12px;font-weight:800;border:2px solid transparent;cursor:pointer;font-size:14px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.trust-row{display:flex;gap:34px;margin-top:28px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:25px;color:var(--blue)}.trust-row small{color:var(--muted)}
.hero-card{min-height:430px;display:flex;align-items:center;justify-content:center;position:relative}.screen{width:min(450px,100%);background:var(--blue-dark);border-radius:28px;padding:24px;color:#fff;box-shadow:0 30px 70px rgba(11,47,117,.28);transform:rotate(1.5deg);animation:screen 5s ease-in-out infinite}@keyframes screen{50%{transform:rotate(-1deg) translateY(-7px)}}.screen-top{display:flex;gap:6px}.screen-top i{width:7px;height:7px;border-radius:50%;background:#fff4;display:block}.teacher{margin:22px 0 12px;background:#163d86;border-radius:17px;padding:16px;display:flex;align-items:center;gap:12px}.teacher-icon{width:45px;height:45px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:23px}.teacher small,.teacher strong,.teacher span{display:block}.teacher small{font-size:8px;color:#ffad6d}.teacher strong{font-size:12px}.teacher span{font-size:9px;color:#b7c6e1}.teacher button{margin-left:auto;border:0;border-radius:9px;padding:8px 12px;font-weight:800}.screen .progress{background:#16345f;border-radius:17px;padding:17px}.progress-head{display:flex;justify-content:space-between;font-size:10px}.progress-head b{color:#ffb178}.bar{height:7px;background:#0a2758;border-radius:7px;margin:12px 0}.bar i{display:block;height:100%;width:78%;background:var(--orange);border-radius:7px}.progress small{font-size:8px;color:#b4c2d9}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.mini-cards div{background:#16345f;padding:12px;border-radius:13px}.mini-cards b,.mini-cards small{display:block}.mini-cards b{font-size:16px}.mini-cards small{font-size:8px;color:#b4c2d9}.floating-card{position:absolute;background:#fff;border-radius:13px;padding:12px 14px;box-shadow:0 16px 35px rgba(16,24,40,.15);font-size:11px;z-index:3;animation:float 5s ease-in-out infinite}.floating-card strong,.floating-card small{display:block}.floating-card small{font-size:8px;color:var(--muted)}.card-one{left:-5px;top:14%}.card-two{right:-5px;bottom:12%;animation-delay:1s}@keyframes float{50%{transform:translateY(-17px)}}
.section{padding:88px 0}.section-soft{background:var(--soft)}.section-head{margin-bottom:34px}.section-head.center{text-align:center;max-width:700px;margin:0 auto 38px}.section-head.center p{margin-left:auto;margin-right:auto}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.class-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;transition:.3s}.class-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.class-card b{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf4ff;color:var(--blue);font-size:13px}.class-card h3{font-size:18px;margin-top:18px}.class-card span{font-size:10px;color:var(--orange);font-weight:800}.extra-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.extra-grid article,.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.extra-grid span,.feature-grid .icon{font-size:24px}.extra-grid h3,.feature-grid h3{font-size:15px;margin-top:15px}.extra-grid p,.feature-grid p{font-size:11px;color:var(--muted)}.feature-grid{grid-template-columns:repeat(4,1fr)}.why{background:#fff}.why-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.why-copy p{color:var(--muted);font-size:15px}.check-list{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:12px;font-size:12px;font-weight:700}.check-list li:before{content:"✓";color:var(--orange);font-size:15px;margin-right:10px}.audience-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-box div{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--soft);display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:800}.audience-box strong{font-size:24px}.about-card{border-radius:24px;background:linear-gradient(135deg,var(--blue-dark),var(--blue));padding:45px;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:55px}.about-card h2{color:#fff}.about-card p{color:#dce8ff;font-size:13px}.mission{background:#fff;color:var(--ink);border-radius:18px;padding:25px}.mission p{color:var(--muted)}.contact-section{background:var(--soft)}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:start}.contact-info p{font-size:12px;color:var(--muted)}.contact-form{background:#fff;padding:25px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px;margin:5px 0;border:1px solid var(--line);border-radius:10px;font:inherit}.contact-form textarea{min-height:110px}.page-hero{padding:65px 0;background:linear-gradient(135deg,#f7fbff,#fff8f2)}.page-hero h1{font-size:52px}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.program{border:1px solid var(--line);border-radius:20px;padding:25px}.program .num{color:var(--orange);font-weight:900;font-size:11px;letter-spacing:1px}.program h3{font-size:21px}.program ul{padding-left:20px;color:var(--muted);font-size:12px;line-height:2}.teachers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teacher-card{border:1px solid var(--line);border-radius:20px;padding:25px}.avatar{width:68px;height:68px;border-radius:19px;background:#edf4ff;display:grid;place-items:center;font-size:28px;margin-bottom:16px}.teacher-card p{font-size:11px;color:var(--muted)}.teacher-work{margin-top:60px}.teacher-panel{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:25px}.teacher-panel p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px;font-size:11px;color:var(--muted)}.chart{height:70px;display:flex;align-items:end;gap:8px}.chart i{width:12%;background:var(--blue);border-radius:4px 4px 1px 1px}.chart i:nth-child(1){height:40%}.chart i:nth-child(2){height:65%}.chart i:nth-child(3){height:50%}.chart i:nth-child(4){height:82%}.chart i:nth-child(5){height:62%}.chart i:nth-child(6){height:92%}.chart i:nth-child(7){height:74%}.cta{padding:0 0 80px}.cta-box{background:linear-gradient(120deg,var(--blue-dark),var(--blue));color:#fff;border-radius:24px;padding:45px}.cta-box h2{color:#fff}.cta-box p{color:#dce8ff;font-size:13px}.white{display:inline-flex;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;font-size:11px;font-weight:800}.footer-wrap{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;color:#8a93a4;font-size:9px}.footer-logo{width:145px;height:auto;display:block}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--blue)}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:122px;left:4%;right:4%;background:#fff;padding:18px;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav.open .login-btn{width:100%}.hero-grid,.why-grid,.about-card,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:650px;margin:auto}.class-grid,.extra-grid,.feature-grid{grid-template-columns:1fr 1fr}.teachers{grid-template-columns:1fr 1fr}.program-grid{grid-template-columns:1fr}.footer-wrap{flex-wrap:wrap;gap:12px}}
@media(max-width:560px){.brand img{width:165px}.hero{padding:55px 0}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.floating-card{display:none}.class-grid,.extra-grid,.feature-grid,.teachers{grid-template-columns:1fr}.section{padding:65px 0}.page-hero h1{font-size:43px}.footer-wrap{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.top-banner{font-size:9px}}

/* MAIN CONTENT TYPOGRAPHY: BLACK */
main, .hero, .section, .page-hero, .teacher-grid, .program-grid,
.course, .feature, .teacher-card, .contact-card {
  color: #000;
}
main h1, main h2, main h3, main h4, main h5, main h6,
main p, main li, main td, main th,
.hero h1, .hero p,
.section h2, .section h3, .section p,
.page-hero h1, .page-hero p,
.course h3, .course p,
.feature h3, .feature p,
.teacher-grid h2, .teacher-grid p,
.teacher-card h3, .teacher-card p,
.contact-card h2, .contact-card p {
  color: #000;
}



/* Class 1-12 individual hover colors */
.class-grid .class-card:nth-child(1):hover{background:#ff7a18!important;color:#fff!important;border-color:#ff7a18!important}
.class-grid .class-card:nth-child(2):hover{background:#1976d2!important;color:#fff!important;border-color:#1976d2!important}
.class-grid .class-card:nth-child(3):hover{background:#2e9d59!important;color:#fff!important;border-color:#2e9d59!important}
.class-grid .class-card:nth-child(4):hover{background:#8e44ad!important;color:#fff!important;border-color:#8e44ad!important}
.class-grid .class-card:nth-child(5):hover{background:#e53935!important;color:#fff!important;border-color:#e53935!important}
.class-grid .class-card:nth-child(6):hover{background:#0097a7!important;color:#fff!important;border-color:#0097a7!important}
.class-grid .class-card:nth-child(7):hover{background:#f4b400!important;color:#fff!important;border-color:#f4b400!important}
.class-grid .class-card:nth-child(8):hover{background:#e83e8c!important;color:#fff!important;border-color:#e83e8c!important}
.class-grid .class-card:nth-child(9):hover{background:#00897b!important;color:#fff!important;border-color:#00897b!important}
.class-grid .class-card:nth-child(10):hover{background:#3949ab!important;color:#fff!important;border-color:#3949ab!important}
.class-grid .class-card:nth-child(11):hover{background:#795548!important;color:#fff!important;border-color:#795548!important}
.class-grid .class-card:nth-child(12):hover{background:#ef6c00!important;color:#fff!important;border-color:#ef6c00!important}
.class-grid .class-card:hover h3,.class-grid .class-card:hover span,.class-grid .class-card:hover b{color:#fff!important}

/* Class card badge text remains visible on colored hover */
.class-grid .class-card:hover b{color:#062f73!important;background:#ffffff!important;border-color:#ffffff!important}
.class-grid .class-card b{transition:all .2s ease}

/* Auto-fit class badge text */
.class-grid .class-card b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:38px!important;
  max-width:calc(100% - 12px)!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(9px,1.1vw,12px)!important;
  line-height:1.1!important;
  letter-spacing:.2px!important;
}
@media(max-width:600px){
  .class-grid .class-card b{
    font-size:10px!important;
    padding:4px 6px!important;
    min-width:34px!important;
  }
}

/* Shared header placeholder — reserves the same header height before menu.js injects navigation. */
.site-header-placeholder{height:82px;min-height:82px}
@media(max-width:900px){.site-header-placeholder{height:82px;min-height:82px}}

/* Navigation Login button — orange hover */
.login-btn:hover{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}

/* Careers shortcut — small vertical button on the left */
.careers-float{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:34px;min-height:92px;padding:9px 5px;box-sizing:border-box;background:var(--orange);color:#fff;border-radius:0 10px 10px 0;box-shadow:0 5px 16px rgba(6,47,115,.18);text-decoration:none;font-size:10px;font-weight:800;line-height:1.05;transition:.2s ease}
.careers-float span{font-size:15px;line-height:1}
.careers-float b{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.3px}
.careers-float:hover{width:40px;background:var(--blue);color:#fff}
@media(max-width:560px){.careers-float{width:30px;min-height:82px;padding:7px 4px;font-size:9px;border-radius:0 8px 8px 0}.careers-float span{font-size:13px}.careers-float:hover{width:34px}}

/* Authenticated header user menu */
.user-menu{position:relative;margin-left:2px}.user-trigger{display:flex;align-items:center;gap:7px;border:0;background:#fff;color:#17365f;padding:4px 7px 4px 4px;border-radius:999px;cursor:pointer;font-weight:800;max-width:180px}.user-trigger:hover{background:#f1f6fc}.user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#edf4ff;color:#1558a3;border:2px solid #1558a3;font-size:12px;font-weight:900;flex:0 0 auto}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-chevron{font-size:16px}.user-dropdown{display:none;position:absolute;right:0;top:48px;width:230px;background:#fff;border:1px solid #dfe7f0;border-radius:14px;box-shadow:0 14px 35px rgba(15,42,78,.16);padding:8px;z-index:100}.user-menu.open .user-dropdown{display:block}.user-dropdown>a,.user-dropdown>.user-signout{display:flex;width:100%;align-items:center;gap:9px;padding:11px 12px;border-radius:9px;text-decoration:none;color:#17365f;background:#fff;border:0;text-align:left;font:inherit;cursor:pointer}.user-dropdown>a:hover,.user-dropdown>.user-signout:hover{background:#f4f8fc;color:#0b3972}.user-summary{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #edf1f5;margin-bottom:5px}.user-summary strong{display:block;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary small{display:block;color:#718096;font-size:11px;margin-top:3px;text-transform:capitalize}.user-avatar.large{width:44px;height:44px}.user-signout{color:#b42318!important}.user-menu[hidden],.login-btn[hidden]{display:none!important}
@media(max-width:900px){.user-menu{width:100%}.user-trigger{width:100%;justify-content:flex-start}.user-name{max-width:none}.user-dropdown{position:static;width:100%;margin-top:6px}.nav.open .user-menu{display:block}.nav.open .user-menu[hidden]{display:none!important}}
/* Clasoom account preferences */
html[data-text-size="large"]{font-size:106.25%}html[data-text-size="xlarge"]{font-size:112.5%}
html[data-reduce-motion="1"] *,html[data-reduce-motion="1"] *::before,html[data-reduce-motion="1"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
/* Keep the top announcement ticker consistent after authentication/navigation. */
.banner-track{animation-duration:18s!important;transform:translate3d(0,0,0);will-change:transform}

/* =========================================================
   STUDENT DASHBOARD — CONSOLIDATED DETAIL TABLE UI
   Scoped to .student-detail-table only.
   No dashboard data/function/card logic is affected.
   ========================================================= */

.student-detail-table-wrap{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid #dce6f0;
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
}

.student-detail-table{
  width:100%;
  min-width:0;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
}

.student-detail-table th{
  background:#eef6ff;
  color:#123d70;
  font-size:13px;
  font-weight:800;
  padding:10px 11px;
  border-bottom:1px solid #d7e3ef;
  text-align:left;
  white-space:nowrap;
  vertical-align:middle;
}

.student-detail-table td{
  padding:10px 11px;
  border-bottom:1px solid #e3eaf2;
  color:#24384f;
  font-size:13px;
  line-height:1.3;
  text-align:left;
  white-space:nowrap;
  vertical-align:middle;
  box-sizing:border-box;
}

.student-detail-table tbody tr:last-child td{border-bottom:0}
.student-detail-table tbody tr:hover{background:#f8fbff}

/* S.No. — compact and identical in every card table. */
.student-detail-table th:first-child,
.student-detail-table td:first-child{
  width:8px;
  min-width:8px;
  max-width:8px;
  padding-left:10px;
  padding-right:6px;
  text-align:left;
}

/* Main/name column begins close to S.No. */
.student-detail-table th:nth-child(2),
.student-detail-table td:nth-child(2){
  padding-left:8px;
  padding-right:10px;
  text-align:left;
}

.student-detail-table td:nth-child(2) b{
  display:inline;
  margin:0;
  white-space:nowrap;
}

/* Courses: 3 balanced columns. */
.student-detail-table.courses-table{
  min-width:620px;
}
.student-detail-table.courses-table th:nth-child(1),
.student-detail-table.courses-table td:nth-child(1){width:58px}
.student-detail-table.courses-table th:nth-child(2),
.student-detail-table.courses-table td:nth-child(2){
  width:46%;
  min-width:210px;
  

}
.student-detail-table.courses-table th:nth-child(3),
.student-detail-table.courses-table td:nth-child(3){
  width:auto;
  min-width:190px;
}

/* Teachers. */
.student-detail-table.teachers-table{min-width:900px}
.student-detail-table.teachers-table th:nth-child(1),
.student-detail-table.teachers-table td:nth-child(1){width:58px}
.student-detail-table.teachers-table th:nth-child(2),
.student-detail-table.teachers-table td:nth-child(2){width:72px}
.student-detail-table.teachers-table th:nth-child(3),
.student-detail-table.teachers-table td:nth-child(3){width:18%}
.student-detail-table.teachers-table th:nth-child(4),
.student-detail-table.teachers-table td:nth-child(4){width:14%}
.student-detail-table.teachers-table th:nth-child(5),
.student-detail-table.teachers-table td:nth-child(5){width:13%}
.student-detail-table.teachers-table th:nth-child(6),
.student-detail-table.teachers-table td:nth-child(6){width:auto}

/* Assignments. */
.student-detail-table.assignments-table{min-width:900px}
.student-detail-table.assignments-table th:nth-child(1),
.student-detail-table.assignments-table td:nth-child(1){width:58px}
.student-detail-table.assignments-table th:nth-child(2),
.student-detail-table.assignments-table td:nth-child(2){width:22%}
.student-detail-table.assignments-table th:nth-child(3),
.student-detail-table.assignments-table td:nth-child(3){width:28%}
.student-detail-table.assignments-table th:nth-child(4),
.student-detail-table.assignments-table td:nth-child(4){width:17%}
.student-detail-table.assignments-table th:nth-child(5),
.student-detail-table.assignments-table td:nth-child(5){width:14%}
.student-detail-table.assignments-table th:nth-child(6),
.student-detail-table.assignments-table td:nth-child(6){width:auto}

/* Study Material. */
.student-detail-table.materials-table{min-width:900px}
.student-detail-table.materials-table th:nth-child(1),
.student-detail-table.materials-table td:nth-child(1){width:58px}
.student-detail-table.materials-table th:nth-child(2),
.student-detail-table.materials-table td:nth-child(2){width:22%}
.student-detail-table.materials-table th:nth-child(3),
.student-detail-table.materials-table td:nth-child(3){width:28%}
.student-detail-table.materials-table th:nth-child(4),
.student-detail-table.materials-table td:nth-child(4){width:17%}
.student-detail-table.materials-table th:nth-child(5),
.student-detail-table.materials-table td:nth-child(5){width:14%}
.student-detail-table.materials-table th:nth-child(6),
.student-detail-table.materials-table td:nth-child(6){width:auto}

/* Results. */
.student-detail-table.results-table{min-width:650px}
.student-detail-table.results-table th:nth-child(1),
.student-detail-table.results-table td:nth-child(1){width:58px}
.student-detail-table.results-table th:nth-child(2),
.student-detail-table.results-table td:nth-child(2){width:35%}
.student-detail-table.results-table th:nth-child(3),
.student-detail-table.results-table td:nth-child(3){width:20%;text-align:center}
.student-detail-table.results-table th:nth-child(4),
.student-detail-table.results-table td:nth-child(4){width:20%;text-align:center}
.student-detail-table.results-table th:nth-child(5),
.student-detail-table.results-table td:nth-child(5){width:20%;text-align:center}

/* Assessment Scoreboard. */
.student-detail-table.scoreboard-table{
  min-width:760px;
}
.student-detail-table.scoreboard-table th:first-child,
.student-detail-table.scoreboard-table td:first-child{
  width:105px;
  min-width:105px;
  max-width:105px;
}
.student-detail-table.scoreboard-table th:nth-child(2),
.student-detail-table.scoreboard-table td:nth-child(2){width:27%}
.student-detail-table.scoreboard-table th:nth-child(3),
.student-detail-table.scoreboard-table td:nth-child(3){width:17%}
.student-detail-table.scoreboard-table th:nth-child(4),
.student-detail-table.scoreboard-table td:nth-child(4){width:13%;text-align:center}
.student-detail-table.scoreboard-table th:nth-child(5),
.student-detail-table.scoreboard-table td:nth-child(5){width:13%;text-align:center}
.student-detail-table.scoreboard-table th:nth-child(6),
.student-detail-table.scoreboard-table td:nth-child(6){width:auto}

/* My Classes — 9 columns: S.No., Class, Teacher, Course, Start Date, End Date, Time, Status, Action. */
#studentClassTableBody .student-detail-table.classes-table{
  min-width:1080px;
}
#studentClassTableBody .student-detail-table.classes-table th:first-child,
#studentClassTableBody .student-detail-table.classes-table td:first-child{
  width:68px;
  min-width:68px;
  max-width:68px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(2),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(2){
  width:24%;
  min-width:190px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(3),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(3){
  width:13%;
  min-width:120px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(4),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(4){
  width:13%;
  min-width:115px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(5),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(5),
#studentClassTableBody .student-detail-table.classes-table th:nth-child(6),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(6){
  width:115px;
  min-width:115px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(7),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(7){
  width:80px;
  min-width:80px;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(8),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(8){
  width:100px;
  min-width:100px;
  text-align:center;
}
#studentClassTableBody .student-detail-table.classes-table th:nth-child(9),
#studentClassTableBody .student-detail-table.classes-table td:nth-child(9){
  width:115px;
  min-width:115px;
  text-align:center;
}

#studentClassTableBody .student-class-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border-radius:7px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#studentClassTableBody .student-class-status.live{background:#e7f7ef;color:#16824e}
#studentClassTableBody .student-class-status.upcoming{background:#fff4df;color:#b45f00}
#studentClassTableBody .student-class-status.completed{background:#eef1f5;color:#59697a}

#studentClassTableBody .student-table-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  padding:8px 11px;
  border-radius:8px;
  font:800 12px/1 Inter,Segoe UI,Arial,sans-serif;
  white-space:nowrap;
}
#studentClassTableBody .student-table-action.orange{background:#ff7200;color:#fff}
#studentClassTableBody .student-table-action.primary{background:#1976d2;color:#fff}

@media(max-width:800px){
  .student-detail-table-wrap{overflow-x:auto}
}