/* ============================================================
   IIGJ shared site shell — header, navigation, footer, flash
   messages and the login/apply modal.
   Extracted from the home page so every front-end page renders
   exactly the same chrome. Page-specific CSS must load AFTER
   this file.
   ============================================================ */

/* chrome-only tokens: never overridden by page level :root blocks */
:root{--shell-gold:#ddc072}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#171717;background:#fff}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.btn{border:0;border-radius:10px;padding:13px 21px;font-weight:800;cursor:pointer}
.btn-gold{background:var(--shell-gold);color:#111}
.btn-black{background:#111;color:#fff}
/* The bar and the menu it drops carry their own ink. A page is free to paint
   its body dark — the class recording page does — and the white bar must not
   turn white-on-white along with it. */
.navbar,.mobile-menu{color:#171717}
.navbar{height:82px;background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:50}
.nav-inner{height:100%;display:flex;align-items:center;gap:28px}
.logos{display:flex;gap:10px}
.logo{min-width:74px;height:44px;border:1px solid #ddd3b9;border-radius:9px;display:grid;place-items:center;font-weight:900}
.logo.gold{background:var(--shell-gold);border-color:var(--shell-gold)}
.menu{margin-left:auto;display:flex;align-items:center;gap:7px}
.menu a{padding:12px 13px;font-weight:750;border-radius:8px}
.menu a:hover{background:#f8f5ec}
.mobile-toggle{display:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:9px;background:#111;color:#fff;font-size:21px}
.mobile-menu{display:none}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);transition:background .18s ease,border-color .18s ease}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}
.footer{background:#0b0b0b;border-top:5px solid var(--shell-gold);padding:54px 0 22px;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:35px}
.footer h4{color:var(--shell-gold);margin:0 0 15px}
.footer a,.footer p{color:#bdbdbd;font-size:14px;line-height:1.9}
.footer a{display:block}
.footer-bottom{border-top:1px solid #292929;margin-top:34px;padding-top:18px;color:#888;font-size:12px;display:flex;justify-content:space-between}
.auth-backdrop{position:fixed;inset:0;background:rgba(10,9,6,.72);backdrop-filter:blur(4px);z-index:100;display:none;place-items:center;padding:20px;animation:authFade .16s ease}
.auth-backdrop.open{display:grid}
@keyframes authFade{from{opacity:0}to{opacity:1}}
.auth-modal{width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.45);position:relative;animation:authRise .22s cubic-bezier(.2,.8,.3,1)}
@keyframes authRise{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* head: the brand's black, warmed by a gold glow behind the crest */
.auth-modal-head{position:relative;display:flex;align-items:flex-start;gap:15px;padding:26px 26px 24px;color:#fff;
  background:radial-gradient(circle at 88% -20%,rgba(221,192,114,.30),transparent 58%),linear-gradient(140deg,#1a1712,#0b0b0b 62%)}
.auth-crest{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(150deg,#f2dfa6,#ddc072);color:#1a1610;box-shadow:0 10px 22px rgba(221,192,114,.28)}
.auth-crest svg{width:23px;height:23px}
.auth-modal-titles{min-width:0;padding-right:34px}
.auth-modal-head h3{margin:0 0 6px;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.auth-modal-head p{margin:0;color:#b3ab9a;font-size:13px;line-height:1.55}
.auth-modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.08);color:#efe6d2;
  font-size:19px;line-height:1;cursor:pointer;transition:.15s}
.auth-modal-close:hover{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.3)}

.auth-modal-body{padding:22px 26px 26px}

/* one switch, instead of a link buried under each form */
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;border-radius:12px;background:#f4f0e6;border:1px solid #eadfc6}
.auth-switch-btn{min-height:38px;border:0;border-radius:9px;background:transparent;color:#7d745f;font-size:13px;font-weight:850;cursor:pointer;transition:.16s}
.auth-switch-btn:hover{color:#2b2620}
.auth-switch-btn.active{background:#fff;color:#191510;box-shadow:0 3px 10px rgba(60,50,25,.10)}

.auth-pane{display:none}
.auth-pane.active{display:block;animation:authPane .18s ease}
@keyframes authPane{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.auth-field{margin-bottom:15px}
.auth-field-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.auth-field label{display:block;font-size:12px;font-weight:850;letter-spacing:.02em;color:#3a342a;margin-bottom:7px}
.auth-field input{width:100%;height:48px;border:1px solid #e2d8c2;border-radius:11px;padding:0 13px;background:#fdfbf6;color:#191510;font-size:14px;transition:.16s}
.auth-field input::placeholder{color:#a89f8c}
.auth-field input:hover{border-color:#d2c39f}
.auth-field input:focus{outline:none;background:#fff;border-color:#c9ac63;box-shadow:0 0 0 3px rgba(221,192,114,.22)}

.auth-submit{width:100%;min-height:50px;margin-top:6px;border:0;border-radius:12px;font-size:14.5px;font-weight:850;cursor:pointer;transition:.16s}
.auth-submit-dark{background:linear-gradient(180deg,#26211a,#0d0c0a);color:#fff;box-shadow:0 12px 26px rgba(12,11,9,.26)}
.auth-submit-dark:hover{background:linear-gradient(180deg,#332c22,#151310)}
.auth-submit-gold{background:linear-gradient(180deg,#e6cd8a,#d0ae5c);color:#1a1610;box-shadow:0 12px 26px rgba(198,166,90,.32)}
.auth-submit-gold:hover{background:linear-gradient(180deg,#eed79a,#d8b866)}

.auth-demo{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:10px 12px;border:1px dashed #e0d2ae;border-radius:11px;background:#fdfaf1;font-size:12.5px;color:#6f6653}
.auth-demo b{color:#8a7027;font-weight:850}
.account-note{border-top:1px solid #efe7d5;margin-top:18px;padding-top:16px;text-align:center;color:#7c7466;font-size:13px;line-height:1.6}
.link-btn{border:0;background:none;color:#9b7e31;font-weight:850;text-decoration:none;cursor:pointer;padding:0 2px;font-size:12.5px;transition:.15s}
.link-btn:hover{color:#7a6120;text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.auth-row{grid-template-columns:1fr}.auth-modal-head{padding:22px}.auth-modal-body{padding:20px}}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.mobile-menu{position:fixed;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;z-index:49;padding:14px 16px;box-shadow:0 15px 35px rgba(0,0,0,.1)}.mobile-menu.open{display:grid}.mobile-menu a,.mobile-menu button{padding:13px;text-align:left;border:0;background:#fff;font-weight:800}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.navbar{height:72px}.mobile-menu{top:72px}.logo{min-width:60px;height:38px;font-size:12px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
.logo-img-wrap{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.iigj-logo{
  display:block;
  width:auto;
  height:46px;
  max-width:155px;
  object-fit:contain;
}
.footer-logo-wrap{background:#fff;border-radius:9px;padding:4px 8px;height:46px}
.footer-iigj-logo{height:38px;max-width:130px}
@media(max-width:900px){.logo-img-wrap{height:46px}.iigj-logo{height:40px;max-width:138px}}
@media(max-width:560px){.logo-img-wrap{height:40px}.iigj-logo{height:34px;max-width:118px}.footer-logo-wrap{height:40px}.footer-iigj-logo{height:31px;max-width:108px}}
@media(max-width:380px){.iigj-logo{height:30px;max-width:102px}}
.iitm-logo-wrap{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.iitm-logo{
  display:block;
  width:auto;
  height:44px;
  max-width:170px;
  object-fit:contain;
}
.footer .iitm-logo-wrap{
  background:#fff;
  border-radius:9px;
  padding:4px 8px;
  height:46px;
}
.footer .iitm-logo{
  height:36px;
  max-width:145px;
}
@media(max-width:900px){.iitm-logo-wrap{height:46px}.iitm-logo{height:39px;max-width:150px}}
@media(max-width:560px){.iitm-logo-wrap{height:40px}.iitm-logo{height:33px;max-width:125px}.footer .iitm-logo-wrap{height:40px}.footer .iitm-logo{height:30px;max-width:112px}}
@media(max-width:380px){.iitm-logo{height:29px;max-width:108px}}
.navbar{height:96px}
.nav-inner{gap:34px}
.logo-img-wrap,
.iitm-logo-wrap{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.iigj-logo{
  height:62px;
  max-width:205px;
}
.iitm-logo{
  height:60px;
  max-width:220px;
}
.logos{gap:16px;align-items:center}
@media(max-width:1100px){.navbar{height:90px}.logo-img-wrap,.iitm-logo-wrap{height:64px}.iigj-logo{height:56px;max-width:188px}.iitm-logo{height:54px;max-width:200px}}
@media(max-width:900px){.navbar{height:82px}.mobile-menu{top:82px}.logo-img-wrap,.iitm-logo-wrap{height:56px}.iigj-logo{height:49px;max-width:165px}.iitm-logo{height:47px;max-width:175px}.logos{gap:12px}}
@media(max-width:560px){.navbar{height:74px}.mobile-menu{top:74px}.logo-img-wrap,.iitm-logo-wrap{height:48px}.iigj-logo{height:41px;max-width:138px}.iitm-logo{height:39px;max-width:145px}.logos{gap:8px}}
@media(max-width:380px){.iigj-logo{height:36px;max-width:120px}.iitm-logo{height:34px;max-width:126px}}
.navbar{height:112px}
.nav-inner{gap:40px}
.logo-img-wrap,
.iitm-logo-wrap{
  height:84px;
}
.iigj-logo{
  height:76px;
  max-width:250px;
}
.iitm-logo{
  height:74px;
  max-width:270px;
}
.logos{gap:20px}
@media(max-width:1100px){.navbar{height:102px}.logo-img-wrap,.iitm-logo-wrap{height:76px}.iigj-logo{height:68px;max-width:225px}.iitm-logo{height:66px;max-width:240px}}
@media(max-width:900px){.navbar{height:92px}.mobile-menu{top:92px}.logo-img-wrap,.iitm-logo-wrap{height:66px}.iigj-logo{height:58px;max-width:190px}.iitm-logo{height:56px;max-width:205px}.logos{gap:14px}}
@media(max-width:560px){.navbar{height:80px}.mobile-menu{top:80px}.logo-img-wrap,.iitm-logo-wrap{height:56px}.iigj-logo{height:48px;max-width:155px}.iitm-logo{height:46px;max-width:165px}.logos{gap:9px}}
@media(max-width:380px){.navbar{height:76px}.mobile-menu{top:76px}.iigj-logo{height:42px;max-width:135px}.iitm-logo{height:40px;max-width:142px}}
.navbar,
.logo-img-wrap,
.iitm-logo-wrap,
.iigj-logo,
.iitm-logo{
  transition:height .28s ease, max-width .28s ease, padding .28s ease, box-shadow .28s ease;
}
.navbar.scrolled{
  height:76px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}
.navbar.scrolled .logo-img-wrap,
.navbar.scrolled .iitm-logo-wrap{
  height:54px;
}
.navbar.scrolled .iigj-logo{
  height:46px;
  max-width:155px;
}
.navbar.scrolled .iitm-logo{
  height:44px;
  max-width:165px;
}
@media(max-width:900px){.navbar.scrolled{height:70px}.navbar.scrolled + .mobile-menu{top:70px}.navbar.scrolled .logo-img-wrap,
  .navbar.scrolled .iitm-logo-wrap{height:48px}.navbar.scrolled .iigj-logo{height:40px;max-width:135px}.navbar.scrolled .iitm-logo{height:38px;max-width:145px}}
@media(max-width:560px){.navbar.scrolled{height:66px}.navbar.scrolled + .mobile-menu{top:66px}.navbar.scrolled .logo-img-wrap,
  .navbar.scrolled .iitm-logo-wrap{height:44px}.navbar.scrolled .iigj-logo{height:36px;max-width:120px}.navbar.scrolled .iitm-logo{height:34px;max-width:128px}}
.navbar{
  position:sticky;
}
.navbar::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(94%,1180px);
  height:4px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(221,192,114,.35) 7%,
    #ddc072 22%,
    #b89b50 50%,
    #ddc072 78%,
    rgba(221,192,114,.35) 93%,
    transparent 100%
  );
  box-shadow:0 3px 12px rgba(221,192,114,.28);
  transition:height .28s ease,width .28s ease,opacity .28s ease;
}
.navbar.scrolled::after{
  width:min(88%,1080px);
  height:3px;
  opacity:.9;
}
@media(max-width:900px){.navbar::after{width:94%;height:3px}.navbar.scrolled::after{width:90%;height:2px}}
@media(max-width:560px){.navbar::after{width:92%;height:2px}.navbar.scrolled::after{width:88%;height:2px}}
.navbar{
  height:96px;
}
.nav-inner{
  height:100%;
  align-items:center;
}
.logo-img-wrap,
.iitm-logo-wrap{
  height:76px;
}
.iigj-logo{
  height:76px;
  max-width:250px;
}
.iitm-logo{
  height:74px;
  max-width:270px;
}
.navbar.scrolled{
  height:72px;
}
@media(max-width:1100px){.navbar{height:90px}}
@media(max-width:900px){.navbar{height:84px}.mobile-menu{top:84px}}
@media(max-width:560px){.navbar{height:76px}.mobile-menu{top:76px}}
.footer-logo-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  margin-bottom:20px;
}
.footer-brand-logo{
  width:auto;
  object-fit:contain;
  display:block;
}
.footer-iigj{
  height:58px;
  max-width:185px;
}
.footer-gjepc{
  height:50px;
  max-width:165px;
}
@media(max-width:900px){.footer-iigj{height:54px;max-width:175px}.footer-gjepc{height:46px;max-width:155px}}
@media(max-width:560px){.footer-logo-stack{gap:13px}.footer-iigj{height:50px;max-width:165px}.footer-gjepc{height:42px;max-width:145px}}
.footer-logo-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:14px;
  margin:0 0 22px;
}
.footer-logo-stack .footer-brand-logo{
  display:block;
  width:auto;
  object-fit:contain;
  object-position:left center;
  flex:none;
}
.footer-logo-stack .footer-iigj{
  height:64px;
  max-width:205px;
}
.footer-logo-stack .footer-gjepc{
  height:48px;
  max-width:178px;
}
@media(max-width:900px){.footer-logo-stack .footer-iigj{height:58px;max-width:190px}.footer-logo-stack .footer-gjepc{height:44px;max-width:164px}}
@media(max-width:560px){.footer-logo-stack{gap:12px}.footer-logo-stack .footer-iigj{height:54px;max-width:178px}.footer-logo-stack .footer-gjepc{height:41px;max-width:152px}}
.footer{
  background:#e8ecef;
  color:#111;
  border-top:5px solid var(--shell-gold);
}
.footer h4{
  color:#111;
}
.footer a,
.footer p{
  color:#4d545a;
}
.footer a:hover{
  color:#8d742f;
}
.footer-bottom{
  border-top:1px solid #cfd5da;
  color:#6c7379;
}
.footer .logo,
.footer-logo-wrap,
.footer .iitm-logo-wrap{
  background:transparent;
}
.footer-logo-stack .footer-iigj{
  height:78px;
  max-width:245px;
}
@media(max-width:900px){.footer-logo-stack .footer-iigj{
    height:70px;
    max-width:225px;
  }}
@media(max-width:560px){.footer-logo-stack .footer-iigj{
    height:62px;
    max-width:200px;
  }}
.footer-logo-stack .footer-iigj{
  height:92px;
  max-width:285px;
}
@media(max-width:900px){.footer-logo-stack .footer-iigj{
    height:82px;
    max-width:255px;
  }}
@media(max-width:560px){.footer-logo-stack .footer-iigj{
    height:70px;
    max-width:220px;
  }}
.login-helper{margin-top:10px;text-align:right;font-size:13px}
.account-menu{position:relative}
.account-btn{width:44px;height:44px;border-radius:50%;border:1px solid #ddd3b9;background:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;cursor:pointer;transition:.2s}
.account-btn:hover{background:#f7f2e5;border-color:#ddc072}
.account-dropdown{display:none;position:absolute;right:0;top:54px;width:235px;background:#fff;border:1px solid #e5dfd0;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.15);padding:8px;z-index:70}
.account-dropdown{box-shadow:0 24px 60px rgba(24,18,6,.20)}
.account-dropdown.open{display:block;animation:accountRise .17s cubic-bezier(.2,.8,.3,1)}
@keyframes accountRise{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
.account-dropdown a{transition:.15s ease}
.account-dropdown .account-head{padding:11px;border-bottom:1px solid #eee8dc;margin-bottom:5px}
.account-dropdown .account-head b{display:block;font-size:13px}
.account-dropdown .account-head span{font-size:11px;color:#777}
.account-dropdown a{display:block;padding:10px 11px;border-radius:9px;font-size:13px;font-weight:750;color:#333}
.account-dropdown a:hover{background:#f7f4ec}
@media(max-width:900px){.account-menu{margin-left:auto}.mobile-toggle{margin-left:0}}
.flash-stack{position:fixed;right:18px;top:112px;z-index:200;width:min(420px,calc(100% - 36px));display:grid;gap:9px}
.flash{background:#fff;border-left:4px solid #ddc072;border-radius:12px;padding:14px 16px;box-shadow:0 16px 54px rgba(0,0,0,.22),0 4px 14px rgba(0,0,0,.10);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;animation:flashSlideIn .22s cubic-bezier(.2,.8,.3,1)}
@keyframes flashSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.flash-success{border-color:#438262}
.flash-error{border-color:#b43d3d}
.flash button{border:0;background:none;cursor:pointer;font-size:20px;line-height:1;color:#999;transition:.15s;padding:0 2px;flex:0 0 auto}
.flash button:hover{color:#333}

/* keep chrome typography identical on every page */
.navbar,.mobile-menu,.footer,.auth-backdrop{font-family:Inter,Arial,sans-serif}

/* learner workspace: two column layout with the shared account sidebar
   (used by My Account and the Payment Center) */
.layout{display:grid;grid-template-columns:245px 1fr;gap:22px;align-items:start}
.side{background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:12px;height:max-content;position:sticky;top:106px;display:grid;gap:6px;font-family:Inter,Arial,sans-serif}
.side a,.side button{display:block;width:100%;border:0;background:#fff;padding:12px;text-align:left;border-radius:9px;font-weight:800;font-size:15px;color:#444;cursor:pointer;transition:background .18s,color .18s}
.side a.active,.side a:hover,.side button.active,.side button:hover{background:var(--shell-gold);color:#111}
@media(max-width:800px){.layout{grid-template-columns:1fr}.side{position:static;overflow:visible}.side a,.side button{min-width:0}}

/* the way back into a live class, from wherever the learner wandered to */
.roam-player{position:fixed;right:20px;bottom:20px;width:min(330px,calc(100vw - 32px));background:#fff;border:1px solid #e5dfd0;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;z-index:90;animation:roamIn .3s cubic-bezier(.22,.61,.36,1)}
.roam-close{border:0;background:#111;color:#fff;width:26px;height:26px;border-radius:50%;font-size:17px;line-height:1;cursor:pointer;flex:none}
.roam-live{display:flex;align-items:center;gap:11px;padding:12px 13px}
.roam-live b{display:block;font-size:13px}
.roam-live small{color:#777;font-size:11px}
.roam-dot{width:9px;height:9px;border-radius:50%;background:#d72626;flex:none;box-shadow:0 0 0 4px rgba(215,38,38,.15)}
.roam-btn{background:#ddc072;color:#111;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800}
@keyframes roamIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:560px){.roam-player{right:10px;bottom:10px;width:calc(100vw - 20px)}}

/* Partner marks in the shared top bar. Keep the original IIGJ mark first,
   followed by the supplied IITM, InCent-LGD and GJEPC artwork. */
.navbar{height:88px}
.nav-inner{gap:24px}
.logos{gap:11px;align-items:center;min-width:0;flex:0 1 auto}
.logo-img-wrap,.iitm-logo-wrap,.partner-logo-wrap{height:62px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.iigj-logo{height:54px;max-width:158px}
.iitm-logo{height:54px;width:54px;max-width:54px;object-fit:contain}
.partner-logo{display:block;width:auto;height:auto;max-height:54px;object-fit:contain}
.partner-logo-icflgd{width:126px}.partner-logo-icflgd .partner-logo{width:126px}
.partner-logo-gjepc{width:148px}.partner-logo-gjepc .partner-logo{width:148px}
.navbar.scrolled{height:70px}
.navbar.scrolled .logo-img-wrap,.navbar.scrolled .iitm-logo-wrap,.navbar.scrolled .partner-logo-wrap{height:48px}
.navbar.scrolled .iigj-logo{height:43px;max-width:137px}
.navbar.scrolled .iitm-logo{height:42px;width:42px;max-width:42px}
.navbar.scrolled .partner-logo{max-height:42px}
.navbar.scrolled .partner-logo-icflgd,.navbar.scrolled .partner-logo-icflgd .partner-logo{width:104px}
.navbar.scrolled .partner-logo-gjepc,.navbar.scrolled .partner-logo-gjepc .partner-logo{width:122px}
@media(max-width:1100px){
  .navbar{height:82px}.nav-inner{gap:18px}.logos{gap:8px}
  .logo-img-wrap,.iitm-logo-wrap,.partner-logo-wrap{height:58px}
  .iigj-logo{height:49px;max-width:143px}.iitm-logo{height:48px;width:48px;max-width:48px}
  .partner-logo{max-height:48px}.partner-logo-icflgd,.partner-logo-icflgd .partner-logo{width:108px}.partner-logo-gjepc,.partner-logo-gjepc .partner-logo{width:128px}
}
@media(max-width:900px){
  .navbar{height:76px}.mobile-menu{top:76px}.logos{gap:7px}
  .logo-img-wrap,.iitm-logo-wrap,.partner-logo-wrap{height:52px}
  .iigj-logo{height:43px;max-width:126px}.iitm-logo{height:43px;width:43px;max-width:43px}
  .partner-logo{max-height:43px}.partner-logo-icflgd,.partner-logo-icflgd .partner-logo{width:92px}.partner-logo-gjepc,.partner-logo-gjepc .partner-logo{width:108px}
  .navbar.scrolled{height:66px}.navbar.scrolled + .mobile-menu{top:66px}
}
@media(max-width:560px){
  .navbar{height:68px}.mobile-menu{top:68px}.nav-inner{gap:10px}.logos{gap:5px}
  .logo-img-wrap,.iitm-logo-wrap,.partner-logo-wrap{height:46px}
  .iigj-logo{height:36px;max-width:105px}.iitm-logo{height:36px;width:36px;max-width:36px}
  .partner-logo{max-height:36px}.partner-logo-icflgd,.partner-logo-icflgd .partner-logo{width:73px}.partner-logo-gjepc,.partner-logo-gjepc .partner-logo{width:87px}
  .navbar.scrolled{height:60px}.navbar.scrolled + .mobile-menu{top:60px}
  .navbar.scrolled .logo-img-wrap,.navbar.scrolled .iitm-logo-wrap,.navbar.scrolled .partner-logo-wrap{height:40px}
  .navbar.scrolled .iigj-logo{height:31px;max-width:91px}.navbar.scrolled .iitm-logo{height:31px;width:31px;max-width:31px}
  .navbar.scrolled .partner-logo{max-height:31px}.navbar.scrolled .partner-logo-icflgd,.navbar.scrolled .partner-logo-icflgd .partner-logo{width:63px}.navbar.scrolled .partner-logo-gjepc,.navbar.scrolled .partner-logo-gjepc .partner-logo{width:75px}
}
@media(max-width:380px){
  .nav-inner{gap:7px}.logos{gap:3px}.iigj-logo{height:32px;max-width:94px}.iitm-logo{height:32px;width:32px;max-width:32px}
  .partner-logo{max-height:32px}.partner-logo-icflgd,.partner-logo-icflgd .partner-logo{width:64px}.partner-logo-gjepc,.partner-logo-gjepc .partner-logo{width:76px}
}