:root {
   --clr-logo-red: #c91622;
   --clr-logo-blue: #17238c;
   --clr-logo-blue-deep: #071052;
   --clr-logo-cyan: #4fc8e5;
   --clr-logo-gold: #d8a800;
   --clr-logo-gold-dark: #9a7500;
   --clr-saffron: var(--clr-logo-gold);
   --clr-saffron-dark: var(--clr-logo-blue-deep);
   --clr-saffron-pale: #fff7cc;
   --clr-navy: var(--clr-logo-blue);
   --clr-navy-deep: var(--clr-logo-blue-deep);
   --clr-navy-light: #eef3ff;
   --clr-green: #295e7a;
   --clr-green-pale: #eef7fa;
   --clr-gray-50: #fbfdff;
   --clr-gray-100: #edf7fb;
   --clr-gray-200: #d3e8f1;
   --clr-gray-400: #84a8b8;
   --clr-gray-600: #385269;
   --clr-gray-900: #101827;
   --clr-error: var(--clr-logo-red);
   --clr-error-bg: #fff0f1;
   --clr-warning: var(--clr-logo-gold-dark);
   --clr-warning-bg: #fff9db;
   --clr-info: var(--clr-logo-blue);
   --clr-info-bg: #eef2ff;
   --clr-success: #159fbd;
   --clr-success-bg: #e5f9fc;
   --clr-tri-saffron: var(--clr-logo-red);
   --clr-tri-green: var(--clr-logo-cyan);
   --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);
   --shadow-md: 0 4px 14px rgba(7, 16, 82, .12), 0 2px 6px rgba(0, 0, 0, .04);
   --shadow-lg: 0 12px 32px rgba(7, 16, 82, .14), 0 4px 12px rgba(0, 0, 0, .05);
   --shadow-hover: 0 18px 42px rgba(7, 16, 82, .18), 0 6px 16px rgba(0, 0, 0, .06);
   --shadow-saffron: none;
   --bs-body-color: var(--clr-gray-900);
   --bs-body-bg: var(--clr-gray-50);
   --bs-primary: var(--clr-navy);
   --bs-primary-rgb: 23, 35, 140;
   --bs-primary-bg-subtle: var(--clr-navy-light);
   --bs-primary-border-subtle: var(--clr-navy-light);
   --bs-secondary: var(--clr-gray-600);
   --bs-secondary-rgb: 56, 82, 105;
   --bs-success: var(--clr-success);
   --bs-success-rgb: 21, 159, 189;
   --bs-info: var(--clr-info);
   --bs-info-rgb: 23, 35, 140;
   --bs-warning: var(--clr-warning);
   --bs-warning-rgb: 154, 117, 0;
   --bs-danger: var(--clr-error);
   --bs-danger-rgb: 201, 22, 34;
   --bs-light: var(--clr-gray-50);
   --bs-light-rgb: 249, 250, 251;
   --bs-dark: var(--clr-navy-deep);
   --bs-dark-rgb: 7, 7, 127;
   --bs-border-color: var(--clr-gray-200);
   --bs-link-color: #fa0a17;
   --bs-link-hover-color: var(--clr-saffron-dark);
}

body {
   color: var(--clr-gray-900);
   background-color: var(--clr-gray-100);
   font-size: 0.85em;
}

h1 {
   color: var(--clr-navy-deep);
   font-size: 3.7em;
   line-height: 1.1;
}

h2 {
   color: var(--clr-navy);
   font-size: 1.7em;
   line-height: 1.25;
}

h3 {
   color: var(--clr-navy);
   font-size: 1.5em;
   line-height: 1.3;
}

p,
p.small {
   color: var(--clr-gray-600);
   font-size: 12px;
   line-height: 1.6;
}

a {
   color: var(--clr-green);
}

a:hover {
   color: var(--clr-saffron-dark);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
   outline: 3px solid var(--clr-logo-gold);
   outline-offset: 3px;
}

.btn {
   font-size: 12px;
}

.btn-group[aria-label="Change language"] .btn.active {
   color: var(--clr-navy-deep) !important;
   background-color: #fff !important;
   border-color: #fff !important;
}

.btn-primary {
   --bs-btn-color: var(--clr-gray-900);
   --bs-btn-bg: var(--clr-saffron);
   --bs-btn-border-color: var(--clr-saffron);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--clr-saffron-dark);
   --bs-btn-hover-border-color: var(--clr-saffron-dark);
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--clr-saffron-dark);
   --bs-btn-active-border-color: var(--clr-saffron-dark);
   --bs-btn-focus-shadow-rgb: 255, 210, 26;
   box-shadow: var(--shadow-saffron);
}

.btn-outline-primary {
   --bs-btn-color: var(--clr-navy);
   --bs-btn-border-color: var(--clr-navy);
   --bs-btn-hover-bg: var(--clr-navy);
   --bs-btn-hover-border-color: var(--clr-navy);
   --bs-btn-active-bg: var(--clr-navy);
   --bs-btn-active-border-color: var(--clr-navy);
}

.btn-outline-secondary {
   --bs-btn-color: var(--clr-green);
   --bs-btn-border-color: var(--clr-green);
   --bs-btn-hover-bg: var(--clr-green);
   --bs-btn-hover-border-color: var(--clr-green);
   --bs-btn-hover-color: #fff;
}

li,
nav .nav-link,
.list-group-item {
   font-size: 14px;
}

nav .nav-link {
   font-weight: 700;
}

footer,
footer .nav-link {
   font-size: 14px;
}

/* Site footer css start */
.site-footer {
   color: #fff;
   background: #06385d;
}

.site-footer-main {
   padding: 42px 0 34px;
   background:
      radial-gradient(circle at 12% 12%, rgba(21, 159, 189, .22) 0, transparent 32%),
      linear-gradient(145deg, var(--clr-logo-blue-deep) 0%, #06385d 52%, #0b5e7a 100%);
   border-top: 4px solid var(--clr-logo-gold);
}

.site-footer-brand {
   display: flex;
   gap: 14px;
   align-items: center;
   margin-bottom: 16px;
}

.site-footer-brand img {
   width: 56px;
   height: 56px;
   object-fit: contain;
   padding: 7px;
   background: #fff;
   border: 2px solid rgba(216, 168, 0, .42);
   border-radius: 50%;
}

.site-footer-brand strong,
.site-footer-brand span {
   display: block;
   color: #fff;
}

.site-footer-brand strong {
   font-weight: 800;
}

.site-footer-main p {
   max-width: 360px;
   margin-bottom: 18px;
   color: rgba(255, 255, 255, .78);
}

.site-footer h2 {
   margin-bottom: 16px;
   color: var(--clr-logo-gold);
   font-weight: 800;
}

.site-footer-links,
.site-footer-contact,
.site-footer-policy ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.site-footer-links {
   display: grid;
   gap: 9px;
}

.site-footer-links a,
.site-footer-policy a,
.site-footer-bottom a {
   color: rgba(255, 255, 255, .86);
   text-decoration: none;
}

.site-footer-links a:hover,
.site-footer-links a:focus,
.site-footer-policy a:hover,
.site-footer-policy a:focus,
.site-footer-bottom a:hover,
.site-footer-bottom a:focus {
   color: var(--clr-logo-gold);
   text-decoration: underline;
}

.site-footer-contact {
   display: grid;
   gap: 12px;
}

.site-footer-contact li {
   display: grid;
   grid-template-columns: 22px minmax(0, 1fr);
   gap: 8px;
   color: rgba(255, 255, 255, .86);
   line-height: 1.5;
}

.site-footer-contact iconify-icon {
   color: var(--clr-logo-gold);
   font-size: 18px;
}

.site-footer-social {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.site-footer-social a {
   display: grid;
   place-items: center;
   width: 34px;
   height: 34px;
   background: rgba(255, 255, 255, .12);
   border: 1px solid rgba(216, 168, 0, .38);
   border-radius: 50%;
}

.site-footer-social a:hover,
.site-footer-social a:focus {
   background: var(--clr-logo-gold);
   border-color: var(--clr-logo-gold);
}

.site-footer-social img {
   width: 18px;
   height: 18px;
   object-fit: contain;
}

.site-footer-policy {
   background: #052f4f;
   border-top: 1px solid rgba(216, 168, 0, .28);
   border-bottom: 1px solid rgba(216, 168, 0, .28);
}

.site-footer-policy ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.site-footer-policy li {
   border-right: 1px solid rgba(255, 255, 255, .16);
}

.site-footer-policy li:last-child {
   border-right: 0;
}

.site-footer-policy a {
   display: inline-flex;
   padding: 9px 14px;
}

.site-footer-bottom {
   padding: 18px 0;
   background: #021e35;
}

.site-footer-bottom .container {
   display: flex;
   gap: 18px;
   align-items: center;
   justify-content: space-between;
}

.site-footer-copy p {
   margin: 0 0 5px;
   color: rgba(255, 255, 255, .78);
}

.site-footer-copy p:last-child {
   margin-bottom: 0;
}

.site-footer-credits {
   display: flex;
   flex: 0 0 auto;
   gap: 14px;
   align-items: center;
   color: #fff;
}

.site-footer-credits img {
   width: 82px;
   max-height: 34px;
   object-fit: contain;
   padding: 5px 8px;
   background: #fff;
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 6px;
}

.site-footer-credits span,
.site-footer-credits strong {
   display: inline-flex;
   align-items: center;
   min-height: 34px;
   padding: 0 10px;
   border: 1px solid rgba(216, 168, 0, .34);
   border-radius: 6px;
   font-weight: 800;
}
/* Site footer css end */

.small,
small,
.form-control,
.form-select,
.table {
   font-size: 0.85em;
}





.bg-primary {
   background-color: var(--clr-saffron) !important;
}

.bg-primary-subtle {
   background-color: var(--clr-saffron-pale) !important;
}

.bg-light {
   background-color: var(--clr-green-pale) !important;
}

.text-primary {
   color: var(--clr-saffron-dark) !important;
}

.link-primary {
   color: var(--clr-green) !important;
}

.link-primary:hover {
   color: var(--clr-saffron-dark) !important;
}

.border,
.border-top,
.border-bottom,
.table-bordered {
   border-color: var(--clr-gray-200) !important;
}

.shadow-sm {
   box-shadow: var(--shadow-md) !important;
}

.list-group {
   box-shadow: var(--shadow-md);
}

.list-group-item {
   border-color: var(--clr-gray-200);
}

.list-group-item:hover,
.list-group-item:focus {
   background-color: var(--clr-green-pale);
   color: var(--clr-green);
}

.nav-pills .nav-link.active {
   color: #fff !important;
   background-color: var(--clr-navy-deep) !important;
}

.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {
   background-color: var(--clr-saffron-dark);
   color: #fff !important;
}

.badge.text-bg-primary {
   background-color: var(--clr-green) !important;
}

.table-primary {
   --bs-table-color: #fff;
   --bs-table-bg: var(--clr-navy);
   --bs-table-border-color: var(--clr-navy-deep);
   color: #fff;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
   --bs-table-bg-type: var(--clr-green-pale);
}

.logo-carousel-section {
   background-color: #fff;
}

.logo-carousel-card {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 86px;
   padding: 6px;
}

.logo-carousel-img {
   display: block;
   width: auto;
   max-width: 100%;
   max-height: 62px;
   object-fit: contain;
}

.logo-carousel-control {
   width: 42px;
   opacity: .85;
}

.logo-carousel-control .carousel-control-prev-icon,
.logo-carousel-control .carousel-control-next-icon {
   width: 1.5rem;
   height: 1.5rem;
   padding: 14px;
   background-color: var(--clr-navy);
   background-size: 55%;
   border-radius: 50%;
   box-shadow: var(--shadow-sm);
}

.logo-carousel-indicators {
   bottom: -22px;
   margin-bottom: 0;
}

.logo-carousel-indicators [data-bs-target] {
   width: 18px;
   height: 3px;
   background-color: var(--clr-navy);
}

.about-logo-carousel {
   background: #fff;
}

.about-logo-carousel .logo-carousel-card {
   min-height: 112px;
   flex: 0 0 calc((100% - 54px) / 4);
   min-width: calc((100% - 54px) / 4);
   padding: 18px;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-radius: 12px;
   box-shadow: var(--shadow-md);
   transition: transform .3s, box-shadow .3s;
}

.about-logo-carousel .logo-carousel-card:hover,
.about-logo-carousel .logo-carousel-card:focus {
   transform: translateY(-4px);
   box-shadow: var(--shadow-hover);
}

.about-logo-carousel .logo-carousel-img {
   max-height: 68px;
}

.logo-card-marquee {
   overflow: hidden;
   padding: 4px;
}

.logo-card-track {
   display: flex;
   gap: 18px;
   overflow-x: hidden;
   scroll-behavior: auto;
   scrollbar-width: none;
   will-change: transform;
}

.logo-card-track::-webkit-scrollbar {
   display: none;
}

@media (max-width: 980px) {
   .about-logo-carousel .logo-carousel-card {
      flex-basis: calc((100% - 18px) / 2);
      min-width: calc((100% - 18px) / 2);
   }
}

.banner-carousel-section {
   max-width: 1800px;
   margin: 0 auto;
   background-color: #000;
}

.banner-carousel-section .carousel-inner,
.banner-carousel-section .carousel-item {
   aspect-ratio: 1800 / 560;
}

.banner-carousel-section .carousel-item {
   overflow: hidden;
}

.banner-carousel-img {
   width: 100%;
   height: 100%;
   max-height: 560px;
   object-fit: cover;
   object-position: center;
}

.banner-carousel-section .carousel-item {
   position: relative;
}

.banner-carousel-section .carousel-control-prev,
.banner-carousel-section .carousel-control-next {
   width: 12%;
   opacity: .7;
}

.banner-carousel-section .carousel-control-prev-icon,
.banner-carousel-section .carousel-control-next-icon {
   width: 2.25rem;
   height: 2.25rem;
}

.banner-carousel-section .carousel-indicators [data-bs-target],
.banner-carousel-section .carousel-indicators button {
   width: 42px;
   height: 3px;
   margin-right: 4px;
   margin-left: 4px;
   background-color: #fff;
   border: 0;
   opacity: .7;
}

.banner-carousel-section .carousel-indicators .active {
   opacity: 1;
}

.news-ticker {
   background-color: #fff;
   border-bottom: 1px solid var(--clr-gray-200);
   box-shadow: var(--shadow-sm);
}

.news-ticker-inner {
   display: flex;
   align-items: center;
   gap: 12px;
   min-height: 42px;
   overflow: hidden;
}

.news-ticker-label {
   flex: 0 0 auto;
   padding: 6px 12px;
   color: #fff;
   font-size: 12px;
   line-height: 1;
   text-transform: uppercase;
   background-color: var(--clr-green);
   border-radius: 4px;
   box-shadow: var(--shadow-sm);
}

.news-ticker-window {
   flex: 1 1 auto;
   overflow: hidden;
}

.news-ticker-track {
   display: inline-flex;
   align-items: center;
   gap: 28px;
   min-width: max-content;
   animation: news-ticker-scroll 28s linear infinite;
}

.news-ticker-track:hover,
.news-ticker-track:focus-within {
   animation-play-state: paused;
}

.news-ticker-track a {
   position: relative;
   color: var(--clr-navy);
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   white-space: nowrap;
}

.news-ticker-track a::before {
   content: "";
   position: absolute;
   top: 50%;
   left: -16px;
   width: 6px;
   height: 6px;
   background-color: var(--clr-saffron);
   border-radius: 50%;
   transform: translateY(-50%);
}

.news-ticker-track a:hover,
.news-ticker-track a:focus {
   color: var(--clr-saffron-dark);
   text-decoration: underline;
}

@keyframes news-ticker-scroll {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(-50%);
   }
}

@media (max-width: 575.98px) {
   .news-ticker-inner {
      align-items: stretch;
      flex-direction: column;
      gap: 8px;
      padding: 10px 0;
   }

   .news-ticker-label {
      align-self: flex-start;
   }
}

@media (prefers-reduced-motion: reduce) {
   .news-ticker-track {
      animation: none;
      flex-wrap: wrap;
      min-width: 0;
   }
}

.nccrashtra-home {
   --ncc-topbar: var(--clr-gray-100);
   --ncc-ink: var(--clr-gray-900);
   --ncc-muted: var(--clr-gray-600);
   --ncc-navy: var(--clr-navy-deep);
   --ncc-yellow: var(--clr-saffron);
   --ncc-red: var(--clr-saffron-dark);
   --ncc-blue: var(--clr-navy);
   --ncc-sky: var(--clr-navy-light);
   --ncc-border: var(--clr-gray-200);
   --ncc-shadow: 0 8px 26px rgba(20, 21, 244, .16);
   margin: 0;
   color: var(--ncc-ink);
   background: var(--clr-gray-100) !important;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.85em;
}

.nccrashtra-home *,
.nccrashtra-home *::before,
.nccrashtra-home *::after {
   box-sizing: border-box;
}

.nccrashtra-home img {
   display: block;
}

.ncc-shell {
   width: min(100%, 1180px);
   margin: 0 auto;
}

.visually-hidden,
.skip-link {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0; 
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
}

.skip-link:focus {
   top: 10px;
   left: 10px;
   z-index: 30;
   width: auto;
   height: auto;
   padding: 9px 14px;
   clip: auto;
   color: #fff;
   background: var(--ncc-navy);
   border-radius: 3px;
}

.ncc-header {
   position: relative;
   z-index: 10;
   background: #fff;
   box-shadow: 0 2px 8px rgba(7, 16, 82, .08);
}

.ncc-utility {
   min-height: 28px;
   background: #000;
}

.ncc-utility-inner,
.ncc-utility-menu,
.ncc-utility-icon,
.ncc-utility-text,
.ncc-login-link,
.ncc-register-link,
.ncc-language,
.ncc-text-size,
.ncc-text-size button {
   display: flex;
   align-items: center;
}

.ncc-utility-inner {
   justify-content: flex-end;
   min-height: 28px;
   padding: 0 16px;
}

.ncc-utility-menu {
   flex-wrap: wrap;
   gap: 0;
   justify-content: flex-end;
   min-height: 26px;
   margin-left: auto;
   background: transparent;
}

.ncc-utility-icon,
.ncc-utility-text,
.ncc-login-link,
.ncc-register-link,
.ncc-language,
.ncc-text-size {
   min-height: 26px;
   border-left: 1px solid var(--clr-gray-200);
}

.ncc-utility-text {
   padding: 0 9px;
   color: #666;
   font-size: 10px;
   font-weight: 600;
   line-height: 1;
   text-decoration: none;
   white-space: nowrap;
}

.ncc-utility-text:hover,
.ncc-utility-text:focus {
   color: var(--clr-logo-blue);
   text-decoration: underline;
}

.ncc-utility-icon {
   justify-content: center;
   width: 25px;
   color: var(--clr-logo-blue-deep);
   text-decoration: none;
}

.ncc-utility-icon iconify-icon {
   width: 14px;
   height: 14px;
   color: currentColor;
   font-size: 14px;
}

.ncc-utility-icon:hover,
.ncc-utility-icon:focus {
   color: var(--clr-logo-blue);
   background: var(--clr-gray-100);
}

.ncc-login-link,
.ncc-register-link {
   justify-content: center;
   width: auto;
   margin-left: 6px;
   padding: 0 10px;
   color: var(--clr-logo-blue-deep);
   background: #fff;
   border: 1px solid var(--clr-logo-blue);
   border-radius: 2px;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none;
}

.ncc-login-link:hover,
.ncc-login-link:focus,
.ncc-register-link:hover,
.ncc-register-link:focus {
   color: #000;
   background: var(--clr-gray-100);
}

.ncc-register-link {
   color: #fff;
   background: var(--clr-logo-blue);
}

.ncc-register-link:hover,
.ncc-register-link:focus {
   color: #fff;
   background: var(--clr-logo-blue-deep);
}

.ncc-language {
   position: relative;
   width: 78px;
}

.ncc-language::after {
   position: absolute;
   top: 50%;
   right: 10px;
   width: 6px;
   height: 6px;
   content: "";
   border-right: 2px solid var(--clr-gray-600);
   border-bottom: 2px solid var(--clr-gray-600);
   pointer-events: none;
   transform: translateY(-65%) rotate(45deg);
}

.ncc-language select {
   width: 100%;
   height: 26px;
   padding: 0 20px 0 8px;
   color: var(--clr-gray-800);
   appearance: none;
   background: transparent;
   border: 0;
   border-radius: 0;
   outline: 0;
   font-size: 10px;
   font-weight: 700;
   line-height: 26px;
}

.ncc-text-size {
   gap: 2px;
   padding: 0 6px;
}

.ncc-text-size button {
   justify-content: center;
   min-width: 18px;
   height: 20px;
   padding: 0 3px;
   color: var(--clr-gray-700);
   background: transparent;
   border: 0;
   border-radius: 3px;
   cursor: pointer;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
}

.ncc-text-size button:hover,
.ncc-text-size button:focus {
   color: var(--clr-logo-blue);
   background: var(--clr-gray-100);
}

.ncc-identity {
   background: #fff;
   border-bottom: 1px solid #e7edf5;
}

.ncc-identity-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 14px;
   min-height: 70px;
   padding: 6px 14px;
}

.ncc-brand {
   display: flex;
   align-items: center;
   gap: 8px;
   min-width: 0;
   color: inherit;
   text-decoration: none;
}

.ncc-brand-logo {
   display: grid;
   place-items: center;
   flex: 0 0 auto;
   width: 42px;
   height: 42px;
}

.ncc-brand-logo img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.ncc-brand-copy {
   display: flex;
   flex-direction: column;
   min-width: 0;
}

.ncc-brand-copy strong {
   color: #e21b2d;
   font-size: 14px;
   font-weight: 900;
   line-height: 1.08;
}

.ncc-brand-copy span {
   margin-top: 2px;
   color: var(--clr-logo-blue-deep);
   font-size: 9px;
   font-weight: 700;
   line-height: 1.2;
}

.ncc-state-seal {
   display: grid;
   place-items: center;
   justify-self: start;
   width: 104px;
   height: 104px;
   background: transparent;
   border-radius: 0;
   box-shadow: none;
}

.ncc-state-seal img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   opacity: 1;
}

.ncc-title {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   text-decoration: none;
}

.ncc-title-emblem {
   display: grid;
   place-items: center;
   width: 54px;
   height: 76px;
   margin-bottom: 14px;
   background: transparent;
   border: 0;
   border-radius: 0;
}

.ncc-title-emblem img {
   width: 100%;
   height: 88%;
   object-fit: contain;
   opacity: 1;
}

.ncc-title strong {
   color: var(--clr-logo-blue-deep);
   font-size: clamp(18px, 2vw, 23px);
   line-height: 1.1;
}

.ncc-title span:last-child {
   margin-top: 2px;
   color: var(--clr-gray-900);
   font-size: clamp(13px, 1.5vw, 17px);
   font-weight: 600;
}
.ncc-national-emblem {
   display: grid;
   place-items: center;
   justify-self: end;
}

.ncc-national-emblem img {
   width: 104px;
   height: 104px;
   object-fit: contain;
   opacity: 1;
}

.ncc-nav {
   position: sticky;
   top: 0;
   z-index: 30;
   background: #0759a8;
   border-bottom: 0;
   border-top: 0;
   box-shadow: none;
}

.ncc-nav .ncc-shell {
   display: flex;
   justify-content: center;
}

.ncc-menu-toggle,
.ncc-menu-head,
.ncc-menu-foot,
.ncc-menu-backdrop {
   display: none;
}

.ncc-menu-panel {
   display: block;
}

.ncc-nav ul {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
   gap: 0;
   min-height: 32px;
   margin: 0;
   padding: 0 14px;
   list-style: none;
   overflow-x: auto;
   scrollbar-width: none;
   white-space: nowrap;
}

.ncc-nav ul::-webkit-scrollbar {
   display: none;
}

.ncc-nav li {
   display: inline-flex;
   align-items: center;
   flex: 0 0 auto;
}

.ncc-nav li + li::before {
   display: none;
}

.ncc-nav a {
   display: inline-flex;
   align-items: center;
   position: relative;
   min-height: 32px;
   padding: 0 13px;
   color: #fff;
   border-bottom: 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 1;
   text-decoration: none;
   transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.ncc-nav a.has-dropdown::after {
   width: 0;
   height: 0;
   margin-left: 7px;
   content: "";
   border-right: 3px solid transparent;
   border-left: 3px solid transparent;
   border-top: 4px solid currentColor;
   opacity: .8;
   transform: translateY(1px);
}

.ncc-nav a:hover,
.ncc-nav a:focus,
.ncc-nav .active {
   color: #fff;
   background: #064b8e;
   border-bottom-color: transparent;
   outline: 0;
}

.ncc-quick-news {
   position: relative;
   z-index: 2;
   background: #fff;
   border-bottom: 1px solid var(--clr-gray-200);
   box-shadow: 0 3px 12px rgba(7, 16, 82, .08);
}

.ncc-quick-news-inner {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
   gap: 16px;
   min-height: 32px;
   padding: 1px 18px;
}

.ncc-quick-links,
.ncc-news-ticker {
   display: flex;
   align-items: center;
   min-width: 0;
}

.ncc-quick-links {
   gap: 7px;
}

.ncc-quick-links strong,
.ncc-news-ticker > strong {
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   min-height: 24px;
   padding: 3px 9px;
   color: #fff;
   border-radius: 3px;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-quick-links strong {
   background: var(--clr-navy);
}

.ncc-news-ticker > strong {
   margin-right: 10px;
   color: #fff;
   background: var(--clr-logo-blue);
}

.ncc-quick-links a {
   display: inline-flex;
   align-items: center;
   min-height: 24px;
   padding: 3px 9px;
   color: var(--clr-logo-red);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(201, 22, 34, .32);
   border-radius: 999px;
   font-size: 11px;
   font-weight: 700;
   line-height: 1;
   text-decoration: none;
   white-space: nowrap;
}

.ncc-quick-links a:hover,
.ncc-quick-links a:focus {
   color: #fff;
   background: var(--clr-logo-red);
   border-color: var(--clr-logo-red);
}

.ncc-news-window {
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
}

.ncc-news-track {
   --ncc-news-gap: 30px;
   --ncc-news-gap-half: 15px;
   display: inline-flex;
   align-items: center;
   gap: var(--ncc-news-gap);
   min-width: max-content;
   animation: ncc-news-scroll 26s linear infinite;
}

.ncc-news-track:hover,
.ncc-news-track:focus-within {
   animation-play-state: paused;
}

.ncc-news-track a {
   position: relative;
   color: #fa0a17;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   text-decoration: none;
   white-space: nowrap;
}

.ncc-news-track a::before {
   position: absolute;
   top: 50%;
   left: -16px;
   width: 6px;
   height: 6px;
   content: "";
   background: var(--clr-logo-gold);
   border-radius: 50%;
   transform: translateY(-50%);
}

.ncc-news-track a:hover,
.ncc-news-track a:focus {
   color: var(--clr-logo-blue-deep);
   text-decoration: underline;
}

@keyframes ncc-news-scroll {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(calc(-50% - var(--ncc-news-gap-half)));
   }
}

.ncc-hero {
   position: relative;
   overflow: hidden;
   height: 360px;
   min-height: 360px;
   background: var(--clr-gray-100);
}

.ncc-hero::before,
.ncc-hero::after {
   display: none;
}

.ncc-hero::before {
   left: 0;
}

.ncc-hero::after {
   right: 0;
   transform: scaleX(-1);
}

.ncc-hero-grid {
   position: relative;
   z-index: 1;
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   align-items: stretch;
   height: 100%;
   min-height: 0;
   padding: 18px;
   gap: 18px;
}

.ncc-hero-grid > * {
   min-width: 0;
}

.ncc-command-panel {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   min-width: 0;
   padding: 16px;
   overflow: hidden;
   color: #fff;
   background: var(--clr-logo-blue-deep);
   border: 1px solid rgba(255, 255, 255, .08);
   border-bottom: 4px solid var(--clr-logo-gold);
   box-shadow: var(--ncc-shadow);
}

.ncc-command-head span {
   display: inline-flex;
   margin-bottom: 7px;
   padding: 5px 9px;
   color: var(--clr-gray-900);
   background: var(--clr-logo-gold);
   border-radius: 3px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-command-head h2 {
   margin: 0 0 6px;
   color: #fff;
   font-size: clamp(20px, 2.2vw, 26px);
   font-weight: 900;
   line-height: 1.08;
}

.ncc-command-head p {
   margin: 0 0 10px;
   color: rgba(255, 255, 255, .78);
   font-size: 11px;
   line-height: 1.4;
}

.ncc-command-stats {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   margin: 0 0 10px;
   border: 1px solid rgba(255, 255, 255, .14);
}

.ncc-command-stats div {
   padding: 8px 9px;
}

.ncc-command-stats div + div {
   border-left: 1px solid rgba(255, 255, 255, .14);
}

.ncc-command-stats dt {
   color: var(--clr-logo-gold);
   font-size: 17px;
   font-weight: 900;
   line-height: 1;
}

.ncc-command-stats dd {
   margin: 4px 0 0;
   color: rgba(255, 255, 255, .76);
   font-size: 10px;
   font-weight: 700;
   line-height: 1.2;
}

.ncc-command-alert {
   display: grid;
   grid-template-columns: 54px 1fr;
   gap: 4px 10px;
   align-items: center;
   margin-bottom: 10px;
   padding: 9px;
   background: rgba(255, 255, 255, .08);
   border-left: 4px solid var(--clr-logo-gold);
}

.ncc-command-alert span {
   grid-row: span 2;
   display: grid;
   place-items: center;
   min-height: 42px;
   color: var(--clr-gray-900);
   background: var(--clr-logo-gold);
   border-radius: 3px;
   font-size: 11px;
   font-weight: 900;
   line-height: 1.05;
   text-align: center;
   text-transform: uppercase;
}

.ncc-command-alert strong {
   color: #fff;
   font-size: 13px;
   line-height: 1.2;
}

.ncc-command-alert small {
   color: rgba(255, 255, 255, .76);
   font-size: 10px;
   line-height: 1.35;
}

.ncc-command-actions {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 8px;
   margin-top: auto;
}

.ncc-command-actions a {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   min-height: 32px;
   padding: 7px 10px;
   color: #fff;
   background: rgba(255, 255, 255, .08);
   border: 1px solid rgba(255, 255, 255, .16);
   border-radius: 4px;
   font-size: 11px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none;
}

.ncc-command-actions a:hover,
.ncc-command-actions a:focus {
   color: var(--clr-gray-900);
   background: var(--clr-logo-gold);
   border-color: var(--clr-logo-gold);
}

.ncc-command-actions iconify-icon {
   flex: 0 0 auto;
   font-size: 17px;
}

.ncc-command-more {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 32px;
   margin-top: 8px;
   color: var(--clr-gray-900);
   background: var(--clr-logo-gold);
   border-radius: 4px;
   font-size: 12px;
   font-weight: 900;
   text-decoration: none;
}

.ncc-command-more:hover,
.ncc-command-more:focus {
   color: var(--clr-gray-900);
   background: #e6bd25;
}

.ncc-hero-intro {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
   padding: 24px;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-left: 5px solid var(--clr-logo-gold);
   box-shadow: var(--ncc-shadow);
}

.ncc-hero-intro p {
   max-width: 36ch;
   margin: 0 0 18px;
   color: var(--clr-gray-600);
   font-size: 13px;
   line-height: 1.55;
}

.ncc-hero-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 22px;
}

.ncc-hero-actions a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 36px;
   padding: 8px 14px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none;
}

.ncc-hero-primary {
   color: #fff;
   background: var(--clr-logo-blue);
   border: 1px solid var(--clr-logo-blue);
}

.ncc-hero-primary:hover,
.ncc-hero-primary:focus {
   color: #fff;
   background: var(--clr-logo-blue-deep);
   border-color: var(--clr-logo-blue-deep);
}

.ncc-hero-secondary {
   color: var(--clr-logo-blue-deep);
   background: #fff;
   border: 1px solid var(--clr-gray-200);
}

.ncc-hero-secondary:hover,
.ncc-hero-secondary:focus {
   color: var(--clr-logo-blue-deep);
   background: var(--clr-gray-100);
}

.ncc-hero-stats {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0;
   margin: auto 0 0;
   border-top: 1px solid var(--clr-gray-200);
}

.ncc-hero-stats div {
   padding: 14px 8px 0 0;
}

.ncc-hero-stats div + div {
   padding-left: 12px;
   border-left: 1px solid var(--clr-gray-200);
}

.ncc-hero-stats dt {
   color: var(--clr-logo-blue-deep);
   font-size: 20px;
   font-weight: 900;
   line-height: 1;
}

.ncc-hero-stats dd {
   margin: 5px 0 0;
   color: var(--clr-gray-600);
   font-size: 10px;
   font-weight: 700;
   line-height: 1.2;
}

.ncc-census {
   align-self: start;
   padding-right: 14px;
   min-width: 0;
}

.ncc-kicker {
   display: inline-flex;
   width: fit-content;
   margin: 0 0 12px;
   padding: 5px 9px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .36);
   border-radius: 3px;
   font-size: 11px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-hero-intro h1,
.ncc-census h1 {
   max-width: 330px;
   margin: 0 0 10px;
   color: var(--clr-logo-blue-deep);
   font-size: clamp(24px, 2.4vw, 32px);
   font-weight: 900;
   line-height: 1.08;
}

.ncc-census ul {
   display: grid;
   gap: 12px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.ncc-census li {
   display: grid;
   grid-template-columns: 42px 1fr;
   align-items: center;
   gap: 9px;
   min-width: 0;
}

.ncc-census li > span {
   display: grid;
   place-items: center;
   width: 40px;
   height: 40px;
   color: #fff;
   background: var(--clr-green);
   border-radius: 50%;
   font-size: 23px;
   font-weight: 700;
}

.ncc-census p {
   margin: 0;
   min-width: 0;
   color: #1d2b39;
   font-size: 14px;
   line-height: 1.25;
   overflow-wrap: break-word;
}

.ncc-hero-image {
   position: relative;
   align-self: stretch;
   height: 100%;
   min-height: 0;
   overflow: hidden;
   background: var(--clr-navy-light);
   border: 1px solid var(--clr-gray-200);
   border-radius: 8px;
   box-shadow: var(--ncc-shadow);
}

.ncc-hero-image .carousel,
.ncc-hero-image .carousel-inner,
.ncc-hero-image .carousel-item {
   height: 100%;
}

.ncc-hero-slide {
   position: relative;
   display: block;
   height: 100%;
   min-height: 100%;
   padding: 0;
   overflow: hidden;
   background: #fff;
   color: #fff;
}

.ncc-hero-slide::before {
   position: absolute;
   inset: 0;
   z-index: 1;
   width: auto;
   content: "";
   pointer-events: none;
}

.ncc-hero-slide::after {
   position: absolute;
   top: 18px;
   right: 18px;
   z-index: 2;
   width: 58px;
   height: 58px;
   content: "";
   background: url("../images/logo/ncc-logo.png") center / contain no-repeat;
   filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .22));
}

.ncc-hero-banner {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   filter: none;
}

.ncc-slide-ribbon {
   position: absolute;
   bottom: 22px;
   left: 22px;
   z-index: 2;
   max-width: min(430px, calc(100% - 104px));
   padding: 12px 15px;
   color: #fff;
   background: rgba(4, 36, 94, .88);
   border-left: 4px solid var(--clr-logo-gold);
   border-radius: 8px;
   box-shadow: 0 12px 24px rgba(4, 36, 94, .22);
}

.ncc-slide-ribbon span,
.ncc-slide-ribbon strong {
   display: block;
}

.ncc-slide-ribbon span {
   margin-bottom: 4px;
   color: var(--clr-logo-gold);
   font-size: 11px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-slide-ribbon strong {
   color: #fff;
   font-size: clamp(15px, 1.6vw, 20px);
   font-weight: 900;
   line-height: 1.18;
}

.ncc-slide-copy {
   position: relative;
   z-index: 1;
   min-width: 0;
}

.ncc-slide-copy span {
   display: inline-flex;
   margin-bottom: 12px;
   padding: 5px 9px;
   color: var(--clr-gray-900);
   background: var(--clr-logo-gold);
   border-radius: 3px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-slide-copy h2 {
   max-width: 470px;
   margin: 0 0 10px;
   color: #fff;
   font-size: clamp(24px, 3vw, 34px);
   font-weight: 900;
   line-height: 1.05;
}

.ncc-slide-copy p {
   max-width: 440px;
   margin: 0;
   color: rgba(255, 255, 255, .84);
   font-size: 13px;
   line-height: 1.55;
}

.ncc-hero-slide img:not(.ncc-hero-banner) {
   position: relative;
   z-index: 1;
   justify-self: end;
   width: min(150px, 34vw);
   height: auto;
   max-height: 210px;
   object-fit: contain;
   filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .22));
}

.ncc-hero-image > img,
.ncc-hero-image .carousel-item > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   background: #fff;
}

.ncc-hero-indicators {
   right: 0;
   bottom: 8px;
   left: 0;
   gap: 4px;
   margin-bottom: 0;
}

.ncc-hero-indicators [data-bs-target] {
   width: 18px;
   height: 4px;
   margin: 0;
   background-color: var(--clr-navy);
   border: 0;
   opacity: .35;
}

.ncc-hero-indicators .active {
   background-color: var(--clr-saffron-dark);
   opacity: 1;
}

.ncc-hero-image > button {
   position: absolute;
   right: 10px;
   bottom: 20px;
   display: grid;
   place-items: center;
   width: 31px;
   height: 31px;
   color: #fff;
   background: var(--clr-navy);
   border: 2px solid rgba(255, 255, 255, .75);
   border-radius: 50%;
   cursor: pointer;
   font-size: 10px;
   font-weight: 900;
}

.ncc-notice-board {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   min-width: 0;
   overflow: hidden;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   box-shadow: var(--ncc-shadow);
}

.ncc-notice-head {
   padding: 14px 16px 12px;
   color: #fff;
   background: var(--clr-logo-blue);
   border-bottom: 3px solid var(--clr-logo-gold);
}

.ncc-notice-head span {
   display: block;
   margin-bottom: 3px;
   color: var(--clr-saffron);
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-notice-head h2 {
   margin: 0;
   color: #fff;
   font-size: 20px;
   line-height: 1.1;
}

.ncc-cadet-corner {
   gap: 14px;
   padding-bottom: 14px;
}

.ncc-cadet-corner-head {
   margin-bottom: 0;
}

.ncc-cadet-event {
   display: grid;
   grid-template-columns: 64px 1fr;
   gap: 12px;
   margin: 0 14px;
   padding: 14px;
   background: var(--clr-gray-100);
   border: 1px solid var(--clr-gray-200);
   border-left: 4px solid var(--clr-logo-gold);
}

.ncc-event-date {
   display: grid;
   place-items: center;
   min-height: 58px;
   padding: 6px;
   color: #fff;
   background: var(--clr-logo-blue-deep);
   border-radius: 4px;
   font-size: 13px;
   font-weight: 900;
   line-height: 1.05;
   text-align: center;
   text-transform: uppercase;
}

.ncc-cadet-event strong {
   display: block;
   margin-bottom: 5px;
   color: var(--clr-logo-blue-deep);
   font-size: 13px;
   line-height: 1.25;
}

.ncc-cadet-event p {
   margin: 0;
   color: var(--clr-gray-600);
   font-size: 11px;
   line-height: 1.4;
}

.ncc-cadet-links {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 8px;
   padding: 0 14px;
}

.ncc-cadet-links a {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   min-height: 38px;
   padding: 8px 10px;
   color: var(--clr-logo-blue-deep);
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-radius: 4px;
   font-size: 11px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none;
}

.ncc-cadet-links a:hover,
.ncc-cadet-links a:focus {
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border-color: rgba(216, 168, 0, .48);
}

.ncc-cadet-links iconify-icon {
   flex: 0 0 auto;
   color: var(--clr-logo-blue);
   font-size: 18px;
}

.ncc-cadet-update-list {
   border-top: 1px solid var(--clr-gray-200);
}

.ncc-notice-board ul {
   display: grid;
   margin: 0;
   padding: 0;
   list-style: none;
}

.ncc-notice-board li {
   border-bottom: 1px solid var(--clr-gray-200);
}

.ncc-notice-board li:last-child {
   border-bottom: 0;
}

.ncc-notice-board li a {
   display: grid;
   gap: 4px;
   padding: 12px 16px;
   color: var(--clr-navy-deep);
   text-decoration: none;
}

.ncc-notice-board li a:hover,
.ncc-notice-board li a:focus {
   background: var(--clr-saffron-pale);
}

.ncc-notice-board li strong {
   position: relative;
   padding-left: 13px;
   font-size: 12px;
   line-height: 1.25;
}

.ncc-notice-board li strong::before {
   position: absolute;
   top: .5em;
   left: 0;
   width: 6px;
   height: 6px;
   content: "";
   background: var(--clr-saffron);
   border-radius: 50%;
}

.ncc-notice-board li span {
   color: var(--clr-gray-600);
   font-size: 11px;
   line-height: 1.35;
}

.ncc-notice-more {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 38px;
   margin-top: auto;
   color: #fff;
   background: var(--clr-logo-blue-deep);
   font-size: 12px;
   font-weight: 800;
   text-decoration: none;
}

.ncc-notice-more:hover,
.ncc-notice-more:focus {
   color: #fff;
   background: var(--clr-logo-blue);
}

.ncc-scheme-side {
   align-self: start;
   display: grid;
   gap: 12px;
   padding-left: 16px;
}

.ncc-scheme-menu,
.ncc-feature-card,
.ncc-education {
   background: rgba(255, 255, 255, .96);
   box-shadow: var(--ncc-shadow);
}

.ncc-scheme-menu {
   width: 190px;
   border: 1px solid #e2edf4;
}

.ncc-scheme-menu a {
   display: block;
   padding: 8px 12px;
   color: #263341;
   border-bottom: 1px solid #eef3f7;
   font-size: 10.5px;
   font-weight: 700;
   line-height: 1.25;
   text-decoration: none;
}

.ncc-scheme-menu a:last-child {
   border-bottom: 0;
}

.ncc-scheme-menu a:hover,
.ncc-scheme-menu a:focus {
   color: var(--clr-saffron-dark);
   background: var(--clr-saffron-pale);
}

.ncc-feature-card {
   display: grid;
   gap: 8px;
   width: min(100%, 255px);
   padding: 14px 18px;
   border-radius: 0 38px 0 38px;
}

.ncc-feature-card small {
   color: #516174;
   font-size: 10px;
   line-height: 1.35;
}

.ncc-feature-card strong {
   color: #1e2d3f;
   font-size: 18px;
   line-height: 1.1;
}

.ncc-feature-card span {
   color: #516174;
   font-size: 11px;
}

.ncc-education {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: min(100%, 255px);
   min-height: 42px;
   padding: 8px 18px;
   color: #333d49;
   border-radius: 7px;
   font-size: 18px;
   font-weight: 900;
   text-align: center;
   text-decoration: none;
}

.ncc-arrow,
.ncc-help {
   position: absolute;
   z-index: 3;
   display: grid;
   place-items: center;
   color: #fff;
   background: var(--clr-logo-blue-deep);
   border: 0;
   border-radius: 50%;
   box-shadow: var(--ncc-shadow);
}

.ncc-arrow {
   top: 52%;
   width: 36px;
   height: 36px;
   cursor: pointer;
   font-size: 27px;
   transform: translateY(-50%);
}

.ncc-arrow-prev {
   left: 10px;
}

.ncc-arrow-next {
   right: 10px;
}

.ncc-help {
   right: 20px;
   bottom: 22px;
   width: 40px;
   height: 40px;
   border: 3px solid var(--clr-logo-gold);
   font-size: 20px;
   font-weight: 900;
   text-decoration: none;
}

@media (max-width: 980px) {
   .ncc-utility-inner {
      padding-right: 10px;
      padding-left: 10px;
   }

   .ncc-identity-inner {
      flex-wrap: wrap;
      min-height: auto;
   }

   .ncc-utility-menu {
      margin-left: 0;
   }

   .ncc-state-seal {
      width: 88px;
      height: 88px;
   }

   .ncc-title-emblem {
      width: 48px;
      height: 70px;
   }

   .ncc-national-emblem img {
      width: 88px;
      height: 88px;
   }

   .ncc-hero-grid {
      grid-template-columns: 1fr;
      gap: 18px;
   }

   .ncc-hero {
      height: auto;
      min-height: 360px;
   }

   .ncc-census {
      padding-right: 0;
   }

   .ncc-census h1 {
      max-width: none;
   }

   .ncc-scheme-side {
      grid-template-columns: repeat(3, 1fr);
      align-items: stretch;
      padding-left: 0;
   }

   .ncc-scheme-menu,
   .ncc-feature-card,
   .ncc-education {
      width: 100%;
   }
}

@media (max-width: 680px) {
   html,
   body,
   .nccrashtra-home {
      max-width: 100%;
      overflow-x: hidden;
   }

   .nccrashtra-home {
      overflow-x: hidden;
   }

   .nccrashtra-home.ncc-menu-open {
      overflow: hidden;
   }

   .ncc-utility-inner {
      display: block;
      justify-content: flex-end;
      width: 100%;
      padding: 0 6px;
   }

   .ncc-utility-menu {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      width: 100%;
      margin-left: 0;
      justify-content: center;
   }

   .ncc-utility-icon {
      width: 26px;
   }

   .ncc-utility-icon iconify-icon {
      width: 14px;
      height: 14px;
      font-size: 14px;
   }

   .ncc-login-link,
   .ncc-register-link {
      width: auto;
      order: initial;
      padding-right: 8px;
      padding-left: 8px;
      font-size: 10px;
   }

   .ncc-language {
      width: 78px;
      order: initial;
   }

   .ncc-language::after {
      right: 10px;
   }

   .ncc-language select {
      padding-right: 20px;
      padding-left: 9px;
      font-size: 10px;
   }

   .ncc-identity-inner {
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
      padding: 10px;
      min-height: 0;
   }

   .ncc-brand {
      justify-content: center;
      text-align: center;
   }

   .ncc-brand-logo {
      width: 40px;
      height: 40px;
   }

   .ncc-brand-copy strong {
      font-size: 14px;
   }

   .ncc-brand-copy span {
      font-size: 9px;
   }

   .ncc-utility-text {
      width: 100%;
      justify-content: center;
      border-left: 0;
      border-bottom: 1px solid var(--clr-gray-200);
   }

   .ncc-state-seal {
      display: none;
   }

   .ncc-national-emblem {
      order: -1;
      justify-self: center;
   }

   .ncc-title-emblem {
      display: none;
   }

   .ncc-title strong {
      font-size: 18px;
      line-height: 1.05;
   }

   .ncc-title span:last-child {
      font-size: 11px;
   }

   .ncc-title::after {
      width: min(140px, 42vw);
   }

   .ncc-national-emblem img {
      width: 64px;
      height: 64px;
   }

   .ncc-nav {
      
      border-top: 0;
      border-bottom-color: var(--clr-saffron-dark);
   }

   .ncc-nav .ncc-shell {
      justify-content: flex-start;
      min-height: 40px;
      padding: 0 10px;
   }

   .ncc-menu-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      width: 34px;
      height: 30px;
      padding: 0;
      background: var(--clr-saffron-dark);
      border: 1px solid rgba(255, 255, 255, .32);
      border-radius: 3px;
      cursor: pointer;
   }

   .ncc-menu-toggle span:first-child,
   .ncc-menu-toggle span:first-child::before,
   .ncc-menu-toggle span:first-child::after {
      display: block;
      width: 15px;
      height: 2px;
      content: "";
      background: #fff;
      border-radius: 999px;
   }

   .ncc-menu-toggle span:first-child {
      position: relative;
   }

   .ncc-menu-toggle span:first-child::before,
   .ncc-menu-toggle span:first-child::after {
      position: absolute;
      left: 0;
   }

   .ncc-menu-toggle span:first-child::before {
      top: -5px;
   }

   .ncc-menu-toggle span:first-child::after {
      top: 5px;
   }

   .ncc-menu-backdrop {
      position: fixed;
      inset: 0;
      z-index: 38;
      display: none;
      background: rgba(7, 7, 127, .50);
      border: 0;
   }

   .nccrashtra-home.ncc-menu-open .ncc-menu-backdrop {
      display: block;
   }

   .ncc-menu-panel {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 40;
      display: flex;
      flex-direction: column;
      width: min(82vw, 320px);
      max-width: 320px;
      background: #fff;
      box-shadow: 18px 0 40px rgba(20, 21, 244, .26);
      transform: translateX(-105%);
      transition: transform .24s ease;
   }

   .nccrashtra-home.ncc-menu-open .ncc-menu-panel {
      transform: translateX(0);
   }

   .ncc-menu-head {
      display: grid;
      grid-template-columns: 1fr 34px;
      gap: 2px 10px;
      align-items: center;
      padding: 17px 14px 14px;
      color: #fff;
      background: var(--clr-navy-deep);
   }

   .ncc-menu-head span {
      grid-column: 1;
      color: var(--clr-saffron);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
   }

   .ncc-menu-head strong {
      grid-column: 1;
      font-size: 16px;
      line-height: 1.1;
   }

   .ncc-menu-close {
      grid-column: 2;
      grid-row: 1 / 3;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      color: #fff;
      background: rgba(255, 255, 255, .1);
      border: 1px solid rgba(255, 255, 255, .24);
      border-radius: 50%;
      cursor: pointer;
      font-size: 22px;
      line-height: 1;
   }

   .ncc-nav ul {
      display: block;
      min-height: 0;
      padding: 0;
      overflow: auto;
      white-space: normal;
   }

   .ncc-nav li {
      display: block;
      border-bottom: 1px solid var(--clr-gray-200);
   }

   .ncc-nav li + li::before {
      display: none;
   }

   .ncc-nav a {
      justify-content: space-between;
      min-height: 46px;
      padding: 0 14px 0 18px;
      color: var(--clr-navy-deep);
      border-bottom: 0;
      font-size: 11px;
      line-height: 1.2;
   }

   .ncc-nav a:hover,
   .ncc-nav a:focus,
   .ncc-nav .active {
      background: var(--clr-saffron-pale);
      border-bottom-color: transparent;
   }

   .ncc-nav .active {
      box-shadow: inset 4px 0 0 var(--clr-saffron);
   }

   .ncc-nav a.has-dropdown::after {
      width: 21px;
      height: 21px;
      margin-left: 12px;
      border: 1px solid var(--clr-gray-200);
      border-radius: 6px;
      background:
         linear-gradient(45deg, transparent 45%, currentColor 46% 54%, transparent 55%) 8px 7px / 6px 6px no-repeat,
         linear-gradient(-45deg, transparent 45%, currentColor 46% 54%, transparent 55%) 11px 7px / 6px 6px no-repeat;
      opacity: 1;
      transform: none;
   }

   .ncc-quick-news-inner {
      grid-template-columns: 1fr;
      gap: 6px;
      padding: 7px 10px;
   }

   .ncc-quick-links {
      width: 100%;
      overflow-x: auto;
      padding-bottom: 2px;
      scrollbar-width: none;
   }

   .ncc-quick-links::-webkit-scrollbar {
      display: none;
   }

   .ncc-quick-links strong,
   .ncc-news-ticker > strong {
      min-height: 21px;
      padding: 3px 7px;
      font-size: 9px;
   }

   .ncc-quick-links a {
      min-height: 21px;
      padding: 3px 8px;
      font-size: 10px;
   }

   .ncc-news-ticker {
      width: 100%;
   }

   .ncc-news-track {
      --ncc-news-gap: 24px;
      --ncc-news-gap-half: 12px;
      animation-duration: 22s;
   }

   .ncc-news-track a {
      font-size: 11px;
   }

   .ncc-menu-foot {
      display: block;
      margin: auto 0 0;
      padding: 12px 14px;
      color: var(--clr-gray-600);
      background: var(--clr-gray-50);
      border-top: 1px solid var(--clr-gray-200);
      font-size: 10px;
      line-height: 1.3;
   }

   .ncc-hero-grid {
      width: 100%;
      max-width: 100vw;
      height: auto;
      padding: 18px 14px 66px;
   }

   .ncc-kicker {
      font-size: 12px;
   }

   .ncc-census h1 {
      max-width: 360px;
      font-size: 18px;
   }

   .ncc-census li {
      display: flex;
      grid-template-columns: none;
      width: 100%;
      max-width: 100%;
   }

   .ncc-census li > span {
      width: 36px;
      height: 36px;
      font-size: 19px;
   }

   .ncc-census p {
      flex: 1 1 0;
      width: min(100%, calc(100vw - 88px));
      max-width: calc(100vw - 88px);
      min-width: 0;
      font-size: 11px;
      white-space: normal !important;
      overflow-wrap: anywhere;
   }

   .ncc-hero-image {
      width: calc(100vw - 28px);
      max-width: calc(100vw - 28px);
      height: clamp(170px, 52vw, 220px);
      min-height: 0;
   }

   .ncc-hero-slide::after {
      top: 10px;
      right: 10px;
      width: 42px;
      height: 42px;
   }

   .ncc-slide-ribbon {
      bottom: 12px;
      left: 12px;
      max-width: calc(100% - 68px);
      padding: 8px 10px;
   }

   .ncc-slide-ribbon span {
      font-size: 9px;
   }

   .ncc-slide-ribbon strong {
      font-size: 12px;
      line-height: 1.2;
   }

   .ncc-command-panel {
      width: calc(100vw - 28px);
      max-width: calc(100vw - 28px);
      padding: 16px;
   }

   .ncc-command-head h2 {
      font-size: 23px;
   }

   .ncc-command-actions {
      grid-template-columns: 1fr;
   }

   .ncc-hero-image .carousel,
   .ncc-hero-image .carousel-inner,
   .ncc-hero-image .carousel-item,
   .ncc-hero-image img {
      width: 100%;
      max-width: 100%;
   }

   .ncc-notice-head {
      padding: 8px 14px 8px;
   }

   .ncc-notice-board {
      width: calc(100vw - 28px);
      max-width: calc(100vw - 28px);
   }

   .ncc-cadet-event {
      grid-template-columns: 54px 1fr;
      margin-right: 12px;
      margin-left: 12px;
      padding: 12px;
   }

   .ncc-event-date {
      min-height: 50px;
      font-size: 11px;
   }

   .ncc-cadet-links {
      gap: 6px;
      padding-right: 12px;
      padding-left: 12px;
   }

   .ncc-cadet-links a {
      min-height: 34px;
      padding: 7px 8px;
      font-size: 10px;
   }

   .ncc-notice-head h2 {
      font-size: 17px;
   }

   .ncc-notice-board li a {
      padding: 10px 14px;
   }

   .ncc-notice-board li strong {
      font-size: 11px;
   }

   .ncc-notice-board li span {
      font-size: 10px;
   }

   .ncc-scheme-side {
      grid-template-columns: 1fr;
   }

   .ncc-arrow {
      top: auto;
      bottom: 20px;
      transform: none;
   }

   .ncc-arrow-prev {
      left: 20px;
   }

   .ncc-arrow-next {
      right: 70px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .ncc-news-track {
      animation: none;
      flex-wrap: wrap;
      min-width: 0;
   }

   .nccrashtra-home *,
   .nccrashtra-home *::before,
   .nccrashtra-home *::after {
      scroll-behavior: auto !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
   }
}

/* Citizen Services section css start */
.citizen-services-section h3 {
   color: var(--clr-navy-deep);
   font-size: 1.7em;
   font-weight: 700;
}

.citizen-services-section {
   background: #fff !important;
}

.citizen-services-section .row.justify-content-center {
   --bs-gutter-x: .85rem;
   --bs-gutter-y: .85rem;
}

.service-card {
   overflow: hidden;
   border: 1px solid var(--clr-gray-200);
   border-top: 4px solid var(--clr-logo-gold);
   border-radius: 6px;
   box-shadow: 0 8px 24px rgba(7, 16, 82, .08);
   transition: transform .3s, box-shadow .3s;
}

.service-card:hover {
   transform: translateY(-4px);
   box-shadow: var(--shadow-hover);
}

.service-icon {
   min-height: 84px;
}

.service-icon iconify-icon,
.service-icon-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 52px;
   height: 52px;
   margin-top: 16px;
   color: var(--clr-logo-blue);
   background: var(--clr-navy-light);
   border: 1px solid var(--clr-gray-200);
   border-radius: 50%;
   font-size: 31px;
   font-weight: 800;
}

.service-card .card-title {
   color: var(--clr-navy-deep);
   font-size: 16px;
   font-weight: 700;
}

.service-card .card-text {
   color: var(--clr-gray-600);
   font-size: 12px;
}
/* Citizen Services section css end */

/* About NCC css start */
.about-zilla,
.about-ncc {
   background: var(--clr-gray-100);
}

.about-content h3,
.about-content h2 {
   color: var(--clr-navy-deep);
   font-size: 38px;
   font-weight: 700;
}

.about-content p {
   color: #6c757d;
   line-height: 1.8;
   font-size: 17px;
}

.about-content .btn {
   background: var(--bs-btn-bg);
   border: none;
   padding: 12px 30px;
   border-radius: 30px;
}

.about-content .btn:hover {
   background: var(--clr-navy-deep);
}

.about-image img {
   max-height: 350px;
   object-fit: cover;
}

#carouselExampleFade .carousel-item img {
   width: 100%;
   height: 300px;
   object-fit: revert-rule;
   border-radius: 12px;
}
/* About NCC css end */

/* Public desk css start */
.ncc-public-desk {
   background: linear-gradient(180deg, #eaf7fb 0%, #f7fbff 58%, #fff 100%);
   border-top: 1px solid #cce7f0;
   border-bottom: 1px solid #cce7f0;
}

.ncc-public-grid {
   display: grid;
   grid-template-columns: minmax(230px, 310px) minmax(0, 1fr);
   gap: 18px;
   align-items: start;
   max-width: 1120px;
   margin: 0 auto;
}

.ncc-utility-card {
   padding: 16px;
   color: #fff;
   background: linear-gradient(150deg, var(--clr-logo-blue-deep) 0%, #0b5e7a 100%);
   border-top: 4px solid var(--clr-logo-gold);
   border-radius: 4px;
   box-shadow: 0 14px 30px rgba(11, 94, 122, .18);
}

.ncc-utility-card h2 {
   margin: 0 0 14px;
   color: #fff;
   font-size: 17px;
   font-weight: 800;
   line-height: 1.2;
}

.ncc-utility-card ul {
   display: grid;
   gap: 1px;
   margin: 0;
   padding: 12px;
   background: rgba(255, 255, 255, .96);
   border: 1px solid rgba(255, 255, 255, .28);
   border-radius: 2px;
   list-style: none;
}

.ncc-utility-card a {
   display: grid;
   grid-template-columns: 28px minmax(0, 1fr);
   align-items: center;
   min-height: 40px;
   color: var(--clr-gray-900);
   background: #fff;
   border-left: 3px solid #dff1f6;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.25;
   text-decoration: none;
}

.ncc-utility-card a:hover,
.ncc-utility-card a:focus {
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border-left-color: var(--clr-logo-gold);
}

.ncc-utility-card iconify-icon {
   justify-self: center;
   color: #0b5e7a;
   font-size: 16px;
}

.ncc-whats-new {
   min-width: 0;
   padding: 2px 0;
}

.ncc-whats-new-head {
   display: flex;
   gap: 16px;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 12px;
}

.ncc-whats-new-head h2 {
   margin: 0;
   color: #06385d;
   font-size: 20px;
   font-weight: 900;
   line-height: 1.2;
}

.ncc-whats-new-head a {
   color: var(--clr-logo-red);
   font-size: 11px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none;
}

.ncc-whats-new-head a:hover,
.ncc-whats-new-head a:focus {
   color: var(--clr-logo-blue-deep);
   text-decoration: underline;
}

.ncc-news-card-list {
   position: relative;
   padding: 4px 2px 12px;
   overflow: hidden;
}

.ncc-news-card-list::before,
.ncc-news-card-list::after {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 2;
   width: 34px;
   content: "";
   pointer-events: none;
}

.ncc-news-card-list::before {
   left: 0;
   background: linear-gradient(90deg, #eaf7fb 0%, rgba(234, 247, 251, 0) 100%);
}

.ncc-news-card-list::after {
   right: 0;
   background: linear-gradient(270deg, #eaf7fb 0%, rgba(234, 247, 251, 0) 100%);
}

.ncc-news-card-track-vertical {
   --ncc-news-card-loop-gap: 18px;
   position: relative;
   animation: ncc-card-ticker-vertical 15s linear infinite;
}

.ncc-news-card-track-vertical .ncc-news-card-set[aria-hidden="true"] {
   position: absolute;
   top: calc(100% + var(--ncc-news-card-loop-gap));
   right: 0;
   left: 0;
}

.ncc-news-card-list:hover .ncc-news-card-track-vertical,
.ncc-news-card-list:focus-within .ncc-news-card-track-vertical {
   animation-play-state: paused;
}

.ncc-news-card-set {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   gap: 12px;
}

.ncc-news-card-track {
   display: flex;
   gap: 16px;
   width: max-content;
   animation: ncc-card-ticker 24s linear infinite;
}

.ncc-news-card-list:hover .ncc-news-card-track,
.ncc-news-card-list:focus-within .ncc-news-card-track {
   animation-play-state: paused;
}

.ncc-whats-new .update-card {
   display: flex;
   gap: 14px;
   align-items: flex-start;
   padding: 18px;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .34);
   border-left: 5px solid #159fbd;
   border-radius: 8px;
   box-shadow: 0 6px 14px rgba(7, 16, 82, .08);
   transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ncc-whats-new .update-card:hover,
.ncc-whats-new .update-card:focus-within {
   border-color: #159fbd;
   border-left-color: var(--clr-logo-gold);
   box-shadow: 0 12px 26px rgba(11, 94, 122, .14);
   transform: translateY(-2px);
}

.ncc-whats-new .date-box {
   display: grid;
   flex: 0 0 72px;
   place-items: center;
   min-width: 72px;
   height: 76px;
   padding: 8px;
   color: var(--clr-logo-blue-deep);
   text-align: center;
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 8px;
}

.ncc-whats-new .date-box span {
   display: block;
   font-size: 26px;
   font-weight: 900;
   line-height: 1;
}

.ncc-whats-new .date-box small {
   color: var(--clr-gray-600);
   font-size: 10px;
   font-weight: 800;
   line-height: 1.15;
}

.ncc-whats-new .update-content {
   min-width: 0;
}

.ncc-whats-new .category {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 22px;
   padding: 4px 10px;
   color: #fff;
   background: var(--clr-logo-red);
   border-radius: 999px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-whats-new .update-content h5 {
   margin: 8px 0 5px;
   color: var(--clr-logo-blue-deep);
   font-size: 15px;
   font-weight: 900;
   line-height: 1.25;
}

.ncc-whats-new .update-content p {
   margin: 0 0 7px;
   color: var(--clr-gray-600);
   font-size: 11px;
   line-height: 1.45;
}

.ncc-whats-new .update-content a {
   display: block;
   color: #0b5e7a;
   font-size: 11px;
   font-weight: 900;
   line-height: 1;
   text-align: right;
   text-decoration: none;
}

.ncc-whats-new .update-content a:hover,
.ncc-whats-new .update-content a:focus {
   color: var(--clr-logo-red);
   text-decoration: underline;
}

@keyframes ncc-card-ticker {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(calc(-50% - 8px));
   }
}

@keyframes ncc-card-ticker-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% - var(--ncc-news-card-loop-gap)));
  }
}

@media (prefers-reduced-motion: reduce) {
   .ncc-news-card-list {
      overflow: visible;
   }

   .ncc-news-card-list::before,
   .ncc-news-card-list::after {
      display: none;
   }

   .ncc-news-card-track {
      flex-wrap: wrap;
      width: auto;
      animation: none;
   }

   .ncc-news-card-set {
      flex-wrap: wrap;
   }

   .ncc-news-card-set[aria-hidden="true"] {
      display: none;
   }
}
/* Public desk css end */

/* Homepage ordered sections css start */
.ncc-luxe-section,
.ncc-training-section,
.ncc-testimonials-section,
.ncc-contact-section {
   background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   border-top: 1px solid rgba(21, 159, 189, .18);
   border-bottom: 1px solid rgba(21, 159, 189, .18);
}

.ncc-stats-grid,
.ncc-achievement-grid,
.ncc-training-grid,
.ncc-testimonial-grid,
.ncc-download-grid,
.ncc-contact-grid {
   display: grid;
   gap: 16px;
}

.ncc-stats-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ncc-stat-card,
.ncc-achievement-card,
.ncc-training-card,
.ncc-testimonial-card,
.ncc-download-card,
.ncc-contact-card {
   position: relative;
   overflow: hidden;
   min-height: 100%;
   padding: 18px;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .28);
   border-top: 4px solid #159fbd;
   border-radius: 8px;
   box-shadow: 0 12px 28px rgba(11, 94, 122, .1);
}

.ncc-stat-card span,
.ncc-training-card span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 34px;
   margin-bottom: 10px;
   padding: 6px 11px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 999px;
   font-size: 18px;
   font-weight: 900;
   line-height: 1;
}

.ncc-stat-card strong,
.ncc-achievement-card h3,
.ncc-training-card h3,
.ncc-contact-card strong {
   display: block;
   margin: 0 0 6px;
   color: #06385d;
   font-size: 14px;
   font-weight: 900;
   line-height: 1.25;
}

.ncc-stat-card small,
.ncc-achievement-card p,
.ncc-training-card p,
.ncc-testimonial-card p,
.ncc-contact-card span {
   display: block;
   margin: 0;
   color: var(--clr-gray-600);
   font-size: 12px;
   line-height: 1.55;
}

.ncc-wings-section .ncc-position-icon {
   background: linear-gradient(150deg, var(--clr-logo-blue-deep) 0%, #0b5e7a 100%);
}

.ncc-activities-section {
   background: linear-gradient(180deg, #eaf7fb 0%, #f7fbff 100%) !important;
}

.ncc-activities-section .service-card {
   border: 1px solid rgba(21, 159, 189, .24);
   border-top: 4px solid #159fbd;
   border-radius: 8px;
   box-shadow: 0 10px 24px rgba(11, 94, 122, .09);
}

.ncc-achievement-grid,
.ncc-training-grid,
.ncc-testimonial-grid,
.ncc-contact-grid {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ncc-achievement-card iconify-icon,
.ncc-contact-card iconify-icon {
   display: grid;
   place-items: center;
   width: 42px;
   height: 42px;
   margin-bottom: 12px;
   color: #fff;
   background: linear-gradient(150deg, var(--clr-logo-blue-deep) 0%, #0b5e7a 100%);
   border-radius: 8px;
   font-size: 24px;
}

.ncc-training-section {
   background:
      radial-gradient(circle at 12% 12%, rgba(216, 168, 0, .12) 0, transparent 26%),
      linear-gradient(180deg, #f7fbff 0%, #eaf7fb 100%);
}

.ncc-events-list {
   display: grid;
   gap: 12px;
   max-width: 980px;
   margin: 0 auto;
}

.ncc-event-card {
   display: grid;
   grid-template-columns: 76px minmax(0, 1fr);
   gap: 14px;
   align-items: center;
   padding: 14px;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .28);
   border-left: 5px solid #159fbd;
   border-radius: 8px;
   box-shadow: 0 10px 24px rgba(11, 94, 122, .09);
}

.ncc-event-card time {
   display: grid;
   place-items: center;
   min-height: 64px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 8px;
   text-align: center;
}

.ncc-event-card time span {
   font-size: 24px;
   font-weight: 900;
   line-height: 1;
}

.ncc-event-card time small,
.ncc-event-card p {
   margin: 0;
   color: var(--clr-gray-600);
   font-size: 11px;
   font-weight: 700;
}

.ncc-event-card strong {
   display: block;
   margin-bottom: 4px;
   color: #06385d;
   font-size: 13px;
   font-weight: 900;
}

.ncc-testimonial-card {
   margin: 0;
   border-top-color: var(--clr-logo-gold);
}

.ncc-testimonial-card::before {
   position: absolute;
   right: 16px;
   bottom: -18px;
   color: rgba(21, 159, 189, .08);
   content: '"';
   font-size: 92px;
   font-weight: 900;
   line-height: 1;
}

.ncc-testimonial-card footer {
   margin-top: 12px;
   color: var(--clr-logo-red);
   font-size: 11px;
   font-weight: 900;
}

.ncc-download-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ncc-download-card {
   display: flex;
   gap: 10px;
   align-items: center;
   color: #06385d;
   font-size: 12px;
   font-weight: 900;
   text-decoration: none;
}

.ncc-download-card iconify-icon {
   flex: 0 0 auto;
   color: var(--clr-logo-red);
   font-size: 24px;
}

.ncc-download-card:hover,
.ncc-download-card:focus {
   color: var(--clr-logo-red);
   border-top-color: var(--clr-logo-gold);
   transform: translateY(-2px);
}
/* Homepage ordered sections css end */

/* member css start */
.honerable-members {
   background: var(--clr-gray-100);
}

.honerable-members .member-card {
   overflow: hidden;
   border: none;
   border-radius: 15px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .12);
}

.honerable-members .member-img {
   width: 100%;
   aspect-ratio: 4 / 3;
   object-fit: cover;
   object-position: center top;
}

.honerable-members .card-body {
   padding: 20px;
   text-align: center;
}

.honerable-members .card-title {
   font-size: 18px;
   font-weight: 600;
}

.honerable-members .card-text {
   color: #777;
}
/* member css end */

/* NCC positions css start */
.ncc-positions-section {
   background: linear-gradient(180deg, #f7fbff 0%, #eaf7fb 100%);
}

.ncc-position-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px;
}

.ncc-position-card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 100%;
   padding: 20px;
   overflow: hidden;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .28);
   border-top: 4px solid #159fbd;
   border-radius: 8px;
   box-shadow: 0 10px 24px rgba(7, 16, 82, .08);
}

.ncc-position-card::after {
   position: absolute;
   right: -18px;
   bottom: -22px;
   color: rgba(21, 159, 189, .08);
   content: "NCC";
   font-size: 64px;
   font-weight: 900;
   line-height: 1;
}

.ncc-position-top {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
}

.ncc-position-icon {
   display: grid;
   place-items: center;
   width: 46px;
   height: 46px;
   color: #fff;
   background: linear-gradient(150deg, var(--clr-logo-blue-deep) 0%, #0b5e7a 100%);
   border-radius: 8px;
   font-size: 26px;
}

.ncc-position-level {
   display: inline-flex;
   align-items: center;
   min-height: 24px;
   padding: 5px 9px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 4px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.ncc-position-card h3 {
   position: relative;
   z-index: 1;
   margin: 0 0 10px;
   color: #06385d;
   font-size: 18px;
   font-weight: 900;
   line-height: 1.2;
}

.ncc-position-card p {
   position: relative;
   z-index: 1;
   margin: 0 0 14px;
   color: var(--clr-gray-700);
   font-size: 13px;
   line-height: 1.55;
}

.ncc-position-card ul {
   position: relative;
   z-index: 1;
   display: grid;
   gap: 8px;
   padding: 0;
   color: var(--clr-gray-800);
   font-size: 12px;
   font-weight: 700;
   list-style: none;
}

.ncc-position-card li {
   position: relative;
   padding-left: 15px;
}

.ncc-position-card li::before {
   position: absolute;
   top: .55em;
   left: 0;
   width: 6px;
   height: 6px;
   content: "";
   background: var(--clr-logo-red);
   border-radius: 50%;
}

.ncc-position-card:hover {
   transform: translateY(-3px);
   box-shadow: 0 14px 30px rgba(11, 94, 122, .14);
}
/* NCC positions css end */

/* Gallery section css start */
.gallery-section {
   background:
      radial-gradient(circle at 10% 0%, rgba(21, 159, 189, .12) 0, transparent 26%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.gallery-filter-group {
   display: flex;
   gap: 8px;
   justify-content: center;
   margin: 0 auto 22px;
}

.gallery-filter-group.btn-group > .btn {
   flex: 0 0 auto;
   border-radius: 999px !important;
}

.gallery-filter-btn {
   padding: 7px 14px;
   color: var(--clr-logo-blue-deep);
   background: #fffefc;
   border-color: rgba(21, 159, 189, .35);
   font-size: 12px;
   font-weight: 800;
   line-height: 1.2;
}

.gallery-filter-btn:hover,
.gallery-filter-btn:focus,
.gallery-filter-btn.active {
   color: #fff;
   background: linear-gradient(135deg, var(--clr-logo-blue-deep), #0b5e7a);
   border-color: var(--clr-logo-blue-deep);
   box-shadow: 0 8px 18px rgba(11, 94, 122, .16);
}

.gallery-grid {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   grid-auto-rows: 150px;
   gap: 18px;
}

.gallery-card {
   position: relative;
   display: block;
   grid-column: span 4;
   min-height: 100%;
   overflow: hidden;
   color: #fff;
   background: #eaf7fb;
   border: 1px solid rgba(21, 159, 189, .28);
   border-radius: 10px;
   box-shadow: 0 14px 28px rgba(11, 94, 122, .12);
   text-decoration: none;
}

.gallery-card.is-hidden {
   display: none;
}

.gallery-card-featured {
   grid-column: span 6;
   grid-row: span 2;
}

.gallery-card:nth-child(2),
.gallery-card:nth-child(3) {
   grid-column: span 3;
}

.gallery-card:nth-child(4),
.gallery-card:nth-child(5),
.gallery-card:nth-child(6) {
   grid-column: span 4;
}

.gallery-card img {
   width: 100%;
   height: 100%;
   min-height: 100%;
   object-fit: cover;
   transition: transform .35s;
}

.gallery-card::after {
   position: absolute;
   inset: 0;
   content: "";
   background: linear-gradient(180deg, rgba(6, 56, 93, .02) 16%, rgba(6, 56, 93, .88) 100%);
}

.gallery-caption {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   padding: 16px;
}

.gallery-caption h5 {
   margin: 0 0 5px;
   color: #fff;
   font-size: 16px;
   font-weight: 800;
   line-height: 1.2;
}

.gallery-caption small {
   color: rgba(255, 255, 255, .85);
   line-height: 1.35;
}

.gallery-card:hover,
.gallery-card:focus {
   color: #fff;
}

.gallery-card:hover img,
.gallery-card:focus img {
   transform: scale(1.06);
}

.gallery-load-wrap {
   display: flex;
   justify-content: center;
   margin-top: 24px;
}

.gallery-load-more {
   min-width: 128px;
   border-radius: 999px;
   font-size: 12px;
   font-weight: 800;
}

.gallery-empty {
   margin: 22px 0 0;
   color: var(--clr-gray-600);
   font-size: 12px;
   font-weight: 700;
   text-align: center;
}

.gallery-lightbox .modal-content {
   overflow: hidden;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .28);
   border-radius: 12px;
   box-shadow: 0 24px 60px rgba(6, 56, 93, .28);
}

.gallery-lightbox .modal-header {
   align-items: center;
   border-bottom: 1px solid rgba(21, 159, 189, .18);
}

.gallery-lightbox-category {
   display: inline-flex;
   margin-bottom: 5px;
   padding: 4px 9px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .44);
   border-radius: 999px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.gallery-lightbox .modal-title {
   color: #06385d;
   font-size: 18px;
   font-weight: 900;
}

.gallery-lightbox .modal-body {
   padding: 16px;
}

.gallery-lightbox-img {
   display: block;
   width: 100%;
   max-height: 70vh;
   object-fit: contain;
   background: #eaf7fb;
   border-radius: 8px;
}

.gallery-lightbox-caption {
   margin: 12px 0 0;
   color: var(--clr-gray-600);
   font-size: 12px;
   font-weight: 700;
}

.recent-gallery-section {
   overflow: hidden;
   background:
      linear-gradient(135deg, rgba(6, 56, 93, .04) 0 25%, transparent 25%),
      linear-gradient(180deg, #fffefc 0%, #eef8fb 100%) !important;
}

.gallery-section-head {
   display: flex;
   gap: 18px;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 22px;
}

.gallery-kicker {
   display: inline-flex;
   margin-bottom: 8px;
   padding: 5px 10px;
   color: var(--clr-logo-red);
   background: rgba(173, 13, 44, .08);
   border: 1px solid rgba(173, 13, 44, .16);
   border-radius: 999px;
   font-size: 10px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase;
}

.recent-gallery-section .gallery-grid {
   grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, .85fr));
   grid-auto-rows: 170px;
   gap: 14px;
}

.recent-gallery-section .gallery-card {
   grid-column: auto;
   grid-row: auto;
   border: 0;
   border-radius: 8px;
   box-shadow: 0 14px 30px rgba(6, 56, 93, .12);
}

.recent-gallery-section .gallery-card-featured {
   grid-column: 1 / 2;
   grid-row: span 2;
}

.recent-gallery-section .gallery-card:nth-child(2),
.recent-gallery-section .gallery-card:nth-child(3),
.recent-gallery-section .gallery-card:nth-child(4),
.recent-gallery-section .gallery-card:nth-child(5),
.recent-gallery-section .gallery-card:nth-child(6) {
   grid-column: auto;
   grid-row: auto;
}

.recent-gallery-section .gallery-card::after {
   background:
      linear-gradient(180deg, rgba(6, 56, 93, .04) 0%, rgba(6, 56, 93, .84) 100%),
      linear-gradient(90deg, rgba(6, 56, 93, .28), transparent 45%);
}

.recent-gallery-section .gallery-card-featured .gallery-caption {
   padding: 22px;
}

.recent-gallery-section .gallery-card-featured .gallery-caption h5 {
   font-size: 20px;
}

.recent-gallery-section .gallery-load-wrap {
   display: none;
}

.gallery-load-wrap-mobile {
   display: none;
}

@media (max-width: 980px) {
   .gallery-section-head {
      align-items: flex-start;
      flex-direction: column;
   }

   .recent-gallery-section .gallery-section-head > .gallery-load-more {
      display: none;
   }

   .recent-gallery-section .gallery-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: 220px;
   }

   .recent-gallery-section .gallery-card,
   .recent-gallery-section .gallery-card-featured {
      grid-column: auto;
      grid-row: auto;
   }

   .recent-gallery-section .gallery-load-wrap-mobile {
      display: flex;
   }
}

@media (max-width: 680px) {
   .recent-gallery-section .gallery-grid {
      grid-template-columns: 1fr;
      grid-auto-rows: auto;
   }

   .recent-gallery-section .gallery-card,
   .recent-gallery-section .gallery-card img {
      min-height: 220px;
   }

   .recent-gallery-section .gallery-card-featured .gallery-caption h5 {
      font-size: 16px;
   }
}
/* Gallery section css end */

/* About page css start */
.about-page-hero {
   padding: 56px 0;
   background: var(--clr-gray-100);
   border-bottom: 1px solid var(--clr-gray-200);
}

.about-breadcrumb {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   align-items: center;
   margin-bottom: 28px;
}

.about-breadcrumb a,
.about-breadcrumb span {
   color: var(--clr-navy-deep);
   font-weight: 700;
   text-decoration: none;
}

.about-breadcrumb a::after {
   margin-left: 8px;
   color: var(--clr-saffron-dark);
   content: "/";
}

.about-breadcrumb a:hover,
.about-breadcrumb a:focus {
   color: var(--clr-saffron-dark);
}

.about-page-kicker {
   display: inline-flex;
   margin-bottom: 12px;
   padding: 7px 14px;
   color: #fff;
   background: var(--clr-green);
   border-radius: 999px;
   font-weight: 800;
   text-transform: uppercase;
}

.about-page-hero h1 {
   max-width: 720px;
   margin-bottom: 16px;
   font-weight: 800;
}

.about-page-hero p {
   max-width: 650px;
   color: var(--clr-gray-600);
}

.about-page-hero-img,
.about-page-image {
   overflow: hidden;
   background: var(--clr-navy-light);
   border: 1px solid rgba(20, 21, 244, .16);
   border-radius: 14px;
   box-shadow: var(--shadow-lg);
}

.about-page-hero-img img,
.about-page-image img {
   width: 100%;
   height: 100%;
   min-height: 310px;
   object-fit: cover;
}

.about-page-content h2 {
   margin-bottom: 14px;
   color: var(--clr-navy-deep);
   font-weight: 800;
}

.about-page-content p {
   color: var(--clr-gray-600);
}

.about-page-note,
.about-focus-card,
.about-mission-card {
   height: 100%;
   padding: 26px;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-radius: 12px;
   box-shadow: var(--shadow-md);
}

.about-page-note {
   border-left: 5px solid var(--clr-saffron);
}

.about-page-note iconify-icon,
.about-focus-card iconify-icon {
   display: inline-grid;
   place-items: center;
   width: 52px;
   height: 52px;
   margin-bottom: 16px;
   color: var(--clr-saffron-dark);
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(255, 210, 26, .46);
   border-radius: 50%;
   font-size: 28px;
}

.about-page-note h3,
.about-focus-card h3 {
   margin-bottom: 10px;
   color: var(--clr-navy-deep);
   font-weight: 800;
}

.about-page-focus {
   background: var(--clr-gray-100);
}

.about-focus-card {
   transition: transform .3s, box-shadow .3s;
}

.about-focus-card:hover {
   transform: translateY(-5px);
   box-shadow: var(--shadow-hover);
}

.about-mission-card {
   border-top: 4px solid var(--clr-saffron);
}

.about-mission-card-alt {
   border-top-color: var(--clr-green);
}

.about-mission-card span {
   display: inline-flex;
   margin-bottom: 12px;
   padding: 5px 12px;
   color: #fff;
   background: var(--clr-saffron);
   border-radius: 999px;
   font-weight: 800;
   text-transform: uppercase;
}

.about-mission-card-alt span {
   background: var(--clr-green);
}

.about-mission-card h2 {
   margin-bottom: 12px;
   color: var(--clr-navy-deep);
   font-weight: 800;
}

.about-page-functions {
   background: var(--clr-saffron-pale);
}

.about-function-list {
   display: grid;
   gap: 12px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.about-function-list li {
   position: relative;
   padding: 12px 14px 12px 38px;
   color: var(--clr-gray-900);
   background: #fff;
   border: 1px solid rgba(255, 210, 26, .42);
   border-radius: 8px;
   box-shadow: var(--shadow-sm);
}

.about-function-list li::before {
   position: absolute;
   top: 12px;
   left: 13px;
   color: var(--clr-green);
   content: "\2713";
   font-weight: 900;
}
/* About page css end */

/* Leader timeline css start */
.leader-timeline-section {
   background: #fff;
}

.leader-timeline-wrapper {
   overflow: hidden;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-radius: 14px;
   box-shadow: var(--shadow-lg);
}

.leader-timeline-nav {
   height: 100%;
   padding: 34px 20px;
   background: var(--clr-navy-deep);
}

.leader-timeline-nav .timeline-item {
   position: relative;
   width: 100%;
   margin: 0 0 34px;
   padding: 0 0 0 30px;
   color: #fff;
   text-align: left;
   background: transparent;
   border: 0;
   cursor: pointer;
   transition: color .3s;
}

.leader-timeline-nav .timeline-item:last-child {
   margin-bottom: 0;
}

.leader-timeline-nav .timeline-item::before {
   position: absolute;
   top: 6px;
   left: 0;
   width: 12px;
   height: 12px;
   content: "";
   background: var(--clr-saffron);
   border-radius: 50%;
}

.leader-timeline-nav .timeline-item::after {
   position: absolute;
   top: 22px;
   left: 5px;
   width: 2px;
   height: 44px;
   content: "";
   background: rgba(255, 255, 255, .3);
}

.leader-timeline-nav .timeline-item:last-child::after {
   display: none;
}

.leader-timeline-nav .timeline-item h6 {
   margin: 0 0 4px;
   color: inherit;
   font-weight: 800;
}

.leader-timeline-nav .timeline-item span {
   display: block;
   color: rgba(255, 255, 255, .82);
}

.leader-timeline-nav .timeline-item.active,
.leader-timeline-nav .timeline-item:hover,
.leader-timeline-nav .timeline-item:focus {
   color: var(--clr-saffron);
   outline: 0;
}

.leader-profile-area {
   min-height: 390px;
   padding: 48px;
}

.leader-profile-img {
   width: min(100%, 260px);
   height: 320px;
   object-fit: cover;
   object-position: top center;
   background: var(--clr-gray-50);
   border-radius: 14px;
   box-shadow: var(--shadow-hover);
}

.leader-period {
   display: inline-flex;
   margin-bottom: 12px;
   padding: 5px 10px;
   color: var(--clr-navy-deep);
   background: var(--clr-saffron);
   border-radius: 6px;
   font-weight: 800;
   line-height: 1;
}

.leader-profile-area h3 {
   margin-bottom: 8px;
   color: var(--clr-navy-deep);
   font-weight: 800;
}

.leader-designation,
.leader-subtitle {
   color: var(--clr-navy);
   font-weight: 700;
}

.leader-achievement {
   margin: 0;
   padding-left: 18px;
}

.leader-achievement li {
   margin-bottom: 8px;
   color: var(--clr-gray-900);
   line-height: 1.5;
}
/* Leader timeline css end */

/* Section title css */
.section-title h2 {
   color: var(--clr-navy-deep);
   font-size: 36px;
   font-weight: 700;
}

.section-title p {
   color: #6c757d;
}

/* MyGov media css start */
.media-section {
   background: linear-gradient(180deg, #eaf7fb 0%, #f7fbff 100%);
}

.media-feature-card {
   padding: 18px;
   background: #fffefc;
   border: 1px solid rgba(21, 159, 189, .28);
   border-top: 4px solid #159fbd;
   border-radius: 14px;
   box-shadow: 0 14px 30px rgba(11, 94, 122, .12);
}

.media-video-box {
   position: relative;
   display: block;
   min-height: 260px;
   overflow: hidden;
   color: #fff;
   background: #dff1f6;
   border-radius: 12px;
   text-decoration: none;
}

.media-video-box img {
   width: 100%;
   height: 100%;
   min-height: 260px;
   object-fit: cover;
   transition: transform .3s;
}

.media-video-box::after {
   position: absolute;
   inset: 0;
   content: "";
   background: linear-gradient(180deg, transparent 42%, rgba(6, 56, 93, .78));
}

.media-video-box:hover img,
.media-video-box:focus img {
   transform: scale(1.04);
}

.media-play {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   display: inline-grid;
   place-items: center;
   width: 48px;
   height: 48px;
   color: var(--clr-logo-blue-deep);
   background: var(--clr-logo-gold);
   border: 3px solid rgba(255, 255, 255, .72);
   border-radius: 50%;
   font-size: 30px;
   transform: translate(-50%, -50%);
}

.media-time {
   position: absolute;
   bottom: 12px;
   left: 14px;
   z-index: 1;
   color: #fff;
   font-weight: 700;
}

.media-feature-content {
   padding: 8px 8px 8px 12px;
}

.media-feature-content h3 {
   margin-bottom: 16px;
   color: #06385d;
   font-weight: 800;
}

.media-source {
   display: flex;
   gap: 10px;
   align-items: center;
   margin-bottom: 20px;
   padding-top: 14px;
   border-top: 1px solid rgba(21, 159, 189, .34);
}

.media-source img {
   width: 34px;
   height: 34px;
   object-fit: contain;
}

.media-source strong,
.media-source span {
   display: block;
}

.media-source strong {
   color: #06385d;
}

.media-source span {
   color: var(--clr-gray-600);
}

.media-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
   margin-bottom: 14px;
}

.media-actions .btn {
   display: inline-flex;
   gap: 6px;
   align-items: center;
   border-radius: 999px;
}

.media-icon-link {
   display: inline-grid;
   place-items: center;
   width: 34px;
   height: 34px;
   color: #0b5e7a;
   background: var(--clr-saffron-pale);
   border: 1px solid rgba(216, 168, 0, .42);
   border-radius: 50%;
   font-size: 18px;
   text-decoration: none;
}

.media-icon-link:hover,
.media-icon-link:focus {
   color: #fff;
   background: var(--clr-logo-red);
}

.media-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
   margin-top: 18px;
}

.media-thumb-card {
   display: block;
   color: #06385d;
   text-decoration: none;
}

.media-thumb-card img {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   background: #dff1f6;
   border: 1px solid rgba(21, 159, 189, .26);
   border-radius: 8px;
   box-shadow: var(--shadow-sm);
   transition: transform .3s, box-shadow .3s;
}

.media-thumb-card h5 {
   margin: 10px 0 0;
   color: #06385d;
   font-weight: 800;
   line-height: 1.35;
}

.media-thumb-card:hover img,
.media-thumb-card:focus img {
   transform: translateY(-3px);
   box-shadow: var(--shadow-md);
}

.media-thumb-card.active img {
   border: 3px solid var(--clr-logo-gold);
   box-shadow: var(--shadow-md);
}

.media-view-all {
   border-radius: 999px;
}
/* MyGov media css end */

/* Pre footer info css start */
.pre-footer-info-section {
   background: #edf5fb;
}

.pre-footer-map {
   height: 350px;
   overflow: hidden;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   box-shadow: var(--shadow-md);
}

.pre-footer-map iframe {
   display: block;
   width: 100%;
   height: 100%;
   border: 0;
}

.pre-footer-column {
   height: 100%;
   color: var(--clr-gray-900);
}

.pre-footer-column h2 {
   margin-bottom: 18px;
   color: #000;
   font-weight: 800;
}

.pre-footer-link-list,
.pre-footer-helpline {
   display: grid;
   gap: 13px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.pre-footer-link-list li {
   position: relative;
   padding-left: 16px;
}

.pre-footer-link-list li::before {
   position: absolute;
   top: .55em;
   left: 0;
   width: 0;
   height: 0;
   content: "";
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-left: 5px solid var(--clr-navy-deep);
}

.pre-footer-link-list a {
   color: #000;
   text-decoration: none;
}

.pre-footer-link-list a:hover,
.pre-footer-link-list a:focus {
   color: var(--clr-saffron-dark);
   text-decoration: underline;
}

.pre-footer-helpline {
   list-style: disc;
   padding-left: 17px;
}

.pre-footer-helpline strong {
   color: #000;
   font-weight: 800;
}

.pre-footer-links-column {
   position: relative;
   min-height: 350px;
   padding-bottom: 82px;
}

.pre-footer-brand {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 170px;
   max-width: 48%;
   opacity: .9;
}
/* Pre footer info css end */

/* Large screen responsive improvements start */
@media (min-width: 1400px) {
   .container,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl,
   .container-xxl {
      max-width: 1400px;
   }

   .ncc-shell {
      width: min(calc(100% - 64px), 1400px);
   }

   .ncc-identity-inner {
      min-height: 56px;
      padding-right: 0;
      padding-left: 0;
   }

   .ncc-brand-logo {
      width: 42px;
      height: 42px;
   }

   .ncc-brand-copy strong {
      font-size: 14px;
   }

   .ncc-state-seal {
      width: 118px;
      height: 118px;
   }

   .ncc-state-seal img {
      width: 100%;
   }

   .ncc-title-emblem {
      width: 62px;
      height: 88px;
   }

   .ncc-title-emblem img {
      width: 100%;
   }

   .ncc-title strong {
      font-size: 25px;
   }

   .ncc-title span:last-child {
      font-size: 18px;
   }

   .ncc-national-emblem img {
      width: 118px;
      height: 118px;
   }

   .ncc-nav ul {
      min-height: 42px;
      padding-right: 0;
      padding-left: 0;
   }

   .ncc-nav a {
      min-height: 42px;
      padding-right: 13px;
      padding-left: 13px;
      font-size: 14px;
   }

   .ncc-quick-news-inner {
      min-height: 38px;
      padding-right: 0;
      padding-left: 0;
   }

   .ncc-hero {
      height: 360px;
      min-height: 360px;
   }

   .ncc-hero::before,
   .ncc-hero::after {
      width: 150px;
   }

   .ncc-hero-grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 24px;
      min-height: 0;
      padding: 18px 0;
   }

   .ncc-hero-image {
      height: 100%;
      min-height: 0;
   }

   .ncc-notice-head {
      padding: 18px 20px 14px;
   }

   .ncc-notice-board li a {
      padding: 14px 20px;
   }

   .citizen-services-section .row.justify-content-center {
      --bs-gutter-x: 1rem;
   }

   .service-icon {
      min-height: 94px;
   }

   .service-icon iconify-icon,
   .service-icon-badge {
      width: 58px;
      height: 58px;
      font-size: 34px;
   }

   #carouselExampleFade .carousel-item img {
      height: 360px;
   }

   .gallery-card,
   .gallery-card img {
      min-height: 100%;
   }

   .gallery-grid {
      grid-auto-rows: 170px;
   }

   .media-video-box,
   .media-video-box img {
      min-height: 320px;
   }

   .about-page-hero {
      padding: 76px 0;
   }

   .about-page-hero-img img,
   .about-page-image img {
      min-height: 360px;
   }

   .leader-profile-area {
      padding: 56px;
   }

   .pre-footer-map {
      height: 390px;
   }

   .pre-footer-links-column {
      min-height: 390px;
   }

   .site-footer-main {
      padding: 52px 0 42px;
   }
}

@media (min-width: 1600px) {
   .container,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl,
   .container-xxl {
      max-width: 1520px;
   }

   .ncc-shell {
      width: min(calc(100% - 96px), 1520px);
   }

   .ncc-hero {
      height: 360px;
      min-height: 360px;
   }

   .ncc-hero-grid {
      grid-template-columns: minmax(0, 1fr);
      min-height: 0;
      padding-top: 18px;
      padding-bottom: 18px;
   }

   .ncc-hero-image {
      height: 100%;
      min-height: 0;
   }

   .gallery-card,
   .gallery-card img {
      min-height: 100%;
   }

   .gallery-grid {
      grid-auto-rows: 185px;
   }

   #carouselExampleFade .carousel-item img {
      height: 390px;
   }

   .media-video-box,
   .media-video-box img {
      min-height: 350px;
   }

   .pre-footer-map {
      height: 420px;
   }

   .pre-footer-links-column {
      min-height: 420px;
   }
}
/* Large screen responsive improvements end */

@media (max-width: 980px) {
   .ncc-public-grid {
      grid-template-columns: 1fr;
   }

   .ncc-stats-grid,
   .ncc-achievement-grid,
   .ncc-training-grid,
   .ncc-testimonial-grid,
   .ncc-download-grid,
   .ncc-contact-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .ncc-utility-card {
      max-width: 360px;
   }

   .ncc-whats-new .update-card {
      flex-basis: min(76vw, 330px);
   }

   .ncc-position-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .gallery-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: 220px;
   }

   .gallery-card,
   .gallery-card-featured,
   .gallery-card:nth-child(2),
   .gallery-card:nth-child(3),
   .gallery-card:nth-child(4),
   .gallery-card:nth-child(5),
   .gallery-card:nth-child(6) {
      grid-column: span 1;
      grid-row: span 1;
   }

   .media-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .pre-footer-links-column {
      min-height: auto;
   }
}

@media (max-width: 680px) {
   .ncc-utility-card {
      width: 100%;
   }

   .ncc-stats-grid,
   .ncc-achievement-grid,
   .ncc-training-grid,
   .ncc-testimonial-grid,
   .ncc-download-grid,
   .ncc-contact-grid {
      grid-template-columns: 1fr;
   }

   .ncc-stat-card,
   .ncc-achievement-card,
   .ncc-training-card,
   .ncc-testimonial-card,
   .ncc-download-card,
   .ncc-contact-card {
      padding: 16px;
   }

   .ncc-event-card {
      grid-template-columns: 62px minmax(0, 1fr);
      padding: 12px;
   }

   .ncc-event-card time {
      min-height: 58px;
   }

   .ncc-event-card time span {
      font-size: 20px;
   }

   .ncc-utility-card h2,
   .ncc-whats-new-head h2 {
      font-size: 18px;
   }

   .ncc-whats-new-head {
      align-items: flex-start;
      flex-direction: column;
      gap: 8px;
   }

   .ncc-whats-new .update-card {
      gap: 12px;
      flex-basis: min(84vw, 320px);
      padding: 14px;
   }

   .ncc-whats-new .date-box {
      flex-basis: 62px;
      min-width: 62px;
      height: 68px;
      padding: 7px;
   }

   .ncc-whats-new .date-box span {
      font-size: 22px;
   }

   .ncc-whats-new .update-content h5 {
      font-size: 14px;
   }

   .ncc-whats-new .update-content p {
      font-size: 11px;
   }

   .ncc-position-grid {
      grid-template-columns: 1fr;
   }

   .ncc-position-card {
      padding: 18px;
   }

   .citizen-services-section h3,
   .section-title h2 {
      font-size: 22px;
   }

   .about-content h3,
   .about-content h2 {
      font-size: 24px;
   }

   .about-content p {
      font-size: 13px;
      line-height: 1.6;
   }

   #carouselExampleFade .carousel-item img {
      height: 210px;
   }

   .leader-timeline-wrapper {
      border-radius: 10px;
   }

   .leader-timeline-nav {
      padding: 20px 16px;
   }

   .leader-timeline-nav .timeline-item {
      margin-bottom: 24px;
   }

   .leader-profile-area {
      min-height: 0;
      padding: 28px 18px;
      text-align: center;
   }

   .leader-profile-img {
      width: min(100%, 220px);
      height: 270px;
   }

   .leader-achievement {
      display: inline-block;
      text-align: left;
   }

   .media-feature-card {
      padding: 12px;
   }

   .media-video-box,
   .media-video-box img {
      min-height: 190px;
   }

   .media-feature-content {
      padding: 0;
   }

   .media-grid {
      grid-template-columns: 1fr;
   }

   .media-section .text-end {
      text-align: center !important;
   }

   .gallery-grid {
      grid-template-columns: 1fr;
      grid-auto-rows: auto;
   }

   .gallery-card,
   .gallery-card img {
      min-height: 210px;
   }

   .about-page-hero {
      padding: 34px 0;
   }

   .about-page-hero-img img,
   .about-page-image img {
      min-height: 220px;
   }

   .about-page-note,
   .about-focus-card,
   .about-mission-card {
      padding: 20px;
   }

   .pre-footer-map {
      height: 260px;
   }

   .pre-footer-column h2 {
      margin-bottom: 14px;
   }

   .pre-footer-links-column {
      padding-bottom: 0;
   }

   .pre-footer-brand {
      position: static;
      display: block;
      width: 140px;
      max-width: 100%;
      margin: 28px auto 0;
   }

   .site-footer-main {
      padding: 32px 0 26px;
   }

   .site-footer-policy ul {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .site-footer-policy li,
   .site-footer-policy li:last-child {
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, .16);
   }

   .site-footer-policy a {
      justify-content: center;
      width: 100%;
      text-align: center;
   }

   .site-footer-bottom .container {
      flex-direction: column;
      align-items: flex-start;
   }

   .site-footer-credits {
      flex-wrap: wrap;
   }

   .about-logo-carousel .carousel {
      padding: 0 36px 24px;
   }

   .about-logo-carousel .logo-carousel-card {
      flex-basis: 100%;
      min-width: 100%;
      min-height: 92px;
      padding: 12px;
   }

   .about-logo-carousel .logo-carousel-img {
      max-height: 52px;
   }
}
/* latest update css end */

/* Global font size alignment start */
.nccrashtra-home {
   font-size: 0.85em;
}

.nccrashtra-home h1 {
   font-size: 3.7em;
   line-height: 1.1;
}

.nccrashtra-home h2,
.nccrashtra-home .section-title h2,
.nccrashtra-home .ncc-notice-head h2 {
   font-size: 1.7em;
   line-height: 1.25;
}

.nccrashtra-home h3,
.nccrashtra-home .about-content h3,
.nccrashtra-home .about-content h2,
.nccrashtra-home .citizen-services-section h3 {
   font-size: 1.5em;
   line-height: 1.3;
}

.nccrashtra-home p,
.nccrashtra-home p.small,
.nccrashtra-home .card-text,
.nccrashtra-home .service-card .card-text,
.nccrashtra-home .about-content p,
.nccrashtra-home .about-page-hero p,
.nccrashtra-home .about-page-content p,
.nccrashtra-home .about-page-note p,
.nccrashtra-home .about-focus-card p,
.nccrashtra-home .about-mission-card p,
.nccrashtra-home .about-function-list li,
.nccrashtra-home .section-title p,
.nccrashtra-home .leader-profile-area p,
.nccrashtra-home .leader-achievement li,
.nccrashtra-home .leader-timeline-nav .timeline-item span,
.nccrashtra-home .gallery-caption small,
.nccrashtra-home .media-feature-content p,
.nccrashtra-home .media-source span,
.nccrashtra-home .media-time,
.nccrashtra-home .pre-footer-link-list a,
.nccrashtra-home .pre-footer-helpline li,
.nccrashtra-home .site-footer-main p,
.nccrashtra-home .site-footer-contact li,
.nccrashtra-home .site-footer-copy p,
.nccrashtra-home .ncc-census p,
.nccrashtra-home .ncc-notice-board li span,
.nccrashtra-home .ncc-menu-foot {
   font-size: 12px;
   line-height: 1.6;
}

.nccrashtra-home .btn {
   font-size: 12px;
}

.nccrashtra-home .ncc-quick-links a,
.nccrashtra-home .ncc-news-track a,
.nccrashtra-home .ncc-notice-board li strong,
.nccrashtra-home .ncc-notice-more,
.nccrashtra-home .about-breadcrumb a,
.nccrashtra-home .about-breadcrumb span,
.nccrashtra-home .about-page-kicker,
.nccrashtra-home .about-mission-card span,
.nccrashtra-home .site-footer h2,
.nccrashtra-home .site-footer-brand strong,
.nccrashtra-home .site-footer-brand span,
.nccrashtra-home .site-footer-links a,
.nccrashtra-home .site-footer-policy a,
.nccrashtra-home .site-footer-bottom a,
.nccrashtra-home .site-footer-credits span,
.nccrashtra-home .site-footer-credits strong,
.nccrashtra-home .service-card .card-title,
.nccrashtra-home .leader-period,
.nccrashtra-home .leader-designation,
.nccrashtra-home .leader-subtitle,
.nccrashtra-home .leader-timeline-nav .timeline-item h6,
.nccrashtra-home .gallery-caption h5,
.nccrashtra-home .media-thumb-card h5,
.nccrashtra-home .media-source strong {
   font-size: 12px;
}

/* Global font size alignment end */

/* NCC creative refresh */
.nccrashtra-home main > section {
   position: relative;
}

.nccrashtra-home .section-title h2,
.nccrashtra-home .citizen-services-section h3 {
   position: relative;
   display: inline-block;
   padding-bottom: 10px;
}

.nccrashtra-home .section-title h2::after,
.nccrashtra-home .citizen-services-section h3::after {
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 74px;
   height: 3px;
   content: "";
   background: var(--clr-logo-gold);
   border-radius: 999px;
   transform: translateX(-50%);
}

.nccrashtra-home .about-zilla,
.nccrashtra-home .about-ncc {
   background: linear-gradient(180deg, #fff 0%, var(--clr-gray-100) 100%);
}

.nccrashtra-home .about-content {
   padding: 26px;
   background: #fff;
   border: 1px solid var(--clr-gray-200);
   border-left: 5px solid var(--clr-logo-blue);
   box-shadow: 0 10px 28px rgba(7, 16, 82, .08);
}

.nccrashtra-home .about-content h3 {
   margin-bottom: 14px;
}

.nccrashtra-home .member-card,
.nccrashtra-home .media-thumb-card,
.nccrashtra-home .gallery-card {
   border-radius: 8px;
   box-shadow: 0 10px 26px rgba(7, 16, 82, .09);
}

.nccrashtra-home .member-card {
   overflow: hidden;
   border: 1px solid var(--clr-gray-200);
   border-top: 4px solid var(--clr-logo-gold);
}

.nccrashtra-home .pre-footer-info-section {
   background: #fff;
}

/* Homepage image card polish start */
.nccrashtra-home .ncc-position-card {
   padding: 0;
}

.nccrashtra-home .ncc-position-card > * {
   position: relative;
   z-index: 1;
}

.nccrashtra-home .ncc-position-card::after {
   z-index: 0;
   pointer-events: none;
}

.ncc-card-media {
   order: -1;
   margin: 0;
   overflow: hidden;
   background: #eaf7fb;
}

.ncc-card-media img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform .35s ease;
}

.ncc-wings-section .ncc-card-media {
   display: grid;
   height: 108px;
   padding: 16px 22px;
   place-items: center;
}

.ncc-wings-section .ncc-card-media img {
   width: auto;
   max-width: 68%;
   max-height: 76px;
   object-fit: contain;
}

.nccrashtra-home .ncc-position-card:hover .ncc-card-media img {
   transform: scale(1.04);
}

.nccrashtra-home .ncc-position-card .ncc-position-top {
   margin: 14px 16px 12px;
}

.nccrashtra-home .ncc-position-card h3,
.nccrashtra-home .ncc-position-card p,
.nccrashtra-home .ncc-position-card ul {
   margin-right: 16px;
   margin-left: 16px;
}

.nccrashtra-home .ncc-position-card ul {
   margin-bottom: 18px;
}

.ncc-contact-card h3 {
   margin: 0 0 6px;
   color: #06385d;
   font-size: 14px;
   font-weight: 900;
   line-height: 1.25;
}

.ncc-contact-card p {
   margin: 0;
   color: var(--clr-gray-600);
   font-size: 12px;
   line-height: 1.55;
}

@media (max-width: 680px) {
   .ncc-card-media {
      height: 118px;
   }

   .ncc-wings-section .ncc-card-media {
      height: 92px;
      padding: 12px;
   }

   .ncc-wings-section .ncc-card-media img {
      max-width: 74%;
      max-height: 64px;
   }
}
/* Homepage image card polish end */
.ncc-public-desk{
    background:#f5f9fd;
}

.ncc-public-grid{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:24px;
}

/* Utility Card */

.ncc-utility-card{
    background:linear-gradient(180deg,#0b2f5b,#134d78);
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.ncc-utility-card h2{
    color:#fff;
    font-size:22px;
    padding:20px;
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.ncc-utility-card ul{
    list-style:none;
    padding:15px;
    margin:0;
}

.ncc-utility-card li{
    margin-bottom:12px;
}

.ncc-utility-card a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    background:#fff;
    color:#0b2f5b;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.ncc-utility-card a:hover{
    transform:translateX(8px);
    background:#ffd54f;
}

.ncc-utility-card iconify-icon{
    font-size:22px;
}

/* News Section */

.ncc-whats-new{
    background:#fff;
    border-radius:10px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.ncc-whats-new-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.ncc-whats-new-head h2{
    margin:0;
    color:#0b2f5b;
    font-weight:700;
}

.ncc-whats-new-head a{
    color:#d4a017;
    font-weight:600;
    text-decoration:none;
}

/* News Cards */

.ncc-news-card-set{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.update-card{
    display:flex;
    gap:20px;
    padding:20px;
    border:1px solid #e6edf5;
    border-radius:12px;
    transition:.3s;
}

.update-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.date-box{
    min-width:90px;
    text-align:center;
    background:#fff7e0;
    border-radius:10px;
    padding:15px;
}

.date-box span{
    display:block;
    font-size:30px;
    font-weight:700;
    color:#0b2f5b;
}

.date-box small{
    color:#666;
}

.category{
    display:inline-block;
    background:#0b2f5b;
    color:#fff;
    padding:4px 12px;
    border-radius:30px;
    font-size:12px;
    margin-bottom:10px;
}

.update-content h5{
    margin-bottom:10px;
    color:#0b2f5b;
}

.update-content a{
    color:#d4a017;
    font-weight:600;
    text-decoration:none;
}

/* Latest News card polish */
.ncc-whats-new {
    border: 1px solid rgba(11, 47, 91, .08);
}

.ncc-whats-new .ncc-news-card-list {
    padding: 0 4px 10px;
}

.ncc-whats-new .ncc-news-card-list::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.ncc-whats-new .ncc-news-card-list::after {
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.ncc-whats-new .ncc-news-card-track-vertical {
    --ncc-news-card-loop-gap: 16px;
}

.ncc-whats-new .ncc-news-card-set {
    gap: 16px;
}

.ncc-whats-new .update-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-height: 100px;
    padding: 14px 18px 14px 14px;
    background: #fff;
    border: 1px solid rgba(21, 159, 189, .22);
    border-left: 4px solid #159fbd;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(7, 16, 82, .07);
}

.ncc-whats-new .update-card:hover,
.ncc-whats-new .update-card:focus-within {
    border-color: rgba(21, 159, 189, .5);
    border-left-color: var(--clr-logo-gold);
    box-shadow: 0 14px 28px rgba(7, 16, 82, .11);
    transform: translateY(-2px);
}

.ncc-whats-new .date-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    min-width: 72px;
    height: 72px;
    padding: 8px;
    background: #fff4cf;
    border: 1px solid rgba(216, 168, 0, .5);
    border-radius: 8px;
}

.ncc-whats-new .date-box span {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 0;
}

.ncc-whats-new .date-box small {
    max-width: 48px;
    color: #5d6670;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
}

.ncc-whats-new .update-content {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.ncc-whats-new .category {
    justify-self: start;
    min-height: 18px;
    padding: 3px 10px;
    font-size: 9px;
}

.ncc-whats-new .update-content h5 {
    margin: 0;
    color: #071052;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.ncc-whats-new .update-content p {
    margin: 0;
    color: #5f6b7a;
    font-size: 11px;
    line-height: 1.45;
}

.ncc-whats-new .update-content a {
    justify-self: end;
    margin-top: 3px;
    color: #0b5e7a;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
}

@media(max-width:680px){
    .ncc-whats-new {
        padding: 18px;
    }

    .ncc-whats-new .update-card {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 12px;
        min-height: 0;
        padding: 12px;
    }

    .ncc-whats-new .date-box {
        width: 62px;
        min-width: 62px;
        height: 64px;
    }

    .ncc-whats-new .date-box span {
        font-size: 22px;
    }
}

/* Responsive */

@media(max-width:992px){

    .ncc-public-grid{
        grid-template-columns:1fr;
    }

    .update-card{
        flex-direction:column;
    }

    .date-box{
        width:100px;
    }
}

/* Inner pages shared components */
.ncc-page-download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ncc-page-notice-list {
    display: grid;
    gap: 16px;
    max-width: 1040px;
    margin: 0 auto;
}

.ncc-page-notice {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(21, 159, 189, .24);
    border-left: 5px solid #159fbd;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(7, 16, 82, .08);
}

.ncc-page-notice time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 76px;
    color: var(--clr-logo-blue-deep);
    text-align: center;
    background: var(--clr-saffron-pale);
    border: 1px solid rgba(216, 168, 0, .42);
    border-radius: 8px;
}

.ncc-page-notice time span {
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.ncc-page-notice time small {
    max-width: 52px;
    color: var(--clr-gray-600);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
}

.ncc-page-notice h3 {
    margin: 8px 0 5px;
    color: #071052;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.ncc-page-notice p {
    margin: 0;
    color: var(--clr-gray-600);
    font-size: 12px;
    line-height: 1.5;
}

.ncc-page-notice > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 13px;
    color: #0b5e7a;
    background: var(--clr-saffron-pale);
    border: 1px solid rgba(216, 168, 0, .42);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.ncc-page-notice > a:hover,
.ncc-page-notice > a:focus {
    color: #fff;
    background: var(--clr-logo-red);
    border-color: var(--clr-logo-red);
}

@media(max-width:992px){
    .ncc-page-notice {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .ncc-page-notice > a {
        grid-column: 2;
        justify-self: start;
    }
}

@media(max-width:680px){
    .ncc-page-download-grid {
        grid-template-columns: 1fr;
    }

    .ncc-page-notice {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .ncc-page-notice time {
        width: 82px;
        min-height: 72px;
    }

    .ncc-page-notice > a {
        grid-column: auto;
    }
}