* {
  box-sizing:border-box;
  margin:0;
  padding:0
}
:root {
  --bg:#07111f;
  --bg2:#0b1728;
  --card:rgba(16,31,52,.72);
  --text:#f4f8ff;
  --muted:#9db0c8;
  --line:rgba(255,255,255,.10);
  --primary:#4f8cff;
  --cyan:#35d6ff;
  --green:#42e6a4;
  --shadow:0 24px 80px rgba(0,0,0,.32)
}
html {
  scroll-behavior:smooth
}
body {
  font-family:"Hind Siliguri","Plus Jakarta Sans",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
  overflow-x:hidden
}
a {
  text-decoration:none;
  color:inherit
}
.container {
  width:min(1160px,calc(100% - 40px));
  margin:auto
}
.section {
    padding: 110px 0;
    position: relative;
    padding-bottom: 0px;
    margin: 0px;
}
.marginonlyc{
    margin-top:-70px;
}
.bg-grid {
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);
  z-index:-3
}
.orb {
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.13;
  pointer-events:none;
  z-index:-2
}
.orb-a {
  background:#247bff;
  top:-150px;
  right:-100px
}
.orb-b {
  background:#00d4a2;
  bottom:-180px;
  left:-100px
}
.progress-bar {
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0;
  background:linear-gradient(90deg,var(--cyan),var(--primary));
  z-index:9999
}
.site-header {
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(7,17,31,.72);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.nav-wrap {
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.brand {
  display:flex;
  align-items:center;
  gap:11px
}
.brand-mark {
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-weight:800;
  background:linear-gradient(135deg,var(--primary),var(--cyan));
  box-shadow:0 8px 25px rgba(79,140,255,.28)
}
.brand strong {
    display: block;
    font-size: 20px;
    font-family: 'NotoB',"Plus Jakarta Sans";
    color: #0033a3;
    margin-bottom: -7px;
}
.brand small {
    display: block;
    color: #004ba9;
    font-size: 15px;
    font-family: 'NotoB';
}
.nav {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 15px;
    font-family: 'Noto', "Hind Siliguri","Plus Jakarta Sans",sans-serif;
    /*font-family: 'SolaimanLipi','Noto';*/
}
.nav a {
  transition:.25s;
  transition:0.3s all ease-in-out;
}
.nav a:hover {
  transform:scale(1.1);
  color:red !important;
}
.nav-cta {
  padding:10px 16px;
  border:1px solid rgba(79,140,255,.4);
  background:rgba(79,140,255,.12);
  border-radius:12px!important;
  color:#fff!important
}
.menu-toggle {
  display:none;
  background:none;
  border:0;
  color:#fff;
  font-size:26px
}
.hero {
    padding: 0px;
    min-height: 720px;
    display: flex;
    align-items: center;
    margin-bottom: -354px;
}
.hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
    margin-top: 0px;
}
.eyebrow, .kicker {
    font-family: 'NotoB';
    font-size: 13px;
    color: #2563eb;
}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  padding:8px 12px;
  border-radius:99px;
  background:rgba(255,255,255,.035)
}
.pulse {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 6px rgba(66,230,164,.12);
  animation:pulse 1.8s infinite
}
.hero h1 {
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -.035em;
    margin: 24px 0;
    font-family: 'EncodeB' ,"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.hero h1 span {
  background:linear-gradient(90deg,#fff,#73dfff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.hero-copy>p {
    font-size: 18px;
    color: var(--muted);
    max-width: 650px;
    font-family: 'Koho' ,"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.hero-actions {
  display:flex;
  gap:12px;
  margin:30px 0
}
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:13px;
  padding:13px 20px;
  font-weight:700;
  border:1px solid var(--line);
  transition:.25s;
  cursor:pointer;
  font-family: 'NotoB' ,"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.btn-primary {
    background: linear-gradient(135deg,var(--primary),#5a6fff);
    box-shadow: 0 14px 35px rgba(79,140,255,.25);
    color: white;
    font-family: 'NotoB' ,"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.btn-primary:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(79,140,255,.36)
}
.btn-ghost {
  background:rgba(255,255,255,.035)
}
.btn-ghost:hover {
  background:rgba(255,255,255,.08)
}
.mini-stats {
  display:flex;
  gap:32px;
  margin-top:34px
}
.mini-stats div {
  display:flex;
  flex-direction:column
}
.mini-stats strong {
    font-family: "Roboto","Plus Jakarta Sans";
    color: #0042d1;
    font-size: 20px;
}

.mini-stats span {
    color: var(--muted);
    font-size: 12px;
    font-family: 'NotoB',"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.hero-visual {
  position:relative;
  min-height:460px;
  display:grid;
  place-items:center
}
.code-window {
  width:min(500px,100%);
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(20,38,63,.95),rgba(7,17,31,.86));
  border-radius:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
  transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);
  animation:float 6s ease-in-out infinite
}
.window-bar {
  height:50px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  color:#6e829e;
  font:12px "Plus Jakarta Sans"
}
.window-bar i {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#71839a
}
.window-bar span {
  margin-left:10px
}
.code-body {
  padding:28px 22px 34px;
  font:13px/2 "Plus Jakarta Sans";
  color:#c4d3e8
}
.line {
  display:block
}
.line em {
  font-style:normal;
  color:#50627b;
  display:inline-block;
  width:30px
}
.line b {
  color:#70dfff
}
.line mark {
  color:#91efbb;
  background:none
}
.floating-card {
  position:absolute;
  padding:15px 17px;
  border:1px solid var(--line);
  background:rgba(13,29,49,.86);
  backdrop-filter:blur(12px);
  border-radius:15px;
  box-shadow:0 15px 45px rgba(0,0,0,.25);
  display:flex;
  gap:9px;
  align-items:center;
  z-index:2
}
.floating-card small {
  display:block;
  color:var(--muted);
  font-size:10px
}
.fc-top {
  top:30px;
  right:0;
  animation:float 4.5s ease-in-out infinite
}
.fc-bottom {
  bottom:30px;
  left:0;
  animation:float 5.5s .6s ease-in-out infinite
}
.trust-strip {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.018)
}
.trust-grid {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8297b2;
  font:11px "Plus Jakarta Sans";
  text-transform:uppercase;
  letter-spacing:.08em
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  margin-bottom:46px
}
.section-heading h2,.cert-copy h2,.apply-box h2 {
  font-size:clamp(31px,4vw,48px);
  line-height:1.15;
  letter-spacing:-.025em;
  margin-top:8px
}
.section-heading>p {
  max-width:440px;
  color:var(--muted)
}
.about-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.glass-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:22px;
  padding:30px;
  box-shadow:0 18px 50px rgba(0,0,0,.15)
}
.feature-icon {
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(79,140,255,.12);
  color:#76caff;
  font:700 12px "Plus Jakarta Sans"
}
.feature-card h3 {
  font-size:21px;
  margin:24px 0 8px
}
.feature-card p {
  color:var(--muted);
  font-size:14px
}
.courses-section {
  background:linear-gradient(180deg,transparent,rgba(18,39,65,.24),transparent)
}
.course-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.course-card {
  position:relative;
  background:linear-gradient(145deg,rgba(17,35,59,.88),rgba(10,22,38,.82));
  border:1px solid var(--line);
  border-radius:23px;
  padding:27px;
  min-height:410px;
  transition:transform .25s,border-color .25s,box-shadow .25s;
  overflow:hidden
}
.course-card:before {
  content:"";
  position:absolute;
  inset:auto -30% -45% 25%;
  height:220px;
  background:radial-gradient(circle,rgba(79,140,255,.14),transparent 65%);
  pointer-events:none
}
.course-card:hover {
  border-color:rgba(83,170,255,.42);
  box-shadow:0 25px 70px rgba(0,0,0,.28)
}
.course-card.featured {
  border-color:rgba(53,214,255,.3);
  background:linear-gradient(145deg,rgba(19,46,72,.94),rgba(9,25,44,.9))
}
.popular-badge {
  position:absolute;
  top:0;
  right:0;
  background:linear-gradient(90deg,var(--cyan),var(--primary));
  color:#06111f;
  padding:6px 12px;
  border-radius:0 0 0 12px;
  font:800 9px "Plus Jakarta Sans";
  letter-spacing:.08em
}
.course-top {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.course-tag {
  font:10px "Plus Jakarta Sans";
  color:#7e96b2;
  letter-spacing:.08em
}
.course-no {
  color:#41607e;
  font:800 28px "Plus Jakarta Sans"
}
.course-card h3 {
    font-size: 22px;
    margin: 22px 0 7px;
    color: #065fd4;
    font-family: 'NotoB', "Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
.course-card>p {
  color:var(--muted);
  font-size:13px;
  min-height:64px
}
.price {
  display:flex;
  align-items:end;
  gap:9px;
  margin:18px 0
}
.price strong {
  font:800 25px "Plus Jakarta Sans"
}
.price del {
  font-size:11px;
  color:#687d98
}
.price span {
  font-size:10px;
  color:var(--green);
  border:1px solid rgba(66,230,164,.22);
  padding:2px 6px;
  border-radius:6px
}
.course-card ul {
  list-style:none;
  border-top:1px solid var(--line);
  padding-top:15px;
  display:grid;
  gap:5px;
  color:#aabbd0;
  font-size:12px
}
.course-card li:before {
  content:"✓";
  color:var(--green);
  margin-right:7px
}
.text-btn {
    margin-top: 17px;
    background: none;
    border: 0;
    color: #065fd4;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.text-btn span {
  margin-left:7px
}
.certificate {
  overflow:hidden
}
.cert-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:center
}
.cert-visual {
  display:grid;
  place-items:center;
  min-height:420px
}
.certificate-card {
  width:min(460px,100%);
  aspect-ratio:1.45;
  border:1px solid rgba(121,207,255,.3);
  border-radius:20px;
  background:linear-gradient(145deg,#132c49,#081728);
  box-shadow:0 35px 90px rgba(0,0,0,.35);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  position:relative;
  transform:rotate(-3deg)
}
.certificate-card:before {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px
}
.cert-seal {
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid #62cfff;
  color:#75dcff;
  font-weight:800;
  margin-bottom:14px
}
.certificate-card small {
  font:9px "Plus Jakarta Sans";
  color:#829bb7;
  letter-spacing:.12em
}
.certificate-card h3 {
  font-size:25px;
  margin:12px 0
}
.certificate-card p {
  color:#8fdfff
}
.cert-line {
  width:150px;
  border-top:1px solid rgba(255,255,255,.18);
  margin:18px 0 7px
}
.certificate-card span {
  font-size:10px;
  color:#8194aa
}
.cert-copy>p {
  color:var(--muted);
  margin:20px 0 28px;
  max-width:650px
}
.cert-fees {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.cert-fees>div {
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  padding:18px;
  border-radius:15px
}
.cert-fees span,.cert-fees small {
  display:block;
  color:#8297b2;
  font-size:10px
}
.cert-fees strong {
  display:block;
  font:700 19px "Plus Jakarta Sans";
  margin:7px 0
}
.info-section {
  background:rgba(255,255,255,.018)
}
.info-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.info-card {
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
  background:rgba(11,27,46,.7)
}
.info-card>span {
  font-size:24px
}
.info-card h3 {
  font-size:18px;
  margin:14px 0 7px
}
.info-card p {
  font-size:12px;
  color:var(--muted)
}
.apply-box {
  border:1px solid rgba(73,173,255,.28);
  background:radial-gradient(circle at 90% 10%,rgba(53,214,255,.13),transparent 35%),linear-gradient(120deg,rgba(18,43,71,.85),rgba(11,27,46,.7));
  border-radius:28px;
  padding:45px 50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  box-shadow:var(--shadow)
}
.apply-box p {
  color:var(--muted);
  margin-top:10px
}
.apply-actions {
  display:flex;
  gap:12px;
  flex-shrink:0
}
.contact-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px
}
.contact-card {
  display:flex;
  gap:15px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  background:rgba(255,255,255,.025);
  transition:.25s
}
.contact-card:hover {
  transform:translateY(-4px);
  background:rgba(255,255,255,.05);
  border-color:rgba(83,170,255,.35)
}
.contact-card>span {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(79,140,255,.11);
  color:#77d7ff
}
.contact-card small {
    display: block;
    color: #0369eb;
    font: 11px "Roboto","Plus Jakarta Sans";
    letter-spacing: .1em;
}
.contact-card strong {
    display: block;
    font-size: 15px;
    margin-top: 2px;
    font-family: 'Roboto',"Hind Siliguri","Plus Jakarta Sans",sans-serif;
}
footer {
  border-top:1px solid var(--line);
  padding:28px 0;
  color:#748aa5;
  font-size:11px
}
.footer-wrap {
  display:flex;
  justify-content:space-between;
  gap:30px
}
.footer-wrap strong, .footer-wrap span {
    display: block;
    font-size: 15px;
}
.footer-wrap strong {
  color:#b8c8da;
  font-size:12px
}
.modal {
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  z-index:2000
}
.modal.open {
  display:grid
}
.modal-backdrop {
  position:absolute;
  inset:0;
  background:rgba(2,7,14,.75);
  backdrop-filter:blur(7px)
}
.modal-panel {
  position:relative;
  width:min(520px,calc(100% - 32px));
  background:#0d2036;
  border:1px solid var(--line);
  border-radius:24px;
  padding:36px;
  box-shadow:0 40px 100px rgba(0,0,0,.55);
  animation:modalIn .25s ease
}
.modal-panel h2 {
  font-size:31px;
  margin:8px 0
}
.modal-panel p {
  color:var(--muted)
}
.modal-close {
  position:absolute;
  right:14px;
  top:12px;
  border:0;
  background:none;
  color:#a8bad0;
  font-size:30px;
  cursor:pointer
}
.modal-actions {
  display:flex;
  gap:10px;
  margin-top:25px
}
.back-top {
  position:fixed;
  right:22px;
  bottom:22px;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  background:#10253d;
  color:#fff;
  border-radius:14px;
  display:none;
  place-items:center;
  z-index:900;
  cursor:pointer
}
.back-top.show {
  display:grid
}
.reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease,transform .75s ease
}
.reveal.visible {
  opacity:1;
  transform:none
}
@keyframes pulse {
  50% {
    box-shadow:0 0 0 10px rgba(66,230,164,0)
  }
}
@keyframes float {
  50% {
    transform:translateY(-10px)
  }
}
@keyframes modalIn {
  from {
    opacity:0;
    transform:scale(.96) translateY(12px)
  }
  to {
    opacity:1;
    transform:none
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important
  }
}
/* Light mode + theme/language controls */
:root {
  --bg:#f5f8fc;
  --bg2:#ffffff;
  --card:rgba(255,255,255,.86);
  --text:#10233c;
  --muted:#5e7189;
  --line:rgba(18,50,83,.12);
  --primary:#2468e8;
  --cyan:#00a9d4;
  --green:#159b68;
  --shadow:0 24px 80px rgba(30,62,100,.12)
}
body {
  background:var(--bg);
  color:var(--text)
}
.bg-grid {
  opacity:.34;
  background-image:linear-gradient(rgba(30,70,110,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,70,110,.055) 1px,transparent 1px)
}
.site-header {
  background:rgba(255,255,255,.78);
  border-bottom-color:var(--line)
}
.brand-mark {
  box-shadow:0 8px 25px rgba(36,104,232,.20)
}
.nav {
  color:#50647d
}
.nav a:hover {
  color:#10233c
}
.nav-cta {
    background: #ff98004f;
    border-color: rgba(36,104,232,.22)!important;
    font-family: 'NotoB','Hind Siliguri';
    color: #5a00cd !important;
    font-weight: bold;
}
.hero h1 span {
  background:linear-gradient(90deg,#10233c,#087ca0);
  -webkit-background-clip:text;
  background-clip:text
}
.code-window {
  background:linear-gradient(145deg,#fff,#edf5ff);
  border-color:rgba(18,50,83,.12)
}
.window-bar {
  border-bottom-color:var(--line);
  color:#68809b
}
.code-body {
  color:#405775
}
.line em {
  color:#9aabc0
}
.line b {
  color:#067d9e
}
.line mark {
  color:#128054
}
.floating-card {
  background:rgba(255,255,255,.90);
  border-color:var(--line);
  box-shadow:0 15px 45px rgba(25,60,100,.13)
}
.trust-strip {
  border-color:var(--line);
  background:rgba(255,255,255,.52)
}
.trust-grid {
  color:#70849d
}
.glass-card,.course-card,.info-card,.contact-card {
  background:var(--card);
  border-color:var(--line);
  box-shadow:0 18px 50px rgba(35,67,103,.07)
}
.course-card {
  background:linear-gradient(145deg,#fff,#f5f9ff)
}
.course-card.featured {
  background:linear-gradient(145deg,#f2fbff,#fff);
  border-color:rgba(0,169,212,.28)
}
.course-card ul {
    list-style: none;
    border-top: 1px solid var(--line);
    padding-top: 15px;
    display: grid;
    gap: 5px;
    color: #aabbd0;
    font-size: 14px;
}
.course-tag {
  color:#68809b
}
.course-no {
    color: #a4b6ca;
    font-size: 15px;
    font-family: 'Hind Siliguri';
}
.certificate-card {
  background:linear-gradient(145deg,#fff,#edf6ff);
  box-shadow:0 35px 90px rgba(35,67,103,.15);
  border-color:rgba(36,104,232,.22)
}
.certificate-card:before {
  border-color:rgba(18,50,83,.10)
}
.certificate-card h3 {
  color:#183451
}
.cert-fees>div {
  border-color:var(--line);
  background:rgba(255,255,255,.65)
}
.info-section {
  background:rgba(225,236,249,.35)
}
.apply-box {
  background:radial-gradient(circle at 90% 10%,rgba(0,169,212,.10),transparent 35%),linear-gradient(120deg,#edf6ff,#fff);
  border-color:rgba(36,104,232,.18)
}
.contact-card:hover {
  background:#fff;
  border-color:rgba(36,104,232,.25)
}
footer {
    border-color: var(--line);
    color: #70849d;
    margin-top: 13px;
}
.footer-wrap strong {
    color: #03438b;
    font-family: 'EncodeB';
    font-size: 16px;
}
.modal-backdrop {
  background:rgba(15,35,58,.48)
}
.modal-panel {
  background:#fff;
  border-color:var(--line);
  box-shadow:0 40px 100px rgba(25,55,90,.25)
}
.back-top {
  background:#fff;
  color:#173453;
  border-color:var(--line)
}
.nav-tools {
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  margin-right:10px
}
.tool-btn,.lang-btn {
  height:38px;
  min-width:38px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.7);
  color:var(--text);
  border-radius:11px;
  cursor:pointer;
  font-family:inherit;
  font-weight:700;
  transition:.25s
}
.lang-btn {
  padding:0 11px;
  font:700 11px "Plus Jakarta Sans"
}
.tool-btn:hover,.lang-btn:hover {
  transform:translateY(-2px);
  border-color:rgba(36,104,232,.35)
}
body.dark-mode {
  --bg:#07111f;
  --bg2:#0b1728;
  --card:rgba(16,31,52,.72);
  --text:#f4f8ff;
  --muted:#9db0c8;
  --line:rgba(255,255,255,.10);
  --primary:#4f8cff;
  --cyan:#35d6ff;
  --green:#42e6a4;
  --shadow:0 24px 80px rgba(0,0,0,.32)
}
body.dark-mode .bg-grid {
  opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)
}
body.dark-mode .site-header {
  background:rgba(7,17,31,.72)
}
body.dark-mode .nav {
  color:#c9d6e7
}
body.dark-mode .nav a:hover {
  color:#fff
}
body.dark-mode .nav-cta {
  background:rgba(79,140,255,.12);
  border-color:rgba(79,140,255,.4)!important;
  color:#fff!important
}
body.dark-mode .hero h1 span {
  background:linear-gradient(90deg,#fff,#73dfff);
  -webkit-background-clip:text;
  background-clip:text
}
body.dark-mode .code-window {
  background:linear-gradient(145deg,rgba(20,38,63,.95),rgba(7,17,31,.86))
}
body.dark-mode .window-bar {
  color:#6e829e
}
.code-body {
  color:#c4d3e8
}
body.dark-mode .line em {
  color:#50627b
}
.line b {
  color:#70dfff
}
.line mark {
  color:#91efbb
}
body.dark-mode .floating-card {
  background:rgba(13,29,49,.86)
}
body.dark-mode .trust-strip {
  background:rgba(255,255,255,.018)
}
body.dark-mode .trust-grid {
  color:#8297b2
}
body.dark-mode .glass-card,body.dark-mode .course-card,body.dark-mode .info-card,body.dark-mode .contact-card {
  background:linear-gradient(145deg,rgba(17,35,59,.88),rgba(10,22,38,.82));
  box-shadow:none
}
body.dark-mode .course-card.featured {
  background:linear-gradient(145deg,rgba(19,46,72,.94),rgba(9,25,44,.9))
}
body.dark-mode .certificate-card {
  background:linear-gradient(145deg,#132c49,#081728)
}
body.dark-mode .cert-fees>div {
  background:rgba(255,255,255,.025)
}
body.dark-mode .info-section {
  background:rgba(255,255,255,.018)
}
body.dark-mode .apply-box {
  background:radial-gradient(circle at 90% 10%,rgba(53,214,255,.13),transparent 35%),linear-gradient(120deg,rgba(18,43,71,.85),rgba(11,27,46,.7))
}
body.dark-mode .contact-card:hover {
  background:rgba(255,255,255,.05)
}
body.dark-mode footer {
  color:#748aa5
}
body.dark-mode .footer-wrap strong {
  color:#b8c8da
}
body.dark-mode .modal-backdrop {
  background:rgba(2,7,14,.75)
}
body.dark-mode .modal-panel {
  background:#0d2036
}
body.dark-mode .back-top {
  background:#10253d;
  color:#fff
}
body.dark-mode .tool-btn,body.dark-mode .lang-btn {
  background:rgba(13,29,49,.86);
  color:#fff
}
/* =========================================
 NAVIGATION DROPDOWN
========================================= */


#databasecol {
    color: #008377;
    font-weight: bold;
}

.nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-toggle {
    border: 0;
    border-radius: 8px;
    outline: none;
    background: #ffffff00;
    color: #2196F3;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 5px;
     transition:0.3s all ease-in-out;
}
.dropdown-toggle:hover {
    transform:scale(1.1);
  color:red !important;
}
.dropdown-arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
}
/* Dropdown Box */
.dropdown-menu {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  width: 245px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 18px;
  box-shadow:
  0 20px 50px rgba(15, 23, 42, 0.15),
  0 5px 15px rgba(15, 23, 42, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -10px) scale(0.96);
  transform-origin: top center;
  transition:
  opacity 0.25s ease,
  transform 0.25s ease,
  visibility 0.25s ease;
  z-index: 9999;
}
/* Dropdown Arrow */
.dropdown-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #fff;
  border-left: 1px solid rgba(37, 99, 235, 0.12);
  border-top: 1px solid rgba(37, 99, 235, 0.12);
  transform: translateX(-50%) rotate(45deg);
}
/* Show Dropdown */
.nav-dropdown.active .dropdown-menu,
.nav-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}
/* Arrow Rotate */
.nav-dropdown.active .dropdown-arrow,
.nav-dropdown:hover .dropdown-arrow {
  transform: rotate(180deg);
}
/* Dropdown Items */
.dropdown-menu a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 4px 5px;
    color: #0061b7;
    text-decoration: none;
    font-size: 14px;
    font-family: 'NotoB';
    font-weight: 600;
    border-radius: 11px;
    transition: background 0.2s ease,
  color 0.2s ease,
    transition:0.3s all ease-in-out;
}

/* Icon */
.dropdown-menu a span {
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 9px;
  font-size: 15px;
  transition: 0.25s ease;
}
/* Hover */
.dropdown-menu a:hover {
  transform:scale(1.1);
  color:red !important;
  background: #eff6ff;
  transform: translateX(4px);
}
.dropdown-menu a:hover span {
  background: #2563eb;
  transform: scale(1.08) rotate(-4deg);
}
/* =========================================
 DARK MODE
========================================= */
body.dark-mode .dropdown-menu {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow:
  0 20px 50px rgba(0, 0, 0, 0.35);
}
body.dark-mode .dropdown-menu::before {
  background: #0f172a;
  border-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .dropdown-menu a {
  color: #e2e8f0;
}
body.dark-mode .dropdown-menu a:hover {
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.12);
}
body.dark-mode .dropdown-menu a span {
  background: rgba(59, 130, 246, 0.15);
}

/* New quick-access, notice, tracker, media and utility sections */
.mobile-quick-actions {
  display:none
}
.notice-section {
  padding-top:75px;
  padding-bottom:55px
}
.notice-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px
}
.notice-panel,.visitor-panel {
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--card);
  box-shadow:0 18px 50px rgba(35,67,103,.07);
  overflow:hidden
}
.notice-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 26px 18px;
  border-bottom:1px solid var(--line)
}
.notice-heading h2 {
    font-size: 28px;
    margin-top: 5px;
    font-family: 'NotoB', "Hind Siliguri","Plus Jakarta Sans",sans-serif;
    color: #00a368;
}
.live-dot {
  font:800 10px "Plus Jakarta Sans";
  letter-spacing:.1em;
  color:#0a8b59;
  background:rgba(21,155,104,.11);
  border:1px solid rgba(21,155,104,.2);
  padding:7px 10px;
  border-radius:99px
}
.notice-list {
  display:grid
}
.notice-item {
  display:grid;
  grid-template-columns:90px 1fr 25px;
  align-items:center;
  gap:15px;
  padding:15px 26px;
  border-bottom:1px solid var(--line);
  transition:.2s
}
.notice-item:hover {
  background:rgba(36,104,232,.045);
  padding-left:30px
}
.notice-date {
    font: 700 10px "Plus Jakarta Sans";
    color: var(--primary);
    white-space: nowrap;
    font-size: 14px;
    font-family: 'NotoB';
}
.notice-item strong {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Encode';
}
.notice-arrow {
  color:var(--primary);
  font-size:18px;
  text-align:right
}
.show-all {
    display: inline-flex;
    margin: 18px 26px 22px;
    color: #007535;
    font-weight: 700;
    font-size: 14px;
    font-family: 'EncodeB';
}
.visitor-panel {
  padding:25px
}
.visitor-head {
  display:flex;
  gap:12px;
  align-items:center
}
.visitor-icon {
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(36,104,232,.1);
  color:var(--primary);
  font-size:20px
}
.visitor-head h3 {
  font-size:23px;
  margin-top:2px
}
.visitor-stats {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:22px
}
.visitor-stats>div {
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:rgba(255,255,255,.42)
}
.visitor-stats strong {
  display:block;
  font:800 24px "Plus Jakarta Sans"
}
.visitor-stats span {
  font-size:11px;
  color:var(--muted)
}
.live-stat strong {
  color:#159b68
}
.visitor-note {
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:14px
}
.course-progress {
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px 22px;
  margin-bottom:28px;
  background:linear-gradient(120deg,rgba(36,104,232,.055),rgba(0,169,212,.045))
}
.progress-head {
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:16px
}
.progress-head strong {
    font-size: 19px;
    font-family: 'EncodeB', "Hind Siliguri","Plus Jakarta Sans",sans-serif;
    color: #065fd4;
}
.progress-head span {
  font-size:11px;
  color:var(--muted)
}
.progress-track-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px
}
.progress-track-grid>div {
  min-width:0
}
.progress-track-grid span {
    display: block;
    font-family: 'NotoB';
    font-size: 15px;
    color: #ff3100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.progress-track-grid b {
    display: block;
    margin: 3px 0 6px;
    font-family: 'EncodeB';
    text-align: right;
    margin-right: 21px;
    color: white;
}
.progress-track-grid i {
    margin-top: -35px;
    display: block;
    height: 30px;
    border-radius: 99px;
    background: rgba(36,104,232,.1);
    overflow: hidden;
}
.progress-track-grid em {
  display:block;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--primary),var(--cyan));
  animation:progressIn 1.2s ease both
}
.media-tools-section {
  padding-top:60px
}
.media-tools-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}
.media-card {
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  background:var(--card);
  box-shadow:0 18px 50px rgba(35,67,103,.07)
}
.media-card-head {
  margin-bottom:14px
}
.media-card-head h3 {
  font-size:23px;
  margin-top:5px
}
.media-frame {
  aspect-ratio:16/9;
  border-radius:17px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#0b1728
}
.media-frame iframe {
  width:100%;
  height:100%;
  border:0
}
.utility-buttons {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px
}
.utility-buttons a {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto';
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--card);
    font-size: 15px;
    font-weight: 700;
    transition: .22s;
    box-shadow: 0 10px 30px rgba(35,67,103,.05);
    color: #065fd4;
    margin-top: 9px;
}
.utility-buttons a:hover {
  transform:translateY(-3px);
  border-color:rgba(36,104,232,.35);
  color:var(--primary)
}
@keyframes progressIn {
  from {
    width:0
  }
}




/* =========================================
 MOBILE MENU
========================================= */




@media(max-width:980px) {
.dropdown-menu a {
    background: #dddddd2b;
    margin-top:5px;
}
.onlyepersonalet {
    margin-bottom: 29px;
    margin-top: 236px;
}
.nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
  .notice-layout {
    grid-template-columns:1fr
  }
  .onlyper {
      margin-top: -125px;
  }
  
  .progress-track-grid {
    grid-template-columns:repeat(3,1fr)
  }
    a {
        text-decoration: none;
    }
    
  .nav {
    gap:13px
  }
  .hero-grid,.cert-grid {
    grid-template-columns:1fr
  }
  .hero {
    padding-top:90px
  }

  .about-grid,.course-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .info-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .contact-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .cert-grid {
    gap:30px
  }
  .section-heading {
    align-items:start;
    flex-direction:column;
    gap:15px
  }
}


@media (max-width: 900px) {
  .onlyper {
      margin-top: -125px;
  }
.onlyepersonalet {
    margin-bottom: 29px;
    margin-top: 236px;
}
.dropdown-menu a {
    background: #dddddd2b;
    margin-top:5px;
}
    .nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
  .nav-dropdown {
    width: 100%;
    display: block;
  }
  .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
    padding: 13px 15px;
    text-align: left;
  }
  .dropdown-menu {
    position: static;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    background: rgba(37, 99, 235, 0.04);
    opacity: 1;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transform: none;
    transition:
    max-height 0.35s ease,
    visibility 0.35s ease;
  }
  .dropdown-menu::before {
    display: none;
  }
  .nav-dropdown.active .dropdown-menu {
    visibility: visible;
    max-height: 600px;
    transform: none;
  }
  .nav-dropdown:hover .dropdown-menu {
    visibility: hidden;
    max-height: 0;
  }
  .nav-dropdown.active:hover .dropdown-menu {
    visibility: visible;
    max-height: 600px;
  }
  .dropdown-menu a {
    padding: 10px 12px;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
.contact-card strong {
    color: #FF5722;
}
.marginonlyc{
    margin-top:5px;
}
.notice-item {
    color: #0865af;
}
.onlyper {
    margin-top: -27px;
    display: block;
}

.onlyepersonalet{
    margin-top:135px;
}

.floating-card {
    display: none;
}
.eyebrow {
    display: none;
}
.btn-ghost {
    color: red;
}
.brand small {
    display: none;
}
.brand strong {
    line-height: 1.2;
}
.dropdown-menu a {
    color: #ffffff;
    background: #dddddd2b;
    margin-top:5px;
}
.nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
  .dropdown-menu a {
    font-size: 13px;
  }
  .dropdown-menu a span {
    width: 28px;
    height: 28px;
  }
a {
    text-decoration: none;
    color: #ffffff;
}
.dropdown-toggle {
        border: 0;
        border-radius: 8px;
        outline: none;
        background: #ffffff33;
        color: #fbfdff;
        font-family: inherit;
        font-size: inherit;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 10px 5px;
        transition: 0.3s ease;
    }
}
@media(max-width:760px) {
.contact-card strong {
    color: #FF5722;
}
.marginonlyc{
    margin-top:5px;
}
.notice-item {
    color: #0865af;
}
.onlyper {
    margin-top: -27px;
    display: block;
}

.onlyepersonalet{
    margin-top:135px;
}
.floating-card {
    display: none;
}
.eyebrow {
    display: none;
}

.btn-ghost {
    color: red;
}
.brand small {
    display: none;
}
.brand strong {
    line-height: 1.2;
}
.dropdown-menu a {
    color: #ffffff;
    background: #dddddd2b;
    margin-top:5px;
}
.nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
.dropdown-toggle {
        border: 0;
        border-radius: 8px;
        outline: none;
        background: #ffffff33;
        color: #fbfdff;
        font-family: inherit;
        font-size: inherit;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 10px 5px;
        transition: 0.3s ease;
    }
    a {
        text-decoration: none;
        color: #ffffff;
    }
  .nav-tools {
    margin-left:auto;
    margin-right:8px
  }
  .tool-btn,.lang-btn {
    height:36px
  }
  .nav {
    top:76px
  }
  .menu-toggle {
    border: 0;
    color: #0084ad;
    font-size: 26px;
  }
  
  .menu-toggle {
    display:block
  }
  .nav {
    position:absolute;
    top:76px;
    left:20px;
    right:20px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:15px;
    background:#0b1b2e;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow)
  }
  .nav.open {
    display:flex
  }
  .nav a {
    padding:9px 10px
  }
  .hero h1 {
    font-size:43px
  }
  .mini-stats {
    gap:18px
  }
  .trust-grid {
    flex-wrap:wrap;
    padding:18px 0
  }
  .about-grid,.course-grid,.info-grid,.contact-grid,.cert-fees {
    grid-template-columns:1fr
  }
  .course-card {
    min-height:auto
  }
  .apply-box {
    padding:32px;
    flex-direction:column;
    align-items:flex-start
  }
  .apply-actions {
    flex-wrap:wrap
  }
  .footer-wrap {
    flex-direction:column
  }
    .section {
        padding: 13px 0;
    }
  .floating-card {
    font-size:11px
  }
  .fc-top {
    right:-5px
  }
  .fc-bottom {
    left:-5px
  }
  
}


@media(max-width:760px) {

.contact-card strong {
    color: #FF5722;
}
.marginonlyc{
    margin-top:5px;
}
.notice-item {
    color: #0865af;
}
.onlyepersonalet{
    margin-top:135px;
}
.onlyper {
    margin-top: -27px;
    display: block;
}
.floating-card {
    display: none;
}
.eyebrow {
    display: none;
}
.btn-ghost {
    color: red;
}
.brand small {
    display: none;
}
.dropdown-menu a {
    color: #ffffff;
    background: #dddddd2b;
    margin-top:5px;
}
.nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
    a {
        text-decoration: none;
        color: #ffffff;
    }
.mobile-quick-actions {
    display: flex;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
    position: sticky;
    top: 76px;
    z-index: 990;
    padding: 8px 14px;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(14px);
}
.mobile-quick-actions a {
    margin:0 auto;
    min-height: 43px;
    margin-top: 7px;
    font-family: 'NotoB' ,"Hind Siliguri","Plus Jakarta Sans",sans-serif;;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    padding: 18px 25px;
    background: linear-gradient(135deg,var(--primary),var(--cyan));
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
    box-shadow: 0 7px 18px rgba(36,104,232,.16);
}

.mobile-quick-actions #duebagch{
    background: linear-gradient(135deg, #FF5722, #FF9800);
}
.mobile-quick-actions #bookadbagch{
    background: linear-gradient(135deg, #45129f, #9C27B0);
}

.dropdown-toggle {
        border: 0;
        border-radius: 8px;
        outline: none;
        background: #ffffff33;
        color: #fbfdff;
        font-family: inherit;
        font-size: inherit;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 10px 5px;
        transition: 0.3s ease;
    }
  body.dark-mode .mobile-quick-actions {
    background:rgba(7,17,31,.94)
  }
  
  .notice-section {
    padding-top:45px
  }
  .notice-item {
    grid-template-columns:72px 1fr 18px;
    padding:14px 16px;
    gap:9px
  }
  .notice-item strong {
    font-size:12px;
    line-height:1.35
  }
    .notice-date {
        font-size: 12px;
    }
  .show-all {
    margin-left:16px
  }
  .visitor-panel {
    padding:20px
  }
  .progress-head {
    align-items:flex-start;
    flex-direction:column;
    gap:3px
  }
  .progress-track-grid {
    grid-template-columns:1fr 1fr
  }
  .media-tools-grid {
    grid-template-columns:1fr
  }
.utility-buttons {
    grid-template-columns: repeat(2,1fr);
    display: block;
}
  .media-tools-section {
    padding-top:45px
  }
}
@media(max-width:380px) {
.contact-card strong {
    color: #FF5722;
}
.marginonlyc{
    margin-top:5px;
}
.notice-item {
    color: #0865af;
}
.onlyper {
    margin-top: -27px;
    display: block;
}

.onlyepersonalet{
    margin-top:135px;
}
.floating-card {
    display: none;
}
.eyebrow {
    display: none;
}
.btn-ghost {
    color: red;
}
.dropdown-menu a {
    color: #ffffff;
    background: #dddddd2b;
    margin-top:5px;
}
.brand small {
    display: none;
}
.brand strong {
    line-height: 1.2;
}
.nav-cta {
        background: rgb(255 255 255 / 6%);
        border-color: rgb(0 215 255 / 22%) !important;
        color: #ff7800 !important;
        font-weight: bold;
    }
  .mobile-quick-actions a {
    font-size:9px
  }
.dropdown-toggle {
        border: 0;
        border-radius: 8px;
        outline: none;
        background: #ffffff33;
        color: #fbfdff;
        font-family: inherit;
        font-size: inherit;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 10px 5px;
        transition: 0.3s ease;
    }
  .utility-buttons {
    grid-template-columns:1fr 1fr
  }
 a {
    text-decoration: none;
    color: #ffffff;
}
}
body.dark-mode .mobile-quick-actions {
  background:rgba(7,17,31,.94)
}