/* NTSE Guru public website refresh - a look-only layer over the existing pages. No markup, wording or behaviour changes. */
:root{--ng-ink:#14233b;--ng-muted:#5d6b82;--ng-line:#e4e9f1;--ng-bg:#f5f7fb;--ng-blue:#0e5cad;--ng-teal:#17a08c;--ng-r:14px;--ng-shadow:0 1px 2px rgba(20,35,59,.06),0 6px 18px rgba(20,35,59,.06)}
/* top bar and menu */
#header{box-shadow:0 1px 0 var(--ng-line)!important}
.nav-menu>ul>li>a{font-size:14px!important;font-weight:500!important;color:var(--ng-ink)!important}
.nav-menu>ul>li>a:hover,.nav-menu>ul>li.active>a{color:var(--ng-blue)!important}
.nav-menu .drop-down ul{border-radius:12px!important;border:1px solid var(--ng-line);box-shadow:var(--ng-shadow)!important;padding:6px 0!important}
.nav-menu .drop-down ul a{font-size:14px!important;color:var(--ng-ink)!important}
li.login-bt{background:var(--ng-blue)!important;border-radius:10px!important}
li.login-bt a{color:#fff!important;font-weight:600!important}
/* the phone menu button was white on a white bar */
.mobile-nav-toggle i{color:var(--ng-ink)!important}
.mobile-nav{border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.25)!important;height:auto!important;max-height:calc(100vh - 80px)}
.mobile-nav a{color:var(--ng-ink)!important;font-size:15px!important;padding:11px 20px!important}
.mobile-nav-active .mobile-nav-toggle i{color:#fff!important}
/* buttons */
.button-link .btn-white,.btn.rounded-pill{border-radius:10px!important;font-weight:600!important;letter-spacing:.01em}
.btn-primary{background:var(--ng-blue)!important;border-color:var(--ng-blue)!important;border-radius:10px!important;font-weight:600!important}
/* headings and text */
.headingText{letter-spacing:-.01em}
.ntseguru-text p,.mainContent p{color:#33425a;line-height:1.7}
/* cards */
.shadow-effect{border-radius:var(--ng-r)!important;border:1px solid var(--ng-line)!important;box-shadow:var(--ng-shadow)!important;background:#fff!important;overflow:hidden}
.faq-section .card,#accordion .card{border:1px solid var(--ng-line)!important;border-radius:12px!important;margin-bottom:8px!important;box-shadow:none!important;overflow:hidden}
.faq-section .card-header,#accordion .card-header{background:#fff!important;border:0!important}
.faq-title p{color:var(--ng-ink)!important}
.faq-title .badge{background:var(--ng-blue)!important}
.modal-content{border:0!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(0,0,0,.3)!important;overflow:hidden}
.modal .form-control,.formContainer .form-control{border:1px solid #d5dce8!important;border-radius:10px!important;min-height:42px;box-shadow:none!important}
.modal .form-control:focus{border-color:var(--ng-blue)!important;box-shadow:0 0 0 3px rgba(14,92,173,.15)!important}
/* footer */
.footer-area{background:var(--ng-ink)!important}
.footer-area h3{font-size:15px!important;font-weight:600!important;letter-spacing:.02em}
.footer-area ul li a{color:#c8d3e6!important;font-size:13.5px!important;line-height:2!important}
.footer-area ul li a:hover{color:#fff!important}
a:focus-visible,button:focus-visible{outline:3px solid #8ab4f8!important;outline-offset:2px}
@media (max-width:767px){
  /* first screen: words no longer run under the students box */
  #hero .carousel-content{padding:14px!important}
  .slider-first-tx{float:none!important;top:0!important;max-width:calc(100% - 128px);text-align:left!important}
  .slider-first-tx .man-tx{font-size:14px!important;margin:0!important}
  h3.national-rec{font-size:24px!important;line-height:1.2!important}
  h3.ntse-sec{font-size:24px!important;line-height:1.2!important;margin-top:6px!important}
  .slider-first-tx .pvj{font-size:15px!important;margin:6px 0 2px!important}
  .slider-first-tx .miracle-tx{font-size:16px!important;margin:0 0 10px!important}
  .slider-first-tx .freedemo-bt a{font-size:13px!important;padding:9px 14px!important;white-space:nowrap}
  /* section title no longer runs into the tabs */
  .ntse-head-tx{font-size:21px!important;line-height:1.3!important;padding:8px 0 6px}
  .top-ntse-head{padding:12px 0 46px!important}
  .headingText{font-size:26px!important}
  section.feature-area h3{font-size:24px!important;padding:22px 0!important}
  .footer-area{padding:36px 0 90px!important}
}
/* ---------- fixes after looking at every page ---------- */
/* the phone menu button: its icon file is not loaded on the site, so the button was blank. Drawn here instead. */
.mobile-nav-toggle{width:44px!important;height:44px!important;right:10px!important;top:18px!important;padding:0!important;border-radius:10px!important;background:linear-gradient(var(--ng-ink),var(--ng-ink)) center 14px/22px 2px no-repeat,linear-gradient(var(--ng-ink),var(--ng-ink)) center 21px/22px 2px no-repeat,linear-gradient(var(--ng-ink),var(--ng-ink)) center 28px/22px 2px no-repeat!important}
.mobile-nav-toggle i{display:none!important}
.mobile-nav-active .mobile-nav-toggle{background:linear-gradient(#fff,#fff) center 14px/22px 2px no-repeat,linear-gradient(#fff,#fff) center 21px/22px 2px no-repeat,linear-gradient(#fff,#fff) center 28px/22px 2px no-repeat!important}
@media (max-width:767px){
  /* the four tabs stay on one line instead of dropping onto the text */
  section#about-NTSE .ntse-tab{display:flex!important;flex-wrap:nowrap!important;left:0!important;right:0!important;padding:0 12px!important}
  section#about-NTSE .ntse-tab li.nav-item{width:25%!important;flex:1 1 25%!important}
  section#about-NTSE .ntse-tab li.nav-item a{font-size:12.5px!important;padding:8px 2px!important;white-space:nowrap}
  /* the slanted colour panel no longer sits behind the words */
  section#ntse-guru,section#about-vipin-sir{background-image:none!important;padding-bottom:24px!important}
  section#ntse-guru img,section#about-vipin-sir .ntseguru-text img{position:static!important;float:none!important;width:100%!important;max-width:100%!important;right:auto!important;margin:12px 0 0!important;display:block}
  section#ntse-guru .freedemo-bt,section#about-vipin-sir .freedemo-bt{float:none!important;display:block;margin:14px 0!important}
  /* wide tables slide inside themselves; the page itself stays still */
  main table.table,#main table.table,.container table.table{display:block!important;overflow-x:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch}
}
@media (max-width:767px){
  /* pictures no longer sit on top of the words or the demo button */
  .ntseguru-text::after{content:"";display:table;clear:both}
  .ntseguru-text .freedemo-bt a{float:none!important;display:inline-block!important;margin:0!important}
  section#about-NTSE .ntse-right-content img{position:static!important;float:none!important;margin:14px auto 0!important;width:100%!important;max-width:320px!important;display:block!important;top:auto!important}
}
.nav-menu>ul>li.login-bt>a,.nav-menu>ul>li.login-bt>a:hover{color:#fff!important}
@media (max-width:767px){
  section#ntse-guru .col-md-6+.col-md-6,section#ntse-guru .col-md-6+.col-md-6 .ntseguru-text{position:static!important;top:auto!important;margin-top:18px!important;float:none!important;clear:both!important}
}
/* opened phone menu: only as tall as its links, no empty marker boxes, Login lined up */
.mobile-nav{height:auto!important;bottom:auto!important;max-height:calc(100vh - 80px)!important}
.mobile-nav .drop-down>a:after{display:none!important}
.mobile-nav li.login-bt{margin:8px 20px 10px!important;display:inline-block!important}
@media (max-width:767px){
  /* home page pop-ups fit the phone screen and their close button can be reached */
  body #dateDecleareModal .modal-dialog,body #dateDecleareModal1 .modal-dialog{min-width:0!important;max-width:calc(100vw - 16px)!important;width:auto!important;margin:8px auto!important}
  body #dateDecleareModal .modal-body img{width:100%!important;height:auto!important;display:block}
  body #dateDecleareModal .modal-body iframe{width:100%!important;height:calc((100vw - 16px) * 0.5625)!important;display:block}
  body #dateDecleareModal .close,body #dateDecleareModal1 .close{position:absolute!important;top:6px!important;right:6px!important;z-index:5!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#fff!important;color:#14233b!important;opacity:1!important;font-size:24px!important;line-height:1!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important;padding:0!important;margin:0!important;float:none!important}
  /* a wide picture on content pages shrinks to the screen instead of pushing the page sideways */
  .ntse-laft-area img{max-width:100%!important;height:auto!important}
}