:root {
        --color-primary: #046C6B;
        --color-primary-hover: #0A5052;
        --color-secondary: #323232;
        --color-white: #fff;
        --radius: 8px;
        --transition: all 0.3s ease;
        --font-family-primary: 'Open Sans', sans-serif;
        --font-family-secondary: 'Jost', sans-serif;
    }
    .login-signup-wrapper ul li a.button-primary,
    .button-primary {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: var(--color-white) !important;
        font-family: var(--font-family-secondary);
        background-color: var(--color-primary);
        border-radius: var(--radius);
        border: 0;
        padding: 12px 24px;
        margin: 0;
        outline-offset: 2px;
    }
    /*----------- RCOMM-2877 Footer CSS Start Here --------*/
    .account .site-footer .overlay { display:none;}
    .account .site-footer { z-index:999;}
    .legacy-account-professional.licensespops .site-footer {z-index: 0;}
    .customer-account-forgotpassword .site-footer,
    .customer-account-createpassword .site-footer {top: 200px;}


    .site-footer {
        float: left;
        background-color: #fff;
        width: 100%;
        padding: 8rem 6.4rem 4rem;
    }
    .site-footer img {
        vertical-align: middle;
    }
    .site-footer .site-footer__container {
        margin: 0 auto;
        gap: 4rem;
    }
    @media (min-width: 1141px){
        .site-footer .site-footer__container {
            max-width: 1920px;
        }
    }
    @media (max-width: 1140px){
        .site-footer .site-footer__container {
            max-width: 1312px;
        }
    }
    .site-footer .site-footer__sections {
        column-gap: 60px;
        column-count: 4;
    }
    .site-footer .site-footer__sections .pagebuilder-column-line {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        margin-bottom: 4rem;
    }
    .site-footer__section-title {
        font-family: 'Jost', sans-serif;
        color: #046C6B;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 0;
    }
    .site-footer__section-list ul {
        margin: 0;
        padding: 0;
    }
    .site-footer__section-list ul li,
    .site-footer__section p {
        font-family: "Open Sans", sans-serif;
        color: #323232;
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        margin-top: 14px;
        margin-bottom: 0;
    }
    .site-footer__section-list ul li a {
        color: #323232;
    }
    .site-footer__newsletter {
        max-width: 350px;
        width: 100%;
    }
    .site-footer__copy p {
        font-family: "Open Sans", sans-serif;
        color: #323232;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 16px 0 0 0;
    }
    .site-footer__copy a {
        color: #323232;
        text-decoration: underline;
    }
    ul.site-footer__social {
        display: flex;
        justify-content: flex-end;
        gap: 16px;
        margin: 0;
        padding-left: 0;
    }
    ul.site-footer__social .site-footer__social-link {
        margin: 0;
        width: 44px;
        height: 44px;
    }
    ul.site-footer__social .site-footer__social-link a {
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
        width: 44px;
        height: 44px;
        margin: 0;
    }
    ul.site-footer__social svg {
        width: auto;
    }
    @media (max-width: 1160px) {
        .site-footer .site-footer__sections {
            column-count: 3;
        }
    }
    @media (max-width: 800px) {
        .site-footer .site-footer__sections {
            column-count: 2;
        }
    }
    @media (max-width: 640px) {
        .site-footer {
            padding-left: 5.6rem;
            padding-right: 5.6rem;
        }
        .site-footer .site-footer__sections {
            column-count: 1;
        }
        .site-footer__bottom .pagebuilder-column-line {
            flex-direction: column;
            gap: 3.2rem;
        }
        .site-footer__bottom .pagebuilder-column {
            width: 100% !important;
        }
        ul.site-footer__social {
            justify-content: flex-start;
        }
    }
    @media (max-width: 460px) {
        .site-footer {
            padding-left: 3.2rem;
            padding-right: 3.2rem;
        }
        .site-footer__bottom .site-footer__copy {
            padding-left: 24px;
            padding-right: 24px;
        }
        .site-footer__bottom .site-footer__logo {
            max-width: 240px;
        }
    }
    /*----------- RCOMM-2877 Footer CSS End Here --------*/

    /*---------- RCOMM-2878 Header CSS Start Here -------------*/
    .main-header .compare.wrapper  {
        display: none;
    }
    .head-main-wrapper,
    .main-header .inner-menu {
        float: none;
    }
    .main-header .header.content {
        padding: 24px 48px;
        max-width: 1920px;
        width: 100%;
    }
    .main-header .links-container {
        justify-content: space-between;
        width: 100%;
        padding-right: 0;
    }
    .main-header .logo {
        margin: 0;
        max-width: 184px;
        height: 41px;
    }
    .main-header .logo img {
        width: 100%;
        height: auto;
    }
    .main-header .logo,
    .main-header .links-container > div {
        display: flex;
        align-items: center;
    }
    .main-header .desktop-menu-search {
        overflow-y: hidden;
    }
    .main-header .page-links > ul {
        gap: 36px;
        padding: 0 36px 0 32px;
        margin-right: 0;
        border: 0;
    }
    .main-header .page-links .dropdown > span {
        font-family: "Open Sans", sans-serif;
        line-height: 32px;
        color: #323232;
        height: 9.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        outline-offset: 1.6rem;
    }
    .main-header .search-container .search-button .icon-search:after {
        display: none;
    }
    #search-wrapper .block.block-content {
        max-width: 600px;
        margin: 0;
    }
    #search-wrapper .block-search {
        background-color: #fff;
        border-top: 1px solid #c6c6c6;
        border-radius: 0 0 16px 16px;
    }
    #search-wrapper .searchbox {
        display: flex;
        justify-content: center;
        padding: 1.4rem 0.8rem 1.4rem 1.6rem;
        max-width: 1920px;
        width: 100%;
        position: relative
    }
    #search-wrapper .block.block-content .control {
        margin: 0;
    }
    #search-wrapper .block.block-content input,
    #search-wrapper .block.block-content input:focus-visible {
        border-radius: 8px;
        background: #F4F4F2;
        border: 0;
        padding: 8px 16px;
    }
    #search-wrapper .block.block-content input:focus-visible {
        outline: 2px solid #046C6B !important;
    }
    #search-wrapper .block.block-content input,
    #search-wrapper .block.block-content input::placeholder {
        font-family: "Open Sans", sans-serif;
        color: #434343 !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        height: 44px;
    }
    #search-wrapper .block.block-content .actions.submit-button {
        position: absolute;
        top: 12px;
        right: 16px;
    }
    .block-search .action.search {
        opacity: 1;
    }
    .block-search .action.search::before {
        background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19 19L13 13M1 8C1 8.91925 1.18106 9.82951 1.53284 10.6788C1.88463 11.5281 2.40024 12.2997 3.05025 12.9497C3.70026 13.5998 4.47194 14.1154 5.32122 14.4672C6.1705 14.8189 7.08075 15 8 15C8.91925 15 9.82951 14.8189 10.6788 14.4672C11.5281 14.1154 12.2997 13.5998 12.9497 12.9497C13.5998 12.2997 14.1154 11.5281 14.4672 10.6788C14.8189 9.82951 15 8.91925 15 8C15 7.08075 14.8189 6.1705 14.4672 5.32122C14.1154 4.47194 13.5998 3.70026 12.9497 3.05025C12.2997 2.40024 11.5281 1.88463 10.6788 1.53284C9.82951 1.18106 8.91925 1 8 1C7.08075 1 6.1705 1.18106 5.32122 1.53284C4.47194 1.88463 3.70026 2.40024 3.05025 3.05025C2.40024 3.70026 1.88463 4.47194 1.53284 5.32122C1.18106 6.1705 1 7.08075 1 8Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        background-repeat: no-repeat;
        content: "" !important;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    #search-wrapper .delete-icon {
        position: absolute;
        top: 12px;
        right: 8px !important;
        width: 48px !important;
        height: 48px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #search-wrapper .delete-icon a {
        height: 24px;
    }
    .header--right-section {
        gap: 16px;
    }
    .header--right-section .search-container {
        display: none;
    }
    .main-header .log-links {
        padding-top: 0;
    }
    .main-header .log-links .minicart-wrapper {
        margin-left: 0;
    }
    .main-header .log-links .cart-button .shopping-cart-icon {
        width: 24px;
        height: 24px;
    }
    .main-header .log-links .cart-button,
    .minicart-wrapper .action.showcart:after {
        width: 48px;
        height: 48px;
    }
    .main-header .log-links .cart-button {
        display: flex !important;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: 8px;
    }
    .minicart-wrapper .action.showcart:after {
        top: 0;
        left: 0;
    }
    .minicart-wrapper .action.showcart .counter {
        top: 4px;
        right: 3px;
    }
    .business--link-wrapper {
        position: relative;
        margin-left: 16px;
    }
    .business--link-wrapper:before {
        content: "";
        position: absolute;
        top: 2px;
        left: -16px;
        height: calc(100% - 4px);
        width: 1px;
        background-color: var(--color-secondary);
    }
    .business--link {
        color: var(--color-secondary);
        font-family: var(--font-family-primary);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        display: block;
        padding: 12px 8px;
        border-radius: 10px;
        border: 2px solid transparent;
    }
    .business--link:hover {
        color: var(--color-secondary);
    }
    .business--link:active {
        color: #0A5052;
    }
    .business--link-wrapper:hover:after,
    .business--link-wrapper:active:after {
        content: "";
        position: absolute;
        top: auto;
        bottom: 14px;
        left: 11px;
        height: 1px;
        width: calc(100% - 21px);
        background-color: #0A5052;
    }
    .business--link:focus-visible,
    .business--link:focus {
        border-color: #000;
        color: #046C6B;
        outline: 0;
    }
    .user-profile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        padding: 9px 0;
    }
    .user-profile span {
        font-family: var(--font-family-primary);
        color: var(--color-primary);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        position: relative;
    }
    .user-profile:focus-visible span,
    .user-profile:focus span,
    .user-profile.active span,
    .user-profile span:hover {
        font-weight: 700;
    }
    .user-profile:focus span:before,
    .user-profile.active span:before,
    .user-profile span:hover:before {
        content: "";
        position: absolute;
        top: auto;
        bottom: 6px;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: var(--color-primary);
    }
    .user-profile:focus {
        border: 1px solid #000;
        border-radius: 8px;
    }
    .user-profile svg,
    .user-profile-dropdown .mob-menu-heading svg {
        width: auto;
        transition: var(--transition);
    }
    .user-profile.active span + svg {
        transform: rotate(180deg);
        transition: var(--transition);
    }
    .user-profile-dropdown .mob-menu-heading,
    .user-profile-dropdown .mob-menu-heading.user-name,
    .user-profile-dropdown .mob-menu-heading.user-name + div + .mob-menu-heading {
        padding: 0.8rem 3.2rem;
        margin-bottom: 0.8rem;
    }
    .user-profile-dropdown.showme .mob-menu-heading a {
        gap: 8px !important;
    }
    .user-profile-dropdown .mob-menu-heading.user-name {
        border: 0;
    }
    @media (min-width: 1200px) {
        .frontUserName,
        .user-profile-dropdown .mob-menu-heading a,
        .user-profile-dropdown .mob-menu-heading.user-name + div + .mob-menu-heading {
            font-family: var(--font-family-primary) !important;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 32px;
        }
        .user-profile-dropdown {
            padding-top: 2.4rem;
            padding-bottom: 1.6rem;
            width: 320px;
            border-radius: 0 0 16px 16px;
            background: var(--color-white);
        }
    }
    @media (max-width: 1279px) {
        .user-profile-dropdown .mob-menu-heading a {
            font-size: 16px;
        }
    }
    .main-header .page-links .dropdown .sub-nav {
        padding: 47px 24px 24px;
        top: 96px;
        left: calc(50% - 960px);
        max-width: 1920px;
        width: 100%;
    }
    @media (max-width: 1920px) {
        .main-header .page-links .dropdown .sub-nav {
            left: calc(50% - 50%);
        }
    }
    @media (min-width: 1600px) and (max-width: 1920px) {
        .main-header .sub-nav .outer-wrapper {
            width: 51.888% !important;
        }
    }
    .main-header .sub-nav .pagebuilder-column-group {
        max-width: 100%;
        width: 100%;
        padding: 0 40px !important;
    }
    .main-header .sub-nav .pagebuilder-column:first-child,
    .main-header .sub-nav .pagebuilder-column:last-child,
    .main-header .sub-nav .pagebuilder-column.small-fix-box {
        max-width: 100%
    }
    @media (min-width: 1280px) and (max-width: 1300px) {
        .main-header .sub-nav .outer-wrapper {
            width: 58.8% !important;
        }
    }
    .main-header .sub-nav .pagebuilder-column-line  {
        gap: 32px;
    }
    .main-header .sub-nav img {
        vertical-align: middle;
    }
    .main-header .sub-nav .sub-nav__column-header {
        font-family: 'Jost', sans-serif;
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        padding: 16px 0 16px;
        border-bottom: 1px solid #D4D4D4;
        line-height: 24px;
        margin: 0 0 16px 0;
    }
    .main-header .sub-nav ul li {
        margin: 0 0 12px 0;
    }
    .main-header .sub-nav ul li a,
    .main-header .sub-nav .anchor-link,
    .main-header .sub-nav .career-hiring {
        font-weight: 600;
        line-height: 28px;
        border-radius: 8px;
    }
    .main-header .sub-nav ul li a:hover {
        background-color: #F3FAFA;
    }
    .main-header .sub-nav ul li a:active {
        background-color: #CAE7E7;
    }
    .main-header .sub-nav .anchor-link {
        padding: 12px 16px;
        color: #046C6B;
        font-weight: 700;
        line-height: 24px;
        width: 100%;
    }
    .main-header .sub-nav .anchor-link svg {
        width: 24px;
        margin-left: 8px;
    }
    .main-header .sub-nav .anchor-link:hover {
        color: #046C6B;
    }
    .main-header .sub-nav .state-ce-inner p {
        font-size: 1.6rem;
        font-weight: 400;
    }
    .main-header .sub-nav .nurse-app,
    .main-header .sub-nav .state-ce-inner {
        max-width: 100%;
    }
    .main-header .sub-nav .nurse-app +
    .main-header .sub-nav .state-ce-inner p,
    .main-header .sub-nav .nurse-app p {
        line-height: 28px;
        color: #0E2230;
    }
    .main-header .sub-nav .nurse-app p {
        margin-bottom: 24px;
    }
    .main-header .sub-nav .btn-cta {
        width: 100%;
    }
    .main-header .sub-nav .btn-cta a {
        font-family: 'Jost', sans-serif;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        padding: 12px 24px;
        background: #046C6B;
        border-radius: 8px;
        border: 0;
        width: 100%;
        margin: 0;
    }
    .login-signup-wrapper ul li a.button-primary:hover,
    .button-primary:hover,
    .main-header .sub-nav .btn-cta a:hover {
        background: #0A5052;
    }
    .login-signup-wrapper ul li a.button-primary:active,
    .button-primary:active,
    .main-header .sub-nav .btn-cta a:active {
        background: #0C353F;
    }
    .login-signup-wrapper ul li a.button-primary:focus,
    .button-primary:focus,
    .login-signup-wrapper ul li a.button-primary:focus-visible,
    .button-primary:focus-visible,
    .main-header .sub-nav .btn-cta a:focus,
    .main-header .sub-nav .btn-cta a:focus-visible {
        background: #046C6B;
        outline: 2px solid #000 !important;
    }
    .sub-nav .choose-state__select__wrapper {
        width: 100%;
    }
    .sub-nav #choose-state,
    #compare-ce-packages #choose-state {
        line-height: 28px;
        color: #6c6c6c;
        border-radius: 8px;
        border: 1px solid #6c6c6c;
        height: 48px;
        padding: 9px 20px;
    }
    .sub-nav .choose-state-focus {
        border-color: transparent;
        outline-offset: 2px;
        box-shadow: none;
    }
    @-moz-document url-prefix() {
        .sub-nav #choose-state {
            background: transparent;
        }
        .sub-nav .choose-state-focus {
            border-color: transparent;
        }
    }
    ul.explore-community-wrapper {
        gap: 0 4px;
    }
    ul.explore-community-wrapper .sub-nav__link-title {
        font-family: var(--font-family-primary);
        font-size: 1.6rem;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 4px;
        display: block;
    }
    ul.explore-community-wrapper li a {
        padding: 8px 16px !important;
        border-radius: 16px !important;
    }
    ul.explore-community-wrapper p {
        line-height: 28px;
    }
    ul.explore-community-wrapper li {
        margin-bottom: 16px !important;
    }
    .main-header .sub-nav ul li a {
        display: block;
        padding: 8px 16px;
    }
    .mobile-menu-close-icon svg {
        display: none;
    }
    @media (max-width: 1279px) {
        .header--right-section .business--link-wrapper,
        .desktop-menu-search {
            display: none !important;
        }
        .header--right-section .search-container {
            display: block;
        }
        .main-header .header.content {
            padding: 1.2rem 1.6rem;
        }
        .mobile-menu-close-icon {
            background-color: #fff;
            top: 1.2rem;
            left: 1.6rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .mobile-menu-close-icon svg {
            display: block;
            width: 24px;
            height: 24px;
        }
        body.active .mobile-menu-close-icon:before,
        body.active .mobile-menu-close-icon:after {
            display: none;
        }
        .main-header .links-container {
            justify-content: flex-end;
        }
        .main-header .log-links .cart-button {
            margin: 0;
        }
        .main-header .logo {
            left: calc(50% - 92px);
            top: 20px;
            height: auto;
        }
        .main-header .menu {
            left: 26px;
            top: 22px
        }
        .side-navigation {
            position: absolute;
            top: 72px;
            width: 320px;
            min-height: auto;
            border-radius: 0;
            box-shadow: none;
            border-top: 2px solid #F4F4F2;
            color: #0E2230;
            padding-top: 0;
            z-index: 99999;
            height: 100vh;
            height: 100dvh;
            padding-top: env(safe-area-inset-top);
            padding-bottom: env(safe-area-inset-bottom);
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
        }
        .side-navigation-mobile__overlay {
            position: fixed;
            top: 72px;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(50, 50, 50, 0.41);
            z-index: 1;
            transform: translateX(-100%);
        }

        body.active .side-navigation-mobile__overlay {
            transform: translateX(0%);
        }
        .login-wrapper {
            margin-top: 0;
            padding: 1.2rem 1.6rem;
            border-top: 0;
            border-bottom: 1px solid #C6C6C6;
        }
        .login-wrapper .button-primary {
            display: block;
        }
        .side-navigation .inner {
            margin-top: 1.6rem;
            margin-bottom: 0;
        }
        .business--link-wrapper {
            margin-top: auto;
            padding: 1.6rem 2.4rem 2.4rem;
            border-left: 0;
            border-top: 1px solid #C6C6C6;
        }
        .side-navigation .inner ul li {
            font-family: var(--font-family-primary);
            color: #0E2230;
            font-size: 20px;
            font-weight: 600;
            line-height: 32px;
        }
        .side-navigation .inner ul li span.child {
            display: flex;
            font-family: var(--font-family-primary);
            padding: 1.2rem 2.4rem;
            position: relative;
        }
        .side-navigation .inner ul li span.child:before {
            content: "";
            position: absolute;
            top: 16px;
            right: 24px;
            background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 6L15 12L9 18' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center;
            width: 24px;
            height: 24px;
        }
        .side-navigation .inner ul li .sub-nav {
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            z-index: 9;
            padding-bottom: 0.8rem;
        }
        .side-navigation .inner ul li .sub-nav .pagebuilder-column-line {
            flex-direction: column;
            gap: 0;
        }
        .side-navigation .inner ul li .sub-nav .pagebuilder-column-line .pagebuilder-column {
            width: 100% !important;
            padding: 1.6rem 0;
            border-bottom: 1px solid #C6C6C6;
        }
        .side-navigation .inner ul li .sub-nav .pagebuilder-column-line .pagebuilder-column:last-child {
            border-bottom: 0;
        }
        .page-links.main-header {
            position: static;
            opacity: 1 !important;
        }
        .main-header .sub-nav .pagebuilder-column-group {
            padding: 0 2.4rem !important;
            opacity: 1 !important;
        }
        .main-header .sub-nav .sub-nav__column-header {
            border-bottom: 0;
            padding: 0.4rem 0;
            margin-bottom: 0.4rem;
        }
        .main-header .sub-nav .nurse-app p {
            margin-bottom: 0.8rem;
        }
        ul.explore-community-wrapper p {
            display: none;
        }
        .main-header .sub-nav ul {
            flex-direction: column;
        }
        .main-header .sub-nav ul li,
        ul.explore-community-wrapper li {
            width: 100% !important;
            margin-bottom: 0.4rem !important;
        }
        .main-header .sub-nav ul li a {
            padding: 0.8rem 0 !important;
            margin-bottom: 0;
            color: var(--color-primary);
        }
        .main-header ul.explore-community-wrapper li a {
            padding: 0.6rem 0 !important;
        }
        .main-header .sub-nav ul li:last-child {
            margin-bottom: 0 !important;
        }
        .main-header .sub-nav ul li a:hover {
            background: transparent;
        }
        .main-header .sub-nav figure {
            margin-top: 1.2rem;
        }
        .main-header .sub-nav .anchor-link {
            line-height: 28px;
            font-weight: 600;
            padding: 0.8rem 0;
            min-height: auto;
        }
        .main-header .sub-nav .nurse-app {
            margin-top: 0.4rem;
        }
        .back-main-menu--wrapper,
        .sub-nav .choose-state__select__wrapper,
        .main-header .sub-nav .anchor-link svg {
            display: none;
        }
        .side-navigation .inner ul li.dropdown.active .back-main-menu--wrapper {
            display: block;
        }
        .back-main-menu--wrapper {
            padding-top: 1.6rem;
        }
        .back-main-menu--wrapper svg {
            width: auto;
            margin-right: 0.8rem;
        }
        .back-main-menu--wrapper .back-main-menu {
            font-family: var(--font-family-primary);
            color: var(--color-secondary);
            font-size: 14px;
            font-weight: 600;
            line-height: 24px;
            padding: 0.8rem 1.6rem;
            cursor: pointer;
        }
        .back-main-menu__title {
            font-family: var(--font-family-primary);
            padding: 1.2rem 2.4rem 0.8rem;
        }
        .side-navigation .mobile-after-login {
            padding: 0 !important;
            border-top: 0 !important;
            border-bottom: 1px solid #c6c6c6;
            margin: 0;
        }
        .user-profile {
            justify-content: flex-start;
            padding: 1.6rem 2.4rem;
        }
        .user-profile span + svg {
            margin-left: auto;
        }
        .user-profile-dropdown {
            display: none;
            padding: 0 3.6rem 1.6rem;
        }
        .user-profile-dropdown.showme {
            display: block;
        }
        .mobile-after-login .mob-menu-heading.user-name a .frontUserName {
            font-family: var(--font-family-primary) !important;
            font-size: 1.6rem;
        }
        .mobile-after-login .mob-menu-heading.user-name a .frontUserName,
        .logout-wrapper a,
        .mobile-after-login .mob-menu-heading a {
            line-height: 28px;
            font-weight: 400;
        }
        .mobile-after-login .mob-menu-heading,
        .logout-wrapper a {
            padding: 1rem 0 !important;
        }
        .mobile-after-login .mob-menu-heading a,
        .user-profile-dropdown .mob-menu-heading a,
        .user-profile-dropdown .mob-menu-heading a:hover,
        .logout-wrapper a {
            gap: 0.8rem;
        }
    }
    @media (max-width: 767px) {
        .main-header .logo {
            width: 161px;
        }
        .main-header .header.content {
            padding-right: 0;
        }
        #search-wrapper .searchbox {
            justify-content: flex-start;
        }
        #search-wrapper .delete-icon {
            margin: 0 !important;
        }
        #search-wrapper .block.block-content {
            width: calc(100% - 48px) !important;
        }
        #search-wrapper .block.block-content .actions.submit-button .action.search {
            display: inline-block;
            top: 0 !important;
            right: 10px !important;
            height: 20px;
        }
        #search-wrapper .block.block-content .actions.submit-button .icon-search:before {
            display: none;
        }
    }
    /*---------- RCOMM-2878 Header CSS End Here -------------*/

    /*---------- RCOMM-5906 Header CSS Start Here -------------*/
    .main-header .page-links ul li.dropdown.parent:hover > .sub-nav {
        display: block !important;
        z-index: 9;
    }
    @media (max-width: 322px) {
        .main-header .logo {
            top: 25px !important;
            left: calc(50% - 50px) !important;
            width: 100px !important;
        }
    }
    .main-header .page-links .dropdown > span:before {
        bottom: 23px;
        height: 4px;
    }
    .main-header .page-links .dropdown > span:hover:before {
        background-color: #046c6b;
        bottom: 23px;
    }
    .main-header .menu {
        width: 24px;
        height: 24px;
        border: 0;
        text-indent: unset;
    }
    .main-header .menu:hover {
        border: 0;
    }
    .main-header .menu:after {
        display: none !important;
    }
    .user-profile-dropdown.showme .mob-menu-heading.user-name a:hover .frontUserName {
        color: #323232;
    }
    @media (min-width: 1280px) {
        .user-profile-dropdown.showme .mob-menu-heading:hover {
            background-color: #f3fafa;
            cursor: pointer;
        }
    }
    @media (max-width: 1285px) {
        .user-profile:focus span:before,
        .user-profile.active span:before,
        .user-profile span:hover:before {
            content: none;
            display: none;
        }
        .user-profile:focus span, .user-profile.active span, .user-profile span:hover {
            font-weight: 600;
        }
        .business--link-wrapper {
            margin-left: 0;
        }
        .business--link {
            padding:0;
            font-weight: 600;
        }
    }
    /*---------- RCOMM-5906 Header CSS End Here -------------*/

    /*---------- RCOMM-6332 CSS Start Here ---------------*/

    /* Reset button/link browser defaults */
    #search-wrapper .delete-icon button,
    .main-header .search-container .search-button,
    .main-header .menu {
        padding: 0;
        background: transparent;
        margin: 0;
        border: none;
    }

    /* FIRST TAB = LOGO
       navigation.sections renders inside header-wrapper before the logo
       (Magento base layout uses before="-"). Hide it from tab order. */
    .navigation-sections {
        display: none !important;
    }

    /* 1. LOGO — <a class="logo"> inside <header class="main-header">
       element+class selector (1,2,0) beats compiled ":focus" (0,1,0). */
    header.main-header a.logo:focus-visible {
        outline: 2px solid #0A5052 !important;
        border-radius: 4px;
    }

    /* 2. NAV TRIGGER SPANS — <span class="child"> inside <li class="dropdown parent">
       bracket style: | Jobs |
       tabindex="0" added by JS (with setTimeout retry).
       :focus catches browsers where :focus-visible may not fire for spans. */
    .page-links .dropdown > span:focus-visible {
        outline: 2px solid #0A5052 !important;
    }
    .page-links .dropdown > span:focus-visible:before {
        background-color: #046C6B;
    }
    /* 3. KEEP SUB-NAV OPEN WHILE TABBING THROUGH ITS CHILDREN
       :focus-within stays true while ANY descendant of .dropdown.parent
       has focus — trigger span OR any child link — keeping the panel open. */
    @media (min-width: 1280px) {
        .page-links .dropdown > span:focus-visible + .sub-nav,
        .page-links .dropdown.parent:focus-within > .sub-nav {
            display: block !important;
            z-index: 9;
        }
    }
    /* 4. SUB-NAV CHILD LINKS */
    .main-header .sub-nav ul li a:focus-visible,
    .main-header .sub-nav .career-hiring:focus-visible {
        outline: 2px solid #0A5052 !important;
        outline-offset: 2px;
        background-color: #F3FAFA;
        border-radius: 8px;
    }
    .main-header .sub-nav figure:focus-visible,
    .main-header .sub-nav .anchor-link:focus-visible {
        outline: 2px solid #0A5052 !important;
    }
    /* 5. SEARCH BUTTONS */
    .desktop-menu-search .search-button {
        height: 9.6rem !important;
        outline-offset: 1.6rem;
        border-radius: 0px;
    }
    .main-header .search-container .search-button:focus-visible,
    .desktop-menu-search .search-button:focus-visible {
        outline: 2px solid #0A5052 !important;
    }
    /* 7. USER-PROFILE TOGGLE — <div tabindex="0"> added by JS */
    .user-profile:focus-visible {
        outline: 2px solid #0A5052 !important;
        outline-offset: 2px;
        border-radius: 8px;
        border-color: transparent;
    }

    /* 7a. USER-PROFILE DROPDOWN LINKS (Profile + Log Out)
       Logout <a> has no href so tabindex="0" is set in innermenu.phtml.
       .mob-menu-heading wraps both Profile and Log Out links. */
    .user-profile-dropdown .mob-menu-heading a:focus-visible,
    .user-profile-dropdown a.custom-logout:focus-visible {
        outline: 2px solid #0A5052 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }
    @media (min-width: 1280px) {
        .user-profile-dropdown .mob-menu-heading,
        .user-profile-dropdown .mob-menu-heading.user-name,
        .user-profile-dropdown .mob-menu-heading.user-name + div + .mob-menu-heading {
            padding: 0;
        }
        .user-profile-dropdown .mob-menu-heading a {
            border-radius: 0;
            padding: 0.8rem 3.2rem;
            width: 100% !important;
        }
        .user-profile-dropdown .mob-menu-heading a:focus-visible {
            outline: 2px solid #0A5052 !important;
        }
    }
    /* 8. CART BUTTON */
    .minicart-wrapper .action.showcart:focus-visible {
        outline: 2px solid #0A5052 !important;
        border-radius: 8px;
    }
    /* 9. "FOR BUSINESSES" LINK */
    .business--link:focus-visible {
        outline: 2px solid #0A5052 !important;
        border-color: transparent;
        color: #046C6B;
    }

    /* 10. MOBILE HAMBURGER MENU BUTTON */
    .main-header .menu:focus-visible {
        outline: 2px solid #0A5052 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }
    .main-header .sub-nav .btn-cta a:focus-visible {
        outline-offset: 2px;
    }
    .main-header .search-container {
        margin-right: 2rem;
    }
    /*---------- RCOMM-6332 CSS End Here ---------------*/