/* ===============================
   BASIC
================================ */

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

html {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  color: #10294b;

  max-width: 100%;
  overflow-x: hidden;
}

.hmcg-header {
  position: relative;
  z-index: 100;
}

.header-container {
  width: min(1420px, calc(100% - 70px));
  margin: 0 auto;
}


/* ===============================
   TOP GOVERNMENT BAR
================================ */

.gov-topbar {
  background: #e9f5fd;
  border-bottom: 1px solid #d9e8f2;
}

.topbar-inner {
  min-height: 40px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;
}

.gov-left,
.gov-right {
  display: flex;
  align-items: center;
}

.gov-left {
  gap: 9px;
  font-size: 14px;
  color: #111b29;
}

.india-flag {
  font-size: 20px;
}

.separator {
  display: block;
  width: 1px;
  height: 18px;
  margin: 0 4px;

  background: #9cabb9;
}


.gov-right {
  gap: 10px;
  font-size: 13px;
}

.gov-right a {
  color: #101b29;
  text-decoration: none;
}

.gov-right a:hover {
  color: #00569d;
}

.gov-right button {
  padding: 2px 3px;

  border: 0;
  background: transparent;

  color: #101b29;
  font-weight: 600;

  cursor: pointer;
}


/* ===============================
   NOTIFICATION TICKER
================================ */

.notification-bar {
  background: #073c77;
  border-bottom: 1px solid #062f60;
}

.notification-inner {
  min-height: 42px;

  display: flex;
  align-items: center;

  gap: 16px;
}

.notification-label {
  min-height: 28px;

  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;

  padding: 0 14px;

  background: #ff9400;
  border-radius: 4px;

  color: #ffffff;

  font-size: 13px;
  font-weight: 750;

  white-space: nowrap;
}

.notification-ticker {
  min-width: 0;
  flex: 1;

  overflow: hidden;

  color: #ffffff;

  font-size: 14px;
  font-weight: 600;
}

.notification-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.notification-action{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:700;transition:.2s ease}.notification-career{color:#073c77;background:#fff;border:1px solid #fff}.notification-contact{color:#fff;background:#ef8618;border:1px solid #ef8618}.notification-action:hover{transform:translateY(-1px);box-shadow:0 4px 10px #001f4530}
@media(max-width:700px){.notification-inner{gap:8px}.notification-actions{display:none}}

.header-actions{display:flex;align-items:center;gap:15px;flex:0 0 auto}.header-action{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:53px;padding:0 20px;border-radius:9px;text-decoration:none;font-size:18px;font-weight:700;transition:.25s ease}.header-action-outline{color:#082e61;background:#fff;border:1px solid #082e61}.header-action-primary{color:#fff;background:#082e61;border:1px solid #082e61}.header-action:hover{transform:translateY(-2px);box-shadow:0 8px 18px #082e6126}.header-action-outline:hover{background:#f3f7fc}

.notification-track {
  width: max-content;

  display: flex;
  align-items: center;

  gap: 38px;

  padding-left: 100%;

  white-space: nowrap;

  animation: notificationScroll 28s linear infinite;
}

.notification-track span {
  position: relative;
}

.notification-track span::before {
  content: "";

  width: 7px;
  height: 7px;

  display: inline-block;

  margin-right: 10px;

  border-radius: 50%;

  background: #0b8f43;
}

.notification-bar:hover .notification-track {
  animation-play-state: paused;
}

@keyframes notificationScroll {

  from {
    transform: translateX(0);
  }

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


/* ===============================
   BRAND AREA
================================ */

.brand-area {
  background: #ffffff;
}

.brand-inner {
  min-height: 138px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 50px;
}


/* HMCGSSC */

.main-brand {
  display: flex;
  align-items: center;

  gap: 23px;

  text-decoration: none;
}

.hmcg-logo {
  width: 112px;
  height: 112px;

  object-fit: contain;
}

.brand-text h1 {
  margin: 0;

  color: #073c77;

  font-size: 27px;
  line-height: 1.16;
  font-weight: 750;

  letter-spacing: -0.4px;
}

.brand-text p {
  margin: 8px 0 0;

  color: #536477;

  font-size: 17px;
  line-height: 1.4;
}


/* ===============================
   GOVERNMENT LOGOS
================================ */

.institution-logos {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 22px;
}

.institution {
  width: 120px;
  height: 92px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.institution.ministry {
  width: 170px;
}

.institution img {
  display: block;

  max-width: 100%;
  max-height: 86px;

  object-fit: contain;
}

.logo-divider {
  width: 1px;
  height: 82px;

  background: #d5dde6;
}


/* ===============================
   NAVIGATION
================================ */

.main-navigation {
  position: relative;
  z-index: 2000;
  overflow: visible;

  background:
    linear-gradient(
      90deg,
      #034c88 0%,
      #003f78 55%,
      #00366d 100%
    );

  box-shadow: 0 10px 24px rgba(0, 47, 93, 0.16);
}

.main-navigation::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,0) 55%
    );
}

.nav-inner {
  position: relative;
  z-index: 2001;
  overflow: visible;

  height: 70px;

  display: flex;
  align-items: stretch;
  justify-content: center;
}


/* ===============================
   LINKS
================================ */

.nav-links {
  position: relative;
  z-index: 2002;

  display: flex;
  align-items: stretch;
  overflow: visible;

  width: 100%;
  min-width: 0;
}

.nav-menu-item {
  position: relative;

  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
}

.nav-menu-item::after {
  content: "";

  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 4999;

  height: 14px;
}

.nav-item {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;

  gap: 8px;

  padding: 0 18px;

  color: #ffffff;

  font-size: 15px;
  font-weight: 500;

  text-decoration: none;

  white-space: nowrap;

  border-right: 1px solid rgba(255,255,255,.14);

  transition:
    color .25s ease,
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.sub-menu {
  display: none;

  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5000;

  width: max-content;
  min-width: 230px;
  max-width: min(320px, calc(100vw - 32px));
  max-height: min(70vh, 460px);

  margin: 0;
  padding: 8px;

  overflow-y: auto;

  list-style: none;

  background: #ffffff;
  border: 1px solid rgba(10, 64, 112, .12);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(9, 43, 75, .18);

  transform-origin: top center;
}

.sub-menu.wide {
  min-width: 285px;
}

.nav-menu-item:nth-last-child(-n + 3) .sub-menu {
  left: auto;
  right: 0;
}

.nav-menu-item:nth-last-child(-n + 3) .sub-menu::before {
  left: auto;
  right: 22px;
}

.sub-menu::before {
  content: "";

  position: absolute;
  top: -7px;
  left: 22px;

  width: 14px;
  height: 14px;

  background: #ffffff;
  border-left: 1px solid rgba(10, 64, 112, .12);
  border-top: 1px solid rgba(10, 64, 112, .12);

  transform: rotate(45deg);
}

.sub-menu a {
  display: block;

  padding: 11px 14px;

  color: #15395f;

  border-radius: 6px;

  font-size: 14px;
  line-height: 1.25;
  text-decoration: none;

  transition:
    color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.sub-menu a:hover,
.sub-menu a:focus-visible {
  color: #034c88;

  background: #eef6fc;

  transform: translateX(3px);
}

.sub-menu a:focus-visible {
  outline: 2px solid rgba(3, 76, 136, .35);
  outline-offset: 1px;
}

.nav-menu-item:hover > .sub-menu,
.nav-menu-item:focus-within > .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  background: #ffffff;
  animation: dropdownFade .18s ease both;
}

@keyframes dropdownFade {

  from {
    opacity: 0;
    transform: translateY(6px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.nav-item::before,
.nav-item::after {
  content: "";

  position: absolute;
  left: 16px;
  right: 16px;

  opacity: 0;

  transition:
    opacity .25s ease,
    transform .25s ease;
}

.nav-item::before {
  inset-block: 9px;
  z-index: -1;

  border-radius: 6px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.18),
      rgba(255,255,255,.08)
    );

  transform: scale(.94);
}

.nav-item::after {
  bottom: 0;

  height: 4px;

  border-radius: 999px 999px 0 0;

  background: #ff9800;

  transform: scaleX(.2);
  transform-origin: center;
}

.nav-item:hover,
.nav-item:focus-visible {
  color: #ffffff;

  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);

  transform: translateY(-1px);
}

.nav-item:hover::before,
.nav-item:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}

.nav-item:hover::after,
.nav-item:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.nav-item:focus-visible {
  outline: 2px solid rgba(255,255,255,.75);
  outline-offset: -6px;
}


/* ACTIVE */

.nav-item.active {
  padding-left: 20px;
  padding-right: 22px;

  background:
    linear-gradient(
      180deg,
      #0864ad 0%,
      #064a86 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.08);
}

.nav-item.active::after {
  left: 0;
  right: 0;
  bottom: 0;

  height: 4px;

  background: #ff9800;

  opacity: 1;
  transform: scaleX(1);
}


/* HOME ICON */

.home-svg {
  width: 23px;
  height: 23px;

  fill: #ffffff;

  transition: transform .25s ease;
}

.nav-item:hover .home-svg,
.nav-item:focus-visible .home-svg {
  transform: translateY(-1px) scale(1.06);
}


/* ARROW */

.arrow {
  position: relative;
  top: -2px;

  color: #e9f4ff;

  font-size: 18px;

  transition: transform .25s ease;
}

.nav-item:hover .arrow,
.nav-item:focus-visible .arrow {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {

  .nav-item,
  .nav-item::before,
  .nav-item::after,
  .sub-menu,
  .sub-menu a,
  .home-svg,
  .arrow {
    transition: none;
  }
}


/* ===============================
   TRICOLOR
================================ */

.tricolor-line {
  position: relative;
  z-index: 1;

  height: 6px;
  width: 100%;

  display: flex;

  pointer-events: none;
}

.tricolor-line span {
  height: 100%;
  display: block;
}

.tricolor-line .orange {
  width: 42%;
  background: #ff8c00;
}

.tricolor-line .white {
  width: 14%;
  background: #ffffff;
}

.tricolor-line .green {
  width: 44%;
  background: #139447;
}


/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 1300px) {

  .header-container {
    width: calc(100% - 40px);
  }

  .brand-text h1 {
    font-size: 23px;
  }

  .brand-text p {
    font-size: 15px;
  }

  .hmcg-logo {
    width: 95px;
    height: 95px;
  }

  .institution {
    width: 90px;
  }

  .institution.ministry {
    width: 135px;
  }

  .nav-item {
    padding: 0 12px;
    font-size: 13px;
  }

}


/* TABLET / MOBILE */

@media (max-width: 991px) {

  .header-container {
    width: calc(100% - 30px);
  }

  .gov-right {
    display: none;
  }

  .gov-left {
    font-size: 12px;
  }

  .notification-inner {
    min-height: 40px;
    gap: 10px;
  }

  .notification-label {
    padding: 0 10px;
    font-size: 12px;
  }

  .notification-ticker {
    font-size: 13px;
  }

  .notification-track {
    gap: 28px;
    animation-duration: 24s;
  }


  .brand-inner {
    min-height: auto;
    padding: 18px 0;
  }

  .hmcg-logo {
    width: 72px;
    height: 72px;
  }

  .brand-text h1 {
    font-size: 18px;
  }

  .brand-text p {
    font-size: 12px;
  }

  .institution-logos {
    display: none;
  }


  .nav-inner {
    height: auto;
  }

  .nav-links {
    flex-direction: row;
    flex-wrap: wrap;

    width: 100%;

    overflow: visible;
  }

  .nav-menu-item {
    flex: 1 1 190px;
  }

  .nav-item {
    padding: 0 14px;
    min-height: 58px;
  }

  .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;

    width: max-content;
    min-width: 220px;
    max-width: min(300px, calc(100vw - 30px));
    max-height: 70vh;

    padding: 8px;

    overflow-y: auto;

    border-width: 1px;
    border-radius: 8px;
    box-shadow: 0 18px 34px rgba(9, 43, 75, .18);
  }

  .sub-menu::before {
    display: block;
  }

}

/* =========================================================
   HMCG SSC BRAND SYSTEM
   Central palette and restrained institutional overrides.
   ========================================================= */
:root {
  --hmcg-primary: #023166;
  --hmcg-primary-dark: #022B60;
  --hmcg-secondary: #07589C;
  --hmcg-link: #0876C9;
  --hmcg-light-blue: #EAF4FC;
  --hmcg-soft-blue: #F3F8FC;
  --hmcg-white: #FFFFFF;
  --hmcg-bg: #F7F9FC;
  --hmcg-text: #1F2937;
  --hmcg-text-muted: #5B6675;
  --hmcg-border: #DDE5ED;
  --hmcg-grey: #7D8C82;
  --hmcg-saffron: #FF9933;
  --hmcg-green: #138808;
}

body { color: var(--hmcg-text); background: var(--hmcg-bg); }
a { color: var(--hmcg-link); }
a:hover { color: var(--hmcg-primary); }

.notification-bar { background: var(--hmcg-primary); border-bottom-color: var(--hmcg-primary-dark); }
.notification-label { background: var(--hmcg-saffron); }
.notification-track span::before { background: var(--hmcg-green); }
.notification-contact { background: var(--hmcg-saffron); border-color: var(--hmcg-saffron); }
.notification-career { color: var(--hmcg-primary); }

.brand-area { background: var(--hmcg-white); }
.brand-text h1 { color: var(--hmcg-primary); }
.brand-text p { color: var(--hmcg-text-muted); }
.logo-divider { background: var(--hmcg-border); }

.main-navigation { background: var(--hmcg-primary); box-shadow: 0 8px 20px rgba(2,49,102,.14); }
.nav-item.active { background: var(--hmcg-secondary); }
.nav-item::after, .nav-item.active::after { background: var(--hmcg-saffron); }
.sub-menu { border-color: var(--hmcg-border); box-shadow: 0 14px 28px rgba(2,49,102,.14); }
.sub-menu a { color: var(--hmcg-primary); }
.sub-menu a:hover, .sub-menu a:focus-visible { color: var(--hmcg-primary); background: var(--hmcg-soft-blue); }
.tricolor-line .orange { background: var(--hmcg-saffron); }
.tricolor-line .green { background: var(--hmcg-green); }

button, input, select, textarea { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(8,118,201,.35);
  outline-offset: 2px;
}
.header-action-primary, .hmc-about-btn { background: var(--hmcg-primary); border-color: var(--hmcg-primary); }
.header-action-primary:hover, .hmc-about-btn:hover { background: var(--hmcg-secondary); }
.header-action-outline { color: var(--hmcg-primary); border-color: var(--hmcg-primary); }
.header-action-outline:hover { background: var(--hmcg-light-blue); }

/* Shared content primitives used by home and inner pages. */
.hmc-about-impact, .hmc-hero { background: var(--hmcg-soft-blue); }
.hmc-about-content h2, .hmc-section-heading, .provided-content h2 { color: var(--hmcg-primary); }
.hmc-about-content p, .provided-content p { color: var(--hmcg-text-muted); }
.hmc-section-label span, .hmc-section-label::before { background: var(--hmcg-saffron); }
.hmc-slider { background: var(--hmcg-light-blue); }
.hmc-slider-arrow { color: var(--hmcg-primary); border-color: var(--hmcg-border); }
.hmc-slider-arrow:hover { background: var(--hmcg-primary); }
.hmc-dot.active { background: var(--hmcg-secondary); }

/* Forms, tables and common cards. */
input, select, textarea { color: var(--hmcg-text); border-color: var(--hmcg-border); }
input:focus, select:focus, textarea:focus { border-color: var(--hmcg-secondary); box-shadow: 0 0 0 3px rgba(7,88,156,.10); }
table th { background: var(--hmcg-primary); color: var(--hmcg-white); }
table td { border-color: var(--hmcg-border); }
table tr:nth-child(even) { background: var(--hmcg-bg); }
table tr:hover { background: var(--hmcg-light-blue); }

/* =====================================
   HMCGSSC HERO IMAGE SLIDER
===================================== */

.hmc-hero {
    width: 100%;
    background: #eef7fd;
    overflow: hidden;
}

.hmc-slider {
    position: relative;

    width: 100%;
    height: clamp(420px, 38vw, 650px);

    overflow: hidden;
    background: #eaf4fb;
}


/* Slides */

.hmc-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    visibility: hidden;

    transform: scale(1.015);

    transition:
        opacity 0.7s ease,
        visibility 0.7s ease,
        transform 1.2s ease;
}

.hmc-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}


/* Images */

.hmc-slide img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    user-select: none;
}

.hmc-slide img.new-slider-image {
    object-fit: contain;
    object-position: center;
    background: transparent;
}


/* Optional subtle bottom overlay */

.hmc-slider::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 100px;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(1, 42, 82, 0.16),
            transparent
        );

    z-index: 2;
}


/* =====================================
   ARROWS
===================================== */

.hmc-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(5, 62, 119, 0.12);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.94);

    color: #064785;

    font-size: 25px;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 5px 20px rgba(0, 41, 83, 0.15);

    transform: translateY(-50%);

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.hmc-slider-arrow:hover {
    background: #064785;
    color: #fff;

    transform:
        translateY(-50%)
        scale(1.06);
}

.hmc-prev {
    left: 30px;
}

.hmc-next {
    right: 30px;
}


/* =====================================
   DOTS
===================================== */

.hmc-slider-dots {
    position: absolute;

    left: 50%;
    bottom: 24px;

    z-index: 10;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 9px 13px;

    border-radius: 30px;

    background: rgba(255, 255, 255, 0.9);

    box-shadow:
        0 4px 15px rgba(0, 39, 79, 0.12);

    transform: translateX(-50%);
}

.hmc-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #b8cee1;

    cursor: pointer;

    transition:
        width 0.3s ease,
        border-radius 0.3s ease,
        background 0.3s ease;
}

.hmc-dot.active {
    width: 28px;

    border-radius: 10px;

    background: #0756a0;
}


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

@media (max-width: 991px) {

    .hmc-slider {
        height: 480px;
    }

    .hmc-slider-arrow {
        width: 44px;
        height: 44px;

        font-size: 20px;
    }

    .hmc-prev {
        left: 15px;
    }

    .hmc-next {
        right: 15px;
    }
}


@media (max-width: 600px) {

    .hmc-slider {
        height: 330px;
    }

    .hmc-slide img {
        object-fit: cover;
    }

    .hmc-slide img.new-slider-image {
        object-fit: contain;
    }

    .hmc-slider-arrow {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }

    .hmc-prev {
        left: 10px;
    }

    .hmc-next {
        right: 10px;
    }

    .hmc-slider-dots {
        bottom: 14px;

        gap: 7px;

        padding: 7px 10px;
    }

    .hmc-dot {
        width: 7px;
        height: 7px;
    }

    .hmc-dot.active {
        width: 22px;
    }
}

/* Keep every homepage slider image inside the same visual frame. */
.hmc-slide img,
.hmc-slide img.new-slider-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #eaf4fb;
}

/* ==================================
   ABOUT + IMPACT SECTION
================================== */

.hmc-about-impact {
    position: relative;
    overflow: hidden;

    padding: 72px 0;

    background:
        linear-gradient(
            105deg,
            #f7fbff 0%,
            #eef8ff 50%,
            #eaf6fd 100%
        );

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.hmc-impact-container {
    position: relative;
    z-index: 2;

    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.55fr 1.55fr;

    gap: 70px;
    align-items: center;
}


/* ==================================
   ABOUT CONTENT
================================== */

.hmc-about-content {
    max-width: 520px;
}

.hmc-section-label {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 16px;

    color: #173a66;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.8px;
}

.hmc-section-label span {
    width: 34px;
    height: 4px;

    border-radius: 20px;

    background: #ff9700;
}

.hmc-about-content h2 {
    margin: 0 0 18px;

    color: #0a2e60;

    font-size: 34px;
    line-height: 1.16;

    font-weight: 750;

    letter-spacing: -0.7px;
}

.hmc-about-content h2 strong {
    color: #075eb6;
    font-weight: inherit;
}

.hmc-about-content p {
    max-width: 510px;

    margin: 0 0 25px;

    color: #394d64;

    font-size: 15px;
    line-height: 1.72;
}


/* BUTTON */

.hmc-about-btn {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    padding: 0 21px;

    border-radius: 6px;

    background: #064b91;

    color: #ffffff;

    font-size: 14px;
    font-weight: 650;

    text-decoration: none;

    box-shadow: 0 5px 14px rgba(0, 65, 130, .12);

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.hmc-about-btn svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hmc-about-btn:hover {
    background: #033e79;

    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(0, 65, 130, .17);
}


/* ==================================
   STATISTICS
================================== */

.hmc-stats-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}


/* CARD */

.hmc-stat-card {
    min-height: 138px;

    padding: 23px 24px 21px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: rgba(214, 237, 250, .72);

    border: 1px solid rgba(183, 218, 239, .55);
    border-radius: 12px;

    box-shadow:
        0 7px 18px rgba(30, 86, 126, .055);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.hmc-stat-card:hover {
    transform: translateY(-4px);

    border-color: #a9d7f1;

    box-shadow:
        0 12px 26px rgba(30, 86, 126, .11);
}


/* NUMBER + ICON */

.hmc-stat-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}

.hmc-stat-number {
    color: #061c3d;

    font-size: 34px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: -1px;
}


/* ICON CIRCLE */

.hmc-stat-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 4px 10px rgba(20, 76, 115, .08);
}

.hmc-stat-icon svg {
    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ICON COLORS */

.hmc-stat-icon.orange {
    color: #ff9800;
}

.hmc-stat-icon.blue {
    color: #1976d2;
}

.hmc-stat-icon.green {
    color: #25a95a;
}

.hmc-stat-icon.cyan {
    color: #169ed7;
}

.hmc-stat-icon.red {
    color: #f45167;
}


/* CARD LABEL */

.hmc-stat-title {
    margin-top: 20px;

    color: #102844;

    font-size: 13px;
    line-height: 1.35;

    font-weight: 650;
}


/* ==================================
   DECORATIVE MAP PATTERN
================================== */

.hmc-impact-pattern {
    position: absolute;

    width: 290px;
    height: 330px;

    right: -45px;
    top: 10px;

    opacity: .25;

    background-image:
        radial-gradient(
            circle,
            #69b8ed 1.5px,
            transparent 1.7px
        );

    background-size: 9px 9px;

    mask-image:
        linear-gradient(
            to left,
            #000 20%,
            transparent 90%
        );

    -webkit-mask-image:
        linear-gradient(
            to left,
            #000 20%,
            transparent 90%
        );
}


/* ==================================
   RESPONSIVE
================================== */

@media (max-width: 1100px) {

    .hmc-impact-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .hmc-about-content {
        max-width: 700px;
    }

    .hmc-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 768px) {

    .hmc-about-impact {
        padding: 55px 0;
    }

    .hmc-impact-container {
        width: calc(100% - 32px);
    }

    .hmc-about-content h2 {
        font-size: 29px;
    }

    .hmc-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hmc-stat-card {
        min-height: 130px;
    }
}


@media (max-width: 520px) {

    .hmc-about-content h2 {
        font-size: 26px;
    }

    .hmc-about-content h2 br {
        display: none;
    }

    .hmc-about-content p {
        font-size: 14px;
    }

    .hmc-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hmc-stat-card {
        min-height: 115px;
    }

    .hmc-stat-number {
        font-size: 31px;
    }

    .hmc-impact-pattern {
        display: none;
    }
}
/* ==========================================================
   HMCGSSC PHOTO GALLERY
========================================================== */

.hmc-gallery-section {
    position: relative;
    overflow: hidden;
    padding: 80px 0 85px;
    background: linear-gradient(120deg, #f9fcff 0%, #eef8ff 55%, #f9fcff 100%);
}

.hmc-gallery-container {
    position: relative;
    z-index: 2;
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}


/* HEADING */

.hmc-gallery-heading {
    max-width: 750px;
    margin: 0 auto 25px;
    text-align: center;
}

.hmc-gallery-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 13px;

    color: #d97706;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.hmc-gallery-eyebrow::before {
    content: "";
    width: 38px;
    height: 4px;
    background: #ff9500;
    border-radius: 10px;
}

.hmc-gallery-heading h2 {
    margin: 0 0 12px;

    color: #092e60;

    font-size: 40px;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: -0.8px;
}

.hmc-gallery-heading h2 span {
    color: #1267c4;
}

.hmc-gallery-heading p {
    margin: 0;

    color: #536a84;

    font-size: 15px;
    line-height: 1.65;
}


/* FILTERS */

.hmc-gallery-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 9px;

    margin: 27px 0 35px;
}

.hmc-gallery-filter {
    min-height: 42px;

    padding: 0 19px;

    border: 1px solid #c8ddec;
    border-radius: 7px;

    background: #fff;

    color: #183a66;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition: .25s ease;
}

.hmc-gallery-filter:hover {
    border-color: #0757aa;
    color: #0757aa;
    transform: translateY(-2px);
}

.hmc-gallery-filter.active {
    border-color: #0757aa;
    background: #0757aa;
    color: #fff;

    box-shadow: 0 6px 16px rgba(7,87,170,.15);
}


/* SLIDER */

.hmc-gallery-slider {
    position: relative;
}


/* GRID */

.hmc-gallery-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(0, .95fr)
        minmax(0, .82fr);

    grid-template-rows: 225px 225px;

    gap: 14px;
}


/* BIG IMAGE */

.hmc-gallery-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}

.hmc-gallery-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.hmc-gallery-item:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}

.hmc-gallery-item:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
}

.hmc-gallery-item:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}


/* IMAGE CARD */

.hmc-gallery-item {
    position: relative;

    overflow: hidden;

    border: 1px solid #d7e5ef;
    border-radius: 11px;

    background: #dcecf7;

    cursor: pointer;

    box-shadow: 0 8px 22px rgba(20,68,108,.07);

    opacity: 0;
    transform: translateY(25px);

    transition:
        opacity .65s ease,
        transform .65s ease,
        box-shadow .35s ease;
}

.hmc-gallery-item.hmc-gallery-visible {
    opacity: 1;
    transform: translateY(0);
}

.hmc-gallery-item:hover {
    box-shadow: 0 16px 34px rgba(20,68,108,.14);
}

.hmc-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .65s cubic-bezier(.2,.7,.2,1);
}

.hmc-gallery-item:hover img {
    transform: scale(1.045);
}

/* Gallery card layout */
.hmc-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 225px);
}
.hmc-gallery-item:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
}
.hmc-gallery-item {
    border-radius: 10px;
}
.hmc-gallery-overlay {
    padding: 16px;
}
.hmc-gallery-overlay h3 {
    font-size: 15px;
}
@media(max-width:900px){.hmc-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,210px)}}
@media(max-width:520px){.hmc-gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,210px)}}

/* Gallery blue-white visual theme */
.hmc-gallery-section{background:linear-gradient(180deg,#f5f9fd 0%,#edf5fc 100%)}
.hmc-gallery-heading h2{color:#0d478e}
.hmc-gallery-heading h2 span{color:#0d478e}
.hmc-gallery-heading p{color:#6b7f99}
.hmc-gallery-eyebrow{color:#0d478e}
.hmc-gallery-filter{border-color:#cfe0f2;background:#fff;color:#0d478e}
.hmc-gallery-filter:hover,.hmc-gallery-filter.active{border-color:#0d478e;background:#0d478e;color:#fff;box-shadow:0 6px 14px #0d478e2b}
.hmc-gallery-item{border:1px solid #dceaf7;border-bottom:4px solid #0d478e;border-radius:11px;background:#fff;box-shadow:0 10px 24px #0d478e14}
.hmc-gallery-item:hover{box-shadow:0 16px 32px #0d478e29}
.hmc-gallery-overlay{background:linear-gradient(180deg,transparent 28%,#07346dcc 100%)}
.hmc-gallery-overlay span{color:#dbeeff}
.hmc-gallery-view{background:#e8f2fc;color:#0d478e;border-color:#fff}
.hmc-gallery-view:hover{background:#0d478e;color:#fff}
.hmc-gallery-dot{background:#c5d9ec}.hmc-gallery-dot.active{background:#0d478e}
.hmc-gallery-arrow{background:#fff;color:#0d478e;border-color:#d5e5f3;box-shadow:0 6px 16px #0d478e1c}
.hmc-gallery-arrow:hover{background:#0d478e;color:#fff}
.hmc-gallery-more{background:#0d478e;color:#fff;box-shadow:0 8px 18px #0d478e2b}
.hmc-gallery-more:hover{background:#07346d}


/* FOCAL POSITION */

.hmc-gallery-item:nth-child(1) img {
    object-position: 48% 40%;
}

.hmc-gallery-item:nth-child(2) img {
    object-position: 50% 50%;
}

.hmc-gallery-item:nth-child(3) img {
    object-position: 49% 30%;
}

.hmc-gallery-item:nth-child(4) img {
    object-position: 48% 47%;
}

.hmc-gallery-item:nth-child(5) img {
    object-position: 48% 37%;
}


/* OVERLAY */

.hmc-gallery-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 20px;

    background:
        linear-gradient(
            180deg,
            transparent 40%,
            rgba(3,31,67,.08) 55%,
            rgba(3,31,67,.86) 100%
        );

    color: #fff;

    opacity: 0;

    transition: opacity .35s ease;
}

.hmc-gallery-item:hover .hmc-gallery-overlay {
    opacity: 1;
}

.hmc-gallery-overlay span {
    margin-bottom: 5px;

    color: #ffd18a;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.hmc-gallery-overlay h3 {
    margin: 0;

    color: #fff;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 650;
}


/* VIEW ICON */

.hmc-gallery-view {
    position: absolute;

    top: 15px;
    right: 15px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff;

    color: #0757aa;

    opacity: 0;
    transform: translateY(-7px);

    transition: .3s ease;
}

.hmc-gallery-item:hover .hmc-gallery-view {
    opacity: 1;
    transform: translateY(0);
}

.hmc-gallery-view svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

/* Gallery cards are interactive: keep the zoom affordance visible and make
 * the click target obvious even when the pointer is over the image itself. */
.hmc-gallery-item{cursor:zoom-in!important;position:relative!important}
.hmc-gallery-view{opacity:0!important;visibility:hidden!important;transform:translateY(-7px)!important;z-index:5!important;cursor:zoom-in!important;pointer-events:none!important}
.hmc-gallery-item:hover .hmc-gallery-view{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.hmc-gallery-item:hover > .hmc-gallery-overlay{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.hmc-gallery-item:hover > img{transform:scale(1.045)!important}
/* Final gallery state: do not let the scroll-reveal animation hide the cards
 * when the section is opened from an anchor or restored from browser history. */
.hmc-gallery-grid .hmc-gallery-item{opacity:1!important;visibility:visible!important;transform:none!important}
.hmc-gallery-grid .hmc-gallery-item:hover .hmc-gallery-overlay{opacity:1!important;visibility:visible!important}
.hmc-gallery-grid .hmc-gallery-item:hover .hmc-gallery-view{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.hmc-gallery-grid .hmc-gallery-item:hover{transform:translateY(0) scale(1.012)!important}


/* ARROWS */

.hmc-gallery-arrow {
    position: absolute;
    z-index: 10;

    top: 50%;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #d3e2ed;
    border-radius: 50%;

    background: #fff;

    color: #0757aa;

    cursor: pointer;

    box-shadow: 0 7px 20px rgba(13,67,110,.13);

    transform: translateY(-50%);

    transition: .25s ease;
}

.hmc-gallery-arrow:hover {
    background: #0757aa;
    border-color: #0757aa;
    color: #fff;
}

.hmc-gallery-arrow svg {
    width: 21px;
    height: 21px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.hmc-gallery-prev {
    left: -24px;
}

.hmc-gallery-next {
    right: -24px;
}


/* PAGINATION */

.hmc-gallery-pagination {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 24px;
}

.hmc-gallery-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;
    border-radius: 20px;

    background: #bdd7e9;

    cursor: pointer;

    transition: .3s ease;
}

.hmc-gallery-dot.active {
    width: 28px;
    background: #0757aa;
}


/* VIEW MORE */

.hmc-gallery-footer {
    margin-top: 24px;
    text-align: center;
}

.hmc-gallery-more {
    min-height: 47px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    padding: 0 25px;

    border-radius: 7px;

    background: #0757aa;

    color: #fff;

    font-size: 14px;
    font-weight: 650;

    text-decoration: none;

    transition: .25s ease;
}

.hmc-gallery-more:hover {
    background: #043f80;
    color: #fff;
    transform: translateY(-2px);
}

.hmc-gallery-more svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}


/* DECORATIONS */

.hmc-gallery-shape {
    position: absolute;
    pointer-events: none;
}

.hmc-gallery-shape-left {
    width: 350px;
    height: 350px;

    left: -235px;
    top: 180px;

    border: 60px solid rgba(34,134,218,.055);
    border-radius: 50%;
}

.hmc-gallery-shape-right {
    width: 350px;
    height: 350px;

    right: -220px;
    top: -180px;

    border: 60px solid rgba(34,134,218,.055);
    border-radius: 50%;
}

.hmc-gallery-dots-pattern {
    position: absolute;

    top: 100px;
    right: 30px;

    width: 140px;
    height: 140px;

    opacity: .14;

    background-image:
        radial-gradient(#268dd4 1.5px, transparent 1.5px);

    background-size: 10px 10px;
}


/* ==========================================================
   LIGHTBOX
========================================================== */

.hmc-gallery-lightbox {
    position: fixed;
    z-index: 999999;

    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px;

    background: rgba(3,18,38,.92);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}

.hmc-gallery-lightbox.open {
    opacity: 1;
    visibility: visible;
}

.hmc-gallery-lightbox-inner {
    position: relative;

    width: min(1050px, 100%);
}

.hmc-gallery-lightbox img {
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80vh;

    object-fit: contain;

    margin: 0 auto;
    background: transparent;

    border-radius: 10px;

    box-shadow: 0 25px 70px rgba(0,0,0,.35);
}

.hmc-gallery-lightbox-caption {
    margin-top: 13px;

    color: #fff;

    text-align: center;

    font-size: 15px;
}

.hmc-gallery-lightbox-close {
    position: absolute;

    top: -18px;
    right: -18px;

    z-index: 5;

    width: 44px;
    height: 44px;

    border: 0;
    border-radius: 50%;

    background: #fff;

    color: #092e60;

    font-size: 27px;
    line-height: 1;

    cursor: pointer;

    box-shadow: 0 5px 18px rgba(0,0,0,.2);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .hmc-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 220px 220px;
    }

    .hmc-gallery-item:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .hmc-gallery-item:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .hmc-gallery-item:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    .hmc-gallery-item:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }

    .hmc-gallery-item:nth-child(5) {
        grid-column: 2;
        grid-row: 3;
    }

}


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

@media (max-width: 650px) {

    .hmc-gallery-section {
        padding: 55px 0;
    }

    .hmc-gallery-container {
        width: calc(100% - 30px);
    }

    .hmc-gallery-heading h2 {
        font-size: 30px;
    }

    .hmc-gallery-heading p {
        font-size: 14px;
    }

    .hmc-gallery-filters {
        justify-content: flex-start;

        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .hmc-gallery-filter {
        flex: 0 0 auto;
    }

    .hmc-gallery-grid {
        display: flex;
        flex-direction: column;
    }

    .hmc-gallery-item {
        height: 240px;
    }

    .hmc-gallery-prev {
        left: -8px;
    }

    .hmc-gallery-next {
        right: -8px;
    }

    .hmc-gallery-arrow {
        width: 42px;
        height: 42px;
    }

    .hmc-gallery-lightbox {
        padding: 20px;
    }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .hmc-gallery-item,
    .hmc-gallery-item img,
    .hmc-gallery-filter {
        transition: none;
    }

}

/* ==========================================
   STORIES THAT INSPIRE CHANGE
========================================== */

.hmc-stories {
    position: relative;
    overflow: hidden;

    padding: 90px 0;

    background:
        radial-gradient(
            circle at 8% 80%,
            rgba(55, 145, 255, 0.10) 0,
            rgba(55, 145, 255, 0.10) 120px,
            transparent 121px
        ),
        radial-gradient(
            circle at 77% -15%,
            rgba(76, 157, 255, 0.09) 0,
            rgba(76, 157, 255, 0.09) 150px,
            transparent 151px
        ),
        #f4faff;
}


/* CONTAINER */

.hmc-stories-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(310px, 0.85fr)
        minmax(0, 1.75fr);

    gap: 65px;

    align-items: center;
}


/* ==========================================
   LEFT SIDE
========================================== */

.hmc-stories-intro {
    position: relative;
    z-index: 2;
}

.hmc-section-label {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 18px;

    color: #0753a1;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 750;

    letter-spacing: 0.7px;
}

.hmc-section-label span {
    display: block;

    width: 50px;
    height: 5px;

    flex: 0 0 50px;

    border-radius: 20px;

    background: #ff9500;
}


.hmc-stories-intro h2 {
    margin: 0 0 17px;

    color: #082b58;

    font-size: clamp(38px, 3.2vw, 56px);
    line-height: 1.05;

    letter-spacing: -1.7px;

    font-weight: 750;
}

.hmc-stories-intro h2 strong {
    display: inline-block;

    color: #2675dd;

    font-weight: 750;
}


.hmc-stories-intro h3 {
    margin: 0 0 18px;

    color: #304864;

    font-size: 18px;
    line-height: 1.5;

    font-weight: 650;
}


.hmc-stories-intro > p {
    max-width: 430px;

    margin: 0 0 28px;

    color: #53677e;

    font-size: 16px;
    line-height: 1.75;
}


/* BUTTON */

.hmc-stories-btn {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 25px;

    padding: 0 25px;

    border-radius: 7px;

    background: #0755a5;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;
    font-weight: 650;

    box-shadow:
        0 6px 15px rgba(7, 85, 165, 0.12);

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.hmc-stories-btn:hover {
    background: #043f7d;

    transform: translateY(-2px);
}

.hmc-stories-btn span {
    font-size: 20px;
}


/* ==========================================
   SLIDER AREA
========================================== */

.hmc-testimonial-area {
    position: relative;

    min-width: 0;

    padding-bottom: 45px;
}


/*
 * IMPORTANT:
 * Overflow visible gives us the partial
 * next-card effect from the mockup.
 */

.hmc-testimonial-viewport {
    width: 100%;

    overflow: hidden;

    border-radius: 14px;
}


.hmc-testimonial-track {
    display: flex;

    gap: 25px;

    transition:
        transform 0.65s
        cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


/* ==========================================
   TESTIMONIAL CARD
========================================== */

.hmc-testimonial-card {
    min-width: 100%;

    display: grid;

    grid-template-columns: 47% 53%;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e3edf6;
    border-radius: 14px;

    box-shadow:
        0 8px 30px rgba(18, 70, 116, 0.08);
}


/* IMAGE */

.hmc-story-image {
    min-height: 410px;

    overflow: hidden;

    background: #eaf3f9;
}

.hmc-story-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.6s ease;
}

.hmc-testimonial-card:hover
.hmc-story-image img {
    transform: scale(1.025);
}


/* ==========================================
   STORY CONTENT
========================================== */

.hmc-story-content {
    position: relative;

    min-height: 410px;

    display: flex;
    flex-direction: column;

    padding: 34px 38px 30px;
}


.hmc-quote-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    border-radius: 50%;

    background: #e9f4ff;

    color: #0759ac;

    font-family: Georgia, serif;

    font-size: 39px;
    line-height: 1;

    font-weight: 700;
}


.hmc-story-content blockquote {
    margin: 0;

    color: #173555;

    font-size: 17px;
    line-height: 1.65;

    font-weight: 500;
}


.hmc-small-line {
    width: 38px;
    height: 2px;

    margin: 22px 0;

    background: #0755a5;
}


/* PERSON */

.hmc-person {
    display: flex;
    align-items: center;

    gap: 14px;
}


.hmc-person-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef7ff;
}


.hmc-person-icon svg {
    width: 25px;
    height: 25px;

    fill: none;

    stroke: #0755a5;
    stroke-width: 1.8;
}


.hmc-person h4 {
    margin: 0 0 4px;

    color: #082b58;

    font-size: 17px;

    font-weight: 750;
}


.hmc-person p {
    margin: 0;

    color: #526b84;

    font-size: 13px;
    line-height: 1.5;
}


.hmc-person p span {
    margin: 0 5px;

    color: #9aaabb;
}


/* READ MORE */

.hmc-read-story {
    width: fit-content;

    min-height: 46px;

    display: inline-flex;
    align-items: center;

    gap: 18px;

    margin-top: auto;

    padding: 0 20px;

    border-radius: 6px;

    background: #edf6ff;

    color: #0755a5;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


.hmc-read-story:hover {
    background: #0755a5;

    color: #ffffff;
}


.hmc-read-story span {
    font-size: 19px;
}


/* ==========================================
   ARROWS
========================================== */

.hmc-story-arrow {
    position: absolute;

    top: calc(50% - 22px);

    z-index: 20;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid #bed8f0;
    border-radius: 50%;

    background: #ffffff;

    color: #0755a5;

    font-family: Arial, sans-serif;
    font-size: 36px;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 5px 20px rgba(20, 72, 117, 0.12);

    transform: translateY(-50%);

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


.hmc-story-arrow:hover {
    background: #0755a5;

    color: #ffffff;

    transform:
        translateY(-50%)
        scale(1.05);
}


.hmc-story-prev {
    left: -25px;
}


.hmc-story-next {
    right: -25px;
}


/* ==========================================
   DOTS
========================================== */

.hmc-story-dots {
    position: absolute;

    left: 50%;
    bottom: 3px;

    display: flex;
    align-items: center;

    gap: 9px;

    transform: translateX(-50%);
}


.hmc-story-dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #c9def2;

    cursor: pointer;

    transition: all 0.25s ease;
}


.hmc-story-dot.active {
    width: 22px;

    border-radius: 10px;

    background: #0755a5;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

    .hmc-stories-container {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .hmc-stories-intro {
        max-width: 700px;
    }

    .hmc-stories-intro h2 br {
        display: none;
    }

}


@media (max-width: 768px) {

    .hmc-stories {
        padding: 65px 0;
    }

    .hmc-stories-container {
        width: calc(100% - 32px);
    }

    .hmc-stories-intro h2 {
        font-size: 38px;
    }

    .hmc-testimonial-card {
        grid-template-columns: 1fr;
    }

    .hmc-story-image {
        min-height: 320px;
        height: 320px;
    }

    .hmc-story-content {
        min-height: 360px;

        padding: 27px 24px;
    }

    .hmc-story-content blockquote {
        font-size: 15px;
    }

    .hmc-story-prev {
        left: 10px;
    }

    .hmc-story-next {
        right: 10px;
    }

}


@media (max-width: 480px) {

    .hmc-stories-intro h2 {
        font-size: 34px;
    }

    .hmc-section-label {
        font-size: 11px;
    }

    .hmc-section-label span {
        width: 35px;
        flex-basis: 35px;
    }

    .hmc-story-image {
        min-height: 260px;
        height: 260px;
    }

}

* {
  box-sizing: border-box;
}

.awards-section {
  position: relative;
  overflow: hidden;

  padding: 90px 0;

  background:
    radial-gradient(circle at 94% 15%,
      rgba(70, 153, 235, .12) 0,
      rgba(70, 153, 235, .12) 170px,
      transparent 171px),
    radial-gradient(circle at 5% 100%,
      rgba(72, 156, 240, .09) 0,
      rgba(72, 156, 240, .09) 150px,
      transparent 151px),
    #f4faff;

  font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.awards-wrap {
  width: min(1280px, calc(100% - 60px));
  margin: auto;

  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);

  gap: 60px;
  align-items: center;
}


/* LEFT */

.section-kicker {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 20px;

  color: #0752a0;

  font-size: 13px;
  font-weight: 800;

  letter-spacing: .7px;
}

.section-kicker > span {
  width: 48px;
  height: 5px;

  border-radius: 20px;

  background: #ff9500;
}

.awards-intro h2 {
  margin: 0 0 18px;

  color: #092e5e;

  font-size: 54px;
  line-height: 1.05;

  letter-spacing: -1.5px;
}

.awards-intro h2 strong {
  color: #176bd2;
}

.awards-intro h3 {
  margin: 0 0 17px;

  color: #344c68;

  font-size: 19px;
}

.awards-intro > p {
  margin: 0;

  color: #536a83;

  font-size: 16px;
  line-height: 1.7;
}


/* STATS */

.award-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  gap: 18px;

  margin: 28px 0;
}

.stat-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 10px;

  border-radius: 50%;

  background: #fff;

  box-shadow: 0 5px 18px rgba(15, 74, 127, .08);

  font-size: 22px;
}

.award-stat strong {
  display: block;

  margin-bottom: 5px;

  color: #0a5abb;

  font-size: 30px;
}

.award-stat span {
  color: #506780;

  font-size: 13px;
  line-height: 1.45;
}


/* MAIN BUTTON */

.award-main-btn {
  min-height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;

  padding: 0 24px;

  border-radius: 7px;

  background: #0756aa;

  color: white;

  text-decoration: none;

  font-size: 14px;
  font-weight: 700;

  transition: .25s;
}

.award-main-btn:hover {
  background: #043f7e;
  transform: translateY(-2px);
}

.award-main-btn span {
  font-size: 20px;
}


/* RIGHT PANEL */

.awards-panel {
  position: relative;

  min-width: 0;

  padding-bottom: 50px;

  overflow: hidden;

  background: rgba(255,255,255,.84);

  border: 1px solid #e2edf6;
  border-radius: 15px;

  box-shadow: 0 10px 35px rgba(18, 71, 118, .08);
}


/* TABS */

.awards-tabs {
  position: relative;

  min-height: 68px;

  display: flex;
  align-items: stretch;

  padding-right: 130px;

  background: #f7f9fc;

  border-bottom: 1px solid #e5edf4;
}

.award-tab {
  position: relative;

  min-width: 245px;

  display: flex;
  align-items: center;

  gap: 10px;

  padding: 0 24px;

  border: 0;

  background: transparent;

  color: #455a73;

  font-size: 14px;
  font-weight: 700;

  cursor: pointer;
}

.award-tab.active {
  background: #fff;
  color: #0753a2;
}

.award-tab.active::after {
  content: "";

  position: absolute;

  left: 20px;
  right: 20px;
  bottom: 0;

  height: 4px;

  border-radius: 4px 4px 0 0;

  background: #126bd1;
}


/* ARROWS */

.award-top-arrows {
  position: absolute;

  right: 18px;
  top: 50%;

  display: flex;
  gap: 9px;

  transform: translateY(-50%);
}

.award-top-arrows button {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #126bd1;
  border-radius: 50%;

  background: #fff;

  color: #0754a4;

  font-size: 28px;

  cursor: pointer;

  transition: .2s;
}

.award-top-arrows button:hover,
.award-top-arrows .award-next {
  background: #0755a5;
  color: #fff;
}


/* CONTENT */

.award-tab-content {
  display: none;

  padding: 26px;
}

.award-tab-content.active {
  display: block;
}

.award-slider-window {
  overflow: hidden;
}

.award-slider-track {
  display: flex;

  gap: 22px;

  transition: transform .55s ease;
}


/* CARD */

.award-card {
  flex: 0 0 calc((100% - 44px) / 3);

  overflow: hidden;

  background: #fff;

  border: 1px solid #e4edf5;
  border-radius: 9px;

  box-shadow: 0 5px 20px rgba(23, 74, 117, .06);
}

.award-card > img {
  display: block;

  width: 100%;
  height: 180px;

  object-fit: cover;

  background: #eef4f8;
}

.award-card-body {
  min-height: 230px;

  display: flex;
  flex-direction: column;

  padding: 18px;
}

.award-card h4 {
  margin: 0 0 10px;

  color: #092e60;

  font-size: 17px;
  line-height: 1.25;
}

.award-card p {
  margin: 0;

  color: #5b6f85;

  font-size: 13px;
  line-height: 1.55;
}

.award-year {
  margin-top: auto;
  padding-top: 20px;

  color: #536b84;

  font-size: 13px;
}

.award-line {
  width: 38px;
  height: 3px;

  display: block;

  margin-top: 15px;

  border-radius: 10px;

  background: #ff9800;
}


/* DOTS */

.award-dots {
  position: absolute;

  left: 50%;
  bottom: 20px;

  display: flex;

  gap: 8px;

  transform: translateX(-50%);
}

.award-dot {
  width: 9px;
  height: 9px;

  padding: 0;

  border: 0;
  border-radius: 20px;

  background: #c9dff4;

  cursor: pointer;

  transition: .25s;
}

.award-dot.active {
  width: 24px;

  background: #0755a5;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

  .awards-wrap {
    grid-template-columns: 1fr;
  }

  .awards-intro {
    max-width: 650px;
  }

}

@media (max-width: 800px) {

  .awards-section {
    padding: 65px 0;
  }

  .awards-wrap {
    width: calc(100% - 30px);
  }

  .awards-intro h2 {
    font-size: 40px;
  }

  .award-card {
    flex-basis: calc((100% - 22px) / 2);
  }

  .awards-tabs {
    padding-right: 0;
    padding-bottom: 60px;

    flex-direction: column;
  }

  .award-tab {
    min-height: 55px;
    width: 100%;
  }

  .award-top-arrows {
    top: auto;
    bottom: 8px;
  }

}

@media (max-width: 560px) {

  .award-stats {
    grid-template-columns: 1fr 1fr;
  }

  .award-card {
    flex-basis: 100%;
  }

  .award-tab-content {
    padding: 16px;
  }

}

/* =========================================
   HMCGSSC FOOTER
========================================= */

.hmc-footer-container {
    width: min(1150px, calc(100% - 60px));
    margin: 0 auto;
}


/* =========================================
   CTA
========================================= */

.hmc-footer-cta {
    padding: 55px 0;

    background: #12335f;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

/* Contact section refresh */
.help-section{padding:68px 24px 58px!important;background:linear-gradient(180deg,#f7fbff,#eef5fa)!important;border-top:0!important}
.help-intro{text-align:center;margin:0 auto 30px;animation:help-rise .7s ease both}.help-intro .help-kicker{color:#123f76!important}.help-intro h2{margin:9px 0 7px;color:#102f59;font-size:clamp(32px,4.2vw,48px);line-height:1.08}.help-intro h2 span{color:#1264c5}.help-intro p{margin:0;color:#61748a;font-size:15px}
.help-card{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(285px,.9fr);max-width:1055px!important;padding:24px 0 0!important;overflow:hidden;border-radius:10px!important;background:#fff!important;box-shadow:0 14px 34px #103e6918!important;animation:help-rise .8s .1s ease both}.help-form-side{padding:0 36px 25px}.help-heading{border:0!important;padding:0 0 16px!important;margin:0 0 14px!important}.help-rule{display:block;width:39px;height:4px;border-radius:3px;background:#1169dc;margin-bottom:10px}.help-heading h3,.help-support h3{margin:0;color:#102f59;font-size:24px}.help-heading p,.help-support>p{margin:5px 0 0;color:#627590;font-size:13px;line-height:1.5}.help-form{gap:17px 20px!important}.help-form label{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;color:#1e3b5e!important}.help-form label b{color:#dc4b32!important}.help-input{display:flex;align-items:center;gap:11px;margin-top:7px;padding:0 11px;height:37px;border:1px solid #cbdbea;border-radius:6px;background:#fff;transition:border-color .2s,box-shadow .2s}.help-input>span{color:#25568d;font-size:19px;line-height:1}.help-input:focus-within{border-color:#1264c5;box-shadow:0 0 0 3px #1264c51a}.help-form input,.help-form textarea{padding:0!important;border:0!important;outline:0!important;font-size:12px!important;color:#173c67!important}.help-form textarea{min-height:72px!important;padding-top:9px!important}.help-textarea{align-items:flex-start;height:63px}.help-submit{width:200px!important;margin-top:0;height:39px!important;border-radius:5px!important;background:#0d3c7a!important;box-shadow:0 7px 16px #0d3c7a24;transition:transform .2s,background .2s}.help-submit:hover{background:#1264c5!important;transform:translateY(-2px)}.help-submit span{font-size:19px;margin-left:18px}.help-status{display:inline-block;margin:11px 0 0 14px;color:#148451;font-size:12px}.help-support{padding:19px 27px 25px;background:linear-gradient(145deg,#edf6ff,#e3effb);border-left:1px solid #dce9f6}.help-support h3{font-size:21px}.help-support>p{margin-bottom:16px}.support-item{display:flex;gap:13px;margin:15px 0}.support-item i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#d4e8ff;color:#0866d5;font-style:normal;font-size:20px}.support-item strong,.support-item a,.support-item small{display:block}.support-item strong{color:#173761;font-size:13px;margin:2px 0 3px}.support-item a{color:#0866d5;font-size:12px;font-weight:700;text-decoration:none}.support-item small{color:#637894;font-size:11px;line-height:1.45}.grievance-line{max-width:1055px!important;margin:25px auto 0!important;padding-top:18px;border-top:1px solid #d8e2ec;color:#173b63!important;font-size:14px!important;text-align:center}.grievance-line a{color:#1264c5!important}
@keyframes help-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){.help-section{padding:48px 14px 42px!important}.help-card{grid-template-columns:1fr!important}.help-form-side{padding:0 18px 22px}.help-support{border-left:0;border-top:1px solid #dce9f6;padding:22px 18px}.help-submit{width:100%!important}.help-status{display:block;margin:9px 0 0}.grievance-line{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.help-intro,.help-card{animation:none}}

/* Final form field alignment fix */
.help-form label{display:block!important;line-height:1.2!important}
.help-form label b{display:inline!important;margin-left:2px!important;line-height:1!important}
.help-input{width:100%!important;box-sizing:border-box!important}
.help-input input,.help-input textarea{display:block!important;flex:1!important;width:100%!important;min-width:0!important;background:transparent!important;border:0!important;border-bottom:0!important;box-shadow:none!important;line-height:1.4!important}
.help-input textarea{height:100%!important;min-height:0!important;resize:none!important}
.help-input>span{flex:0 0 18px!important;text-align:center!important}
.help-message .help-input{height:76px!important}
.help-form .help-submit{margin-top:3px!important}

.hmc-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;
}


.hmc-cta-content {
    max-width: 850px;
}


.hmc-cta-content h2 {
    margin: 0 0 14px;

    color: #ffffff;

    font-size: 25px;
    line-height: 1.3;

    font-weight: 750;
}


.hmc-cta-content p {
    margin: 0;

    color: #d5dfec;

    font-size: 15px;
    line-height: 1.7;
}


/* CTA BUTTON */

.hmc-partner-btn {
    min-width: 150px;
    min-height: 46px;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    background: #ff9418;

    border-radius: 7px;

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.hmc-partner-btn:hover {
    background: #e67e00;

    transform: translateY(-2px);
}


.hmc-partner-btn span {
    font-size: 17px;
}


/* =========================================
   MAIN FOOTER
========================================= */

.hmc-footer {
    background: #09264c;

    color: #ffffff;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}


.hmc-footer-grid {
    display: grid;

    grid-template-columns:
        1.6fr
        0.95fr
        1.15fr
        1.05fr
        1.15fr;

    gap: 45px;

    padding: 48px 0 40px;
}


/* =========================================
   ABOUT
========================================= */

.hmc-footer-about h3 {
    margin: 0 0 17px;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.45;

    font-weight: 700;
}


.hmc-footer-about p {
    margin: 0;

    max-width: 250px;

    color: #c8d5e5;

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================
   COLUMN
========================================= */

.hmc-footer-column h4 {
    margin: 0 0 17px;

    color: #ffffff;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 700;
}


.hmc-footer-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.hmc-footer-column li {
    margin-bottom: 12px;
}


.hmc-footer-column a {
    color: #c8d5e5;

    font-size: 13px;
    line-height: 1.4;

    text-decoration: none;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}


.hmc-footer-column ul a:hover {
    color: #ffffff;

    padding-left: 3px;
}


/* =========================================
   CONTACT
========================================= */

.hmc-contact-info {
    display: flex;
    flex-direction: column;

    gap: 14px;
}


.hmc-contact-info p {
    margin: 0;

    color: #c8d5e5;

    font-size: 13px;
    line-height: 1.55;
}


.hmc-contact-info > a:hover {
    color: #ffffff;
}

.hmc-contact-info {
    gap: 16px;
}

.hmc-footer-contact-column {
    grid-column: span 2;
}

.hmc-contact-layout {
    display: grid;
    grid-template-columns: minmax(190px, .85fr) minmax(230px, 1.15fr);
    gap: 20px;
    align-items: start;
}

.hmc-contact-address {
    display: flex;
    gap: 10px;
}

.hmc-contact-info > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hmc-contact-icon {
    flex: 0 0 20px;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
}

.hmc-footer-map {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    background: #dce7ef;
}

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

.hmc-map-link {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px 12px;
    background: #fff;
    color: #1264c5 !important;
    font-size: 12px !important;
    font-weight: 700;
    box-shadow: 0 2px 8px #0002;
}


/* =========================================
   FOOTER BOTTOM
========================================= */

.hmc-footer-bottom {
    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    border-top: 1px solid rgba(255,255,255,0.18);
}


.hmc-footer-bottom p {
    margin: 0;

    color: #8fa5c0;

    font-size: 11px;
    line-height: 1.5;
}


.hmc-footer-policy {
    display: flex;
    align-items: center;

    gap: 4px;

    white-space: nowrap;
}


.hmc-footer-policy a,
.hmc-footer-policy span {
    color: #8fa5c0;

    font-size: 11px;

    text-decoration: none;
}


.hmc-footer-policy a:hover {
    color: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .hmc-footer-grid {
        grid-template-columns:
            1.5fr 1fr 1fr;

        gap: 40px 50px;
    }

}


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

@media (max-width: 768px) {

    .hmc-footer-container {
        width: calc(100% - 36px);
    }


    /* CTA */

    .hmc-footer-cta {
        padding: 45px 0;
    }

    .hmc-cta-inner {
        align-items: flex-start;
        flex-direction: column;

        gap: 25px;
    }

    .hmc-cta-content h2 {
        font-size: 23px;
    }

    .hmc-partner-btn {
        min-width: 170px;
    }


    /* FOOTER */

    .hmc-footer-grid {
        grid-template-columns: 1fr 1fr;

        gap: 38px 25px;

        padding: 45px 0 35px;
    }

    .hmc-footer-about {
        grid-column: 1 / -1;
    }

    .hmc-footer-about p {
        max-width: 500px;
    }

    .hmc-contact-layout {
        grid-template-columns: 1fr 1fr;
    }

    .hmc-footer-contact-column {
        grid-column: 1 / -1;
    }


    /* BOTTOM */

    .hmc-footer-bottom {
        align-items: flex-start;
        flex-direction: column;

        padding: 20px 0;

        gap: 12px;
    }

    .hmc-footer-policy {
        flex-wrap: wrap;

        white-space: normal;
    }

}


@media (max-width: 480px) {

    .hmc-footer-grid {
        grid-template-columns: 1fr;
    }

    .hmc-footer-about {
        grid-column: auto;
    }

    .hmc-footer-contact-column {
        grid-column: auto;
    }

    .hmc-contact-layout {
        grid-template-columns: 1fr;
    }

}

/* =========================================
   FINAL SECTION UI POLISH
========================================= */

.hmc-hero {
    background: #f5f9fd;
}

.hmc-about-impact {
    background:
        radial-gradient(circle at 7% 10%, rgba(255, 149, 0, .08) 0 150px, transparent 151px),
        linear-gradient(135deg, #ffffff 0%, #f3f9ff 48%, #edf7ff 100%);
}

.hmc-gallery-section {
    background:
        linear-gradient(180deg, #ffffff 0%, #f7fbff 42%, #eef7ff 100%);
    border-top: 1px solid #e4eef7;
    border-bottom: 1px solid #e4eef7;
}

.hmc-stories {
    background:
        radial-gradient(circle at 10% 78%, rgba(255, 149, 0, .08) 0 130px, transparent 131px),
        radial-gradient(circle at 92% 12%, rgba(18, 103, 196, .10) 0 170px, transparent 171px),
        linear-gradient(135deg, #f8fbff 0%, #eef7ff 100%);
}

.awards-section {
    background:
        radial-gradient(circle at 95% 12%, rgba(255, 149, 0, .09) 0 160px, transparent 161px),
        linear-gradient(135deg, #ffffff 0%, #f4faff 100%);
    border-top: 1px solid #e3edf6;
}

.hmc-stat-card,
.hmc-gallery-item,
.hmc-testimonial-card,
.award-card,
.awards-panel {
    box-shadow: 0 12px 30px rgba(12, 58, 105, .08);
}

.hmc-stat-card {
    background:
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.hmc-stat-icon.icon-orange {
    color: #f28c00;
}

.hmc-stat-icon.icon-blue {
    color: #176bd2;
}

.hmc-stat-icon.icon-green {
    color: #14984a;
}

.hmc-stat-icon.icon-cyan {
    color: #0c91c9;
}

.hmc-stat-icon.icon-red {
    color: #e84d63;
}

.hmc-stat-card,
.award-card,
.awards-panel {
    border-color: rgba(184, 213, 235, .72);
}

.hmc-gallery-filter {
    background: rgba(255, 255, 255, .88);
}

.hmc-testimonial-card,
.award-card {
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hmc-about-btn,
.hmc-stories-btn,
.award-main-btn,
.hmc-partner-btn {
    box-shadow: 0 10px 22px rgba(7, 85, 165, .14);
}

.hmc-footer-cta {
    background:
        linear-gradient(135deg, #0b2a53 0%, #123f75 100%);
}
/* Government impact snapshot */
.gov-impact-strip{position:relative;overflow:hidden;padding:58px clamp(18px,4vw,64px) 70px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);isolation:isolate}
.gov-impact-strip:before{content:"";position:absolute;inset:auto -8% -110px;height:230px;background:radial-gradient(ellipse at 18% 0,#e3f1ff 0 27%,transparent 28%),radial-gradient(ellipse at 75% 0,#edf9f2 0 27%,transparent 28%);opacity:.8;z-index:-1}
.gov-impact-heading{text-align:center;margin:0 auto 30px;animation:gov-fade-up .7s ease both}
.gov-kicker{display:inline-flex;align-items:center;gap:10px;color:#1555a4;font-size:11px;font-weight:800;letter-spacing:2px}
.gov-kicker:before,.gov-kicker:after{content:"";width:28px;height:2px;background:#e68b25;border-radius:2px}
.gov-impact-heading h2{margin:10px 0 5px;color:#123c78;font-size:clamp(28px,3vw,42px);line-height:1.1;font-weight:800}
.gov-impact-heading p{margin:0;color:#63748c;font-size:15px}
.gov-impact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1420px;margin:auto}
.gov-impact-card{position:relative;min-height:234px;padding:25px 15px 27px;text-align:center;background:rgba(255,255,255,.9);border:1px solid rgba(216,228,242,.9);border-radius:15px;box-shadow:0 10px 26px rgba(23,65,111,.08);overflow:hidden;animation:gov-fade-up .7s ease both;transition:transform .3s ease,box-shadow .3s ease}
.gov-impact-card:nth-child(2){animation-delay:.08s}.gov-impact-card:nth-child(3){animation-delay:.16s}.gov-impact-card:nth-child(4){animation-delay:.24s}.gov-impact-card:nth-child(5){animation-delay:.32s}.gov-impact-card:nth-child(6){animation-delay:.4s}
.gov-impact-card:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(23,65,111,.15)}
.gov-impact-card:after{content:"";position:absolute;left:-15%;right:-15%;bottom:-67px;height:105px;border-radius:50% 50% 0 0/55% 55% 0 0;opacity:.72;background:var(--soft)}
.gov-impact-card i{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--accent);z-index:2}
.gov-icon{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 13px;border-radius:50%;background:var(--soft);color:var(--accent);animation:gov-float 4s ease-in-out infinite}
.gov-icon svg{width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gov-number{position:relative;z-index:1;display:block;color:#113c7d;font-size:clamp(29px,2.5vw,43px);line-height:1;font-weight:800;letter-spacing:-1px}
.gov-label{position:relative;z-index:1;display:block;max-width:170px;margin:10px auto 0;color:#61738d;font-size:15px;line-height:1.35;font-weight:600}
.card-blue{--accent:#1174ce;--soft:#e8f3ff}.card-green{--accent:#0a9a5b;--soft:#e7f8ef}.card-gold{--accent:#eda30b;--soft:#fff4db}.card-rose{--accent:#d53654;--soft:#ffebef}.card-violet{--accent:#6845c9;--soft:#f0ecff}.card-teal{--accent:#0c9b76;--soft:#e6f8f1}
@keyframes gov-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes gov-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1100px){.gov-impact-grid{grid-template-columns:repeat(3,1fr)}.gov-impact-card{min-height:215px}}
@media(max-width:600px){.gov-impact-strip{padding:42px 14px 50px}.gov-impact-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gov-impact-card{min-height:205px;padding:18px 9px 22px}.gov-icon{width:64px;height:64px}.gov-icon svg{width:34px;height:34px}.gov-label{font-size:13px}.gov-number{font-size:30px}}
@media(prefers-reduced-motion:reduce){.gov-impact-card,.gov-impact-heading,.gov-icon{animation:none}.gov-impact-card{transition:none}}

/* Impact at a glance - reference blue UI */
.gov-impact-strip{padding-top:42px;background:#f4f8fc}
.gov-impact-strip:before{display:none}
.gov-impact-heading h2{color:#0d478e}
.gov-impact-heading p{color:#6c7f98}
.gov-impact-grid{gap:14px;max-width:1420px}
.gov-impact-card{min-height:184px;padding:18px 14px 22px;background:#fff;border:1px solid #e4edf7;border-radius:12px;box-shadow:0 8px 18px #123f7812}
.gov-impact-card:after{display:none}
.gov-impact-card i{height:4px;background:#0d478e}
.gov-impact-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px #123f7822}
.gov-icon{width:70px;height:70px;margin-bottom:11px;background:#e8f2fc;color:#0d478e;animation:none}
.gov-number{color:#0d478e;font-size:clamp(28px,2.3vw,38px)}
.gov-label{color:#6a7c95;font-size:14px}
.card-blue,.card-green,.card-gold,.card-rose,.card-violet,.card-teal{--accent:#0d478e;--soft:#e8f2fc}
@media(max-width:600px){.gov-impact-card{min-height:190px}.gov-icon{width:62px;height:62px}}

/* Match section heading colors with Impact at a glance */
.stories-heading h2,.stories-heading h2 span{color:#0d478e!important}
.help-intro h2,.help-intro h2 span{color:#0d478e!important}

/* Skill / Care / Empower replacement for the old About block */
.hmc-about-impact{display:none!important}
.skill-care-section{position:relative;overflow:hidden;padding:64px clamp(20px,5vw,78px) 82px;background:radial-gradient(circle at 0 0,#eef8ff 0,transparent 28%),radial-gradient(circle at 100% 100%,#eef8ff 0,transparent 28%),#fff;color:#172d4d}
.skill-care-section:before{content:"";position:absolute;right:5%;top:28px;width:92px;height:92px;opacity:.42;background-image:radial-gradient(#78bdf2 2px,transparent 2px);background-size:16px 16px}
.skill-care-container{position:relative;z-index:1;max-width:1220px;margin:auto}.skill-org{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#344c69;font-size:11px;letter-spacing:.6px;font-weight:600}.mini-tricolor{display:flex;width:68px;height:4px;overflow:hidden;border-radius:5px}.mini-tricolor i{flex:1}.mini-tricolor i:nth-child(1){background:#ff8a00}.mini-tricolor i:nth-child(2){background:#d8e3ec}.mini-tricolor i:nth-child(3){background:#159447}
.skill-care-title{display:flex;flex-wrap:wrap;gap:14px;margin:0;font-size:clamp(48px,7vw,92px);line-height:1;font-weight:800;letter-spacing:-4px}.skill-care-title span:nth-child(1){background:linear-gradient(120deg,#0648c8,#0879ed);background-clip:text;color:transparent}.skill-care-title span:nth-child(2){background:linear-gradient(120deg,#1584c1,#76a594);background-clip:text;color:transparent}.skill-care-title span:nth-child(3){background:linear-gradient(100deg,#c6a67a,#57ad2c);background-clip:text;color:transparent}.skill-tagline{display:flex;align-items:center;gap:22px;margin-top:16px;color:#354c69;font-size:12px;font-weight:600;letter-spacing:4px}.skill-tagline b{width:70px;height:4px;border-radius:5px;background:#0756d8}.skill-tagline em{font-style:normal;color:#94a2b2}
.skill-care-grid{display:grid;grid-template-columns:1fr 1px 1.15fr;gap:42px;margin-top:45px;align-items:center}.skill-care-copy{font-size:15px;line-height:1.65}.skill-care-copy p{margin:0 0 12px}.skill-care-copy strong{color:#0648a9}.skill-rule{display:flex;width:72px;height:3px;margin-bottom:14px}.skill-rule i:first-child{width:42px;background:#ff8700}.skill-rule i:last-child{width:30px;background:#b7d7ed}.skill-divider{position:relative;min-height:245px;background:#cad5df}.skill-divider i{position:absolute;left:50%;width:13px;height:13px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 4px #fff;animation:gov-float 2.5s ease-in-out infinite}.skill-divider i:nth-child(1){top:28%;background:#9bcbed}.skill-divider i:nth-child(2){top:43%;background:#0757d9}.skill-divider i:nth-child(3){top:58%;background:#a9d38a}.skill-care-right h3{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:13px;letter-spacing:3px;font-weight:600}.skill-care-right h3:before{content:"";width:38px;height:3px;border-radius:4px;background:#0757d9}.skill-care-actions{display:flex;gap:16px;margin-top:26px}.skill-btn{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 22px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;transition:.3s}.skill-btn span{font-size:21px}.skill-btn:hover{transform:translateY(-4px)}.skill-btn-primary{color:#fff;background:linear-gradient(135deg,#0861e8,#0648c9);box-shadow:0 10px 24px #0052d226}.skill-btn-outline{color:#0754d5;border:1.5px solid #0754d5;background:#fff}.skill-wave{position:absolute;right:0;width:230px;height:7px;border-radius:100% 0 0;background:#ff8500;transform:rotate(-8deg)}.skill-wave-orange{bottom:32px}.skill-wave-green{bottom:17px;background:#17913a}.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-up{transform:translateY(20px)}.reveal-left{transform:translateX(-30px)}.reveal-right{transform:translateX(30px)}.skill-care-section:has(.skill-care-container) .reveal-up,.skill-care-section:has(.skill-care-container) .reveal-left,.skill-care-section:has(.skill-care-container) .reveal-right{animation:skill-reveal .9s ease .15s forwards}.skill-care-section .reveal-left{animation-delay:.3s}.skill-care-section .reveal-right{animation-delay:.42s}@keyframes skill-reveal{to{opacity:1;transform:none}}
@media(max-width:850px){.skill-care-grid{grid-template-columns:1fr;gap:28px}.skill-divider{min-height:1px;height:1px}.skill-divider i{display:none}.skill-care-title{letter-spacing:-2px}.skill-tagline{gap:12px;letter-spacing:2px;font-size:10px}.skill-care-actions{flex-wrap:wrap}.skill-btn{min-width:190px}}
@media(max-width:520px){.skill-care-section{padding:42px 18px 70px}.skill-org{font-size:9px;line-height:1.4}.mini-tricolor{width:46px;min-width:46px}.skill-care-title{font-size:45px;gap:5px}.skill-tagline{flex-wrap:wrap}.skill-tagline b{width:45px}.skill-care-copy{font-size:14px}.skill-care-actions{flex-direction:column}.skill-btn{width:100%}.skill-wave{opacity:.7}}
@media(prefers-reduced-motion:reduce){.reveal-up,.reveal-left,.reveal-right{opacity:1;transform:none;animation:none!important}.skill-divider i{animation:none}}

/* Inspiring stories carousel */
.inspiring-stories{padding:82px clamp(18px,5vw,70px);background:linear-gradient(135deg,#f5faff,#fff 55%,#f5fbf7);overflow:hidden}.stories-container{max-width:1180px;margin:auto}.stories-heading{text-align:center;margin-bottom:32px}.stories-kicker{color:#0c63c9;font-size:11px;font-weight:800;letter-spacing:3px}.stories-heading h2{margin:10px 0 7px;color:#153e76;font-size:clamp(30px,4vw,46px);line-height:1.1}.stories-heading h2 span{color:#15925b}.stories-heading p{color:#667a92;font-size:15px}.story-slider{position:relative;padding:0 44px}.story-window{overflow:hidden;border-radius:22px;box-shadow:0 20px 55px #174d8120}.inspiring-story{display:none;grid-template-columns:38% 62%;min-height:500px;background:#fff}.inspiring-story.active{display:grid;animation:story-in .6s ease}.story-photo{position:relative;min-height:500px;background-size:cover;background-position:center;overflow:hidden}.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#052951c7)}.story-sonika{background-image:url('https://static.wixstatic.com/media/1ea621_5c5bc93b9e6e4f0e8fb6f99e6b1a5f9f~mv2.jpg')}.story-nikhil{background-image:linear-gradient(135deg,#d9efff,#b6d4ea)}.story-photo-badge{position:absolute;z-index:1;top:25px;left:24px;padding:9px 13px;border-left:3px solid #ff8a00;background:#ffffffdd;color:#123d76;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.4}.story-photo-badge small{font-size:8px;color:#15925b}.story-photo-caption{position:absolute;z-index:1;left:28px;bottom:28px;color:#fff}.story-photo-caption strong{display:block;font-size:27px}.story-photo-caption span{font-size:12px;opacity:.9}.story-copy{position:relative;padding:48px 52px 42px;color:#52677f}.story-quote{position:absolute;top:18px;right:40px;color:#d8ebfb;font-family:Georgia;font-size:100px;line-height:1}.story-copy h3{max-width:550px;margin:0 0 18px;color:#143d75;font-size:clamp(23px,2.5vw,34px);line-height:1.2}.story-copy p{max-width:640px;margin:0 0 12px;font-size:14px;line-height:1.65}.story-copy blockquote{margin:22px 0;padding:15px 19px;border-left:3px solid #15925b;background:#f2faf6;color:#1a6e51;font-size:14px;font-style:italic;line-height:1.5}.story-meta{display:flex;flex-direction:column;padding-top:13px;border-top:1px solid #e4edf4}.story-meta strong{color:#153e76;font-size:15px}.story-meta span{color:#8190a1;font-size:12px}.story-arrow{position:absolute;z-index:2;top:50%;width:42px;height:42px;border:0;border-radius:50%;transform:translateY(-50%);background:#fff;color:#125fbd;font-size:34px;line-height:1;box-shadow:0 8px 22px #1a56802b;cursor:pointer;transition:.25s}.story-arrow:hover{background:#1264c5;color:#fff;transform:translateY(-50%) scale(1.08)}.story-prev{left:0}.story-next{right:0}.story-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.story-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b9cddd;cursor:pointer}.story-dots button.active{width:28px;border-radius:8px;background:#1264c5}@keyframes story-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.inspiring-stories{padding:58px 14px}.story-slider{padding:0}.inspiring-story{grid-template-columns:1fr}.story-photo{min-height:260px}.story-copy{padding:32px 24px}.story-copy p{font-size:13px}.story-arrow{top:130px}.story-prev{left:12px}.story-next{right:12px}.story-photo-caption{bottom:20px;left:22px}.story-photo-caption strong{font-size:23px}.story-quote{font-size:76px;right:22px}}
@media(prefers-reduced-motion:reduce){.inspiring-story.active{animation:none}}

/* Retire the legacy testimonial and awards blocks below the gallery. */
.hmc-stories,
.awards-section{display:none!important}


/* Official Wix assets supplied for the two stories */
.inspiring-stories .story-sonika{background-image:url('https://static.wixstatic.com/media/1ea621_a79b5162e002422eb7f7e79dfb7ecb3a~mv2.png/v1/crop/x_59,y_0,w_812,h_541/fill/w_672,h_447,fp_0.50_0.50,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%20(4).png)}
.inspiring-stories .story-nikhil{background-image:url('https://static.wixstatic.com/media/1ea621_a549bd4256d64723b09f46e3a1bd5e34~mv2.png/v1/crop/x_0,y_20,w_684,h_456/fill/w_672,h_447,fp_0.50_0.50,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%20(5).png)}
.inspiring-stories .story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}.inspiring-stories .story-photo img+ .story-photo-badge,.inspiring-stories .story-photo img+ .story-photo-badge+ .story-photo-caption{z-index:2}
@media(max-width:900px){.header-actions{gap:8px}.header-action{min-width:88px;height:44px;padding:0 13px;font-size:14px}}
@media(max-width:600px){.brand-inner{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.header-actions{margin-left:auto}.header-action{min-width:78px;height:38px;padding:0 10px;font-size:13px}.institution-logos{display:none}}

/* Balanced council identity layout */
.brand-inner{gap:30px}.main-brand{flex:0 0 570px;min-width:0}.brand-text{min-width:0}.brand-text h1{max-width:520px;font-size:27px;line-height:1.15;letter-spacing:-.5px}.brand-text p{max-width:520px;white-space:nowrap}
.header-actions{display:none!important}.main-brand{flex-basis:650px}.brand-text h1{max-width:560px;white-space:nowrap}.institution-logos{flex:1;min-width:0}
@media(max-width:1100px){.main-brand{flex-basis:470px}.brand-text h1{font-size:23px}.brand-text p{font-size:15px}}
@media(max-width:760px){.main-brand{flex-basis:auto;flex:1}.brand-text h1{font-size:20px}.brand-text p{white-space:normal;font-size:13px}}
/* Header action buttons */
.brand-inner .header-actions{display:flex!important;align-items:center;gap:15px;flex:0 0 auto}.brand-inner .header-action{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:53px;padding:0 20px;border-radius:9px;text-decoration:none;font-size:18px;font-weight:700;transition:.25s ease}.brand-inner .header-action-outline{color:#082e61;background:#fff;border:1px solid #082e61}.brand-inner .header-action-primary{color:#fff;background:#082e61;border:1px solid #082e61}.brand-inner .header-action:hover{transform:translateY(-2px);box-shadow:0 8px 18px #082e6126}
@media(max-width:900px){.brand-inner .header-actions{gap:8px}.brand-inner .header-action{min-width:88px;height:44px;padding:0 13px;font-size:14px}}
@media(max-width:600px){.brand-inner .header-actions{width:100%;justify-content:flex-end}.brand-inner .header-action{min-width:78px;height:38px;padding:0 10px;font-size:13px}}

/* Final balanced header sizing */
.brand-inner{gap:18px;align-items:center}.main-brand{flex:0 0 505px;gap:15px}.hmcg-logo{width:96px;height:96px}.brand-text h1{max-width:390px;font-size:23px;line-height:1.18;letter-spacing:-.35px;white-space:normal}.institution-logos{gap:8px;flex:1;min-width:0}.institution{width:92px;height:82px}.institution.ministry{width:125px}.institution img{max-height:76px}.logo-divider{height:70px}.brand-inner .header-actions{gap:10px}.brand-inner .header-action{min-width:104px;height:48px;padding:0 15px;font-size:17px}
@media(max-width:1250px){.main-brand{flex-basis:430px}.hmcg-logo{width:82px;height:82px}.brand-text h1{font-size:20px}.institution{width:78px}.institution.ministry{width:108px}.brand-inner .header-action{min-width:90px;padding:0 11px;font-size:15px}}
@media(max-width:900px){.brand-inner{gap:12px}.main-brand{flex-basis:360px}.hmcg-logo{width:70px;height:70px}.brand-text h1{font-size:18px}.institution-logos{display:none}}

/* Professional navigation bar */
.main-navigation{background:#fff;box-shadow:none;border-top:1px solid #e6ebf2;border-bottom:4px solid #173c70}.main-navigation:before{display:none}.nav-inner{height:68px;max-width:1420px;padding:0}.nav-links{justify-content:flex-start;align-items:stretch;gap:0}.nav-menu-item{flex:0 0 auto}.nav-item{min-height:68px;padding:0 20px;color:#102f59;border:0;font-size:19px;font-weight:400;letter-spacing:-.15px;transition:color .2s ease,background .2s ease}.nav-item:hover,.nav-item:focus-visible{color:#ef8416;background:#fff;transform:none}.nav-item.active{color:#ef8416;background:#fff;font-weight:500}.nav-item.active:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px;background:#f28a17}.nav-item.active:before{display:none}.nav-item .arrow{color:#102f59;font-size:11px}.tricolor-line{display:none}
.main-navigation{border-top:0;border-bottom:2px solid #173c70}.nav-inner{height:72px;max-width:none;padding:0 0 0 100px}.nav-links{width:auto}.nav-item{min-height:72px;padding:0 20px;font-size:20px}.nav-item.active:after{left:20px;right:20px;bottom:0;height:3px}
@media(max-width:1050px){.nav-inner{padding-left:35px}.nav-item{padding:0 12px;font-size:15px}.nav-item.active:after{left:12px;right:12px}}
@media(max-width:760px){.nav-inner{height:58px;padding:0 8px;overflow-x:auto}.nav-links{min-width:max-content}.nav-item{min-height:58px;padding:0 12px;font-size:14px}.nav-item.active:after{left:12px;right:12px}}

/* Government portal navigation refinement */
.main-navigation{background:#fff;border-top:1px solid #e3e9f1;border-bottom:3px solid #123d72;box-shadow:0 3px 10px rgba(13,48,91,.08)}.nav-inner{height:68px;padding-left:clamp(24px,5.2vw,100px);padding-right:clamp(24px,5.2vw,100px)}.nav-links{height:100%;align-items:stretch}.nav-item{height:68px;min-height:68px;padding:0 18px;color:#173b69;font-size:17px;font-weight:500;letter-spacing:.05px}.nav-item:focus-visible{outline:3px solid #f0a34a;outline-offset:-4px}.nav-item:hover,.nav-item:focus-visible{color:#e87916;background:#f8fafc}.nav-item.active{color:#e87916;background:#fff;font-weight:650}.nav-item.active:after{left:18px;right:18px;bottom:-1px;height:3px;background:#f28a17}.nav-item .arrow{margin-left:3px;color:#31557d;font-size:10px}.sub-menu{border-top:3px solid #f28a17;box-shadow:0 12px 25px rgba(8,43,83,.14);background:#fff}.sub-menu li a{color:#173b69}.sub-menu li a:hover{color:#e87916;background:#f4f8fc}
@media(max-width:760px){.nav-inner{height:58px;padding:0 12px}.nav-item{height:58px;min-height:58px;padding:0 13px;font-size:14px}.nav-item.active:after{left:13px;right:13px}}

/* Need help / ask anything form */
.help-section{padding:80px clamp(18px,5vw,70px) 58px;background:linear-gradient(180deg,#fff,#f4faff)}.help-card{max-width:1160px;margin:auto;padding:42px clamp(22px,4vw,58px) 46px;border-radius:0 0 22px 22px;background:#eaf6fd;box-shadow:0 16px 36px rgba(16,62,105,.1)}.help-heading{margin-bottom:30px}.help-kicker{color:#145da9;font-size:11px;font-weight:800;letter-spacing:2.5px}.help-heading h2{margin:9px 0 7px;color:#102f59;font-size:clamp(31px,4.5vw,58px);line-height:1.08;letter-spacing:-1.5px}.help-heading h2 span{color:#1264c5}.help-heading p{margin:0;color:#61748a;font-size:14px}.help-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 26px}.help-form label{display:flex;flex-direction:column;gap:9px;color:#223c58;font-size:13px;font-weight:600}.help-form label b{color:#e17817}.help-form input,.help-form textarea{width:100%;padding:10px 12px;border:0;border-bottom:1px solid #778d9e;border-radius:0;background:transparent;color:#12375c;font:inherit;font-weight:400;outline:none}.help-form input:focus,.help-form textarea:focus{border-bottom:2px solid #1264c5}.help-form input::placeholder,.help-form textarea::placeholder{color:#8693a0}.help-message{grid-column:1/-1}.help-form textarea{min-height:94px;resize:vertical}.help-submit{grid-column:1;display:flex;align-items:center;justify-content:center;gap:16px;height:43px;border:1px solid #12375c;border-radius:24px;background:transparent;color:#12375c;font:600 14px inherit;cursor:pointer;transition:.25s}.help-submit span{font-size:20px}.help-submit:hover{background:#12375c;color:#fff;transform:translateY(-2px)}.grievance-line{max-width:1160px;margin:36px auto 0;color:#152f4c;font-size:clamp(20px,2.5vw,34px);font-weight:700;line-height:1.3}.grievance-line a{color:#1264dc;text-decoration:none}.grievance-line a:hover{text-decoration:underline}@media(max-width:640px){.help-section{padding:52px 14px 42px}.help-card{padding:30px 18px 32px}.help-form{grid-template-columns:1fr;gap:18px}.help-message{grid-column:auto}.help-submit{grid-column:auto;width:100%}.grievance-line{margin-top:25px;font-size:21px}}

/* Contact form alignment override: keep labels, required marks and fields in one rhythm. */
.help-form label{display:block!important;position:relative!important;gap:0!important;line-height:1.2!important}
.help-form label b{display:inline!important;position:relative!important;margin-left:3px!important;color:#e17817!important}
.help-form .help-input{display:flex!important;margin-top:8px!important}
.help-form .help-input input,.help-form .help-input textarea{padding:0!important;border:0!important;min-height:0!important}
.help-form .help-message .help-input{margin-top:8px!important}
.help-form label b{position:absolute!important;top:0!important;left:52px!important;display:inline-block!important;margin:0!important}
.help-form label:nth-child(3) b{left:34px!important}
.help-form .help-message b{left:53px!important}
.help-form label b{display:none!important}
.help-form label:first-child::after{content:'*';position:absolute;top:0;left:52px;color:#e17817;font-weight:700}
.help-form label:nth-child(3)::after{content:'*';position:absolute;top:0;left:34px;color:#e17817;font-weight:700}
.help-form .help-message::after{content:'*';position:absolute;top:0;left:53px;color:#e17817;font-weight:700}
.help-form label .help-input{margin-top:8px!important}
.help-form label.help-message{display:block!important;position:relative!important;padding:0!important;margin:0!important}
.help-form label.help-message b{display:none!important}
.help-form label.help-message::after{content:'*'!important;display:block!important;position:absolute!important;top:0!important;left:53px!important;color:#e17817!important;font-weight:700!important;line-height:1.2!important}
.help-form label.help-message .help-input{display:flex!important;margin-top:8px!important}

/* Isolated message field styles — avoids legacy .help-message conflicts. */
.hmc-message-field{position:relative!important;display:block!important;font-size:0!important;line-height:1.2!important}
.hmc-message-field::before{content:'Message';display:inline-block;color:#23486d;font-size:13px;font-weight:600}
.hmc-message-field::after{content:'*';display:inline-block;margin-left:4px;color:#e17817;font-size:13px;font-weight:700}
.hmc-message-field>b{display:none!important}
.hmc-message-field>.help-input{display:flex!important;width:100%!important;margin-top:8px!important;font-size:13px!important}
.hmc-message-field>.help-input textarea{font-size:13px!important;line-height:1.4!important}
.help-form>label{min-height:0!important;padding:0!important}
.help-form>label>b{display:none!important;position:static!important}
.help-form>label>.help-input{margin-top:8px!important}
.hmc-message-field>.help-input{height:76px!important;min-height:76px!important;border:1px solid #cbdbea!important;box-shadow:none!important}
.hmc-message-field>.help-input textarea{resize:none!important;border:0!important;border-bottom:0!important;outline:0!important;appearance:none!important}
.help-form label{display:block!important;position:relative!important;height:auto!important}
.help-form label>b{display:none!important}
.help-form label:first-child::after,.help-form label:nth-child(3)::after,.help-form label.help-message::after{position:absolute!important;top:0!important;display:inline-block!important;line-height:1.2!important}
.help-form label:first-child::after{left:52px!important}
.help-form label:nth-child(3)::after{left:34px!important}
.help-form label.help-message::after{left:53px!important}
.help-form label>.help-input{display:flex!important;clear:both!important;margin-top:8px!important}
.hmc-message-field>.help-input{overflow:hidden!important}
.hmc-required-star{display:inline-block!important;margin-left:4px!important;color:#e17817!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;vertical-align:top!important}
.help-form label:first-child::after,.help-form label:nth-child(3)::after,.help-form label.help-message::after,.hmc-message-field::after{content:none!important;display:none!important}
.help-form>label>b,.help-form>.hmc-message-field>b,.hmc-required-star{display:none!important}
.help-form>label:first-child::before,.help-form>label:nth-child(3)::before,.help-form>.hmc-message-field::before{content:'*'!important;display:inline-block!important;position:absolute!important;top:0!important;color:#e17817!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important}
.help-form>label:first-child::before{left:52px!important}.help-form>label:nth-child(3)::before{left:34px!important}.help-form>.hmc-message-field::before{left:53px!important}
.hmc-no-required-pseudo::before,.hmc-no-required-pseudo::after{content:none!important;display:none!important}
.help-form>label:first-child::before,.help-form>label:nth-child(3)::before,.help-form>.hmc-message-field::before{content:none!important;display:none!important}
.help-form .help-input{overflow:hidden!important}
.help-form .help-input input,.help-form .help-input textarea{border:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;appearance:none!important}
.help-form .help-input textarea{resize:none!important;overflow:auto!important}

/* Clean final contact-form layout */
.help-card{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)!important;max-width:1120px!important;padding:28px 0 0!important;overflow:hidden!important;border:1px solid #d8e4ef!important;border-radius:10px!important;background:#fff!important;box-shadow:0 16px 35px rgba(20,61,101,.1)!important}
.help-form-side{padding:0 42px 30px!important}
.help-heading{margin:0 0 26px!important;padding:0 0 16px!important;border:0!important}
.help-heading h3{margin:0!important;color:#123b70!important;font-size:26px!important;line-height:1.2!important}
.help-heading p{margin:7px 0 0!important;color:#637995!important;font-size:14px!important}
.help-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:19px 22px!important}
.help-form>label{display:block!important;min-width:0!important;color:#23486d!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}
.help-form>label .help-input{display:flex!important;align-items:center!important;width:100%!important;height:44px!important;margin-top:8px!important;padding:0 12px!important;gap:11px!important;border:1px solid #c7d9eb!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important}
.help-form>label .help-input>span{flex:0 0 18px!important;color:#225b96!important;font-size:19px!important;text-align:center!important}
.help-form>label input,.help-form>label textarea{flex:1!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#183d68!important;font:400 13px/1.4 Inter,Segoe UI,Arial,sans-serif!important;box-shadow:none!important}
.help-form>label .help-input:focus-within{border-color:#1264c5!important;box-shadow:0 0 0 3px rgba(18,100,197,.12)!important}
.help-form>.help-message{grid-column:1/-1!important}
.help-form>.help-message .help-input{height:92px!important;align-items:flex-start!important;padding-top:11px!important}
.help-form>.help-message textarea{height:68px!important;resize:none!important}
.help-form .help-submit{grid-column:1!important;width:200px!important;height:43px!important;margin:0!important;border:0!important;border-radius:5px!important;background:#123f76!important;color:#fff!important;font-weight:700!important;cursor:pointer!important}
.help-form .help-status{grid-column:2!important;align-self:center!important;margin:0!important}
.help-support{padding:22px 31px 30px!important;background:linear-gradient(145deg,#edf6ff,#e3effb)!important;border-left:1px solid #dce9f6!important}
@media(max-width:760px){.help-card{grid-template-columns:1fr!important}.help-form-side{padding:0 20px 24px!important}.help-support{border-left:0!important;border-top:1px solid #dce9f6!important}.help-form{grid-template-columns:1fr!important}.help-form>.help-message{grid-column:auto!important}.help-form .help-submit{grid-column:auto!important;width:100%!important}.help-form .help-status{grid-column:auto!important}}

/* Reference contact UI */
.help-section{padding:34px 18px 12px!important;background:linear-gradient(180deg,#f7fbff 0%,#eef5fa 100%)!important}
.help-intro{margin:0 auto 14px!important;text-align:center!important}.help-intro .help-kicker{font-size:12px!important;letter-spacing:1px!important;color:#123f76!important}.help-intro h2{margin:6px 0 4px!important;color:#102f59!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.05!important}.help-intro h2 span{color:#1264c5!important}.help-intro p{font-size:13px!important;color:#61748a!important}
.help-card{max-width:988px!important;grid-template-columns:minmax(0,1.75fr) minmax(285px,.85fr)!important;padding:7px 0 7px!important;border-radius:9px!important;background:#fff!important;box-shadow:0 10px 25px rgba(16,62,105,.12)!important}
.help-form-side{padding:14px 33px 10px!important}.help-heading{margin:0 0 12px!important;padding:0!important}.help-heading .help-rule,.help-support .help-rule{width:45px!important;height:4px!important;margin-bottom:8px!important}.help-heading h3{font-size:23px!important}.help-heading p{font-size:12px!important;margin-top:4px!important}
.help-form{gap:14px 18px!important}.help-form>label{font-size:12px!important}.help-form>label .help-input{height:34px!important;margin-top:5px!important;padding:0 10px!important;border-radius:6px!important}.help-form>label .help-input>span{font-size:17px!important}.help-form>label input,.help-form>label textarea{font-size:11px!important}.help-form>.help-message .help-input{height:58px!important;padding-top:8px!important}.help-form>.help-message textarea{height:44px!important}.help-form .help-submit{height:37px!important;width:284px!important;font-size:13px!important}.help-support{padding:14px 26px 17px!important}.help-support h3{font-size:20px!important}.help-support>p{font-size:12px!important;margin-bottom:10px!important}.support-item{gap:11px!important;margin:11px 0!important}.support-item i{flex-basis:38px!important;height:38px!important;font-size:18px!important}.support-item strong{font-size:12px!important}.support-item small,.support-item a{font-size:10px!important}
.help-form>label:first-child::after,.help-form>label:nth-child(3)::after,.help-form>.hmc-message-field::after{content:'*'!important;display:inline-block!important;margin-left:3px!important;color:#e17817!important;font-weight:700!important}
.grievance-line{max-width:988px!important;margin:7px auto 0!important;padding:12px!important;border:1px solid #d6e6f4!important;border-radius:8px!important;background:#f7fbff!important;font-size:13px!important;text-align:center!important;color:#173b63!important}.grievance-line a{color:#1264c5!important;font-weight:700!important}

/* Isolated namespace for the contact component */
.hmc-contact-section .hmc-contact-card{display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(285px,.85fr)!important;max-width:988px!important;padding:7px 0!important;overflow:hidden!important}
.hmc-contact-section .hmc-contact-form-side{padding:14px 33px 10px!important}
.hmc-contact-section .hmc-contact-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 18px!important}
.hmc-contact-section .hmc-contact-form>label{display:block!important;min-width:0!important}
.hmc-contact-section .hmc-contact-form>label .help-input{display:flex!important;width:100%!important;height:34px!important;margin-top:5px!important;box-sizing:border-box!important}
.hmc-contact-section .hmc-contact-form>.help-message{grid-column:1/-1!important}
.hmc-contact-section .hmc-contact-form>.help-message .help-input{height:58px!important}
.hmc-contact-section .hmc-contact-support{padding:14px 26px 17px!important}
.hmc-contact-section .hmc-contact-form>label{width:100%!important}
.hmc-contact-section .hmc-contact-form>label .help-input{width:100%!important}
.dw-contact-support-section,.dw-contact-support-section *{box-sizing:border-box}
.dw-contact-support-section .dwcs-container{width:100%;max-width:none;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto}
.dw-contact-support-section .dwcs-card{width:100%;max-width:none}
@media(max-width:760px){.dw-contact-support-section .dwcs-container{padding-left:0;padding-right:0}}
@media(max-width:760px){.hmc-contact-section .hmc-contact-card{grid-template-columns:1fr!important}.hmc-contact-section .hmc-contact-form{grid-template-columns:1fr!important}.hmc-contact-section .hmc-contact-form>.help-message{grid-column:auto!important}}

/* Final brand tokens: kept last so legacy page refinements cannot reintroduce conflicting colors. */
:root{--hmcg-primary:#023166;--hmcg-primary-dark:#022B60;--hmcg-secondary:#07589C;--hmcg-link:#0876C9;--hmcg-light-blue:#EAF4FC;--hmcg-soft-blue:#F3F8FC;--hmcg-white:#FFFFFF;--hmcg-bg:#F7F9FC;--hmcg-text:#1F2937;--hmcg-text-muted:#5B6675;--hmcg-border:#DDE5ED;--hmcg-grey:#7D8C82;--hmcg-saffron:#FF9933;--hmcg-green:#138808}
body{color:var(--hmcg-text);background:var(--hmcg-bg)}
.notification-bar{background:var(--hmcg-primary);border-bottom-color:var(--hmcg-primary-dark)}
.notification-label{background:var(--hmcg-saffron)}
.notification-contact{background:var(--hmcg-saffron);border-color:var(--hmcg-saffron)}
.brand-text h1{color:var(--hmcg-primary)}
.brand-text p{color:var(--hmcg-text-muted)}
.main-navigation{background:var(--hmcg-white);border-bottom-color:var(--hmcg-primary)}
.nav-item{color:var(--hmcg-primary)}
.nav-item:hover,.nav-item:focus-visible,.nav-item.active{color:var(--hmcg-secondary)}
.nav-item.active:after{background:var(--hmcg-saffron)}
.nav-item .arrow{color:var(--hmcg-primary)}
.main-navigation{background:linear-gradient(90deg,#034c88 0%,#003f78 55%,#00366d 100%)!important;border:0!important;box-shadow:0 10px 24px rgba(0,47,93,.16)!important}
.main-navigation:before{display:block!important;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 55%)!important}
.nav-inner{height:70px!important;max-width:none!important;padding:0!important}
.nav-links{width:100%!important;justify-content:stretch!important}
.nav-menu-item{flex:1 1 auto!important}
.nav-item{height:70px!important;min-height:70px!important;padding:0 18px!important;color:#fff!important;font-size:15px!important;font-weight:500!important;border-right:1px solid rgba(255,255,255,.14)!important}
.main-navigation .nav-item:hover,.main-navigation .nav-item:focus-visible,.main-navigation .nav-item.active{color:#fff!important;background:transparent!important;box-shadow:none;transform:none}
.main-navigation .nav-item::before{display:none}
.main-navigation .nav-item::after{display:none}
.main-navigation .nav-item,.main-navigation .sub-menu a{text-decoration:none}
.main-navigation a:hover > .menu-label,.main-navigation a:focus-visible > .menu-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:currentColor}
.main-navigation .sub-menu a:hover,.main-navigation .sub-menu a:focus-visible{background:transparent;color:var(--hmcg-primary);box-shadow:none;transform:none}
.main-navigation .nav-item:hover .home-svg,.main-navigation .nav-item:focus-visible .home-svg,.main-navigation .nav-item:hover .arrow,.main-navigation .nav-item:focus-visible .arrow{transform:none}
.nav-item.active:after{left:0!important;right:0!important;bottom:0!important;height:3px!important;background:#ff9933!important}
.nav-item .arrow{color:#fff!important}
.tricolor-line{display:flex!important;height:6px!important;background:transparent!important}
@media(max-width:1050px){.nav-item{padding:0 12px!important;font-size:14px!important}}
@media(max-width:760px){.nav-inner{height:58px!important;padding:0 8px!important;overflow-x:auto!important}.nav-links{width:max-content!important;min-width:max-content!important}.nav-item{height:58px!important;min-height:58px!important;padding:0 12px!important;font-size:14px!important}}
.sub-menu{border-color:var(--hmcg-border);border-top-color:var(--hmcg-saffron)}
.sub-menu li a{color:var(--hmcg-primary)}
.sub-menu li a:hover{color:var(--hmcg-primary);background:var(--hmcg-soft-blue)}
.tricolor-line .orange{background:var(--hmcg-saffron)}
.tricolor-line .green{background:var(--hmcg-green)}
.help-section,.dw-contact-support-section{background:var(--hmcg-soft-blue)!important}
.help-heading h2,.help-heading h3,.help-intro h2,.provided-content h2{color:var(--hmcg-primary)!important}
.help-heading h2 span,.help-intro h2 span{color:var(--hmcg-secondary)!important}
.help-submit{background:var(--hmcg-primary)!important;border-color:var(--hmcg-primary)!important}
.help-submit:hover{background:var(--hmcg-secondary)!important}
.provided-content{border-color:var(--hmcg-border)}
.about-hero,.goals-hero{background:linear-gradient(110deg,var(--hmcg-primary) 0%,var(--hmcg-secondary) 65%,#0876A8 100%)!important}
.about-hero .eyebrow,.goals-hero .eyebrow{color:var(--hmcg-saffron)!important}
.about-hero h2,.goals-hero h2{color:var(--hmcg-white)!important}
.about-hero h2 em{color:#B9DCFA!important}
.breadcrumb,.crumb{color:rgba(255,255,255,.85)!important}
.breadcrumb span,.crumb span{color:var(--hmcg-saffron)!important}
.goals-panel,.provided-content,.objective,.mission-item,.ceo-profile{border-color:var(--hmcg-border)!important;box-shadow:0 4px 18px rgba(2,49,102,.08)!important}
.goals-panel h2,.mission h2,.objective-no,.ceo-copy h1,.ceo-profile-info h3{color:var(--hmcg-primary)!important}
.objective-no{background:var(--hmcg-primary)!important}
.objective:hover .objective-no{background:var(--hmcg-saffron)!important}
.objective p,.intro,.ceo-copy p{color:var(--hmcg-text-muted)!important}
.goals-footer,.about-footer{background:var(--hmcg-primary-dark)!important}
.dw-contact-support-section .dwcs-submit{background:var(--hmcg-primary);border-color:var(--hmcg-primary)}
.dw-contact-support-section .dwcs-submit:hover{background:var(--hmcg-secondary)}

/* Project-wide primary heading scale */
h1,h2{font-size:42px!important;line-height:1.12}
@media(max-width:600px){h1,h2{font-size:30px!important}}


/* Keep story visuals local so the WordPress site does not depend on third-party hosts. */
.inspiring-stories .story-sonika{background-image:url('../images/success-stories/sonika.png')}
.inspiring-stories .story-nikhil{background-image:url('../images/bvoc-campus-students.png')}
.inspiring-stories .story-sonika{background-image:url('../images/success-stories/sonika.png')}
.inspiring-stories .story-nikhil{background-image:url('../images/success-stories/nikhil.png')}

/* Local fallback icons: the imported inline SVGs are stripped by WordPress KSES. */
.gov-icon svg{display:none}
.gov-icon{display:grid;place-items:center;font-family:"Segoe UI Symbol",Arial,sans-serif;font-size:34px;font-weight:700;color:var(--accent,#0d478e)}
.gov-icon::before{line-height:1}
.card-blue .gov-icon::before{content:"\1F465"}
.card-green .gov-icon::before{content:"\1F91D"}
.card-gold .gov-icon::before{content:"\1F4C8"}
.card-violet .gov-icon::before{content:"\1F3DB"}
.card-rose .gov-icon::before{content:"\2605"}
.card-teal .gov-icon::before{content:"\2713"}
/* This card was disabled in the original source and should not render as a blank tile. */
.gov-impact-card:has(.gov-number[data-count="11"]){display:none}

/* Font-independent icon artwork for the imported impact cards. */
.gov-icon::before{content:""!important;width:42px;height:42px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain}
.card-blue .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='13' r='6'/%3E%3Cpath d='M10 39c1-8 6-12 14-12s13 4 14 12M7 25c4-4 8-4 11-2M41 25c-4-4-8-4-11-2'/%3E%3C/svg%3E")}
.card-green .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 25 8-8 8 6 8-8 8 7M10 36h28M15 30v6M24 28v8M33 26v10'/%3E%3C/svg%3E")}
.card-gold .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 35 20 24l7 6 12-16M29 14h10v10'/%3E%3C/svg%3E")}
.card-violet .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 19 17-10 17 10M11 20v18M20 20v18M28 20v18M37 20v18M7 40h34'/%3E%3C/svg%3E")}
.card-rose .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m24 7 4 10 11 1-8 7 3 11-10-6-10 6 3-11-8-7 11-1 4-10Z'/%3E%3C/svg%3E")}
.card-teal .gov-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d478e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 25 9 9 21-21'/%3E%3C/svg%3E")}
.gov-icon svg{display:block!important;width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gov-icon::before{display:none!important;background-image:none!important}

/* Homepage contact block: match the current source HTML layout. The source
 * stacks all form fields in one column beside the support panel. */
.home-page .help-section{padding:42px 30px 28px!important}
.home-page .help-card{max-width:1425px!important;grid-template-columns:minmax(0,2fr) minmax(390px,.95fr)!important;padding:32px 0 0!important;border-radius:14px!important}
.home-page .help-form-side{padding:0 50px 30px!important}
.home-page .help-form{grid-template-columns:1fr!important;gap:0!important}
.home-page .help-form>label{font-size:16px!important;margin:0 0 2px!important}
.home-page .help-form>label .help-input{height:63px!important;margin-top:7px!important;margin-bottom:0!important;padding:0 18px!important;border-radius:8px!important}
.home-page .help-form>label input,.home-page .help-form>label textarea{font-size:15px!important}
.home-page .help-form>.help-message{grid-column:auto!important}
.home-page .help-form>.help-message .help-input{height:92px!important}
.home-page .help-form .help-submit{width:285px!important;height:50px!important;margin-top:10px!important}
.home-page .help-support{padding:28px 36px 30px!important}
@media(max-width:760px){.home-page .help-section{padding:34px 14px 22px!important}.home-page .help-card{grid-template-columns:1fr!important;padding-top:24px!important}.home-page .help-form-side{padding:0 20px 24px!important}.home-page .help-support{padding:24px 20px!important}.home-page .help-form .help-submit{width:100%!important}}

/* Final source reference: desktop contact form is a two-column form. */
.home-page .help-section{padding:42px 55px 28px!important}
.home-page .help-card{width:100%!important;max-width:1783px!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)!important;padding:28px 0 0!important;border-radius:10px!important}
.home-page .help-form-side{padding:0 43px 30px!important}
.home-page .help-form{grid-template-columns:1fr 1fr!important;gap:19px 22px!important}
.home-page .help-form>label{font-size:13px!important;margin:0!important}
.home-page .help-form>label .help-input{height:47px!important;margin-top:8px!important;margin-bottom:0!important;padding:0 12px!important}
.home-page .help-form>label input,.home-page .help-form>label textarea{font-size:13px!important}
.home-page .help-form>.help-message{grid-column:1/-1!important}
.home-page .help-form>.help-message .help-input{height:77px!important}
.home-page .help-form>.help-message textarea{height:60px!important}
.home-page .help-form .help-submit{width:385px!important;height:50px!important;margin-top:0!important}
.home-page .help-support{padding:28px 36px 30px!important}
@media(max-width:760px){.home-page .help-section{padding:34px 14px 22px!important}.home-page .help-card{grid-template-columns:1fr!important;padding-top:24px!important}.home-page .help-form-side{padding:0 20px 24px!important}.home-page .help-form{grid-template-columns:1fr!important}.home-page .help-form>.help-message{grid-column:auto!important}.home-page .help-support{padding:24px 20px!important}.home-page .help-form .help-submit{width:100%!important}}