/* ============================================
       G2 DIGITAL MARKETS HEADER - HUBSPOT MODULE
       CSS-Only version (no JavaScript required)
       All properties use !important to override HubSpot styles
       ============================================ */
    
    /* Reset for all header elements */
    .g2dm-header,
    .g2dm-header *,
    .g2dm-header *::before,
    .g2dm-header *::after,
    .g2dm-mobile-menu,
    .g2dm-mobile-menu *,
    .g2dm-mobile-menu *::before,
    .g2dm-mobile-menu *::after {
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      font-family: 'Figtree', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }

    /* Hide all checkboxes (used for CSS-only toggle) */
    .g2dm-toggle-checkbox {
      position: absolute !important;
      opacity: 0 !important;
      pointer-events: none !important;
      width: 0 !important;
      height: 0 !important;
    }

    /* Header Container */
    .g2dm-header {
      display: block !important;
      width: 100% !important;
      background: #FFFFFF !important;
      position: relative !important;
      z-index: 1000 !important;
    }

    /* ============================================
       DESKTOP STYLES (1024px and above)
       ============================================ */

    /* Desktop Header */
    .g2dm-desktop-header {
      display: none !important;
    }

    @media (min-width: 1024px) {
      .g2dm-desktop-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 28px 72px !important;
        max-width: 1512px !important;
        margin: 0 auto !important;
        gap: 24px !important;
      }
    }

    /* Left Side - Logo and Nav */
    .g2dm-desktop-left {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 24px !important;
    }

    /* Logo */
    .g2dm-logo-link {
      display: flex !important;
      flex-direction: column !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
    }

    .g2dm-logo-link:hover, .g2dm-logo-link:focus {
      text-decoration: none !important;
    }

   

    /* Nav Container with Divider */
    .g2dm-nav-wrapper {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 24px !important;
    }

    /* Vertical divider before nav */
    .g2dm-nav-divider-line {
      width: 0px !important;
      height: 24px !important;
      background-color: rgba(6, 40, 70, 0.2) !important;
    }

    /* Main Navigation */
    .g2dm-main-nav {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 0px !important;
      list-style: none !important;
    }

    /* Nav Item */
    .g2dm-nav-item {
      position: relative !important;
      list-style: none !important;
    }

    /* Nav divider between items */
    .g2dm-nav-item-divider {
      width: 0px !important;
      height: 16px !important;
      background-color: rgba(6, 40, 70, 0.2) !important;
      margin: 0 8px !important;
    }

    /* Nav Link / Button */
    .g2dm-nav-link {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 4px !important;
      padding: 12px 8px 0px !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      letter-spacing: 0.006em !important;
      color: #062846 !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
      cursor: pointer !important;
      transition: color 0.2s ease !important;
    }

    .g2dm-nav-link:hover, .g2dm-nav-link:focus {
      color: #0073F5 !important;
      text-decoration: none !important;
    }

    /* Chevron Icon */
    .g2dm-chevron {
      width: 16px !important;
      height: 16px !important;
      transition: transform 0.2s ease !important;
    }

    .g2dm-nav-item:hover .g2dm-chevron {
      transform: rotate(180deg) !important;
    }

    /* Dropdown Menu */
    .g2dm-dropdown {
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      padding-top: 8px !important;
      opacity: 0 !important;
      visibility: hidden !important;
      transition: opacity 0.2s ease, visibility 0.2s ease !important;
      z-index: 100 !important;
    }

    .g2dm-nav-item:hover .g2dm-dropdown {
      opacity: 1 !important;
      visibility: visible !important;
    }

    .g2dm-dropdown-inner {
      background-color: #FFFFFF !important;
      border: 1px solid #F3F4F6 !important;
      border-radius: 2px !important;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
      padding: 32px !important;
      min-width: 500px !important;
    }

    .g2dm-dropdown-columns {
      display: flex !important;
      flex-direction: row !important;
      gap: 48px !important;
    }

    .g2dm-dropdown-column {
      flex: 1 !important;
      min-width: 200px !important;
    }

    .g2dm-dropdown-heading {
      font-weight: 700 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      color: #062846 !important;
      margin-bottom: 16px !important;
    }

    .g2dm-dropdown-items {
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
    }

    .g2dm-dropdown-item {
      display: block !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
    }

    .g2dm-dropdown-item:hover {
      text-decoration: none !important;
    }

    .g2dm-dropdown-item-title {
      font-weight: 600 !important;
      font-size: 14px !important;
      line-height: 20px !important;
      color: #062846 !important;
      margin-bottom: 2px !important;
      transition: color 0.2s ease !important;
    }

    .g2dm-dropdown-item:hover .g2dm-dropdown-item-title {
      color: #0073F5 !important;
    }

    .g2dm-dropdown-item-desc {
      font-weight: 400 !important;
      font-size: 14px !important;
      line-height: 20px !important;
      color: rgba(6, 40, 70, 0.7) !important;
    }

    /* Right Side - CTA Buttons */
    .g2dm-desktop-right {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
    }

    /* Login Button */
    .g2dm-btn-login {
      display: flex !important;
      flex-direction: row !important;
      justify-content: center !important;
      align-items: center !important;
      padding: 10px 32px !important;
      border: 2px solid #062846 !important;
      border-radius: 3px !important;
      background: transparent !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      letter-spacing: 0.006em !important;
      color: #062846 !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
      white-space: nowrap !important;
    }

    .g2dm-btn-login:hover, .g2dm-btn-login:focus {
      background-color: #062846 !important;
      color: #FFFFFF !important;
      text-decoration: none !important;
    }

    /* Get Listed Button */
    .g2dm-btn-getlisted {
      display: flex !important;
      flex-direction: row !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 4px !important;
      padding: 10px 32px !important;
      background: #0073F5 !important;
      border: 2px solid #0073F5 !important;
      border-radius: 3px !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      letter-spacing: 0.006em !important;
      color: #FFFFFF !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
      white-space: nowrap !important;
    }

    .g2dm-btn-getlisted:hover, .g2dm-btn-getlisted:focus {
      background-color: #005BC4 !important;
      border-color: #005BC4 !important;
      text-decoration: none !important;
      color: #FFFFFF !important;
    }

    .g2dm-btn-getlisted svg {
      width: 16px !important;
      height: 16px !important;
    }

    /* ============================================
       MOBILE STYLES (below 1024px)
       ============================================ */

    /* Mobile Header */
    .g2dm-mobile-header {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 16px 20px !important;
    }

    @media (min-width: 1024px) {
      .g2dm-mobile-header {
        display: none !important;
      padding: 0 48px;
      }
    }

    /* Hamburger Label (acts as button) */
    .g2dm-hamburger-label {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      width: 40px !important;
      height: 40px !important;
      background: none !important;
      border: none !important;
      cursor: pointer !important;
      padding: 8px !important;
    }

    .g2dm-hamburger-label svg {
      width: 24px !important;
      height: 24px !important;
      color: #9CA3AF !important;
    }

    .g2dm-hamburger-icon {
      display: block !important;
    }

    .g2dm-close-icon {
      display: none !important;
    }

    /* When menu is open, swap icons */
    #g2dm-menu-toggle:checked ~ .g2dm-mobile-header .g2dm-hamburger-icon {
      display: none !important;
    }

    #g2dm-menu-toggle:checked ~ .g2dm-mobile-header .g2dm-close-icon {
      display: block !important;
    }

    /* Mobile Center Logo */
    .g2dm-mobile-logo {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 8px !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
    }

    .g2dm-mobile-logo:hover {
      text-decoration: none !important;
    }

    .g2dm-g2-icon {
      width: 36px !important;
      height: 36px !important;
    }

    .g2dm-mobile-brand-text {
      font-weight: 600 !important;
      font-size: 18px !important;
      line-height: 1.1 !important;
      color: #062846 !important;
    }

    /* Mobile Get Listed Link */
    .g2dm-mobile-getlisted {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 4px !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      letter-spacing: 0.006em !important;
      color: #0073F5 !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
    }

    a.g2dm-mobile-getlisted:hover, a.g2dm-mobile-getlisted:focus{
      text-decoration: underline !important;
      color: #005FC2 !important;
    }


    .g2dm-mobile-getlisted svg {
      width: 16px !important;
      height: 16px !important;
    }

    /* Mobile Menu Overlay - CSS Only Toggle */
    .g2dm-mobile-menu {
      display: none !important;
      
      top: 72px !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      background-color: #FFFFFF !important;
      padding: 24px 20px !important;
      overflow-y: auto !important;
      z-index: 999 !important;
    }

    /* Show mobile menu when checkbox is checked */
    #g2dm-menu-toggle:checked ~ .g2dm-mobile-menu {
      display: block !important;
    }

    @media (min-width: 1024px) {
      .g2dm-mobile-menu {
        display: none !important;
      }
      #g2dm-menu-toggle:checked ~ .g2dm-mobile-menu {
        display: none !important;
      }
    }

    .g2dm-mobile-nav-list {
      list-style: none !important;
    }

    .g2dm-mobile-nav-item {
      border-bottom: 1px solid #F3F4F6 !important;
      list-style: none !important;
    }

    /* Mobile accordion label (acts as button) */
    .g2dm-mobile-nav-label {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      width: 100% !important;
      padding: 16px 0 !important;
      font-weight: 600 !important;
      font-size: 18px !important;
      line-height: 24px !important;
      color: #062846 !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
      cursor: pointer !important;
      text-align: left !important;
    }

    .g2dm-mobile-nav-label:hover {
      text-decoration: none !important;
    }

    .g2dm-mobile-nav-label svg {
      width: 20px !important;
      height: 20px !important;
      transition: transform 0.2s ease !important;
    }

    /* Mobile dropdown - CSS only toggle */
    .g2dm-mobile-dropdown {
      display: none !important;
      padding: 0 0 16px 16px !important;
    }

    /* Show dropdown when its checkbox is checked */
    .g2dm-accordion-toggle:checked + .g2dm-mobile-nav-label + .g2dm-mobile-dropdown {
      display: block !important;
    }

    /* Rotate chevron when open */
    .g2dm-accordion-toggle:checked + .g2dm-mobile-nav-label svg {
      transform: rotate(180deg) !important;
    }

    .g2dm-mobile-dropdown-section {
      margin-bottom: 24px !important;
    }

    .g2dm-mobile-dropdown-section:last-child {
      margin-bottom: 0 !important;
    }

    .g2dm-mobile-dropdown-heading {
      font-weight: 700 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      color: #062846 !important;
      margin-bottom: 12px !important;
    }

    .g2dm-mobile-dropdown-items {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
    }

    .g2dm-mobile-dropdown-item {
      display: block !important;
      text-decoration: none !important;
      background: none !important;
      border: none !important;
    }

    g2dm-mobile-dropdown-item:hover {
      text-decoration: underline !important;
      
    }

    .g2dm-mobile-dropdown-item-title {
      font-weight: 600 !important;
      font-size: 14px !important;
      line-height: 20px !important;
      color: #062846 !important;
    }

    .g2dm-mobile-dropdown-item-desc {
      font-weight: 400 !important;
      font-size: 14px !important;
      line-height: 20px !important;
      color: rgba(6, 40, 70, 0.7) !important;
      margin-top: 2px !important;
    }

    /* Mobile CTA Buttons */
    .g2dm-mobile-buttons {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
      margin-top: 32px !important;
    }

    .g2dm-mobile-btn-login {
      display: flex !important;
      flex-direction: row !important;
      justify-content: center !important;
      align-items: center !important;
      width: 100% !important;
      padding: 12px 32px !important;
      border: 2px solid #062846 !important;
      border-radius: 3px !important;
      background: transparent !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      color: #062846 !important;
      text-decoration: none !important;
    }

    .g2dm-mobile-btn-login:hover {
      text-decoration: none !important;
    }

    .g2dm-mobile-btn-getlisted {
      display: flex !important;
      flex-direction: row !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 4px !important;
      width: 100% !important;
      padding: 12px 32px !important;
      background: #0073F5 !important;
      border: 2px solid #0073F5 !important;
      border-radius: 3px !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      color: #FFFFFF !important;
      text-decoration: none !important;
    }

    .g2dm-mobile-btn-getlisted:hover, .g2dm-mobile-btn-getlisted:focus {
      text-decoration: none !important;
      background: #005BC2 !important;
    }

    .g2dm-mobile-btn-getlisted svg {
      width: 16px !important;
      height: 16px !important;
    }



@media (max-width: 768px) {
   .g2dm-mobile-header {
        padding-left: 24px !important;
        Padding-right: 24px !important;
      }
  .g2dm-mobile-logo{margin-left: -30px !important;
}