* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Figtree', sans-serif;
    }

    .contextual-footer {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 56px 32px 30px;
      width: 100%;
      background: #062846;
    }

    .grid-norm {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 0px;
      gap: 32px;
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
    }

    /* Top Footer Nav */
    .top-footer-nav {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      padding: 0 0 24px;
      width: 100%;
      border-bottom: 1px solid #6F6D78;
    }

    .logo-section {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .main-logo {
      display: flex;
      align-items: center;
      gap: 12px;
      
      
    }

    .g2-icon {
      width: 40px;
      height: 40px;
      background: #FF492C;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .g2-icon svg {
      width: 22px;
      height: 22px;
    }

    .digital-markets-text {
      font-weight: 700;
      font-size: 28px;
      line-height: 1.2;
      color: #FFFFFF;
    }

    .brand-logos {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 8px;
    }

    .brand-logos img {
      height: 14px;
      width: auto;
    }

    .brand-logo-text {
      font-size: 12px;
      font-weight: 600;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .brand-logo-text.capterra::before {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 6px solid #FFFFFF;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      margin-right: 2px;
    }

    .brand-logo-text.getapp::before {
      content: '»';
      font-weight: bold;
      margin-right: 2px;
    }

    .brand-logo-text.software-advice::after {
      content: '';
      display: inline-block;
      width: 12px;
      height: 8px;
      background: #FFFFFF;
      clip-path: polygon(0 40%, 100% 40%, 100% 60%, 70% 60%, 70% 100%, 30% 100%, 30% 60%, 0 60%);
      margin-left: 2px;
    }

    .social-icons {
      display: flex;
      gap: 9px;
      align-items: flex-start;
    }

    .social-icon {
      width: 36px;
      height: 36px;
      border: 2px solid #FFD7A9;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: background-color 0.2s ease;
    }

    .social-icon:hover {
      background-color: rgba(255, 215, 169, 0.1);
    }

    .social-icon svg {
      width: 16px;
      height: 16px;
      fill: #FFD7A9;
    }

    /* Main Content Section */
    .footer-main-content {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      gap: 24px;
    }

    .offerings-section {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .offerings-title {
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.006em;
      color: #FFFFFF;
    }


    .offerings-columns {
      display: flex;
      gap: 64px;
    }

    .sub-nav-col {
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-width: 160px;
    }

    .sub-nav-col.wider {
      min-width: 186px;
    }

    .column-title {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.006em;
      color: #FFFFFF;
    }

    .nav-items {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .nav-item {
      display: flex;
      flex-direction: column;
      gap: 0;
      padding-bottom: 10px;
    }

    .nav-link {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
      color: #FFFFFF;
      text-decoration: none;
      padding: 5px 0;
      display: inline-block;
    }

    .nav-link:hover {
      color: #66AEFF !important;
    }

    .description-text {
      font-weight: 400;
      font-size: 11px;
      line-height: 16px;
      color: #FFFFFF;
      max-width: 145px;
    }

    /* Right Navigation */
    .right-nav {
      display: flex;
      gap: 48px;
      align-items: flex-start;
    }

    .right-nav-link {
      font-weight: 500;
      font-size: 14px;
      line-height: 24px;
      color: #FFFFFF;
      text-decoration: underline;
    }

    .right-nav-link:hover {
      color: #66AEFF !important;
    }

    /* Bottom Footer */
    .bottom-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding-top: 24px;
      border-top: 1px solid #6F6D78;
    }

    .policy-links {
      display: flex;
      gap: 32px;
    }

    .policy-link {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #FFFFFF;
      text-decoration: none;
    }

    .policy-link:hover {
      text-decoration: underline;
      color: #66AEFF !important;
    }

    .copyright {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #FFFFFF;
    }

.contextual-footer, .grid-norm {
  padding: 40px;
}
 @media (max-width: 1024px) {
      .contextual-footer {
        padding: 40px 48px 30px;
      }
}
    /* Mobile Styles */
    @media (max-width: 991px) {
      .contextual-footer {
        padding: 40px 48px 30px;
      }

      .grid-norm {
        padding: 0;
      }

      .top-footer-nav {
        flex-direction: column;
        gap: 24px;
      }

      .social-icons {
        display: none;
      }

      .footer-main-content {
        flex-direction: column;
        gap: 0;
      }

      .offerings-section {
        width: 100%;
      }

      .offerings-title {
        display: none;
      }

      .offerings-columns {
        flex-direction: column;
        gap: 0;
        width: 100%;
      }

      .sub-nav-col {
        width: 100%;
        padding: 0;
        gap: 0;
        border-bottom: 1px solid #6F6D78;
      }

      .sub-nav-col.wider {
        min-width: 100%;
      }

      .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0;
        cursor: pointer;
      }

      .column-title {
        font-size: 18px;
        font-weight: 700;
      }

      .accordion-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 300;
      }

      .nav-items {
        display: none;
        padding-bottom: 24px;
      }

      /* CSS-only accordion for HubSpot compatibility */
      .accordion-checkbox {
        display: none;
      }

      .accordion-checkbox:checked ~ .nav-items {
        display: flex;
      }

      .accordion-checkbox:checked ~ .accordion-header .accordion-icon-plus {
        display: none;
      }

      .accordion-checkbox:checked ~ .accordion-header .accordion-icon-minus {
        display: block;
      }

      .accordion-icon-plus {

        display: block;
      }

      .accordion-icon-minus {
        display: none;
      }

      .nav-link {
        font-size: 14px;
        line-height: 24px;
      }

      .description-text {
        display: none;
      }

      .right-nav {
        flex-direction: row;
        gap: 32px;
        padding: 24px 0;
        flex-wrap: wrap;
      }

      .mobile-social-icons {
        display: flex;
        gap: 12px;
        padding: 16px 0 24px;
      }

      .mobile-social-icon {
        width: 42px;
        height: 42px;
        border: 2px solid #FFD7A9;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
      }

      .mobile-social-icon svg {
        width: 18px;
        height: 18px;
        fill: #FFD7A9;
      }

      .bottom-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }

      .policy-links {
        gap: 24px;
        flex-wrap: wrap;
      }

      .copyright {
        font-style: italic;
      }
    }

    @media (min-width: 992px) {
      .accordion-header {
        display: block;
        padding: 0;
        cursor: default;
      }

      .accordion-icon {
        display: none !important;
      }

      .accordion-checkbox {
        display: none !important;
      }

      .nav-items {
        display: flex !important;
      }

      .mobile-social-icons {
        display: none;
      }

      .mobile-right-nav {
        display: none;
      }
    }

    /* Desktop: Hide mobile elements */
    @media (max-width: 991px) {
      .right-nav.desktop-only {
        display: none;
      }
    }

    @media (min-width: 992px) {
      .right-nav.mobile-only {
        display: none;
      }
    }

.accordion-header
{margin-left: 0 !important;
display: flex !important;

}

.nav-items {
       
        margin-left: 0px;
    }

@media (max-width: 768px) {
    .contextual-footer {
        padding: 40px 24px 30px;
    }
}
.nav-link:hover{
  color: #66AEFF !important;