header {
    padding: 1.5em var(--site_padding);
    padding-bottom: 0;
    color: var(--white);
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 4;
    border-bottom: 0.06125em solid #ffffff1a;
}

.nav_brand {
    width: 8.125em;
    display: flex;
    color: var(--white);
    grid-column: 1 / 3;
}

.header_bg {
    display: block;
    position: absolute;
    height: 100%;
    width: 65%;
    right: 0;
    top: 0;
    pointer-events: none;
    overflow: hidden;
}

.header_bg img {
    height: 150%;
}

.pulse_svg {
    padding: 0.06125em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ringring {
    border-radius: 100%;
    border: 0.06125em solid #fc1c1f;
    position: absolute;
    height: 100%;
    width: 100%;
    animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    opacity: 1;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.6);
        opacity: 0;
    }
}
.live_icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 0.75em;
    height: 0.75em;
    margin-top: 0.25em;
    display: flex;
}
.header_content {
    z-index: 2;
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.hc_line {
    width: calc(100% + (var(--site_padding) * 2));
    margin: 0.5em 0;
    margin-left: calc(0em - var(--site_padding));
    background-color: #444444;
    height: 0.06125em;
}

.hc_inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left_side {
    display: flex;
    align-items: center;
    gap: 0.6125em;
}
.status {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8f959d33;
    padding: 0.6125em;
    color: var(--iron_horizon--lighter);
    line-height: 1;
}

.status::after {
    content: "Inactive";
}
.status.active::after {
    content: "Active";
}
.status.active {
    background-color: #28d93b33;
    color: #28d93b;
}
.status.ineligible::after {
    content: "Ineligible";
}
.status.ineligible {
    background-color: #ff170033;
    color: #ff1700;
}

.start_assessment-button {
    padding: 0.6125em;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0.06125em solid var(--iron_horizon);
    outline-offset: -0.125em;
    color: var(--iron_horizon);
    text-decoration: none;
    line-height: 1;
    transition: all 0.25s var(--inOutSine);
}

.live_prop {
    display: flex;
    gap: 0.6125em;
}
.live_prop.live_now {
    align-items: center;
    gap: 0.5em;
}
.live_prop-content {
    display: flex;
    flex-direction: column;
    gap: 0.125em;
}
.nav_container {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.25em;
    padding-bottom: 1.5em;
}

.profile_dd img {
    border-radius: var(--global_br);
}
.profile_dd {
    display: flex;
    align-items: stretch;
    backdrop-filter: blur(0.25em);
    background-color: #ffffff0a;
    cursor: pointer;
    transition: all 0.25s var(--inOutSine);
    grid-column: 10 / 13;
    padding: 0.35em;
    border-radius: var(--global_br);
}
.profile_dd.open .user_dd {
    color: var(--market_shadow) !important;
}
.profile_dd.open {
    background-color: var(--liquidity_lagoon) !important;
    color: var(--market_shadow);
}
.profile_dd.mentorship.open {
    background-color: var(--liquidity_lagoon) !important;
}
.profile_dd.mentorship {
    background-color: var(--liquidity_lagoon--lighter) !important;
    color: var(--market_shadow) !important;
}

.profile_dd.mentorship .user_dd p::after {
    content: "(Mentorship Program)";
}

.profile_dd.desk_trader.open {
    background-color: var(--liquidity_lagoon--darker) !important;
}
.profile_dd.desk_trader:hover {
    background-color: var(--liquidity_lagoon--darker) !important;
}
.profile_dd.desk_trader {
    background-color: var(--liquidity_lagoon) !important;
    color: var(--market_shadow) !important;
}

.profile_dd.desk_trader .user_dd p::after {
    content: " (Desk Trader)";
}
.profile_dd.mentorship .user_dd p {
    display: flex;
    align-items: center;
    gap: 0.25em;
}
.profile_dd img {
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.user_dd {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.6125em;
    font-weight: var(--med);
}
.profile_dd:hover {
    background-color: #ffffff1a;
}
.start_assessment-button:hover {
    background-color: var(--white);
    color: var(--black);
    outline-color: var(--white);
}
.hamb_menu {
    display: none;
}
.profile_dd.mentorship:hover {
    background-color: var(--liquidity_lagoon);
}
@media (max-width: 992px) {
    .left_side {
        display: none;
    }

    .hc_line {
        display: none;
    }

    .header_content {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .hc_inner {
        width: auto;
    }

    .live_prop-content p:nth-child(2) {
        display: none;
    }
    .mm_profile .profile_dd {
        display: flex;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }
    .profile_dd.mentorship .user_dd p {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .profile_dd.mentorship .user_dd p::after {
        content: "Mentorship Program";
        font-size: 8px;
    }
    .user_dd {
        color: var(--iron_horizon--lighter);
    }
    .profile_dd {
        display: none;
    }

    .header_bg {
        height: 135%;
        width: 100%;
    }
    .hamb_menu {
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 0.3125em;
    }

    .hamb_menu p {
        letter-spacing: normal;
        line-height: 1;
    }

    .hm_lines {
        width: 2.5em;
        height: 0.6125em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hm_lines .line {
        width: 100%;
        height: 0.125em;
        background-color: var(--white);
    }
}

.profile_dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 0.375em);
    width: 100%;
    padding: 0.6125em;
    display: flex;
    flex-direction: column;
    gap: 0.375em;
    background-color: var(--market_shadow);
    clip-path: inset(0% 0% 100% 0%);
    border: 0.06125em solid var(--iron_horizon--darkested);
    border-radius: var(--global_br);
}
.profile_dropdown .sm_link {
    transform: translateX(-0.5em);
    opacity: 0;
    border-radius: var(--global_br);
    clip-path: inset(0% 100% 0% 0%);
}
.profile_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--market_shadow);
    padding: var(--site_padding);
}

.profile_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #00000099;
}

.pm_inner {
    width: 50%;
    z-index: 2;
    background-color: var(--market_shadow);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--iron_horizon--darkested);
    border-radius: 2px;
}

.pm_header {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.pm_header--title {
    padding-left: 1.25em;
    display: flex;
    align-items: center;
    background-color: var(--sidebar_bg--color);
    color: var(--iron_horizon--darker);
}

.pm_header--tab_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25em;
    padding-left: 1.25em;
    position: relative;
}
@media (max-width: 992px) {
}
.close_pm {
    flex-shrink: 0;
    width: 2.4em;
    height: 2.4em;
    border-radius: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    place-self: flex-end;
    cursor: pointer;
    transition: all 0.35s var(--inOutSine);
}
@media (min-width: 992px) {
    .close_pm:hover {
        background-color: #f4f4f40f;
    }
}

.cpm_line {
    position: absolute;
    width: 50%;
    height: 0.125em;
    transform: rotate(45deg);
    background-color: var(--market_shadow);
}

.cpm_line.vertical {
    transform: rotate(-45deg);
}

.pm_main {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    position: relative;
}

.pm_sidebar {
    padding: 1.25em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--sidebar_bg--color);
}

.pm_sidebar--links {
    display: flex;
    flex-direction: column;
    gap: 0.375em;
}

.pm_sidebar--bottom_links {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
}

.pm_content {
    display: flex;
    flex-direction: column;
}

.pm_content-block {
    padding: 1.25em;
    padding-bottom: 1.25em;
}
.pm_content-block.nb {
    border: none;
    padding-bottom: 0;
}
.pm_profile--image {
    width: 5em;
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm_profile--image img {
    border-radius: 2px;
}

.pm_profile-info {
    padding: 0.9375em;
    background-color: #ffffff0a;
    display: flex;
    align-items: center;
    gap: 0.875em;
    border-radius: 2px;
}

.pm_profile--name {
    display: flex;
    flex-direction: column;
    gap: 0.6125em;
    color: var(--iron_horizon--darker);
}

.del_account-button {
    margin-top: auto;
    padding: 1.25em;
}

.pm_profile--settings_buttons {
    display: flex;
    flex-direction: column;
    gap: 0.6125em;
}
@media (min-width: 992px) {
    .pm_content {
        height: 35em;
        overflow: auto;
    }
    .pm_content::-webkit-scrollbar {
        width: 0.275em;
        border-radius: 2px !important;
    }
    .pm_content::-webkit-scrollbar-track {
        background: var(--market_shadow);
    }
    .pm_content::-webkit-scrollbar-thumb {
        background: var(--iron_horizon--darker);
    }
}
@media (max-width: 992px) {
    .pm_inner {
        width: 100%;
        height: 100%;
    }
    .profile_menu {
        padding-bottom: 0;
        padding-top: 5em;
    }
    .pm_main {
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .pm_sidebar {
        border-bottom: 0.06125em solid var(--iron_horizon--darkested);
        border-right: none;
        padding: 0;
        padding-bottom: 1.25em;
    }

    .color--ih-lighter {
        color: var(--iron_horizon--lighter);
    }

    .pm_mobile--title.mobile_only {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .close_pm {
        position: relative;
        width: 2em;
        height: 2em;
        right: 0;
        background-color: #f4f4f40f;
    }
    .pm_sidebar--links {
        margin-top: 1.25em;
        padding: 0 0.9375em;
    }
}
.pm_content--pw {
    padding: 1.25em;
}

.pm_content--pw form {
    width: 100%;
}

.input_wrap.current_pw {
    padding-bottom: 1.25em;
    border-bottom: 0.06125em solid var(--light_grey);
}
.pm_back--tab {
    display: flex;
    align-items: center;
    gap: 0.25em;
    padding: 0.3125em;
    text-decoration: none;
    color: var(--iron_horizon--darker);
    transition: all 0.25s var(--inOutSine);
    border-radius: 2px;
}
.pm_back--tab:hover {
    background-color: #f4f4f40f;
    color: var(--iron_horizon--lighter);
}
.pm_back--tab svg {
    transition: all 0.25s var(--inOutSine);
    clip-path: inset(0% 0% 0% 0%);
}
.pm_back--tab:hover svg {
    clip-path: inset(0% 20% 0% 0%);
    transform: translateX(-0.125em);
}
.pm_content--pw .form_inputs--wrap {
    margin: 0;
    margin-top: 2.5em;
}

.password-class-color {
    color: var(--iron_horizon--lighter);
}

.pm_back--tab.head_link {
    display: none;
}
.pw_head {
    padding: 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 992px) {
    .pm_content--pw .form_inputs--wrap {
        margin-top: 0.9375em;
    }
}

.pm_content:not(.default) {
    display: none;
}

.success_text {
    color: var(--success);
}

.border--2 {
    border-radius: 2px;
}

.link_sent--block {
    padding-top: 1.5625em;
    display: flex;
    align-items: center;
    gap: 0.6125em;
}

.link_sent--block svg {
    flex-shrink: 0;
    margin-top: 0.125em;
    display: flex;
}
.current_tab--title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.6125em;
    color: var(--iron_horizon--darker);
}

.active--subscription {
    display: flex;
    flex-direction: column;
}

.subs_wrap {
    display: flex;
    flex-direction: column;
    gap: 0.9375em;
    margin-top: 1.25em;
}
.subs_active {
    padding: 1.25em;
    display: flex;
    flex-direction: row;
    gap: 1.25em;
    background: #ffffff0a;
    border-radius: 2px;
    color: var(--iron_horizon--darker);
}

.sub_price {
    display: flex;
    flex-direction: column;
    gap: 0.6125em;
    color: var(--iron_horizon--darker);
    font-weight: 400;
}

.cancel_subs {
    padding-top: 0.9375em;
}
.sub_name {
    padding: 0.6125em;
    background-color: var(--liquidity_lagoon--lighter);
}

.info_message {
    display: flex;
    align-items: center;
    background-color: #ffffff0a;
    gap: 0.6125em;
    color: var(--iron_horizon--darker);
    padding: 0.6125em;
    border-radius: 2px;
    border: 0.06125em solid #2b2d30;
}

.card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9375em;
    background-color: #ffffff0a;
    border-radius: 2px;
    border: 1px solid var(--iron_horizon--darkested);
}

.card_img--info {
    display: flex;
    align-items: center;
    gap: 0.9375em;
}

.card_img {
    display: flex;
    width: 2.5em;
}

.card_info--text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25em;
}

.card_status.default {
    padding: 0.425em;
    background-color: #28d93a10;
    line-height: 1;
    border-radius: 0.25em;
    color: var(--success);
}
.card_status.expired {
    padding: 0.425em;
    background-color: #fc1c2010;
    line-height: 1;
    border-radius: 0.25em;
    color: var(--error);
}

.card_info {
    display: flex;
    align-items: center;
    gap: 1.25em;
}

.delete_card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.25s var(--inOutSine);
}

.delete_card:hover {
    background-color: #ffffff10;
}

.dc_line {
    width: 70%;
    position: absolute;
    height: 0.09125em;
    background-color: var(--iron_horizon--darker);
    transform: rotate(45deg);
}

.dc_line.vertical {
    transform: rotate(-45deg);
}

.cards {
    display: flex;
    flex-direction: column;
    gap: 0.3125em;
    margin-bottom: 1.25em;
    margin-top: 0.9375em;
}
.card.delete {
    gap: 1.875em;
}

@media (max-width: 992px) {
    .card.delete {
        gap: 1em;
    }
}

.cd_buttons {
    display: flex;
    gap: 0.3125em;
    flex-shrink: 0;
}

.cd_button {
    padding: 0.5em 0.9375em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.06125em solid var(--market_shadow);
    background-color: var(--liquidity_lagoon);
    color: var(--market_shadow);
    cursor: pointer;
    transition: all 0.25s var(--inOutSine);
    border-radius: 2px;
}

.bh_card--name {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
}
.cd_button.transparent {
    color: var(--white);
    background-color: #ffffff0a;
    border: 1px solid var(--iron_horizon--darkested);
}

.cd_button:hover {
    background-color: var(--error);
    border-color: var(--error);
}

.cd_button.transparent:hover {
    background-color: #ffffff1b;
    color: var(--white);
    border-color: var(--iron_horizon--darkested);
}

.cd_button p {
    line-height: 1;
}
.bh_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25em;
    flex-wrap: wrap;
    padding: 0.8125em 0;
    border-bottom: 0.06125em solid #d9d9d912;
}

.billing_history {
    margin-top: 0.9375em;
    border-top: 0.06125em solid #d9d9d912;
}

@media (max-width: 340px) {
    .subs_active {
        flex-direction: column !important;
    }
}

@media (max-width: 992px) {
    .pm_header--tab_title {
        padding-bottom: 0 !important;
    }
    .card.delete {
        flex-direction: column;
        align-items: flex-start;
    }

    .card {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        gap: 0.5em;
    }

    .delete_card {
        position: absolute;
        right: 0.9375em;
        top: 50%;
        transform: translateY(-50%);
    }
}
header .basic_button.blue:hover {
    background-color: var(--white);
}

.profile_photo--edit {
    position: relative;
}
.profile_photo--edit.opened .l_text {
    color: var(--iron_horizon--darker);
}
.profile_photo--edit.opened .profile_photo--settings {
    opacity: 1;
    pointer-events: all;
}

.profile_photo--settings {
    position: absolute;
    top: calc(100% + 0.5em);
    left: 0;
    width: 120%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transition: all 0.25s var(--inOutSine);
    opacity: 0;
    pointer-events: none;
    box-shadow: 0em 0.25em 1.25em 0em #0000004d;
    border: 1px solid var(--iron_horizon--darkested);
    border-radius: 2px;
}
.pp_setting {
    padding: 0.6125em;
    background-color: var(--market_shadow);
    transition: all 0.25s var(--inOutSine);
    border-radius: 2px;
    z-index: 99;
}
.pp_setting:hover {
    background-color: var(--sidebar_bg--color);
}
@media (max-width: 992px) {
    .pw_head {
        padding-bottom: 0;
    }
    .inner_tab .pw_head .pm_back--tab {
        padding: 0.8125em !important;
        background-color: #ffffff0a;
        color: var(--iron_horizon--lighter);
    }
    .cards {
        margin-top: 0;
    }
}
.nav_links--wrap {
    grid-column: 3/7;
    display: flex;
    align-items: stretch;
    gap: 1.25em;
}

.nl_text {
    font-size: var(--b14);
    line-height: 1;
    position: relative;
}

.nav_link {
    color: var(--iron_horizon--darker);
    text-decoration: none;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.25s var(--inOutSine);
}
.nav_link:hover {
    color: var(--liquidity_lagoon);
}

.nav_link.active {
    color: var(--white) !important;
}
.nav_link.active::before {
    content: "";
    width: 100%;
    height: 0.25em;
    background-color: currentcolor;
    position: absolute;
    left: 0;
    bottom: -1.5em;
    transform: translateY(50%);
}

.cqg_icon {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    color: currentColor;
    margin-right: -4px;
}
.assessment_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .nav_links--wrap {
        display: none;
    }
    .nav_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .profile_dropdown .sm_link {
        padding: 1em;
    }
    .mm_links .sm_link {
        color: var(--iron_horizon--darker);
    }
}