@font-face {
        font-family: "Inter-Fallback";
        src: local("Arial");
        size-adjust: 107%;
        /* Scales Arial up to match Inter's tall lowercase letters */
        ascent-override: 90%;
        descent-override: 20%;
    }

    :root {
        /* Green Bar */
        --gradient-white-middle-green-top: linear-gradient(to right,
                #ffffff,
                #d7edb7,
                #ffffff);
        --gradient-orange-white-top-fold: linear-gradient(to top, #ffcc5f, #ffffff);
        --gradient-orange-box: linear-gradient(to bottom, #ffb519, #fff5e0);
        --gradient-blue-box: linear-gradient(to bottom, #d2f3fe, #fefffd);
        --gradient-green-box: linear-gradient(to bottom, #e9f5ce, #fffffd);

        /* Background color */
        --background-color: #ffffff;
        --orange-button-background: #faa61c;

        /* Font Colors */
        --link-color: #0c4c7c;
        --black-font-color: #000;

        /* Button Colors */
        --button-color-therap-ai: #faa61c;

        /* Box Colors */
        --counting-green-box-bg: #f1f8de;
        --counting-yellow-box-bg: #ffec93;
        --counting-blue-box-bg: #ddf5fd;

        /* Border Colors */
        --box-border-color: white;
        --orange-box-border-color: #ffe1a4;
        --blue-box-border-color: #9dd9f2;
        --green-box-border-color: #bbdd8b;

        /* Border Thickness */
        --box-border-thickness: 8px;

        /* Font Families merriweather and lato*/
        --font-merriweather: "Merriweather", serif;
        --font-lato: "Lato", sans-serif;

        --color-idd: #ffdf9c;
        --color-employment: #d3f4fe;
        --color-aging: #eaf5d0;
        --color-behavioral: #ffdf9c;
        --color-pediatric: #d3f4fe;
        --color-transportation: #eaf5d0;
        --text-heading: #0c4c7c;
        --text-body: #000;
        --bullet-orange: #f99d1c;
        --btn-blue: #0c4c7c;
        --shadow-light: 0 4px 15px rgba(0, 0, 0, 0.05);
        --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.1);
        --border-active: #0c4c7c;
    }

    .custom-modal {
        top: 2%;
    }

    .custom-form .submit-button {
        font-size: 20px;
    }

    .custom-modal-dialog {
        margin-top: 10vh;
    }

    .close-modal .round,
    .close-modal-2 .round {
        border-radius: 0 !important;
    }

    /* fix avada design */
    .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column {
        margin: 0;
    }

    div#wrapper {
        z-index: 0;
    }

    .modal-open div#wrapper {
        z-index: 10;
    }

    .fusion-footer {
        display: none !important;
    }

    main#main {
        padding: 0 !important;
    }

    .carousel-container svg {
        width: 20px;
    }

    menu svg:not(#star3) path,
    span.box-arrow svg path {
        fill: var(--link-color) !important;
    }

    svg.down-arrow {
        max-width: 30px;
        height: 30px;
        display: block;
        fill: #0c4c7c !important;
        margin: 0.5rem;
    }

    svg.open-link {
        max-width: 35px;
        height: 35px;
        display: block;
        fill: #0c4c7c !important;
        margin: 0.5rem;
        margin-right: 0;
    }

    .login-btn-holder svg {
        max-width: 15px;
        height: 15px;
    }

    ul.auth-list a {
        font-size: 18px;
        color: #0c4c7c;
    }

    .get-started-button svg {
        width: 25px;
        height: 25px !important;
        margin-left: 30px !important;
    }

    menu {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row;
        padding: 0rem 5rem;
        justify-content: flex-start;
        align-items: center;
        background-image: linear-gradient(to right, #ffd456, #fff);
        position: sticky;
        top: 0px;
        z-index: 10;
        margin-top: 0;
        margin-bottom: 0;
    }

    .ai-tools-menu-item {
        width: 100%;
    }

    .ai-tools-link {
        width: max-content;
    }

    .ai-logo-inner {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    li.nav-item.ai-tools-menu-item .ai-logo {
        width: 28px;
    }

    .logo-container {
        max-width: 20vw;
    }

    nav#top-menu-nav {
        display: none !important;
    }

    a.logo-link {
        display: block;
    }

    nav {
        display: flex !important;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    ul.nav-list,
    ul.auth-list,
    li.nav-item,
    a.nav-link,
    li.auth-item,
    a.auth-link {
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        margin: 0;
        font-size: 1.15rem;
        font-family: "Lato", "Inter", "Inter-Fallback", sans-serif;
        font-weight: 600;
    }

    a.nav-link.help-support-link {
        margin-left: 1rem;
        margin-right: 1.5rem;
    }

    a.nav-link,
    a.auth-link,
    a.logo-link {
        padding: 0.8rem 1.2rem;
        margin: 0;
        color: var(--link-color);
    }

    ul.nav-list,
    ul.auth-list {
        margin: 0 2rem;
    }

    .nav-link:hover,
    .auth-link:hover {
        color: var(--link-color);
    }

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none;
    }

    .menu-right {
        width: 100%;
    }

    ul.auth-list {
        margin-right: 0;
    }

    li.has-dropdown svg {
        transform: rotate(0deg);
        transition: transform 0.3s ease-in-out;
        /* No delay here! */
    }

    li.has-dropdown:hover svg {
        transform: rotate(180deg);
        /* The transition property is inherited, so no need to repeat it. */
    }



    li.auth-item:last-child a.auth-link {
        margin: 0;
        padding: 0 1rem;
        padding-left: 0;
    }

    /* 1. Set up the link as a container */
    .nav-link.contact-us-link,
    .nav-link.help-support-link {
        display: inline-block;
        /* Or 'block', required for overflow to work */
        position: relative;
        /* This is the positioning context for the sliding text */
        overflow: hidden;
        /* Hides the text that is outside the link's box */
        text-decoration: none;
        color: #0c4c7c;
        /* Your text color */
        padding: 5px 0;
        /* Add some padding for better spacing */
    }

    /* 2. Style the original text inside the link */
    .nav-link.contact-us-link span,
    .nav-link.help-support-link span {
        display: block;
        /* Allows transform to work properly */
        /* transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); Smooth slide animation */
    }

    /* 3. Create the second text layer that will slide up */
    .nav-link.contact-us-link::after,
    .nav-link.help-support-link::after {
        content: attr(data-text);
        /* Pulls text from the 'data-text' HTML attribute */

        /* Position it directly below the original text, hidden from view */
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 90%;
        display: none;

        /* transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); Match the animation */
    }

    .nav-link span:hover,
    .auth-link span:hover {
        text-decoration: none !important;
    }

    a.contact-us-link-menu {
        text-decoration: none;
        color: #0c4c7c;
        font-size: 1.15rem;
        font-weight: 600;
        padding: 3px 1.5rem;
        border-radius: 15px;
        background-color: #faa61c;
        /* box-shadow: var(--shadow-light); */
        /* transition: box-shadow 0.3s ease-in-out; */
    }

    /* INITIAL STATE of the dropdown */
    .solution-for-div-left-item {
        width: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1% 3% 1% 2%;
    }

    .solution-for-div-right-item {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1% 3% 1% 2%;
    }

    .solution-for-div {
        background-color: #f8cc0f;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-flow: row nowrap;
        /* justify-content: flex-start; */
        align-items: center;
        gap: 1.3rem;
    }

    .solution-for-div-inner {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row;
    }

    .solution-for-div-left-item {
        width: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .solution-for-div p {
        padding-left: 3.5%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 1.2rem;
        white-space: nowrap;
    }

    .solutions-menu-list {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        gap: 1.5rem;
        width: 100%;
        justify-content: space-between;
    }

    .solution-menu-item-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-left: 2%;
    }

    .solutions-menu-list a {
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 19px;
        color: #00437c;
        text-decoration: none;
    }

    .solution-menu-left-item {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.3rem;
    }

    .solutions-menu-list span.vertical-line {
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 0px;
        font-size: 1.3rem;
        color: #00437c;
    }

    .solution-menu-right-item {
        padding-left: 0%;
    }

    .features-menu-list {
        display: flex;
        flex-direction: row;
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .features-included {
        position: absolute;
        width: 50%;
        top: 100%;
        left: 45%;
        z-index: 10;
        background: #fff7de;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(-50%, -30px, 0);
        /* Snappy hide, with a slight delay for better experience */
        transition: transform 0.3s ease-in-out 0.2s,
            opacity 0.3s ease-in-out 0.2s,
            visibility 0s 0.5s;
    }

    /* Hover tunnel bridge to prevent accidental closing */
    .nav-item:hover>.features-included::before,
    .auth-item:hover>.hiring-menu::before {
        content: "";
        position: absolute;
        top: -40px;
        /* Bridge the gap between link and menu */
        left: 0;
        right: 0;
        height: 40px;
        background: transparent;
        pointer-events: auto;
    }

    /* HOVER STATE of the dropdown */
    .nav-item:hover>.features-included,
    .features-included:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(-50%, 0, 0);

        /* Instant show, no delay, for better responsiveness */
        transition: transform 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99),
            opacity 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99);
        flex-flow: row;
    }

    .menu-section-left:hover {
        transition: transform 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99) 0.3s,
            opacity 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99) 0.3s;
    }

    .features-included ul li a,
    .menu-section-right a,
    .hiring-menu-lists a {
        padding: 2px 16px;
        border-radius: 20px;
        text-decoration: none;
        color: #0c4c7c;
        font-size: 17px;
    }

    .features-included ul li a:hover,
    .menu-section-right ul li a:hover,
    .menu-section-right a:hover,
    .hiring-menu-lists a:hover {
        background-color: #f8cc0f;
        padding: 2px 16px;
        border-radius: 15px;
        text-decoration: none;
        color: #0c4c7c;
    }

    a.nav-sub.ai-logo-menu:hover {
        background: none;
    }

    .features-included ul,
    .hiring-menu ul {
        display: flex;
        width: 100%;
        flex-flow: column;
        padding-left: 0;
    }

    .features-included li.nav-item,
    .hiring-menu li.nav-item {
        justify-content: flex-start;
        padding: 2px 3%;
    }

    .menu-section-left {
        display: flex;
        flex-flow: column;
        width: 75%;
        padding-left: 2%;
        padding-bottom: 2%;
        padding-top: 1%;
        border-right: 1px solid #f8cc0f;
    }

    .menu-section-left p,
    .hiring-menu p {
        padding: 0 16px;
        margin-bottom: 0px;
        margin-top: 20px;
        font-size: 19px;
    }

    .menu-section-right a p,
    .hiring-menu-lists a p {
        margin-bottom: 0px;
        margin-top: 0px;
        color: #0c4c7c;
    }

    .menu-section-right a:hover,
    .hiring-menu-lists a:hover {
        /* text-decoration: underline; */
    }

    .menu-section-left-lists {
        display: flex;
        flex-flow: row;
    }

    .menu-section-right {
        display: flex;
        flex-flow: column;
        width: 25%;
        justify-content: flex-start;
        padding: 0;
        padding-top: 1%;
        /* background: #f9efd5; */
    }

    .hiring-menu {
        position: absolute;
        width: 35%;
        display: flex;
        top: 100%;
        right: -5%;
        z-index: 10;
        background: #fff7de;
        flex-flow: column nowrap;
        justify-content: flex-start;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(-50%, -30px, 0);
        /* Snappy hide, with a slight delay for better experience */
        transition: transform 0.3s ease-in-out 0.2s,
            opacity 0.3s ease-in-out 0.2s,
            visibility 0s 0.5s;
        padding-left: 30px;
        padding-bottom: 20px;
    }

    .auth-item:hover>.hiring-menu,
    .hiring-menu:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(-50%, 0, 0);

        /* Instant show, no delay, for better responsiveness */
        transition: transform 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99),
            opacity 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99);
        flex-flow: column;
    }

    .hiring-menu ul {
        display: flex;
        width: 100%;
        flex-flow: column;
    }

    .hiring-menu li.nav-item {
        justify-content: flex-start;
        /* padding: 1% 2%; */
        padding: 0;
    }

    .hiring-menu-lists {
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        padding: 0;
    }

    .hamburger-menu {
        display: none;
        /* Hidden by default on desktop */
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px;
        z-index: 1001;
        /* Ensure it's on top of other content */
    }

    .hamburger-menu .bar {
        display: block;
        width: 25px;
        height: 3px;
        margin: 5px auto;
        background-color: var(--link-color);
        transition: all 0.3s ease-in-out;
    }

    .top-menu-item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background-image: var(--gradient-white-middle-green-top);
        color: var(--black-font-color);
        font-weight: 500;
        font-family: "Lato", "Inter", "Inter-Fallback", sans-serif;
        font-size: 1.5rem;
        height: 60px;
        width: 100%;
        z-index: 10;
        top: 0;
        position: sticky;
    }

    .national-thin-top-bar {
        /* height: 60px; */
        display: none !important;
    }

    .sticky-top {
        top: 60px !important;
    }

    .top-menu-item span {
        margin: 0 0.5rem;
    }

    /* Login Button Animation */
    .login-btn-link {
        text-decoration: none;
        /* line-height: 1; */
        font-size: 18px;
    }

    .login-btn-link:hover,
    .login-btn-link:focus {
        text-decoration: none !important;
        color: #0c4c7c !important;
        /* line-height: 1; */
    }

    a.auth-link.hiring-link.contact-us-link-menu.login-btn-link-desktop.login-btn-link {
        /* line-height: 1; */
        padding: 7px 1.5rem;
    }

    a.auth-link.hiring-link.contact-us-link-menu.login-btn-link-desktop.login-btn-link svg {
        margin: 0;
    }

    .login-btn-holder {
        border: 2px solid #0c4c7c;
        border-radius: 15px;
        margin-left: 2rem;
        padding: 3px 1.5rem;
        position: relative;
        overflow: hidden;
        color: #0c4c7c;
    }

    .login-link,
    .login-link-overlay {
        display: flex;
        justify-content: center;
        align-items: center;
        /* line-height: 1; */
    }

    .login-link {
        position: relative;
        transition: transform 0.8s ease-in-out;
    }

    .login-link-overlay {
        position: absolute;
        inset: 0;
        background-color: #ffd456;
        color: #000000;
        transform: translateY(100%);
        transition: transform 0.8s ease-in-out;
        border-radius: 15px;
    }

    .login-btn-link:hover .login-link-overlay {
        transform: translateY(0%);
    }

    a.auth-link.hiring-link.contact-us-link-menu.login-btn-link svg {
        margin: 5px;
    }

    @media only screen and (max-width: 1800px) {
        .features-included {
            width: 55%;
        }
    }

    @media only screen and (max-width: 1600px) {
        .top-menu-item {
            font-size: 1.1rem;
        }

        menu {
            padding: 0rem 2.5rem;
            padding-right: 2.5rem;
        }

        ul.nav-list,
        ul.auth-list,
        li.nav-item,
        a.nav-link,
        li.auth-item,
        a.auth-link {
            font-size: 18px;
        }

        ul.nav-list,
        ul.auth-list {
            margin: 0 1.6rem;
        }

        svg.down-arrow {
            max-width: 30px;
            height: 30px;
            margin-right: 0;
        }

        svg.open-link {
            max-width: 15px;
            height: 15px;
            margin-right: 0;
        }

        .get-started-button svg {
            height: 25px;
            max-width: 30px;
            width: 30px;
        }

        a.nav-link.contact-us-link {
            /* margin-left: 0; */
        }

        a.nav-link {
            margin-left: 0rem;
        }

        .auth-link span {
            font-size: 19px;
        }

        .login-btn-link {
            font-size: 18px;
            line-height: 1;
        }

        ul.auth-list {
            margin: 0;
        }

        li.auth-item:last-child a.auth-link {
            margin: 0;
            padding: 0.1rem;
        }

        .solution-for-div p,
        .solutions-menu-list a,
        .menu-section-left p,
        .hiring-menu p {
            font-size: 19px;
        }

        .login-btn-holder {
            border: 2px solid #0c4c7c;
            border-radius: 15px;
            margin-left: 2rem;
            padding: 12px 1.5rem;
            /*             padding-bottom: 6px; */
            position: relative;
            overflow: hidden;
        }

        svg.open-link {
            max-width: 15px;
            height: 15px;
            margin-right: 0;
            margin-bottom: 0;
            margin-top: 0;
        }


        .get-started-button svg {
            height: 23px !important;
            max-width: 23px !important;
            width: 23px !important;
            margin-left: 25px !important;
        }

        .features-included {
            width: 65%;
        }
    }

    @media only screen and (max-width: 1400px) {
        menu {
            padding: 0rem 2.5rem;
            padding-right: 1.5rem;
        }

        a.nav-link,
        a.auth-link,
        a.logo-link {
            margin-left: 0.7rem;
            margin-right: 0.7rem;
        }

        ul.nav-list,
        ul.auth-list,
        li.nav-item,
        a.nav-link,
        li.auth-item,
        a.auth-link {
            font-size: 19px;
        }

        ul.nav-list {
            margin-left: 0.5rem;
        }

        .features-included li.nav-item,
        .hiring-menu li.nav-item {
            padding: 0% 3%;
        }

        .solution-for-div p,
        .solutions-menu-list a,
        .menu-section-left p,
        .hiring-menu p {
            font-size: 19px;
        }

        .solution-for-div p,
        .solutions-menu-list a,
        .menu-section-left p,
        .hiring-menu p {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .solutions-menu-list span.vertical-line {
            margin-top: 0px;
            margin-bottom: 5px;
        }

        li.nav-item {
            font-size: 1rem;
        }

        svg.down-arrow {
            max-width: 25px;
            height: 25px;
            margin: 0rem;
        }

        .features-included {
            width: 80%;
        }

        .solution-for-div {
            padding-top: 0;
            padding-bottom: 0;
        }

        .get-started-button svg {
            height: 20px;
            max-width: 30px;
            width: 30px;
        }
    }

    @media only screen and (min-width: 1100px) {

        .login-btn-link-mobile,
        .features-included-title .down-arrow {
            display: none !important;
        }
    }

    @media screen and (max-width: 1210px) {

        ul.nav-list,
        ul.auth-list,
        li.nav-item,
        a.nav-link,
        li.auth-item,
        a.auth-link {
            font-size: 0.95rem;
        }

        a.nav-link,
        a.auth-link,
        a.logo-link {
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
    }

    @media only screen and (max-width: 1100px) {

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

        .features-included,
        .hiring-menu,
        .navigation {
            box-sizing: border-box !important;
            box-sizing: border-box !important;
            overflow-x: hidden !important;
        }

        menu:not(.is-active) {
            max-width: 100%;
            overflow: hidden;
        }

        menu.is-active {
            max-width: 100%;
        }

        .solution-for-div p,
        .solutions-menu-list a,
        .menu-section-left p,
        .hiring-menu p {
            margin-top: 5px;
        }

        menu {
            padding: 0rem 1rem;
        }

        menu {
            padding: 0.5rem 1.5rem;
            justify-content: space-between;
        }

        .logo-container {
            max-width: 280px;
        }

        li.auth-item.has-dropdown span {
            font-size: 22px;
        }

        /* NEW: Use Flexbox to position items on the right */
        .menu-right {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 0.5rem;
            /* Space between login and hamburger */
        }

        /* Show the hamburger button and set its order */
        .hamburger-menu {
            display: block;
            order: 2;
            /* Hamburger appears after the login button */
        }

        /* Animate hamburger to an 'X' when active */
        .hamburger-menu.is-active .bar:nth-child(2) {
            opacity: 0;
        }

        .hamburger-menu.is-active .bar:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }

        .hamburger-menu.is-active .bar:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }

        .login-btn-link-desktop {
            display: none !important;
            /* Hide desktop login button */
        }

        nav a.login-btn-link .login-btn-holder {
            border: 0px !important;
            font-size: 25px !important;
            padding-left: 0;
        }

        nav svg {
            margin: 0 !important;
            padding: 0 !important;
            margin-left: 10px !important;
        }

        .features-included-title .down-arrow {
            margin-left: 5px;
        }

        .features-included-title {
            display: flex;
            flex-flow: row;
            justify-content: start;
            align-items: center;
        }

        svg.down-arrow {
            margin: auto;
            margin-left: 5%;
        }

        li.auth-item:not(.has-dropdown) {
            /* display: none; */
        }


        a.contact-us-link-menu {
            background: transparent;
        }

        .login-btn-holder {
            margin-left: 0;
        }

        a.auth-link.hiring-link {
            padding-left: 0;
        }

        .navigation {
            position: absolute;
            top: 99%;
            right: 0;
            width: 100%;
            height: calc(100vh - 200px);
            background-color: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(5px);
            flex-direction: column;
            justify-content: start;
            align-items: center;
            gap: 0;
            overflow-x: hidden;
            max-width: 100vw;
            transform: translateX(100%);
            transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;
            /* transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); */
            padding: 3% 5%;
        }

        ul.nav-list,
        ul.auth-list,
        li.nav-item,
        a.nav-link,
        li.auth-item,
        a.auth-link {
            justify-content: start;
            align-items: start;
        }

        .navigation {
            overflow-x: hidden;
        }

        .navigation.is-active {
            transform: translateX(0);
            overflow: scroll;
            background: #ffd456;
            overflow-x: hidden;
        }

        body.menu-open {
            overflow: hidden;
        }

        .navigation .auth-list {
            display: flex;
            margin: 0;
            order: 1;
        }

        .navigation .nav-list,
        .navigation .auth-item.has-dropdown {
            display: none;
        }

        .navigation.is-active .nav-list,
        .navigation.is-active .auth-list {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            margin: 0;
            padding: 0;
            gap: 20px;
            margin-bottom: 25px;
        }

        a.nav-link,
        a.auth-link,
        a.logo-link {
            padding: 0;
        }

        .navigation.is-active .auth-item.has-dropdown {
            display: flex;
            flex-flow: column;
        }

        .nav-item,
        .auth-item {
            width: 100%;
            text-align: center;
        }

        .features-included,
        .hiring-menu {
            position: static;
            opacity: 1;
            visibility: visible;
            transform: none;
            transition: none;
            display: none;
            width: 100%;
            background: #fdf5e2;
            box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
            padding: 1rem 0;
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .menu-section-left,
        .menu-section-right {
            width: 100%;
        }

        .menu-section-left-lists {
            flex-direction: column;
        }

        .features-included ul,
        .hiring-menu ul {
            width: 100%;
            padding: 0;
        }

        .features-included li.nav-item,
        .hiring-menu li.nav-item {
            justify-content: center;
        }

        .nav-item.is-open>.features-included,
        .auth-item.is-open>.hiring-menu {
            display: flex;
            flex-direction: column;
            width: 95%;
        }

        .features-included,
        .hiring-menu {
            position: static;
            display: none;
            /* Controlled by JS */
            width: 100%;
            opacity: 1;
            visibility: visible;
            transform: none;
            transition: none;
            margin-top: 1rem;
            padding: 1rem 0;
            background: rgba(220,
                    220,
                    220,
                    0.2);
            /* A subtle background to group items */
            box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.1);
            /* Soft inner shadow */
        }

        /* Show the container when the parent is opened by JS */
        .nav-item.is-open>.features-included,
        .auth-item.is-open>.hiring-menu {
            display: block;
            /* Change from flex to block for simpler flow */
        }

        .features-included {
            max-width: 100%;
            padding-top: 0;
            padding-bottom: 0;
        }

        .menu-section-left:hover {
            transition: transform 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99) 0.3s,
                opacity 0.3s cubic-bezier(0.94, 0.01, 0.08, 0.99) 0.3s;
            flex-flow: column;
        }

        .navigation.is-active li.nav-item,
        .features-menu-list {
            flex-flow: column;
        }

        .features-menu-list {
            padding: 10px 5px !important;
        }

        .features-included ul li a:hover,
        .menu-section-right ul li a:hover,
        .menu-section-right a:hover,
        .hiring-menu-lists a:hover {
            padding: 2px 2%;
            border-radius: 15px;
            text-decoration: none;
            margin: 2px 2% !important;
        }

        /* Style for the dropdown headings like "Features include:" */
        .menu-section-left p,
        .hiring-menu p {
            font-size: 1.4rem;
            /* Make heading smaller */
            font-weight: 600;
            /* text-transform: uppercase; */
            color: #000;
            padding: 0 2%;
            /* Align with main mobile menu items */
            margin-bottom: 0rem;
            padding-right: 0;
        }

        .solution-for-div {
            padding-left: 0;
        }

        .solution-for-div p {
            padding-left: 0%;
            font-size: 19px;
        }

        .solutions-menu-list a {
            font-size: 19px;
        }

        /* Reset inner list styling */
        .features-included ul,
        .hiring-menu ul {
            width: 100%;
            padding: 0;
            list-style: none;
            margin-bottom: 0;
        }

        .hiring-menu-lists {
            display: block;
            padding-left: 0%;
        }

        .menu-section-left-lists {
            /* display: none; */
        }

        /* Style for the two columns inside the "MENU" dropdown */
        .menu-section-left,
        .menu-section-right {
            width: 100%;
            padding: 0;
        }

        /* Add spacing after the left section before the right section starts */
        .menu-section-left {
            margin-bottom: 0;
            padding-bottom: 0;
            /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
        }

        .menu-section-right a:last-child p {
            margin-bottom: 0;
            /* Remove extra space at the end */
        }

        /* Styling for each individual link/item within the dropdowns */
        .features-included li.nav-item,
        .hiring-menu li.nav-item,
        .menu-section-right a {
            display: flex;
            /* Use flex for alignment */
            justify-content: flex-start;
            /* IMPORTANT: Left-align the text */
            text-align: left;
            /* padding: 0.5rem 1.5rem 0.5rem 2.5rem; */
            padding: 0;
            /* Indent sub-items for clarity */
            padding-left: 0;
        }

        .features-included ul li a,
        .menu-section-right a,
        .hiring-menu-lists a {
            padding-left: 2%;
        }

        /* Style for the actual link text */
        .features-included .nav-sub,
        .hiring-menu .nav-sub,
        .menu-section-right li a {
            font-size: 17px;
            /* Make sub-item text smaller */
            font-weight: 700;
            color: var(--link-color);
            margin: 0;
        }

        /* Remove the image from the AI link in mobile view for a cleaner list */
        .features-included img {
            /* display: none; */
            width: 200px;
            max-width: max-content;
        }

        .features-included a[href*="ai-tools"]::after {
            /* content: "Artificial Intelligence Tools"; Add text content instead */
            font-size: 1.6rem;
            font-weight: 500;
            color: var(--link-color);
        }

        .nav-item.is-open>.features-included,
        .auth-item.is-open>.hiring-menu {
            transform: translate3d(0, 0, 0);
        }

        .nav-item,
        .auth-item {
            width: 100%;
            text-align: center;
        }

        a.nav-link,
        a.auth-link {
            font-size: 20px;
            padding: 0;
            margin: 0;
        }

        .navigation a.nav-link,
        .navigation a.hiring-link {
            font-size: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
        }

        /* Keep login button visible in the header, outside the overlay */
        .login-item {
            position: absolute;
            right: 60px;
            /* Position next to the hamburger */
            top: 50%;
            transform: translateY(-50%);
        }

        /* Reset desktop dropdown styles */
        .features-included,
        .hiring-menu {
            position: static !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: none !important;
            transition: none !important;
            width: 100% !important;
            background: #fdf5e2 !important;
            box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05) !important;
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
            padding: 0 !important;
            /* Explicitly hide panels initially so jQuery slide routines control visibility cleanly */
            display: none;
        }

        .menu-section-left,
        .menu-section-right {
            width: 100%;
        }

        .menu-section-left-lists {
            flex-direction: column;
        }

        .features-included ul,
        .hiring-menu ul {
            width: 100%;
            padding: 0;
        }

        .features-included li.nav-item,
        .hiring-menu li.nav-item {
            justify-content: center;
        }

        /* Remove 'display: flex' from this rule! It was forcing the element to stay open */
        .nav-item.is-open>.features-included,
        .auth-item.is-open>.hiring-menu {
            width: 95%;
        }



        svg.open-link {
            max-width: 23px;
            height: 23px;
            margin-right: 0;
        }

        .get-started-button svg {
            height: 15px !important;
            max-width: 15px !important;
            width: 15px !important;
            margin-left: 15px !important;
        }



        li.has-dropdown svg {
            transform: rotate(0deg);
        }

        li.has-dropdown:hover svg {
            transform: rotate(0deg);
        }

        li.has-dropdown.is-open svg {
            transform: rotate(180deg);
        }

        li.has-dropdown.is-open .menu-section-left svg {
            transform: rotate(0deg);
        }

        li.has-dropdown.is-open .menu-section-left.is-open svg {
            transform: rotate(180deg);
        }

        .has-dropdown>a span,
        .has-dropdown>a svg {
            pointer-events: none;
            line-height: 1;
        }

        a.nav-link.help-support-link {
            line-height: 1;
            margin-left: 0;
        }

        .solution-for-div-inner {
            flex-flow: column;
            justify-content: flex-start;
            padding-left: 5px;
        }

        .solution-for-div-left-item {
            width: 100%;
            flex-flow: column;
            justify-content: flex-start;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .solution-for-div p {
            padding-left: 0%;
            margin-right: auto;
        }

        .solution-for-div-right-item {
            width: 100%;
            padding-top: 0;
            margin-top: 0;
        }

        .solutions-menu-list {
            margin-bottom: 0;
            padding-left: 0;
        }

        .solution-menu-right-item,
        .solution-menu-item-container,
        .solutions-menu-list {
            padding-left: 0;
        }

        .features-included.mobile-hidden,
        .hiring-menu.mobile-hidden {
            display: none !important;
        }



        .menu-section-left {
            border-right: 0px !important;
            border-bottom: 1px solid #f8cc0f;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .hiring-menu {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            padding-left: 2% !important;
        }
    }

    @media only screen and (max-width: 900px) {

        .custom-modal {
            max-width: 100vw;
        }

        .custom-modal-dialog {
            max-width: 90vw;
            margin: 0 auto;
            margin-top: 10%;
        }

        a.nav-link,
        a.auth-link {
            /* font-size: 1.2rem; */
            font-size: 1.5rem;
        }

        a.auth-link.login-btn-link.login-btn-link-mobile {
            font-size: 1.2rem;
        }

        svg.down-arrow {
            max-width: 30px;
            height: 30px;
        }

        .solution-for-div {
            flex-flow: column;
            justify-content: start;
            text-align: left;
            gap: 0;
            align-items: flex-start;
        }

        .solutions-menu-list {
            padding-left: 0%;
        }

        .solution-for-div p {
            font-size: 19px;
        }

        .solutions-menu-list a {
            margin-top: 0;
            font-size: 19px;
        }

        .solutions-menu-list span.vertical-line {
            margin-top: -1px;
        }

        .menu-section-left p,
        .hiring-menu p {
            font-size: 19px;
        }

        .features-included .nav-sub,
        .hiring-menu .nav-sub,
        .menu-section-right li a {
            font-size: 17px;
        }

        .navigation.is-active li.nav-item,
        .features-menu-list {
            padding-top: 0;
            padding-bottom: 0;
        }

        svg.open-link {
            max-width: 18px;
            height: 18px;
            margin-right: 0;
        }

        .get-started-button svg {
            height: 18px;
            max-width: 18px;
            width: 18px;
        }
    }

    @media only screen and (max-width: 600px) {

        .login-btn-holder {
            padding: 10px 1rem;
        }

        a.nav-link,
        a.auth-link,
        a.logo-link {
            padding: 0;
            margin: 0.5rem 0;
        }

        .navigation.is-active .nav-list,
        .navigation.is-active .auth-list {
            gap: 5px;
            margin-bottom: 5px;
        }

        a.auth-link.login-btn-link.login-btn-link-mobile {
            font-size: 16px;
        }

        .logo-container {
            max-width: 90vw;
        }

        .top-menu-item {
            flex-flow: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            height: 80px;
        }

        .top-menu-item span:last-child {
            display: block;
            width: 100%;
            text-align: center;
        }

        .top-menu-item a {
            max-width: 90px;
        }

        menu {
            top: 0px;
        }

        .menu-section-left,
        .menu-section-left:hover {
            flex-flow: column;
        }

        .login-item {
            /* Hide the text on very small screens to just show the icon */
            font-size: 0;
        }

        .login-item .login-link-overlay {
            display: none;
        }

        .login-item .login-link span {
            display: none;
        }

        .solutions-menu-list {
            flex-flow: column;
            gap: 0;
            margin-bottom: 0px;
        }

        .solutions-menu-list a {
            width: 100%;
            margin-bottom: 0;
        }

        .hiring-menu {
            padding-bottom: 20px;
        }

        a.nav-link.contact-us-link {
            margin: 0.5rem 0rem;
        }

        .solutions-menu-list span.vertical-line {
            display: none;
        }

        .solution-for-div p {
            margin-bottom: 0;
        }

        li.has-dropdown svg {
            transform: rotate(0deg);
        }

        li.has-dropdown:hover svg {
            transform: rotate(0deg);
        }

        li.has-dropdown.is-open svg {
            transform: rotate(180deg);
        }

        svg.open-link {
            max-width: 16px;
            height: 16px;
            margin-right: 0;
            margin: 0;
            margin-left: 0.5rem;
        }

        .get-started-button svg {
            height: 16px;
            max-width: 16px;
            width: 16px;
        }



        .solution-menu-left-item {
            flex-flow: column;
            justify-content: flex-start;
            gap: 0;
        }

        .solution-menu-item-container {
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .solution-menu-right-item {
            display: flex;
            justify-content: flex-start;
        }

        .social-icons {
            display: flex;
            justify-content: center;
        }
    }

    /* --- Base Animation Rules --- */
    a.nav-sub.ai-tools-link .animated-icon {
        transform-origin: center;
        transform-box: fill-box;
        /* Explicitly transition the fill property so color changes look fluid */
        transition: fill 0.3s ease;
        animation: flip-3d-motion 6s ease-in-out infinite;
    }

    /* --- Normal State: Cycles colors through keyframes --- */
    a.nav-sub.ai-tools-link:not(:hover) .animated-icon {
        animation-name: flip-3d-motion;
    }

    /* --- Hover State: Maintains the exact same flip motion, but forces Blue color globally --- */
    a.nav-sub.ai-tools-link:hover .animated-icon {
        fill: #2d6a9f !important;
    }

    /* --- Unified Motion Keyframe (No hardcoded color switches) --- */
    @keyframes flip-3d-motion {

        0%,
        20% {
            transform: perspective(800px) rotateY(0deg);
            fill: #2d6a9f;
        }

        34.9% {
            fill: #2d6a9f;
        }

        35.1% {
            fill: #2d6a9f;
            /* Orange/Yellow */
        }

        50%,
        70% {
            transform: perspective(800px) rotateY(180deg);
            fill: #2d6a9f;
        }

        84.9% {
            fill: #2d6a9f;
        }

        85.1% {
            fill: #2d6a9f;
        }

        100% {
            transform: perspective(800px) rotateY(360deg);
            fill: #2d6a9f;
        }
    }