/*
    Purpose of this file: compiles all the stylesheets in the /styles/navbar directory into one file to limit network requests
*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*
    Buttons.css
*/
.button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 15px 20px;
    background: #f78104;
    color: white;
    border-radius: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    font-family: PROXIMANOVA-BOLD;
}

    .button.heart {
        background-image: url("https://give.org/sf-images/default-source/alliance-redesign/heart-simple-shape-silhouette.png");
        background-repeat: no-repeat;
        background-position: center right 20px;
        padding-right: 51px;
    }

        .button.heart:hover {
            background-image: url("https://give.org/sf-images/default-source/alliance-redesign/heart-simple-shape-white.png");
            background-repeat: no-repeat;
            background-position: center right 20px;
        }

    .button:hover {
        background: #f2a900;
        text-decoration: none;
    }

    .button.subscribe {
        background-image: url("https://give.org/sf-images/default-source/alliance-redesign/paper-plane-orange.png");
        background-repeat: no-repeat;
        background-position: center right 20px;
        padding-right: 51px;
        margin-bottom: 0px;
    }

        .button.subscribe:not([data-disabled="disabled"]):hover {
            background-image: url("https://give.org/sf-images/default-source/alliance-redesign/paper-plane-white.png");
            background-repeat: no-repeat;
            background-position: center right 20px;
        }

        .button.subscribe[data-disabled="disabled"] {
            opacity: 0.5;
        }

            .button.subscribe[data-disabled="disabled"]:hover {
                background-color: initial;
                cursor: default;
            }

    .button.white-outline {
        border: solid 1px white;
    }

    .button.list {
        background-image: url("https://give.org/sf-images/default-source/alliance-redesign/icons/list-orange.png?sfvrsn=f0021a0e_2");
        background-repeat: no-repeat;
        background-position: center right 20px;
        padding-right: 51px;
        border-width: 2px;
        text-decoration: none;
    }

        .button.list:hover {
            background-image: url("https://give.org/sf-images/default-source/alliance-redesign/icons/list-white.png?sfvrsn=ee1fa09_2");
            background-repeat: no-repeat;
            background-position: center right 20px;
            color: white;
        }

    .button.eye {
        background-image: url("https://give.org/sf-images/default-source/alliance-redesign/icons/eye-orange.png?sfvrsn=155ce6c3_2");
        background-repeat: no-repeat;
        background-position: center right 20px;
        padding-right: 61px;
        text-decoration: none;
        font-family: PROXIMANOVA-REGULAR;
    }

        .button.eye:hover {
            background-image: url("https://give.org/sf-images/default-source/alliance-redesign/icons/eye-white.png?sfvrsn=9d261ae0_2");
            background-repeat: no-repeat;
            background-position: center right 20px;
            color: white;
        }

    .button.white-outline {
        border: solid 1px white;
    }

    .button.green {
        background-color: #008c56;
        text-decoration: none;
        font-family: PROXIMANOVA-REGULAR;
    }

        .button.green:hover {
            color: white;
            text-decoration: underline;
        }

    .button.purple {
        background-color: #7474c1;
        text-decoration: none;
        font-family: PROXIMANOVA-REGULAR;
    }

        .button.purple:hover {
            color: white;
            text-decoration: underline;
        }


/*
    FontsColorsMobileText.css
*/
/*
     For fonts, colors, mobile and text properties
            */
html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.all-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100vw;
}

    .all-content .main-content {
        width: 1125px;
    }

.ui-loader, .ui-corner-all {
    display: none;
}

body, html {
    max-width: 100vw;
    overflow-x: hidden;
}

@font-face {
    font-family: PROXIMANOVA-BOLD;
    src: url(/Mvc/Style/fonts/proximanova-bold-webfont.woff) format('woff');
    //src: url('@host/Mvc/Style/fonts/proximanova-bold-webfont.woff') format('woff');
    //src: url('../fonts/proximanova-bold-webfont.woff') format('woff');
    //src: url(/docs/default-source/fonts/proximanova-bold-webfont.woff);
    //src: url(/docs/default-source/fonts/proximanova-bold.otf?sfvrsn=6eb41ed7_2&download=true);
    font-display: swap;
}

@font-face {
    font-family: PROXIMANOVA-REGULAR;
    //src: url('@host/Mvc/Style/fonts/proximanova-reg-webfont.woff') format('woff');
    src: url(/Mvc/Style/fonts/proximanova-reg-webfont.woff) format('woff');
    //src: url('../fonts/proximanova-reg-webfont.woff') format('woff');
    //src: url(/docs/default-source/fonts/proximanova-reg-webfont.woff);
    //src: url(/docs/default-source/fonts/proximanova-regular.otf?sfvrsn=ce98a114_2&download=true);
    font-display: swap;
}

@font-face {
    font-family: PROXIMANOVA-SEMIBOLD;
    src: url(/docs/default-source/fonts/proximanova-semibold.otf?sfvrsn=ab740b6b_2&download=true);
    //src: url('@host/docs/default-source/fonts/ProximaNova-Semibold.woff');
    font-display: swap;
}

@font-face {
    font-family: inter;
    src: url(/docs/default-source/fonts/inter-regular.woff2);
    //src: url('@host/docs/default-source/fonts/inter-regular.ttf?sfvrsn=f67f6212_2&download=true');
    font-display: swap;
}

@font-face {
    font-family: inter-med;
    //src: url('@host/docs/default-source/fonts/inter-medium.ttf?sfvrsn=60aaba8e_2&download=true');
    src: url(/docs/default-source/fonts/inter-medium.woff2);
    font-display: swap;
}

h1 {
    font-family: "Georgia", "Times New Roman", arial, Verdana;
    font-size: 56px;
    color: #2d2926;
}

h2 {
    font-family: "Georgia", "Times New Roman", arial, Verdana;
    ;
    font-size: 48px;
    color: #2d2926;
}

h3 {
    font-family: "Georgia", "Times New Roman", arial, Verdana;
    ;
    font-size: 30px;
    color: #2d2926;
}

h4 {
    font-family: PROXIMANOVA-BOLD, arial, Verdana;
    font-size: 28px;
    color: #2d2926;
}

h5 {
    font-family: PROXIMANOVA-BOLD, arial, Verdana;
    font-size: 20px;
    color: #2d2926;
}

h6 {
    font-family: PROXIMANOVA-BOLD, arial, Verdana;
    font-size: 16px;
    color: #2d2926;
}

body, p {
    font-family: PROXIMANOVA-REGULAR, arial, Verdana;
    font-size: 16px;
    color: #2d2926;
}

p {
    line-height: 28px;
}

    body strong > *:not(h1, h2, h3), p strong > *:not(h1, h2, h3) {
        font-family: PROXIMANOVA-BOLD;
    }

a, a:visited {
    color: #005f86;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    a:active {
        color: #008c56;
    }

.txt-green {
    color: #008c56;
}

@media only screen and (max-width: 975px) {
    .hide-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 400px) {
    .hide-phone {
        display: none !important;
    }
}

@media only screen and (min-width: 976px) {
    .hide-desktop {
        display: none !important;
    }
}

/*
     Other properties
*/
.row {
    display: flex;
    flex-direction: row;
}



/*
    Forms.css
*/

.form-input, input {
    border: none;
    outline: none;
    font-family: PROXIMANOVA-REGULAR;
    background: #fff;
    color: #000;
    box-sizing: border-box;
}

    .form-input[data-type=text], .form-input[data-type=email], input[type=text]:not(.form-control), input[type=email]:not(.form-control) {
        padding: 15px;
        border-radius: 5px;
        font-size: 16px;
        font-family: PROXIMANOVA-REGULAR;
        margin-right: 15px;
        width: 240px;
        transition: all 300ms;
        text-align: left;
    }

        .form-input[data-type=text], .form-input[data-type=email].email, input[type=text].email, input[type=email].email {
            width: 270px;
        }

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
    color: #aaa;
}

.mailing-list-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

[contenteditable=true].single-line {
    white-space: nowrap;
    overflow: hidden;
}

    [contenteditable=true].single-line br {
        display: none;
    }

    [contenteditable=true].single-line * {
        display: inline;
        white-space: nowrap;
    }

.charity-list-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: white;
    border-radius: 6px;
    padding-right: 12px;
}

    .charity-list-search > * {
        height: 100%;
    }

    .charity-list-search .input[type=text].search {
        padding: 15px;
        border-radius: 5px 0px 0px 5px;
        width: 340px;
        margin-bottom: 0px;
    }

    .charity-list-search a.search-input-button img {
        width: 15px;
    }

@media only screen and (max-width: 975px) {
    .mailing-list-form {
        flex-direction: column;
        width: 100%;
    }

        .mailing-list-form .form-input[data-type=text], .mailing-list-form .form-input[data-type=email], .mailing-list-form input[type=text], .mailing-list-form input[type=email] {
            width: 100%;
        }

    .form-input[data-type=text], .form-input[data-type=email], input[type=text]:not(.form-control), input[type=email]:not(.form-control) {
        width: 270px;
        margin-bottom: 20px;
        max-width: 100%;
        margin-right: 0px;
    }

    .charity-list-search {
        width: 100%;
    }

        .charity-list-search .input[type=text].search {
            width: 100%;
        }
}

@media only screen and (max-width: 400px) {
    .mailing-list-form {
        width: 100%;
        flex-direction: column;
    }

    .form-input[data-type=text], .form-input[data-type=email], input[type=text]:not(.form-control), input[type=email]:not(.form-control) {
        width: 100%;
        margin-bottom: 20px;
        max-width: 100%;
        margin-right: 0px;
    }

        .form-input[data-type=text].email, .form-input[data-type=email].email, input[type=text].email, input[type=email].email {
            width: 100%;
        }

    .form-input[data-type=submit] {
        width: 100%;
    }

    .charity-list-search {
        width: 100%;
    }
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transition: all 100ms;
    transform: scale(0.3);
    overflow: hidden;
    max-width: 0px;
    animation: open-loader 100ms forwards;
}

    .lds-grid.active {
        max-width: 80px;
    }

    .lds-grid div {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #005f86;
        animation: lds-grid 1.2s linear infinite;
    }

        .lds-grid div:nth-child(1) {
            top: 8px;
            left: 8px;
            animation-delay: 0s;
        }

        .lds-grid div:nth-child(2) {
            top: 8px;
            left: 32px;
            animation-delay: -0.4s;
        }

        .lds-grid div:nth-child(3) {
            top: 8px;
            left: 56px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(4) {
            top: 32px;
            left: 8px;
            animation-delay: -0.4s;
        }

        .lds-grid div:nth-child(5) {
            top: 32px;
            left: 32px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(6) {
            top: 32px;
            left: 56px;
            animation-delay: -1.2s;
        }

        .lds-grid div:nth-child(7) {
            top: 56px;
            left: 8px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(8) {
            top: 56px;
            left: 32px;
            animation-delay: -1.2s;
        }

        .lds-grid div:nth-child(9) {
            top: 56px;
            left: 56px;
            animation-delay: -1.6s;
        }

@keyframes lds-grid {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@keyframes open-loader {
    from {
        max-width: 0px;
    }

    to {
        max-width: 80px;
    }
}



/*
    MailingList.css
*/
.mailing-list-form {
    justify-content: center;
    align-items: center;
}

    .mailing-list-form .mailing-list-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: nowrap;
        background-color: #f6f6f6;
        padding: 50px 60px;
        width: 100%;
        max-width: 920px;
    }

        .mailing-list-form .mailing-list-wrap .title {
            font-size: 30px;
            font-family: Georgia inter;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .mailing-list-form .mailing-list-wrap .form-input[data-type=text], .mailing-list-form .mailing-list-wrap .form-input[data-type=email] {
            font-size: 18px;
        }

        .mailing-list-form .mailing-list-wrap .caption {
            font-size: 16px;
            font-family: PROXIMANOVA-REGULAR;
            margin-top: 20px;
        }

            .mailing-list-form .mailing-list-wrap .caption a {
                color: #005f86;
                text-decoration: none;
            }

@media only screen and (max-width: 675px) {
    .mailing-list-form .mailing-list-wrap {
        padding: 30px 18px;
    }
}



/*
    Navbar-Mobile.css
*/

.navbar-wrap.mobile .navbar-content .logo-wrap .logo-image a img {
    width: 40px;
}

.navbar-wrap.mobile .navbar-content .logo-wrap .logo-text img {
    width: 130px;
}

.navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger {
    width: 30px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

    .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: white;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

        .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger span:nth-child(1) {
            top: 0px;
        }

        .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger span:nth-child(2),
        .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger span:nth-child(3) {
            top: 12px;
        }

        .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger span:nth-child(4) {
            top: 24px;
        }

    .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-wrap.mobile .links-and-hamburger-wrap .hamburger-wrap #hamburger.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

.navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap {
    transition: all 300ms ease-in-out;
    position: absolute;
    top: 100px;
    right: 0px;
    width: 100%;
    z-index: 999;
    background: white;
    -webkit-box-shadow: -2px 5px 7px 5px rgba(0, 0, 0, 0.08);
    box-shadow: -2px 5px 7px 5px rgba(0, 0, 0, 0.08);
    max-height: 0px;
    overflow: hidden;
}

    .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap.open {
        max-height: 100vh;
        overflow-y: auto;
    }

    .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .category-link {
        font-size: 22px;
        padding: 20px;
        cursor: pointer;
        font-family: PROXIMANOVA-REGULAR;
        background-image: url("https://give.org/sf-images/default-source/alliance-redesign/down-triangle-gray.png?sfvrsn=d3190046_2");
        background-repeat: no-repeat;
        background-position: center right 28px;
    }

        .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .category-link.active {
            background-image: url("https://give.org/sf-images/default-source/alliance-redesign/up-triangle-orange-larger.png?sfvrsn=aca152a2_2");
        }

        .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .category-link:not(:last-child) {
            border-bottom: solid 1px #d0d0d0;
        }

    .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .dropdown-items-wrap {
        transition: all 300ms ease-in-out;
        overflow: hidden;
        max-height: 0px;
    }

        .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .dropdown-items-wrap.open {
            max-height: 100vh;
        }

        .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .dropdown-items-wrap a {
            text-decoration: none;
        }

        .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .dropdown-items-wrap .dropdown-item-link {
            background: #f7f7f7;
            padding: 15px 0px 15px 30px;
            border-bottom: solid 1px #d0d0d0;
            color: #005f86;
            font-family: PROXIMANOVA-BOLD;
            cursor: pointer;
        }

            .navbar-wrap.mobile .links-and-hamburger-wrap .links-wrap .dropdown-items-wrap .dropdown-item-link:hover a {
                color: #2d2926;
            }


/*
    Navbar.css
*/

.navbar-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100vw;
    max-width: 100vw;
    background: #008c56;
}

    .navbar-wrap.charity {
        background: rgb(134, 97, 193);
    }

    .navbar-wrap a, .navbar-wrap a:visited {
        color: #005f86;
    }

    .navbar-wrap .navbar-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        min-width: 85vw;
        max-width: 1480px;
        height: 100px;
    }

        .navbar-wrap .navbar-content .logo-wrap,
        .navbar-wrap .navbar-content .links-wrap {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: nowrap;
            height: 100%;
        }

        .navbar-wrap .navbar-content .logo-wrap {
            height: 100%;
            margin-right: 20px;
        }

            .navbar-wrap .navbar-content .logo-wrap .logo-image {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                flex-wrap: nowrap;
                background: #005f86;
                height: 100%;
                padding: 0px 20px;
                margin-right: 20px;
            }

        .navbar-wrap .navbar-content .links-wrap .link {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            height: 100%;
            cursor: pointer;
            border-bottom: solid 4px rgba(0, 0, 0, 0);
            transition: border-color 200ms;
            padding: 0px 12px;
        }

            .navbar-wrap .navbar-content .links-wrap .link.dropdown {
                background-image: url("https://give.org/sf-images/default-source/alliance-redesign/down-triangle-white.png?sfvrsn=71ab78c9_2");
                background-repeat: no-repeat;
                background-position: center right 12px;
                padding-right: 27px;
            }

                .navbar-wrap .navbar-content .links-wrap .link.dropdown:hover,
                .navbar-wrap .navbar-content .links-wrap .link.dropdown.active {
                    background-image: url("https://give.org/sf-images/default-source/alliance-redesign/up-triangle-orange.png?sfvrsn=3611a04b_2");
                    border-bottom: solid 4px #f78104;
                }

            .navbar-wrap .navbar-content .links-wrap .link.text:hover,
            .navbar-wrap .navbar-content .links-wrap .link.text.active {
                border-bottom: solid 4px #f78104;
            }

            .navbar-wrap .navbar-content .links-wrap .link a {
                color: white;
                text-decoration: none;
                margin-top: 4px;
                text-align: center;
            }

    .navbar-wrap .navbar-dropdown-popup {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        transition: all 300ms ease-in-out;
        position: absolute;
        top: 100px;
        left: 0px;
        z-index: 999;
        width: 100vw;
        background: white;
        -webkit-box-shadow: -2px 5px 7px 5px rgba(0, 0, 0, 0.08);
        box-shadow: -2px 5px 7px 5px rgba(0, 0, 0, 0.08);
        max-height: 0px;
        opacity: 0;
        overflow: hidden;
    }

        .navbar-wrap .navbar-dropdown-popup.show {
            opacity: 1;
            max-height: 80vh;
        }

        .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content {
            display: flex !important;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            width: 90vw;
            opacity: 0.2;
            transition: opacity 200ms;
            max-width: 0px;
            max-height: 0px;
            overflow: hidden;
            margin: 40px 0px;
        }

            .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content,
            .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content {
                height: 100%;
            }

            .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content {
                width: 35%;
                padding-right: 40px;
            }

                .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content h3,
                .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content p {
                    color: #2e2e2e;
                }

                .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content h3 {
                    margin-bottom: 20px;
                    margin-top: 0px;
                }

                .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .title-content p {
                    font-family: inter;
                    line-height: 1.7em;
                }

            .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content.show {
                opacity: 1;
                max-width: 1125px;
                max-height: 100%;
            }

            .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: nowrap;
                width: 65%;
            }

                .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content .column {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: flex-start;
                    flex-wrap: nowrap;
                    height: 100%;
                    padding: 10px 35px;
                    max-width: 50%;
                    width: 50%;
                }

                    .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content .column:first-child {
                        padding-right: 40px;
                        border-left: solid 1px #d0d0d0;
                        border-right: solid 1px #d0d0d0;
                    }

                    .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content .column a {
                        text-decoration: none;
                        color: #2e2e2e;
                        font-family: inter-med;
                    }

                        .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content .column a:hover {
                            color: #005f86;
                            text-decoration: underline;
                        }

                        .navbar-wrap .navbar-dropdown-popup .navbar-dropdown-popup-content .links-content .column a:not(:last-child) {
                            margin-bottom: 14px;
                        }