/* Fixes for the restored copy of the NSCS homepage */
.svg-icon { width: 1em; height: 1em; vertical-align: -0.125em; }
.ftco-footer-social li a span .svg-icon { width: 18px; height: 18px; vertical-align: middle; }
.block-23 ul li .icon .svg-icon { width: 20px; height: 20px; }
.nav-menu-icon { font-size: 1.1em; line-height: 1; }

/* Background fallbacks until the hero/section photos are added back */
.hero-wrap { background-color: #0f3b4a; background-size: cover; background-position: center; }
.ftco-counter .img { background-color: #17a2b8; background-size: cover; background-position: center; }

/* Keep section headings clear of the fixed navbar when using the menu links */
#domains, #projects, #career, #internship, #ongoing-projects, #contact { scroll-margin-top: 80px; }

.page-hero{background:#0f3b4a;color:#fff;text-align:center;padding:130px 0 50px}
.page-hero h1{color:#fff;font-size:2.2rem}.page-hero p{margin:0;opacity:.85}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link{padding-left:.7rem;padding-right:.7rem;font-size:14px}
.yt{position:relative;padding-top:56.25%}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* batch 1: phones, focus, contrast, menu */
html,body{max-width:100%;overflow-x:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffbf47!important;outline-offset:2px!important}
.btn-primary{background:#0b5f6e!important;border-color:#0b5f6e!important;color:#fff!important}
.btn-primary:hover{background:#094b57!important;border-color:#094b57!important}
.btn-secondary{background:#b45309!important;border-color:#b45309!important;color:#fff!important}
.btn-success{background:#1e7e34!important;border-color:#1e7e34!important;color:#fff!important}
.ftco-footer{background:#0f6f80!important}
.ftco-footer,.ftco-footer p,.ftco-footer a,.ftco-footer li,.ftco-footer span{color:#fff!important}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link{padding-left:.5rem;padding-right:.5rem}

/* second slider heading is an H2 */
.slider-text h2.alt-h1{
  font-size: 60px;
  color: #fff;
  line-height: 1.2;
  font-weight: 300; }
.slider-text h2.alt-h1{
      font-size: 40px; }

/* ---- UX polish ---- */
body{font-size:16px;line-height:1.7}
main p,main li,.card-body p,section:not(.hero-wrap):not(.page-hero):not(.home-hero):not(.home-cta) p{color:#3b4856!important;text-align:left!important}
main h2,main h3,main h4,main h5,main h6,section:not(.hero-wrap):not(.page-hero):not(.home-hero):not(.home-cta) :is(h2,h3,h4,h5,h6){color:#14232f!important}
main a:not(.btn){color:#0b5f6e;text-decoration:underline}
.nav-item.active>.nav-link{color:#0f6f80!important;font-weight:600}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover{color:#0f6f80!important}
.navbar-toggler,.navbar-toggler .nav-menu-icon{color:#fff!important}
.btn.btn-primary{background:#0f6f80!important;border-color:#0f6f80!important;color:#fff!important}
.btn.btn-primary:hover{background:#0b5f6e!important;border-color:#0b5f6e!important}
.btn.btn-secondary{background:#b45309!important;border-color:#b45309!important;color:#fff!important}
.btn.btn-success{background:#1e7e34!important;border-color:#1e7e34!important;color:#fff!important}
.btn.btn-outline-primary{color:#0f6f80!important;border-color:#0f6f80!important;background:transparent!important}
.btn.btn-outline-primary:hover{background:#0f6f80!important;color:#fff!important}
.btn.btn-light{background:#fff!important;color:#0b3a4a!important;border-color:#fff!important}
.btn.btn-outline-light{color:#fff!important;border-color:#fff!important;background:transparent!important}
.card.shadow{border:0;border-radius:12px}
.text-muted{color:#5b6b7a!important}
.page-hero.compact{padding:110px 0 28px}.page-hero.compact h1{font-size:1.8rem}
#view .yt{max-width:720px}
.tabbar{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:2px solid #e3e9ee;margin:1rem 0 1.25rem}
.tabbar button{background:none;border:0;padding:.7rem 1rem;font-weight:600;color:#5b6b7a;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer}
.tabbar button.on{color:#0f6f80;border-color:#0f6f80}
.tabp[hidden]{display:none}
.home-hero{background:linear-gradient(135deg,#0b3a4a,#0f6f80);color:#fff;padding:150px 0 90px;text-align:center}
.home-hero h1{color:#fff;font-size:2.6rem;max-width:820px;margin:0 auto 1rem;line-height:1.25}
.home-hero .eyebrow{color:#bfe8ef!important;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:.75rem}
.home-hero .lead{color:#e8f6f9!important;max-width:680px;margin:0 auto 2rem;font-size:1.15rem}
.home-hero .btn{margin:.25rem}
.home-steps{padding:70px 0;background:#f4f8fa;text-align:center}
.step-n{width:48px;height:48px;border-radius:50%;background:#0f6f80;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem}
.home-cta{background:#0b3a4a;color:#fff;padding:60px 0;text-align:center}
.home-cta h2{color:#fff}.home-cta p{color:#dbeff3}.home-cta .btn{margin:.25rem}
@media(max-width:600px){.home-hero{padding:120px 0 60px}.home-hero h1{font-size:1.8rem}}

/* fixes after review */
.home-hero .btn-primary{background:#f9a825!important;border-color:#f9a825!important;color:#14232f!important}
.home-hero .btn-primary:hover{background:#ffbf47!important;border-color:#ffbf47!important}
nav.ftco-navbar-light .navbar-nav>.nav-item.active>.nav-link,nav.ftco-navbar-light.scrolled .navbar-nav>.nav-item.active>.nav-link{color:#0f6f80!important}

/* chat button */
.chat-fab{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.chat-btn{background:#1b7f35;color:#fff;border:0;border-radius:999px;padding:12px 20px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
.chat-menu{background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.25);overflow:hidden;min-width:150px}
.chat-menu[hidden]{display:none}
.chat-menu a{display:block;padding:10px 16px;color:#14232f!important;text-decoration:none!important;border-bottom:1px solid #eef2f5}
.chat-menu a:hover{background:#f4f8fa}
@media print{.chat-fab{display:none}}