/* Header */
header {
    width: 100%;
    background-color: var(--color-14);
    height: auto;
}

header>nav {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (width >=810px) {
    header>nav {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.logo-band-wrapper {
    background-color: var(--color-13);
}

.logo-band {
    display: flex;
    justify-content: space-between;
    color: var(--white);
    font-family:var(--body-font-family);
    font-size: 1.1rem;
    font-weight: var(--bold-600);
}

.logo-band .nav-logo {
    padding-top: 4px;
    padding-bottom: 4px;
}


header>nav li>a {
    color: var(--white);
    display: inline;
    text-decoration: none;
} 

.nav-tag-line a {
    color: var(--white);
    font-weight: var(--bold-500);
    font-size: 1rem;
}



/* Submenu links */
.nav-submenu-items a {
    font-size: 1rem;
    color: var(--off-black);
    text-align: left;
    text-decoration: none;
}




/* Consolidated navigation link styles */

header .nav-link>a {
    color: var(--white);
    display: inline;
    text-decoration: none;
}


/* Navigation tag line and link styles */
.nav-tag-line {
    color: var(--white);
    font-weight: var(--bold-500);
    font-size: 1rem;
        margin-left: auto;
    margin-right: auto;
}





/* Navigation links in header */
header>nav>ul .nav-link>a {
    color: var(--white);
    display: inline;
}

.logo-band .nav-logo>a {
    font-size: 1rem;
    margin-right: 8px;
    color: var(--white);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

@media (width >=810px) {
    .logo-band .nav-logo {
        padding-top: 8px;
        padding-bottom: 8px;
        display: inline-flex;
        align-items: center;
    }
    
    .logo-band .nav-logo>a {
        margin-right: 16px;
        padding: 0;
    }
}

.logo-band .nav-logo-img {
    margin-right: 2px;
    width: 44px;
    height: 16px;
}

@media (width >=810px) {
    .logo-band .nav-logo-img {
        margin-right: 4px;
        padding-bottom: 2px;
    }
}


.main-nav-desktop,
.main-nav {
    height: 100%;
}

.main-nav-desktop {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

@media (width >=810px) {
    .main-nav-desktop {
        width: 100%;
    }
}

.main-nav-desktop>.nav-mobile-menu {
    order: -1;
}

@media (width >=810px) {
    .main-nav-desktop>.nav-mobile-menu {
        display: none;
    }

    .main-nav-desktop .nav-text-links .nav-text-menu {
        width: auto;
        display: flex;
        align-items: center;
        gap: 32px;
        margin: 0;
        flex-direction: row;
        justify-content: flex-end;
    }
}


.nav-link {
    display: none;
}

@media (width >=810px) {
    .nav-tag-line {
        margin-left: 0;
    }
    
    .nav-link {
        display: inline;
        align-items: center;
        justify-content: center;
        padding: 24px 8px;
        font-size: 0.95rem;
        font-weight: var(--bold-400);
    }
    
    .nav-link>a {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.nav-icon-link {
    display: inline;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.95rem;
    font-weight: var(--bold-400);
}

.nav-submenu {
    display: none;
    justify-content: center;
    align-items: flex-start;
    inset: 0;
    position: fixed;
    overflow: auto;
    background-color: var(--background-color);
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-wrap: wrap;
}

.nav-submenu.nav-sub-menu-visible {
    display: block;
}

@media (width >=810px) {
    .nav-submenu {
        min-height: 376px;
        position: fixed;
        overflow: auto;
        background-color: var(--white);
        top: 100%;
        bottom: auto;
    }
    
    .nav-submenu.nav-sub-menu-visible,
    .nav-submenu.nav-sub-menu-visible.nav-submenu-mobile {
        display: flex;
        flex-wrap: nowrap;
    }
}

.nav-submenu-title {
    margin-bottom: 24px;
    font-size: 1.2rem;
    font-weight: var(--bold-400);
    text-align: center;
}

@media (width >=810px) {
    .nav-submenu-title {
        text-align: left;
        margin-bottom: 0;
        font-size: 1.5rem;
        max-width: 287px;
        width: 20.88%;
    }
}

.nav-submenu-items {
    display: block;
}

.nav-submenu-items p{
  font-weight: 400;
}

.nav-submenu-items h3.nav-submenu-item-heading{
  font-weight: 700;
}

@media (width >=810px) {
    .nav-submenu-items {
        flex: 0 1 auto;
        display: flex;
    }
}

@media (width >=810px) {
    .nav-submenu-items a {
        font-size: 0.95rem;
    }
}

.nav-submenu-text-list .nav-submenu-items {
    display: grid;
    column-gap: 4.5%;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
}

.nav-submenu>* {
    flex: 1 1 100%;
}

.nav-submenu-text-list .nav-submenu-items>* {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--gray-3);
}

.nav-submenu-graphical-list .nav-submenu-items>* {
    border-bottom: 1px solid var(--gray-3);
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
}

.nav-submenu-text-list .nav-submenu-items>*:last-child {
    border: none;
}

@media (width >=810px) {
    .nav-submenu-text-list .nav-submenu-items>*:nth-child(5n) {
        border-bottom: none;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-2-row-list .nav-submenu-items {
        grid: repeat(2, auto) / auto-flow 33%;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-2-row-list .nav-submenu-items>*:nth-child(5n) {
        border-bottom: 1px solid var(--gray-3);
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-2-row-list .nav-submenu-items>*:last-child,
    .nav-submenu.nav-submenu-text-list.nav-submenu-text-2-row-list .nav-submenu-items>*:nth-child(2n) {
        border-bottom: none;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-5-row-list .nav-submenu-items {
        grid: repeat(5, auto) / auto-flow 33%;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-9-row-list .nav-submenu-items {
        grid: repeat(9, auto) / auto-flow 33%;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-9-row-list .nav-submenu-items>*:nth-child(5n) {
        border-bottom: 1px solid var(--gray-3);
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-9-row-list .nav-submenu-items>*:last-child,
    .nav-submenu.nav-submenu-text-list.nav-submenu-text-9-row-list .nav-submenu-items>*:nth-child(9n) {
        border-bottom: none;
    }
}

.nav-submenu-text-list .nav-submenu-items a {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    font-weight: var(--bold-500);
    width: 100%;
}

.nav-submenu-graphical-list .nav-submenu-title {
    margin-bottom: 41px;
}

@media (width >=810px) {
    .nav-submenu-graphical-list .nav-submenu-title {
        margin-bottom: 0;
    }
}

.nav-submenu-graphical-list .nav-submenu-items {
    flex-direction: row;
    gap: 8%;
}

@media (width >=810px) {
    .nav-submenu-graphical-list .nav-submenu-items>* {
        border-bottom: none;
        flex: 1 0 0;
        padding-top: 0;
        padding-bottom: 0;
        max-width: 389px;
        position: relative;
    }

    .nav-submenu-graphical-list .nav-submenu-items>*::after {
        content: "";
        position: absolute;
        border-right: 1px solid var(--gray-3);
        height: 100%;
        right: -19%;
    }

    .nav-submenu-graphical-list .nav-submenu-items>*:last-child::after {
        content: none;
    }
}

.nav-submenu-graphical-list .nav-submenu-item-heading {
    margin-top: 24px;
    font-size: 1.1rem;
    font-weight: var(--bold-400);
}

@media (width >=810px) {
    .nav-submenu-graphical-list .nav-submenu-item-heading {
        margin-bottom: 8px;
    }
}

.nav-submenu-graphical-list .nav-submenu-item-faux-link,
.nav-submenu-graphical-list .nav-submenu-item-faux-link-styled {
    color: var(--color-13);
    margin-top: 16px;
    font-weight: var(--bold-400);
    display: flex;
    gap: 4px;
    align-items: center;
}

.nav-submenu-graphical-list .nav-submenu-item-faux-link-styled::after {
    font-size: 16px;
}

.language-toggle-wrap {
    background-color: #eee;
    height: 33px;
}

.logo-band,
footer .footer-section,
header>nav,
header .language-toggle {
    box-sizing: border-box;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
}

.language-toggle-wrap .language-toggle {
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.language-selector-button .icon{
    margin-left: 6px;
}


.language-toggle-wrap .language-toggle .language-selector {
    display: flex;
}

.language-toggle-wrap .language-toggle .language-header {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    padding-right: 8px;
    border-right: 1px solid #d6d6d6;
    font-weight: 700;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
}

.language-toggle-wrap .language-toggle .language-header::before {
    /* content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/icons/g_translate.svg") no-repeat center center;
    margin-right: 4px; */
}

.language-toggle-wrap .language-toggle .translate-icon {
    margin-bottom: 4px;
    margin-right: 4px;
}

.language-toggle-wrap .language-toggle .translate-icon .icon {
  display: flex;
  margin-right: 2.5px;
}

.language-toggle-wrap .language-toggle .language-selector select {
    border: 0;
    padding-right: 20px;
    padding-left: 10px;
    margin-left: 8px;

    /* background: url("/static/images/caret.svg") no-repeat 100% 50% var(--highlight-gray); */
    font-size: 0.95rem;
    appearance: none;
}

.language-toggle-wrap .language-toggle .language-selector select::-ms-expand {
    display: none;
}

.top-nav-account-options {
    gap: 4px;
}

.nav-submenu-mobile .top-nav-account-options {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.logo-band .top-nav-account-options {
    @media (width >=810px) {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: initial;
        width: auto;
    }
}

.top-nav-account-options .account-options-text {
    color: var(--off-black);
    text-decoration: none;
}

@media (width >=810px) {
    .top-nav-account-options .account-options-text {
        color: var(--white);
    }
}

.top-nav-account-options .manage-account-text {
    color: var(--color-14);
    padding: 24px 0;
    border-bottom: 1px solid var(--gray-3);
    display: flex;
    align-items: center;
    gap: 4px;
    width: 88.4%;
}

.top-nav-account-options .manage-account-text::after {
    content: "account_circle";
    font-size: 24px;
}

.top-nav-account-options .logout-text {
    padding: 24px 0;
    color: var(--gray-8);
    display: flex;
    align-items: center;
    gap: 4px;
}

.top-nav-account-options .logout-text::after {
    font-family: var(--font-material);
    content: "logout";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 48;
}

a.skip-main {
    position: absolute;
    left: -999px;
    overflow: hidden;
    margin: 10px 5%;
    padding: 15px 30px;
    border-radius: 4px;
    border: 2px solid rgb(0 0 0 / 0%);
    background: linear-gradient(6deg, #e8f1ff 0%, #f9feff 100%);
    font-weight: 700;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-14);
    text-decoration: none;
}

.modal .modal-buttons a {
    flex: 1;
}

.nav-submenu .nav-submenu-items a {
    font-weight: normal;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: var(--off-black);
    text-decoration: none;
}

header>nav .main-nav-desktop .nav-tag-line,
header>nav .main-nav-desktop .nav-tag-line a,
header>nav .main-nav .nav-tag-line,
header>nav .main-nav .nav-tag-line a {
    color: var(--white);
    font-weight:var(--bold-500);
    font-family: var(--body-font-family);
    font-size: 21.056px;
    line-height: 31.584px;
}

/* Consolidated logo band styles */
.logo-band-wrapper .logo-band {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: var(--white);
}

.logo-band-wrapper .logo-band .nav-logo>a {
    font-weight: normal;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    margin-right: 8px;
    color: var(--white);
}

a.block-link,
a.block-link:link,
a.block-link:visited,
a.block-link:hover {
    text-decoration: none;
}

.block-link>img{
    height: 24px;
    width: 24px;
}

.logo-band-wrapper .logo-band .nav-logo .nav-logo-img {
    margin-right: 2px;
}

header>nav .main-nav-desktop {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

header>nav .main-nav-desktop,
header>nav .main-nav {
    height: 100%;
}

ul.clean-list,
ol.clean-list {
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
    margin-block: 0;
}

.language-selector-menu li{
  padding: 5px 20px 0 10px;
  font-size: var(--body-font-size-s);

}



.language-selector-menu {
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
    position: absolute;
    background-color: #eee;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    z-index: 10;
}

ul.clean-list>li,
ol.clean-list>li {
    display: inline;
    list-style: none;
    list-style-type: none;
}

.language-selector-menu li:hover{
  background-color: var(--color-13);
  color: var(--white);
    cursor: pointer;
}

header>nav .main-nav-desktop .nav-tag-line,
header>nav .main-nav .nav-tag-line {
    margin-left: auto;
    margin-right: auto;
}

header>nav .main-nav-desktop>.nav-mobile-menu {
    order: -1;
    position: relative;
    display: flex;
    align-items: center;
}

.hidden-text,
.dashboard-slider .bx-controls.bx-has-controls-direction.bx-has-pager .bx-next,
.dashboard-slider .bx-controls.bx-has-controls-direction.bx-has-pager .bx-prev,
.dashboard-slider .btn-slider-close,
#search-transactions .manual-search-transactions#dashboard-nyc-business>.container>.row-fluid .dashboard-content .search-form-wrapper .search-type-container .view-examples .view-example .view-example-close,
.dashboard-content.account-overview .scenario-row-container .close-scenario-button {
    text-decoration: none;
}

.hidden-text span,
.dashboard-slider .btn-slider-close span {
    /* text-indent: -999px; */

    /* text-align: left;
    overflow: hidden;
    display: block; */

   /* height: 0;
    width: 0; */
}


li.nav-icon.nav-mobile-menu li.icon{
    height: 32px; 
    width: 32px;
}

.modal.alert-success span {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
}

.modal .external-link-modal-header .logo-container span,
.external-link-modal .external-link-modal-header .logo-container span {
    font-size: 7.95px;
    color: var(--color-14);
}

.modal .modal-body span:not(.material-symbols-outlined) {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 16px;
}

.dashboard-content.account-overview .scenario-row-container .close-scenario-button span,
.dashboard-slider .bx-controls.bx-has-controls-direction.bx-has-pager .bx-next span,
.dashboard-slider .bx-controls.bx-has-controls-direction.bx-has-pager .bx-prev span,
#search-transactions .manual-search-transactions#dashboard-nyc-business>.container>.row-fluid .dashboard-content .search-form-wrapper .search-type-container .view-examples .view-example .view-example-close span {
    text-indent: -999px;
    text-align: left;
    overflow: hidden;
    display: block;
    height: 0;
    width: 0;
}

/* Consolidated nav submenu visibility states */
.nav-sub-menu-visible {
    display: block;
}

@media (width >=810px) {
    .nav-sub-menu-visible {
        display: flex;
        flex-wrap: nowrap;
    }

    .nav-sub-menu-visible.nav-submenu-mobile {
        display: flex;
    }

    .nav-submenu.nav-submenu-mobile.nav-sub-menu-visible {
        display: none;
    }
}

.nav-submenu.nav-submenu-mobile .top-nav-account-options,
.nav-submenu.nav-submenu-mobile .nav-submenu-main,
.nav-submenu.nav-submenu-mobile .nav-submenu-title {
    flex: 1 1 100%;
}

.nav-submenu .sub-menu-back,
.nav-submenu .sub-menu-close {
    position: absolute;
    top: 40px;
    z-index: 10;
}

.nav-submenu .sub-menu-back {
    left: 24px;
}

.nav-submenu .sub-menu-close {
    right: 24px;
}

.nav-submenu .nav-submenu-items {
    display: block;
}

.nav-submenu.nav-submenu-text-list .nav-submenu-items>* a {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    font-weight:var(--bold-500);
    width: 100%;
}

.nav-submenu.nav-submenu-mobile.nav-submenu-text-list .nav-submenu-items>* a {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-submenu.nav-submenu-mobile.nav-submenu-text-list .nav-submenu-items>* a.has-submenu::after {
    font-family: var(--font-material);
    content: "chevron_right";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 48;
    color: var(--color-14);
}

.nav-submenu.nav-submenu-text-list .nav-submenu-items>* {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d4d7dc;
}

header>nav li>div.block-link,
header>nav>ul .nav-link>div.block-link {
    color: var(--off-black);
    text-align: left;
    display: inline;
}

header>nav li>div.block-link .simplified-header-text,
header>nav>ul .nav-link>div.block-link .simplified-header-text {
    font-weight:var(--bold-500);
    padding: 24px 0;
}

.nav-submenu.nav-submenu-graphical-list .nav-submenu-item-faux-link-styled {
    color: #025adf;
    margin-top: 16px;
    font-weight: 700;
    display: flex;
    gap: 4px;
    align-items: center;
}

@media (width >=810px) {
    .outside-gutter,
    .nav-submenu,
    footer .footer-section,
    .logo-band,
    .language-toggle-wrap .language-toggle,
    header>nav {
        padding-left: 4.2375%;
        padding-right: 4.2375%;
    }

    .logo-band-wrapper .logo-band {
        font-weight: normal;
        font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 21px;
    }

    .logo-band-wrapper .logo-band .nav-logo {
        padding-top: 8px;
        padding-bottom: 8px;
        display: inline-flex;
        align-items: center;
    }

    header>nav li>a,
    header>nav>ul .nav-link>a {
        padding-top: 24px;
        padding-bottom: 24px;
    }

/* Consolidated hover/focus states for navigation */
    header>nav li:has(> .nav-current-tabfocus)>a,
    header>nav li:has(> a:hover)>a,
    header>nav li:has(> a:focus)>a,
    header>nav li:has(> .nav-submenu *:focus)>a,
    header>nav>ul .nav-link:has(> .nav-current-tabfocus)>a,
    header>nav li:has(> .nav-submenu:hover)>a,
    header>nav li:has(> .nav-submenu:focus)>a,
    header>nav li:has(> .nav-submenu *:hover)>a,
    header>nav>ul .nav-link:has(> a:hover)>a,
    header>nav>ul .nav-link:has(> a:focus)>a,
    header>nav>ul .nav-link:has(> .nav-submenu:hover)>a,
    header>nav>ul .nav-link:has(> .nav-submenu:focus)>a,
    header>nav>ul .nav-link:has(> .nav-submenu *:hover)>a,
    header>nav>ul .nav-link:has(> .nav-submenu *:focus)>a {
        color: var(--light-blue);
        background: linear-gradient(180deg,
                rgb(172 238 255 / 0%) 0%,
                rgb(172 238 255 / 0%) calc(100% - 4px),
                var(--light-blue) calc(100% - 4px),
                var(--light-blue) 100%);
    }

    .logo-band-wrapper .logo-band .nav-logo .nav-logo-img {
        margin-right: 4px;
        padding-bottom: 2px;
    }

    header>nav {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
    }

    header>nav .main-nav-desktop {
        width: 100%;
    }

    header>nav .main-nav-desktop .nav-tag-line,
    header>nav .main-nav .nav-tag-line {
        margin-left: 0;
    }

    header>nav .main-nav-desktop>.nav-mobile-menu {
        display: none;
    }

    .nav-submenu.nav-submenu-text-list,
    .nav-submenu.nav-submenu-graphical-list {
        gap: 6%;
    }

    .nav-submenu {
        overflow: visible;
        justify-content: flex-start;
        align-items: flex-start;
        top: 100%;
        bottom: auto;
        position: absolute;
        min-height: 376px;
    }

    header>nav .main-nav-desktop .nav-mobile-menu,
    header>nav .main-nav .nav-mobile-menu {
        display: none;
    }

    .nav-submenu.nav-submenu-text-list>*,
    .nav-submenu.nav-submenu-graphical-list>* {
        flex: 1 1 auto;
    }

    .nav-submenu .nav-submenu-title {
        text-align: left;
        margin-bottom: 0;
        font-weight: 700;
        font-family: var(--body-font-family);
        font-size: 38px;
        line-height: 52px;
        max-width: 287px;
        width: 20.88%;
    }

    .nav-submenu .sub-menu-back,
    .nav-submenu .sub-menu-close {
        display: none;
    }

    .nav-submenu .nav-submenu-items {
        flex: 0 1 auto;
        display: flex;
    }

    .nav-submenu.nav-submenu-text-list .nav-submenu-items {
        flex: 1 1 auto;
        display: grid;
        column-gap: 4.5%;
        grid: repeat(5, auto) / auto-flow 33%;
    }

    .nav-submenu.nav-sub-menu-visible {
        display: flex;
        flex-wrap: nowrap;
    }

    header>nav .main-nav-desktop>.nav-link,
    header>nav .main-nav>.nav-link {
        display: inline;
        align-items: center;
        justify-content: center;
        padding: 24px 8px;
        font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 21px;
    }

    .nav-submenu.nav-submenu-text-list.nav-submenu-text-9-row-list .nav-submenu-items {
        grid: repeat(9, auto) / auto-flow 33%;
    }

}

.language-selector-box {
    overflow-y: visible;
}

.language-selector-button {
    border: none;
    padding-right: 20px;
    padding-left: 10px;
    font-weight: normal;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
      display: flex;
      margin-left: 8px;
}



#colorbox {
    background: #fff;
    border: 1px solid #666;
    border-radius: 8px;
    z-index: 9999;
}

#colorbox #cbox-wrapper {
    position: relative;
}

#colorbox #cbox-close {
    width: 40px;
    height: 40px;
    background: none;
    font-size: 40px;
    text-indent: 0;
    color: #d9d9d9;
    position: absolute;
    top: 0;
    right: 5px;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox #cbox-close::before {
    content: "\e5cd";
    font-family: var(--font-material);
    font-size: 40px;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

header>nav .main-nav-desktop>.nav-mobile-menu>a.block-link::before {
    /* content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/icons/menu.svg") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    transition: transform 0.3s ease;
    color: var(--white); */
}

header>nav.menu-open .main-nav-desktop>.nav-mobile-menu>a.block-link::before {
    /* background-image: url("/icons/close.svg"); */
}

header>nav .main-nav-desktop>.nav-mobile-menu>a.block-link.is-active::before {
    /* background-image: url("/icons/close.svg"); */
}

#colorbox #cbox-top-left,
#colorbox #cbox-top-center,
#colorbox #cbox-top-right,
#colorbox #cbox-middle-right,
#colorbox #cbox-bottom-left,
#colorbox #cbox-bottom-center,
#colorbox #cbox-bottom-right {
    background: none;
}

#cbox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    background-color: rgb(0 0 0 / 73%);
}

#cbox-middle-left {
    background: none;
    max-height: 90vh;
    max-width: 90vw;
}

#cbox-content {
    max-height: 90vh;
    max-width: 90vw;
    overflow: auto !important;
}

#cbox-loaded-content {
    max-height: 90vh;
    max-width: 90vw;
    padding: 40px;
}

.modal {
    display: flex;
    flex-direction: column;
    width: 293px;
}

@media (width >=1024px) {
    .modal {
        width: 531px;
        height: 454px;
    }
}

.modal .modal-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin-top: 34px;
}

.modal .modal-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
}

.modal .modal-buttons {
    padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (width >=1024px) {
    .modal .modal-buttons a {
        flex: none;
        min-width: 60px;
    }

    .modal .modal-buttons {
        justify-content: flex-end;
    }
}

.modal .modal-buttons .denial {
    background-color: var(--color-14);
    color: var(--white);
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
}

.modal .modal-buttons .confirmation {
    background-color: #eee;
    color: var(--color-14);
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
}

.modal .modal-body p {
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    margin-top: 8px;
}

.modal .modal-body .content-header {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

@media (width >=1024px) {
    .modal .modal-body .content-header {
        font-size: 24px;
        line-height: 32px;
    }
}

.modal .modal-body .list-header {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.modal .modal-body .content {
    font-size: 15px;
    line-height: 24px;
    font-weight:var(--bold-500);
}

.modal.content-block h1,
.modal.content-block h2,
.modal.content-block h3,
.modal.content-block h4,
.modal.content-block h5 {
    padding: 0;
}

.modal.alert-modal .modal-body .material-symbols-outlined {
    width: 40px;
    height: 40px;
    font-size: 40px;
}

.modal.load-wizard {
    overflow: hidden auto;
    max-height: 800px;
}

.modal.load-wizard .saved-scenarios {
    margin-top: 20px;
}

.modal.load-wizard .saved-scenarios .table-wrapper table {
    margin-bottom: 16px;
}

.modal.alert-success {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.move-transactions .movetransactions-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
    max-height: 200px;
    overflow-y: scroll;
}

@media (width >=1024px) {
    .modal.move-transactions {
        width: 100%;
    }
}

.modal.move-transactions .movetransactions-list .sub-checkboxs {
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.save-potential-status .save-potential-status-modal-body {
    gap: 32px;
}

.modal.save-potential-status .save-potential-status-modal-body {
    gap: 32px;
}

.save-potential-status .dialog-buttons {
    display: flex;
    justify-content: end;
}

.modal.save-potential-status .dialog-buttons {
    display: flex;
    justify-content: end;
}

.save-potential-status .save-potential-matches-message {
    display: flex;
    align-items: center;
    gap: 8px;
}

.save-potential-status .save-potential-matches-message p {
    font-size: 13px;
    line-height: 20px;
}

.modal .external-link-modal-header,
.external-link-modal .external-link-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.modal .external-link-modal-header .logo-container,
.external-link-modal .external-link-modal-header .logo-container {
    display: flex;
}

.modal .external-link-modal-header .external-link-modal-close,
.external-link-modal .external-link-modal-header .external-link-modal-close {
    text-decoration: none;
}

.modal .external-link-modal-header .external-link-modal-close::after,
.external-link-modal .external-link-modal-header .external-link-modal-close::after {
    font-family: var(--font-material);
    content: "";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 48;
    font-size: 40px !important;
    color: #1c1b1f;
}

.modal .external-link-modal-header .external-link-modal-title,
.external-link-modal .external-link-modal-header .external-link-modal-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.modal .external-link-modal-body,
.external-link-modal .external-link-modal-body {
    margin-top: 16px;
}

.modal .external-link-modal-body .external-link-modal-description,
.external-link-modal .external-link-modal-body .external-link-modal-description {
    font-size: 15px;
    line-height: 24px;
    font-weight:var(--bold-500);
    padding: 4px 0;
}

.modal .external-link-modal-body .external-link-modal-page-name,
.external-link-modal .external-link-modal-body .external-link-modal-page-name {
    font-size: 15px;
    line-height: 24px;
    font-weight:var(--bold-500);
    padding: 16px 0;
}

.modal .external-link-modal-footer,
.external-link-modal .external-link-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

.external-link-button {
    background-color: var(--pink-03);
    color: var(white);
    border: 2px solid var(--pink-03);
}

.external-link-button:hover {
    background-color: var(--pink-03);
    color: var(white);
    border: 2px solid var(--pink-03);
}

.modal .external-link-modal-footer .external-link-button,
.external-link-modal .external-link-modal-footer .external-link-button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.modal .external-link-modal-footer .external-link-button::after,
.external-link-modal .external-link-modal-footer .external-link-button::after {
    content: "\e89e";
    font-family: var(--font-material);
    font-size: 18px;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

@media (width >=810px) {
    .content-block h4 {
        font-weight: 700;
        font-family: var(--body-font-family);
        font-size: 24px;
        line-height: 32px;
    }
}

.button-secondary,
.dashboard-content.account-overview .dashboard-interactions details .nycb-button.btn-default,
.dashboard-content.account-overview .dashboard-slider .bx-wrapper .bx-viewport ul.bxslider>li .text a.link-btn,
.dashboard-content.account-overview .dashboard-slider .bx-wrapper .bx-viewport ul.bxslider>li .text p a.link-btn,
.button,
a.button,
.dashboard-content.account-overview #alertnodata>a:nth-child(4),
a.button-secondary,
.button-back,
a.button-back {
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    font-weight: 700;
    font-family: var(--body-font-family);
    letter-spacing: 1.6px;
    text-decoration: none;
    font-size: 13.137px;
    line-height: 21.02px;
    text-transform: uppercase;
}

.button-secondary {
    background-color: var(--white);
    color: var(--accent);
    border: 2px solid var(--accent);
}

.button-secondary:hover {
    background-color: var(--white);
    color: var(--accent);
    border: 2px solid var(--accent);
}

/* Consolidated mobile menu styles */
@media (width <=809px) {
    header>nav .main-nav-desktop>.nav-mobile-menu>a.block-link {
        /* padding: 8px; */
        display: flex;

        /* align-items: center;
        justify-content: center; */
    }

    header>nav .nav-submenu.nav-submenu-mobile {
        padding-top: 60px;
    }

    .nav-submenu.nav-submenu-mobile .nav-submenu-items>* a {
        padding: 16px 0;
        min-height: 44px;
    }

    .sub-menu-close .hidden-text .nav-submenu .sub-menu-close {
        overflow: visible;
    }

    .outside-gutter,
    .nav-submenu,
    footer .footer-section,
    .logo-band,
    .language-toggle-wrap .language-toggle,
    header>nav {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Changed from font icon to SVG */
.nav-submenu .sub-menu-close::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;

    /* background: url("/icons/close.svg") no-repeat center center; */
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

@media (width <=810px) {
    header.header-wrapper {
      position: relative;
      min-height: 142px;

      /* content-visibility: auto; */
    }

    header.header-wrapper:has( header nav.menu-open) {
      content-visibility: visible;
    }

    ul.clean-list>li.nav-link {
        overflow: hidden;
        display: none;
    }

    .nav-submenu .sub-menu-close {
        overflow: visible;
    }

    /* Changed from font icon to SVG */
    .nav-submenu .sub-menu-close .icon {
        /* content: ""; */
        display: block;
        width: 32px;
        height: 32px;

        /* background: url("/icons/close.svg") no-repeat center center; */
        background-size: contain;
        position: absolute;
        top: 18px;
        margin-left: 8px;
        right: 0;
    }
}