#column_left {
  background-color: #515151;
}

.nav-list li a {
  text-decoration: none;
  display: block;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #515151 !important;
  color: #9d9d9d;
}

.nav-list > li > a {
  color: #C4C4C4;
  font-size: 14px;
  padding-left: 13px !important;
  border-bottom: 1px solid #585858;
}

.nav-list > li > a:hover {
  background-color: #444444;
}

.headRght.invst-corner-link {
  position: relative;
  z-index: 9999;
}

/* =========================================================
   HEADER ROW & SECTION ALIGNMENT FIXES
   COMMERCE.GOV.IN REFERENCE: HEADER ROW & ALIGNMENT
   ========================================================= */

.headerRow {
  background: #ffffff !important;
  /* padding: 12px 0 !important; */
  position: relative !important;
  width: 100% !important;
  float: none !important;
  z-index: 9 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #edf1f5 !important;
}

.headerRow:after {
  display: none !important;
}

.headerRow .container {
  width: 100% !important;
  max-width: 100%  !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.headerRow .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Main Flex Container for Header */
.headerRow .col-sm-12 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 18px !important;
  float: none !important;
}

/* Base Top Row & Action Row: Unbox on Desktop (display: contents) */
.headerRow .header-top-row {
  display: contents !important;
}

.headerRow .header-m-block.header-action-wrap {
  display: contents !important;
}

/* Base Flex Ordering on Desktop:
   1. Main Logo (Left)
   2. Search Bar (Center)
   3. Partner Logos (Center)
   4. Action Icons (Right)
*/
.headerRow .col-sm-12 > .main-logo,
.headerRow .header-top-row .main-logo {
  order: 1 !important;
  flex: 0 0 auto !important;
}

.headerRow .header-search-wrap {
  order: 2 !important;
  flex: 0 1 320px !important;
  margin-left: auto !important;
}

.headerRow .swchhta-partner-block {
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 18px !important;
  margin-left: 20px !important;
  margin-right: auto !important;
}

.headerRow .swchhta-partner-block .swchhta-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.headerRow .swchhta-partner-block .swchhta-logo img {
  max-width: 95px !important;
  max-height: 42px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.headerRow .swchhta-partner-block .logo-digital-india img {
  max-width: 105px !important;
  max-height: 42px !important;
}

.headerRow .headRight2,
.headRight2.hd-rt.pull-right {
  order: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}

/* Hide mobile menu toggle on desktop */
.headerRow .headRight2 .hdr-menu {
  display: none !important;
}

/* 1. Left Brand Logo (Ministry Emblem + Text) */
.headerRow .col-sm-12 > .main-logo,
.headerRow .main-logo:first-child {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 320px !important;
  float: none !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.headerRow .col-sm-12 > .main-logo a {
  display: flex !important;
  align-items: center !important;
}

.headerRow .col-sm-12 > .main-logo img {
  /* max-height: 68px !important; */
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.headerRow .main-logo:after {
  display: none !important;
}

/* 2. Middle Section: Swachhta -> Digital India -> Search Bar */
.headerRow .header-m-block,
.header-m-block {
  display: flex !important;
  align-items: center !important;
  /* justify-content: flex-end !important; */
  flex-wrap: nowrap !important;
  gap: 55px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  /* float: none !important;
  margin: 0 15px !important; */
  padding: 0 !important;
  justify-content: center;
  /* margin-right: 20px !important; */
}

.header-m-block .swchhta-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-m-block .swchhta-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-m-block .swchhta-logo img {
  /* max-height: 44px !important; */
  max-width: 100px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.header-m-block .logo-digital-india,
.header-m-block .logo-digital-india a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-m-block .logo-digital-india img,
.header-m-block .swchhta-logo img[src*="digital-india"] {
  /* max-height: 40px !important;
  max-width: 90px !important; */
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* Search Wrapper inside Middle Block */
.header-m-block .header-search-wrap {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 300px !important;
  max-width: 320px !important;
  min-width: 180px !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.header-m-block .header-search-wrap:after {
  display: none !important;
}

.header-m-block .cn-search,
.cn-search {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header-m-block .cn-search-form,
.cn-search-form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 320px !important;
  height: 47px !important;
  background: #ffffff !important;
  border: 2px solid #dce3eb !important;
  border-radius: 12px 12px 0 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  
  
}

.header-m-block .cn-search-form:focus-within,
.cn-search-form:focus-within {
  border-color: #741846 !important;
  box-shadow: 0 0 0 3px rgba(116, 24, 70, 0.12) !important;
}

.header-m-block .cn-search-input,
.cn-search-input {
  flex: 1 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 14px !important;
  border: 0 !important;
  outline: 0 !important;
  font-size: 13px !important;
  background: transparent !important;
  color: #26384d !important;
  font-family: inherit !important;
}


.header-m-block .cn-search-input::placeholder,
.cn-search-input::placeholder {
  color: #8a98a8 !important;
  font-size: 13px !important;
  opacity: 1 !important;
}

.header-m-block .cn-search-btn,
.cn-search-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 100% !important;
  color: #ffffff !important;
  background: #12345b !important;
  border: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: background .2s ease !important;
}

.header-m-block .cn-search-btn:hover,
.cn-search-btn:hover {
  background: #e8751a !important;
}

.header-m-block .cn-search-btn svg,
.cn-search-btn svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  fill: none !important;
}


/* =========================================================
   3. TOP RIGHT HEADER ACTIONS ALIGNMENT
   (COMMERCE.GOV.IN STYLE: SKIP, USER, ACCESSIBILITY)
   ========================================================= */

.headerRow .headRight2,
.headRight2.hd-rt.pull-right,
.headRight2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* Action Boxes: Centered and Aligned */
.headerRow .headRight2 > span,
.headRight2 > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  /* height: 36px !important; */
  min-width: 36px !important;
  /* min-height: 36px !important; */
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  float: none !important;
  position: static !important;
}

/* Action Links and Buttons */
.headerRow .headRight2 a,
.headRight2 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* width: 36px !important;
  height: 36px !important;
  padding: 4px !important; */
  margin: 0 !important;
  border-right: 1px solid;
  outline: none !important;
  background: transparent !important;
  color: #1D0A69 !important;
  text-decoration: none !important;
 
  box-shadow: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.headerRow .headRight2 a:hover,
.headRight2 a:hover {
  transform: scale(1.1) !important;
  background: rgba(29, 10, 105, 0.06) !important;
}

.headerRow .headRight2 svg,
.headRight2 svg {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  vertical-align: middle !important;
}

.headerRow .headRight2 img,
.headRight2 img {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  margin: auto !important;
  padding: 0 !important;
  vertical-align: middle !important;
  object-fit: contain !important;
  line-height: 1 !important;
}

/* Accessibility Button */
.open-accessibility {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #1D0A69 !important;
  border: none !important;
  padding: 4px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 99 !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, color 0.2s ease, background 0.2s ease !important;
  vertical-align: middle !important;
  outline: none !important;
  position: static !important;
}

.open-accessibility:hover {
  transform: scale(1.1) !important;
  color: #741846 !important;
  background: rgba(29, 10, 105, 0.08) !important;
}

.open-accessibility svg {
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
  margin: auto !important;
}

/* =========================================================
   MENU TYPOGRAPHY & STYLING (COMMERCE.GOV.IN REFERENCE)
   ========================================================= */

.custom-navbar {
  background: #ffffff !important;
  border-top: 3px solid #12345b !important;
  border-bottom: 1px solid #e5eaf0 !important;
  box-shadow: 0 2px 8px rgba(10, 35, 60, 0.06) !important;
  padding: 0 15px !important;
  position: relative !important;
  z-index: 100 !important;
}

.custom-navbar::after {
  display: none !important;
}

.cn-nav-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 66px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cn-nav-list > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* Main Menu Links: Bold 1.15rem, Clean Commerce.gov.in Style */
.cn-nav-list > li > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 53px !important;
  padding: 12px 18px 10px 18px !important;
  color: #26384d !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  border-bottom: 3px solid transparent !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
  box-sizing: border-box !important;
}

.cn-nav-list > li > a::after {
  display: none !important;
}

.cn-nav-list > li > a p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  display: flex !important;
  align-items: center !important;
}

/* Active Menu Item */
.cn-nav-list > li > a.active,
.cn-nav-list > li.active > a,
.cn-nav-list > li:first-child > a {
  color: #741846 !important;
  font-weight: 700 !important;
  border-bottom: 3px solid #741846 !important;
}

/* Hover on Menu Links */
.cn-nav-list > li:hover > a,
.cn-nav-list > li.cn-open > a {
  color: #741846 !important;
  border-bottom: 3px solid #741846 !important;
}

.cn-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  color: #64748b !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.cn-nav-list > li:hover > a .cn-arrow,
.cn-nav-list > li.cn-open > a .cn-arrow {
  color: #741846 !important;
  transform: rotate(180deg) !important;
}

/* Dropdown Menu Items */
.cn-dropdown-menu {
  border-top: 3px solid #741846 !important;
  box-shadow: 0 8px 24px rgba(15, 42, 70, 0.12) !important;
}

.cn-dropdown-item {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #26384d !important;
  padding: 10px 16px !important;
}

.cn-dropdown-item:hover,
.cn-sub-dropdown:hover > .cn-dropdown-item {
  color: #741846 !important;
  background: #fdf2f7 !important;
}

/* Desktop Submenu Positioning (> 1260px) */
@media (min-width: 1261px) {
  /* Sub-dropdown items stay relative so menus anchor adjacent to hovered item */
  .cn-sub-dropdown,
  .cn-dropdown-menu .cn-dropdown-menu .cn-sub-dropdown {
    position: relative !important;
  }

  .cn-sub-dropdown > .cn-dropdown-menu,
  .cn-dropdown-menu .cn-dropdown-menu .cn-dropdown-menu {
    top: -9px !important;
    left: calc(100% + 4px) !important;
  }

  /* When there are few items at the bottom (like Guidelines/ Rules/ Order -> LPG): niche se hi aye */
  .cn-dropdown-menu > li:last-child.cn-sub-dropdown > .cn-dropdown-menu,
  .cn-dropdown-menu > li.cn-sub-dropdown:last-child > .cn-dropdown-menu {
    top: auto !important;
    bottom: -3px !important;
  }

  .cn-sub-dropdown > .cn-dropdown-menu::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -15px !important;
    width: 20px !important;
    height: 100% !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 10 !important;
  }
}

/* =========================================================
   RESPONSIVENESS & MEDIA QUERIES (DESKTOP, LAPTOP, MOBILE)
   ========================================================= */

/* =========================================================
   DOC (DEPARTMENT OF COMMERCE) STYLE RESPONSIVE ALIGNMENT
   Applies to Mobile & Tablet (<= 1260px down to <= 480px)
   ========================================================= */

@media (max-width: 1260px) {
  .headerRow {
    padding: 10px 0 !important;
  }

  .headerRow .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Two stacked full-width rows inside .col-sm-12 */
  .headerRow .col-sm-12 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---------------------------------------------------------
     ROW 1: Logo on Top Left (+ Partner logos on tablet)
     --------------------------------------------------------- */
  .headerRow .header-top-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .headerRow .col-sm-12 > .main-logo,
  .headerRow .header-top-row .main-logo,
  .headerRow .main-logo:first-child {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .headerRow .main-logo img {
    max-height: 48px !important;
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .headerRow .swchhta-partner-block {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: auto !important;
  }

  .headerRow .swchhta-partner-block .swchhta-logo img {
    max-height: 36px !important;
    max-width: 75px !important;
    width: auto !important;
  }

  /* ---------------------------------------------------------
     ROW 2: Search Bar (Left) + Action Icons & Menu (Right)
     --------------------------------------------------------- */
  .headerRow .header-m-block.header-action-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important;
  }

  /* Search Bar (takes flexible space on the left) */
  .headerRow .header-search-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .headerRow .header-search-wrap .cn-search,
  .cn-search {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .headerRow .header-search-wrap .cn-search-form,
  .cn-search-form {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  .headerRow .header-search-wrap .cn-search-form:focus-within {
    border-color: #12345b !important;
    box-shadow: 0 0 0 2px rgba(18, 52, 91, 0.15) !important;
  }

  .headerRow .header-search-wrap .cn-search-input,
  .cn-search-input {
    flex: 1 !important;
    height: 100% !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #26384d !important;
  }

  .headerRow .header-search-wrap .cn-search-btn,
  .cn-search-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 100% !important;
    background: #12345b !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .headerRow .header-search-wrap .cn-search-btn svg,
  .cn-search-btn svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  /* Action Buttons & Menu Toggle Row (Right) */
  .headerRow .headRight2,
  .headRight2.hd-rt.pull-right,
  .headRight2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 3px !important;
  }

  .headerRow .headRight2 > span,
  .headRight2 > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Subtle vertical divider bars between buttons, matching DOC */
  .headerRow .headRight2 .hdr-skip,
  .headerRow .headRight2 .hdr-user,
  .headerRow .headRight2 .hdr-lang {
    border-right: 1.5px solid #cbd5e1 !important;
    padding-right: 4px !important;
    margin-right: 2px !important;
  }

  .headerRow .headRight2 .hdr-accessibility,
  .headerRow .headRight2 .hdr-menu {
    border-right: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  /* Skip Icon */
  .headerRow .headRight2 .hdr-skip {
    display: inline-flex !important;
  }

  .headerRow .headRight2 a,
  .headRight2 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-right: none !important;
  }

  .headerRow .headRight2 svg,
  .headRight2 svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
  }

  .headerRow .headRight2 img,
  .headRight2 img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Language Switcher */
  .headerRow .headRight2 #langToggleBtn,
  .headRight2 #langToggleBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
  }

  /* Accessibility Button */
  .open-accessibility {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    border: none !important;
    background: transparent !important;
    color: #1D0A69 !important;
    cursor: pointer !important;
  }

  .open-accessibility svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
    display: block !important;
  }

  /* Mobile Menu Toggler (DOC Style Hamburger) */
  .headerRow .headRight2 .hdr-menu {
    display: inline-flex !important;
  }

  .headerRow .headRight2 .hdr-menu .cn-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #1D0A69 !important;
    cursor: pointer !important;
    line-height: 1 !important;
  }

  .headerRow .headRight2 .hdr-menu .cn-toggler:hover {
    background: rgba(29, 10, 105, 0.08) !important;
    border-radius: 4px !important;
  }

  .headerRow .headRight2 .hdr-menu .cn-toggler svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
    display: block !important;
  }

  /* Hide empty custom-navbar container bar when closed */
  .custom-navbar {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .custom-navbar > .cn-toggler {
    display: none !important;
  }

  .custom-navbar .col-sm-10 {
    padding: 0 !important;
    width: 100% !important;
  }

  /* Mobile / Tablet Menu Drawer & Accordion Dropdowns (<= 1260px down to <= 400px) */
  .cn-menu-wrapper {
    margin-top: 8px !important;
    width: 100% !important;
  }

  .cn-menu-wrapper.cn-show {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(10, 35, 60, 0.12) !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  /* Reset flex gap from 66px to 0 and switch to clean vertical stack */
  .cn-nav-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    list-style: none !important;
  }

  /* Full-width list items stacked in accordion flow */
  .cn-nav-list > li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  .cn-nav-list > li:last-child {
    border-bottom: none !important;
  }

  /* Parent Menu Links: full width, clean padding, left title, right arrow */
  .cn-nav-list > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    text-align: left !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  .cn-nav-list > li > a:hover,
  .cn-nav-list > li.cn-open > a {
    background-color: #f8fafc !important;
    color: #741846 !important;
    border-bottom: none !important;
  }

  .cn-nav-list > li > a.active,
  .cn-nav-list > li.active > a {
    color: #741846 !important;
    border-bottom: none !important;
    border-left: 3px solid #741846 !important;
  }

  .cn-nav-list > li > a p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
  }

  /* Chevron Arrow indicator */
  .cn-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 15px !important;
    color: #64748b !important;
    margin-left: auto !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
    transform: rotate(0deg) !important;
  }

  .cn-nav-list > li.cn-open > a .cn-arrow,
  .cn-nav-list > li:hover > a .cn-arrow,
  .cn-sub-dropdown.cn-open > a .cn-arrow {
    transform: rotate(180deg) !important;
    color: #741846 !important;
  }

  /* Child Submenu: in-flow accordion directly beneath parent (NOT floating absolute) */
  .cn-dropdown-menu {
    position: static !important;
    display: none !important;
    float: none !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8fafc !important;
    border: none !important;
    border-top: none !important;
    border-left: 3px solid #741846 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
    top: auto !important;
    left: auto !important;
  }

  /* Hide desktop pseudo-element triangle pointer */
  .cn-dropdown > .cn-dropdown-menu::before,
  .cn-dropdown-menu::before {
    display: none !important;
    content: none !important;
  }

  /* Open child submenu cleanly in vertical accordion flow */
  .cn-dropdown.cn-open > .cn-dropdown-menu,
  .cn-sub-dropdown.cn-open > .cn-dropdown-menu {
    display: block !important;
  }

  /* Submenu list items */
  .cn-dropdown-menu > li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  .cn-dropdown-menu > li:last-child {
    border-bottom: none !important;
  }

  /* Child Menu Links */
  .cn-dropdown-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 10px 18px 10px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  .cn-dropdown-item:hover,
  .cn-dropdown-item:focus,
  .cn-sub-dropdown.cn-open > .cn-dropdown-item {
    background-color: #f1f5f9 !important;
    color: #741846 !important;
  }

  /* Nested Level 3+ Submenus (e.g. Employee Corner) */
  .cn-dropdown-menu .cn-dropdown-menu {
    background: #f1f5f9 !important;
    border-left: 3px solid #e8751a !important;
  }

  .cn-dropdown-menu .cn-dropdown-menu .cn-dropdown-item {
    padding-left: 36px !important;
    font-size: 13px !important;
  }
}

/* ---------------------------------------------------------
   Mobile Screens (<= 767px)
   --------------------------------------------------------- */
@media (max-width: 767px) {
  /* Clean Row 1: Hide partner logos on mobile so only MoPNG logo shows */
  .headerRow .swchhta-partner-block {
    display: none !important;
  }

  .headerRow .main-logo img {
    max-height: 75px !important;
  }

  .headerRow .header-m-block.header-action-wrap {
    gap: 6px !important;
  }

  .headerRow .header-search-wrap .cn-search-form,
  .cn-search-form {
    height: 36px !important;
  }

  .headerRow .headRight2 > span,
  .headRight2 > span {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .headerRow .headRight2 a,
  .headRight2 a,
  .open-accessibility,
  .headerRow .headRight2 .hdr-menu .cn-toggler,
  .headerRow .headRight2 #langToggleBtn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .headerRow .headRight2 svg,
  .headRight2 svg,
  .headerRow .headRight2 img,
  .headRight2 img,
  .open-accessibility svg,
  .headerRow .headRight2 .hdr-menu .cn-toggler svg {
    width: 20px !important;
    height: 20px !important;
  }

  .headerRow .headRight2 .hdr-skip,
  .headerRow .headRight2 .hdr-user,
  .headerRow .headRight2 .hdr-lang {
    padding-right: 3px !important;
    margin-right: 1px !important;
  }
}

/* ---------------------------------------------------------
   Extra Small Mobile Screens (<= 480px)
   --------------------------------------------------------- */
@media (max-width: 480px) {
  .headerRow .main-logo img {
    max-height: 75px !important;
  }

  .headerRow .header-m-block.header-action-wrap {
    gap: 4px !important;
  }

  .headerRow .header-search-wrap .cn-search-form,
  .cn-search-form {
    height: 34px !important;
    border-radius: 6px !important;
  }

  .headerRow .header-search-wrap .cn-search-input,
  .cn-search-input {
    font-size: 13px !important;
    padding: 0 8px !important;
  }

  .headerRow .header-search-wrap .cn-search-btn,
  .cn-search-btn {
    width: 34px !important;
    min-width: 34px !important;
  }

  .headerRow .headRight2 {
    gap: 2px !important;
  }

  .headerRow .headRight2 > span,
  .headRight2 > span {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
  }

  .headerRow .headRight2 a,
  .headRight2 a,
  .open-accessibility,
  .headerRow .headRight2 .hdr-menu .cn-toggler,
  .headerRow .headRight2 #langToggleBtn {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
  }

  .headerRow .headRight2 svg,
  .headRight2 svg,
  .headerRow .headRight2 img,
  .headRight2 img,
  .open-accessibility svg,
  .headerRow .headRight2 .hdr-menu .cn-toggler svg {
    width: 18px !important;
    height: 18px !important;
  }

  .headerRow .headRight2 .hdr-skip,
  .headerRow .headRight2 .hdr-user,
  .headerRow .headRight2 .hdr-lang {
    padding-right: 2px !important;
    margin-right: 1px !important;
  }
}



/* =========================================================
   LARGE SCREENS & DESKTOP (1280px to 3000px)
   Matches Department of Commerce (DOC) Header Layout:
   - Left: MoPNG Logo
   - Center: Search Bar + Swachhta & Digital India Logos
   - Right: Action Icons (Skip, User, Lang, Accessibility)
   ========================================================= */

@media screen and (min-width: 1261px) {
  .headerRow {
    padding: 19px 42px;
    background: #ffffff !important;
  }

  .headerRow .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
  }

  .headerRow .col-sm-12 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .headerRow .header-top-row {
    display: contents !important;
  }

  .headerRow .header-m-block.header-action-wrap {
    display: contents !important;
  }

  /* 1. Main Logo (Left) */
  .headerRow .col-sm-12 > .main-logo,
  .headerRow .header-top-row .main-logo,
  .headerRow .main-logo:first-child {
    order: 1 !important;
    flex: 0 0 auto !important;
    max-width: 320px !important;
    margin: 0 !important;
  }

  .headerRow .col-sm-12 > .main-logo img,
  .headerRow .main-logo img {
    max-height: 92px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* 2. Search Bar (Center - Left side of Center) */
  .headerRow .header-search-wrap {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 1 310px !important;
    width: 310px !important;
    max-width: 350px !important;
    margin: 0 !important;
    margin-left: auto !important; /* Centers Zone 2 */
    padding: 0 !important;
  }

  .headerRow .header-search-wrap .cn-search-form,
  .cn-search-form {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  }

  .headerRow .header-search-wrap .cn-search-form:focus-within {
    border-color: #12345b !important;
    box-shadow: 0 0 0 2px rgba(18, 52, 91, 0.15) !important;
  }

  .headerRow .header-search-wrap .cn-search-input,
  .cn-search-input {
    flex: 1 !important;
    height: 100% !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #26384d !important;
  }

  .headerRow .header-search-wrap .cn-search-btn,
  .cn-search-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 100% !important;
    background: #12345b !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 3. Partner Logos: Swachhta & Digital India (Center - Right side of Center) */
  .headerRow .swchhta-partner-block {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 52px !important;
    margin: 0 !important;
    margin-left: 71px !important;
    margin-right: auto !important; /* Anchors Zone 2 in Center */
    padding: 0 !important;
  }

  .headerRow .swchhta-partner-block .swchhta-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  .headerRow .swchhta-partner-block .swchhta-logo img {
    max-height: 40px !important;
    max-width: 85px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .headerRow .swchhta-partner-block .logo-digital-india img {
    max-height: 53px !important;
    max-width: 109px !important;
  }

  /* 4. Action Icons (Right) */
  .headerRow .headRight2,
  .headRight2.hd-rt.pull-right,
  .headRight2 {
    order: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .headerRow .headRight2 .hdr-menu {
    display: none !important;
  }

  .headerRow .headRight2 > span,
  .headRight2 > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  .headerRow .headRight2 a,
  .headRight2 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0px 1px 0px 0px !important;
    margin: 0 !important;
    border-right: 1px solid #cbd5e1 !important;
  }

  .headerRow .headRight2 .hdr-accessibility a,
  .headerRow .headRight2 .hdr-accessibility button {
    border-right: none !important;
  }

  .headerRow .headRight2 svg,
  .headRight2 svg {
    width: 33px !important;
    height: 33px !important;
    display: block !important;
  }

  .headerRow .headRight2 img,
  .headRight2 img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .headerRow .headRight2 #langToggleBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  .open-accessibility {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #1D0A69 !important;
  }

  .open-accessibility svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
  }
}

@media (max-width: 1650px) {
  .cn-nav-list > li > a {

  min-height: 50px !important;
  
  color: #26384d !important;
  font-size: 1rem !important;
 
}
}

/* Extra Large Screens: 1600px to 2200px (e.g. 1080p, 1440p) */
@media screen and (min-width: 1600px) {
  .headerRow {
    padding: 35px 45px !important;
  }

  .headerRow .col-sm-12 > .main-logo img,
  .headerRow .main-logo img {
    max-height: 90px !important;
  }

  .headerRow .header-search-wrap {
    flex: 0 1 360px !important;
    width: 360px !important;
    max-width: 400px !important;
  }

  .headerRow .header-search-wrap .cn-search-form {
    height: 48px !important;
  }

  .headerRow .header-search-wrap .cn-search-input {
    font-size: 14px !important;
  }

  .headerRow .swchhta-partner-block {
    gap: 46px !important;
    margin-left: 46px !important;
  }

  .headerRow .swchhta-partner-block .swchhta-logo img {
    max-height: 44px !important;
    max-width: 95px !important;
  }

  .headerRow .swchhta-partner-block .logo-digital-india img {
    max-height: 55px !important;
    max-width: 105px !important;
  }

  .headerRow .headRight2 {
    gap: 8px !important;
  }
}

/* Super Large / Ultra-Wide Screens: 2200px to 3000px (e.g. QHD, 4K) */
@media screen and (min-width: 2200px) {
  .headerRow {
    padding: 53px 60px !important;
  }

  .headerRow .col-sm-12 > .main-logo img,
  .headerRow .main-logo img {
    max-height: 74px !important;
  }

  .headerRow .header-search-wrap {
    flex: 0 1 420px !important;
    width: 420px !important;
    max-width: 480px !important;
  }

  .headerRow .header-search-wrap .cn-search-form {
    height: 46px !important;
  }

  .headerRow .header-search-wrap .cn-search-input {
    font-size: 15px !important;
  }

  .headerRow .swchhta-partner-block {
    gap: 28px !important;
    margin-left: 32px !important;
  }

  .headerRow .swchhta-partner-block .swchhta-logo img {
    max-height: 50px !important;
    max-width: 110px !important;
  }

  .headerRow .swchhta-partner-block .logo-digital-india img {
    max-height: 50px !important;
    max-width: 120px !important;
  }

  .headerRow .headRight2 {
    gap: 10px !important;
  }

  .headerRow .headRight2 > span,
  .headRight2 > span {
    width: 38px !important;
    height: 38px !important;
  }

  .headerRow .headRight2 svg,
  .headRight2 svg {
    width: 24px !important;
    height: 24px !important;
  }
}