/**
 * Design Tokens - Auto-generated
 * DO NOT EDIT THIS FILE DIRECTLY
 */

/* Custom Media Queries (Breakpoints) */

:root {
  /* Spacing */
  --space-none: 0px;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --space-5xl: 96px;
  --space-6xl: 128px;
  --space-7xl: 160px;
  --space-8xl: 192px;
  --space-9xl: 256px;

}

.image--circle {
    border-radius: 99em;
    overflow: hidden;
    aspect-ratio: 1/1;
    position: relative;
    width: 100px;
    height: 100px;
}

@media (min-width: 1025px) {

.image--circle {
        height: 200px;
        width: 200px;
}

    }

.image--circle img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.cover-image {
    overflow: hidden;
    width: 100%;
}

.cover-image img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
    }

.cover-image.circle {
        border-radius: 99em;
        overflow: hidden;
        aspect-ratio: 1/1;
    }

.cover-image.rounded {
        border-radius: var(--space-16);
    }


.aspect--16-9 {
    aspect-ratio: 16/9;
}
input, select, textarea {
    border: 1px solid #b0b0b0;
    font-weight: var(--thin-weight);
    font-family: var(--project-sans-serif);
}

input {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
}
textarea {
    box-sizing: border-box;
    max-width: 100%;
}
@media (min-width: 1025px) {
textarea {
        max-width: 100ch;
}
    }
label {
    display: block;
}

.iti--allow-dropdown  {
    margin-top: var(--space-sm);
    padding: var(--space-sm) var(--space-0);

}

input[type='submit'], input[type="reset"] {
    font-size: var(--step-0);
    border: 1px solid rgb(var(--brand-primary-dark));
    color: rgb(var(--brand-primary-dark));
    background: transparent;
    padding: var(--space-8) var(--space-16);
    border-radius: .25em;
    font-weight: var(--thin-weight);
    cursor: pointer;
}

input.primary[type='submit'], input.primary[type="reset"] {
        color: rgb(var(--text-white));
        background-color: rgb(var(--brand-primary-dark));

    }
input[type='text'], input[type='search'] {
    font-family: var(--project-sans-serif);
    display: block;
    font-size: var(--step-0);
    min-height: var(--space-32);
    margin-top: var(--space-0);
    padding: var(--space-8);
}
input.date-year[type='text'], input.date-year[type='search'] {
        width: 7ch;
        padding: var(--space-0) var(--space-8);
    }
@media (min-width: 1025px) {
input.wide[type='text'], input.wide[type='search'] {

            min-width: 25em;
    }
        }

input[type='email'] {
    min-height: var(--space-32);

    font-family: var(--project-sans-serif);
    display: block;
    font-size: var(--step-0);
    margin-top: var(--space-0);
    min-width: 20em;
    padding: var(--space-8);
}

input[type='tel'] {
    font-family: var(--project-sans-serif);
    padding: var(--space-8);
    margin-top: var(--space-0);

}

input[type='date'] {
    font-family: var(--project-sans-serif);
    display: block;
    font-size: var(--step-0);
    margin-top: var(--space-0);
    padding: var(--space-8);
}

input[type='password'] {
    min-height: var(--space-32);
    font-family: var(--project-sans-serif);
    display: block;
    font-size: var(--step-0);
    margin-top: var(--space-0);
    padding: var(--space-8);
}
textarea {
    display: block;
    margin-top: var(--space-0);
    max-width: 100ch;
    width: 100%;
    min-height: 50px;
    font-family: var(--project-sans-serif);
    font-size: var(--step-0);
    min-height: var(--space-32);
    padding: var(--space-8);
    
}
@media (min-width: 1025px) {
textarea {
        width: auto;
    
}

    }

fieldset legend {
        font-weight: var(--thin-weight);

    }

fieldset.action-buttons {
        border: none;
    }

fieldset.action-buttons legend {
            font-family: var(--project-sans-serif);
            font-size: var(--step-1);
            font-weight: var(--regular-weight);
            position: relative;
            padding-bottom: var(--space-16);
            margin-bottom: var(--space-16);
        }

fieldset.action-buttons legend:after {
                height: 3px;
                width: 250px;
                background: rgb(var(--brand-primary-dark));
                position: absolute;
                bottom: 0;
                left: 0;
                content: '';
            }

fieldset.action-buttons .toggle-group {
            display: flex;
            flex-direction: row;
            gap: var(--space-16);
        }

fieldset.action-buttons .toggle-group .form-item--button input[type='radio'] {
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none;
                    background: none;
                    z-index: 2;
                    opacity: 0.00001;
                    content: " ";
                    position: absolute;
                    border: 1px solid;
                    border-radius: 100%;
                    height: 1.125em;
                    width: 1.125em;
                    top: var(--space-4);
                    left: -0.125em;
                    flex: 1 0 1.125em;

                }

fieldset.action-buttons .toggle-group .form-item--button label {
                    border: 1px solid #767676;
                    color: rgb(var(--text-black));
                    padding: var(--space-8) var(--space-16);
                    font-size: var(--step-1);
                    font-weight: var(--light-weight);
                    font-family: var(--project-sans-serif);
                    border-radius: .25em;

                    cursor: pointer;
                    
                }

fieldset.action-buttons .toggle-group .form-item--button.primary label {
                        background-color: rgb(var(--brand-primary-dark));
                        color: rgb(var(--text-white));
                        border-color: rgb(var(--brand-primary-dark));
                    }




select {
    min-height: var(--space-32);
    display: block;
    margin-top: var(--space-0);
    font-size: var(--step--1);
    /* -webkit-appearance: none;
    -moz-appearance: none; */
    border-radius: 0;
    position: relative;
    background-image: url('../../assets/img/carat.svg');
    background-repeat: no-repeat;
    background-position: 99% center;
    background-color: #FFF;
    min-width: 7ch;
    background-size: 15px 15px;
    margin-right: var(--space-32);
    max-width: 50ch;
    padding: var(--space-8);
    width: 95%;
    font-weight: var(--regular-weight);

}




@media (min-width: 600px) {




select {
        width: 100%;

}

    }



input[type="number"].sort-number {
    width: 3em;
    text-align: center;
}

.label-wrap {
    position: relative;
    display: inline-block;
    flex-direction: row;
    background-color: #FFF;
    border: 1px solid #b0b0b0;
    align-items: center;
    height: var(--space-32);
    margin-top: var(--space-8);
    padding-right: var(--space-32);
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

@media (min-width: 1025px) {

.label-wrap {
        width: auto;
}
    }

.label-wrap input {
        background-color: transparent;
        border: 0;
        margin-top: var(--space-0);
        width: 100%;
    }

@media (min-width: 600px) {

.label-wrap input {
            width: 25rem;
    }

        }

.label-wrap .toggle-password {
        border: none;
        padding: var(--space-0);
        position: absolute;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        margin-right: var(--space-lg);
        width: 25px;
        height: 25px;
    }

.label-wrap .toggle-password:before {
            font-family: var(--font-awesome);
            
        }

.label-wrap .toggle-password[data-type='password']:before {
                content: '\f070';
            }

.label-wrap .toggle-password[data-type='text']:before {
                content: '\f06e';
            }

.combobox ul {
        background: #FFF;
        padding: 0;
        padding-top: var(--space-16);
        box-shadow: 0px 9px 20px -4px rgba(0,0,0,0.25);
        margin-top: var(--space-8);
        border: 1px solid rgba(var(--text-black), 25%);
        border-radius: .25em;
        overflow-y: auto;
    }

.combobox ul li {
            padding: var(--space-16) var(--space-16);
            border-left: 5px solid transparent;
        }

.combobox ul li:hover, .combobox ul li:focus-visible {
                cursor: pointer;
                border-left-color: rgb(var(--brand-primary-dark));
            }

.combobox ul li.active {
                background: rgba(var(--brand-primary), 15%);
                cursor: pointer;
                border-left-color: rgb(var(--brand-primary-dark));

            }



.bg {
    background-color: rgb(240, 249, 250);
    border: 1px solid rgb(101, 157, 163);
}

.reduced {
    font-size: var(--step--1);
    font-weight: var(--regular-weight);
}



.error-msg {
    display: block;
    color: rgb(var(--alert-error-dark));
}

.error-inline {
    color: red;
    font-family: var(--project-sans-serif);
    margin-top: .5em;
}

.error-inline.password-match-error {
    }
input[type='checkbox'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    z-index: 2;
    opacity: .00001;
    content: ' ';
    position: absolute;
    border: 1px solid;
    height: 1.125em;
    width: 1.125em;
    top: .825em;
    left: .125em;

}

input[type="checkbox"] ~ label {
    padding: .75em .5em .75em 2em;
    display: inline-block;
    cursor: pointer;

   
    
}

input[type="checkbox"] ~ label:before {

        box-shadow: 0 0 0 0px rgb(0 0 0 / 0%);
        content: '';
        border: 1px solid;
        border-color: transparent;
        width: 1em;
        height: 1em;
        position: absolute;
        left: .125em;
        top: .825em;

    }

input[type="checkbox"] ~ label:after {

        position: absolute;
        border: 1px solid;
        content: '';
        width: 1.125em;
        height: 1.125em;
        left: .125em;
        top: .825em;
        border-color: #767676;
    }

input[type="checkbox"]:checked ~ label:before {
        background: rgb(var(--brand-primary));

    }

input[type="checkbox"]:checked ~ label:after {
        border: 0;
        border-left: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        height: 6px;
        width: 14px;
        transform: rotate(310deg);
        top: 1.05em;
        left: .25em;

    }

input[type="checkbox"]:focus-within ~ label:before {
        box-shadow: 0 0 0 2px rgb(var(--brand-primary-dark));
    }
input[type='radio'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    z-index: 2;
    opacity: 0.00001;
    content: " ";
    position: absolute;
    border: 1px solid;
    border-radius: 100%;
    height: 1.125em;
    width: 1.125em;
    top: var(--space-4);
    left: -0.125em;
    flex: 1 0 1.125em;

}

input[type="radio"] ~ label {
    font-size: var(--step-0);
    padding: var(--space-8) var(--space-8) 0em var(--space-32);
    display: inline-block;
    cursor: pointer;
    line-height: 1.25;
    height: 1.5em;
    display: flex;
    align-items: center;

   
    
}

input[type="radio"] ~ label:before {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
        content: "";
        border: 1px solid;
        border-color: #767676;
        border-radius: 100%;
        height: 1.25rem;
        width: 1.25rem;
        position: absolute;
        left: 0;

    }

input[type="radio"] ~ label:after {

        position: absolute;
        border-radius: 100%;
        border: 4px solid transparent;
        content: "";
        height: 1.25rem;
        width: 1.25rem;
        aspect-ratio: 1/1;
        left: 0.09rem;
    }

input[type="radio"]:checked ~ label:before {
        box-shadow: 0 0 0 2px rgb(var(--brand-primary-dark));
        border-color: transparent;

    }

input[type="radio"]:checked ~ label:after {
        box-shadow: inset 0 0 0 1em rgb(var(--brand-primary-dark));
        border-color: #FFF;
        border-width: 4px;
        box-sizing: border-box;
    }

input[type="radio"]:focus ~ label:before {
        box-shadow: 0 0 0 4px #228bec;
    }
a {
    
    color: rgb(var(--link-color));
    font-family: var(--project-sans-serif);
}
a.skip-link {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        color: rgb(var(--text-color));
        text-decoration: none;
        font-family: var(--project-sans-serif);
    }
a.skip-link:focus-visible {
            width: auto;
            height: auto;
            left: 0;
            top: 0;
            padding: var(--space-lg) var(--space-xl);
            background-color: rgb(var(--lightColor));
            margin: var(--space-lg) var(--space-xl);
        }
a.link:is(--offsite) {
            border-bottom: 0;
            text-decoration: none;
        }
a.institution-link {
        
        border-radius: 99em;
        
        
        padding: var(--space-md);
        border-bottom: 0 !important;
    }
a.institution-link:hover {

            background: rgba(var(--brand-primary-dark), 1);
        }
a.institution-link:hover i {
                color: #FFF;
            }
a.arrow-right {
        font-size: var(--step-0);
        --angle: 180deg;
        padding: var(--space-xl) var(--space-xxl);

    }
a.arrow-right:after {

            content: "\f138";
            display: inline-block;
            font-family: var(--font-awesome);
            font-size: var(--step-1);
            position: absolute;
            right: var(--space-lg);
            top: 50%;
            transform: translateY(-50%);

          
        }    


@media print {
            main a:after {
                content: " (" attr(href) ") ";
            }
}
a.link-button, button.link-button {


        background: rgb(var(--brand-primary-dark));
        color: rgb(var(--lightColor));
        text-decoration: none;
        font-family: var(--project-sans-serif);
        font-weight: var(--light-weight);
        margin-top: var(--space-0);
        padding: var(--space-16) var(--space-32);
        border-radius: .25em;
        text-transform: uppercase;
        font-size: var(--step--1);
        position: relative;
        display: inline-block;
        text-align: center;
        border: none;
    }
a.link-button:focus-visible, button.link-button:focus-visible {
            outline-offset: 5px;

        }
a.link-button.button-large, button.link-button.button-large {
            padding: var(--space-lg) var(--space-xxl);
            font-weight: var(--regular-weight);
        }
a.link-button.shadow, button.link-button.shadow {
        }
a.link-button:is(--accent-button), button.link-button:is(--accent-button) {
            background-color: rgb(var(--brand-primary-dark));
        }
a.link-button:is(--white), button.link-button:is(--white) {
            background-color: rgb(var(--lightColor));
            color: #415C9C;
        }
a.link-button:is(--gradient), button.link-button:is(--gradient) {
        }
a.link-button.icon:before, button.link-button.icon:before {
                padding-right: var(--space-md);
            }
a.link-button.solid, button.link-button.solid {
            font-weight: var(--regular-weight);
            color: rgb(var(--text-white));
            background: rgb(var(--brand-primary-dark, var(--colorDark)));
            border-color: transparent;

            
        }
a.link-button.outline, button.link-button.outline {
            background: transparent;
            border: 1px solid rgb(var(--brand-primary-dark));
            color: rgb(var(--brand-primary-dark));
            font-weight: var(--regular-weight);
        }
a.link-button.outline:hover, button.link-button.outline:hover, a.link-button.outline:focus-visible, button.link-button.outline:focus-visible {
                color: #FFF;
                background: rgb(var(--brand-primary-dark));
            }
a.link-button.centered, button.link-button.centered {
           left: 50%;
           transform: translateX(-50%);
        }
a.link-button.reduced, button.link-button.reduced {
            padding: var(--space-8) var(--space-16);
            font-size: var(--step--2);
            border-radius: 99em;
        }    


@media print {
            main a:after {
                content: " (" attr(href) ") ";
            }
}
ul {
    list-style: none;
    padding-left: var(--space-zero);

}
ul.bulleted {
        list-style: disc;
        padding-left: var(--space-24);
    }
ul.bulleted li {

            margin-bottom: var(--space-16);
        }
ul li {

        font-family: var(--project-sans-serif);
        line-height: 1.5;
    }
ul li a {
            color: rgb(var(--link-color));

        }
ul.list {
        list-style: disc;
        margin-left: 1em !important; 
    }
ul.item-list li {
            position: relative;
            padding: var(--space-xl) var(--space-lg);
        }
ul.item-list li:nth-child(odd) {
                background-color: rgb(var(--brand-primary-light), .1);
            }
ul.item-list li:not(:last-child) {

                
            }
ul.item-list li h3 {
                font-size: var(--step-1);
                font-weight: var(--thin-weight);
                display: inline-block;
                margin-top: var(--space-zero);
            }
ul.item-list li h3 a {
                    display: flex;
                    align-items: center;
                    text-decoration: none;
                    border-bottom: 2px solid transparent;
                    position: relative;
                }
ul.item-list li h3 a:after {  
                        content: "\f138";
                        display: inline-block;
                        font-family: var(--font-awesome);
                        font-size: var(--step-1);
                        position: relative;
                        padding-left: var(--space-md);
                        color: rgb(var(--link-color));
                      }
ul.item-list li h3 a:hover:before {
                            height: 2px;
                        }
ul.item-list li h3 a:hover:after {
                            font-weight: 900;
                        }
ul.item-list li p {
                font-size: var(--step--1);
                padding-left: var(--space-zero);
                margin-left: var(--space-zero);
            }
ul.inline {
        display: inline;

        
    }
ul.inline li {
            display: inline-block;
            font-size: var(--step--1);

            


        }
ul.inline:is(--csv) li:not(:last-child):after {
                    content: ',';
                    display: inline-block;
                }
ul.block li {
            display: block;
            font-size: var(--step--1);
        }
ul.alternating-colors li:nth-child(even) {
            background-color: rgba(var(--colorLight),.5);
        }



ol {
    list-style: none;
    padding-left: var(--space-zero);
    font-family: var(--project-sans-serif);
    font-weight: var(--thin-weight);
    line-height: 1.8;
    color: rgb(var(--text-black));
}



ol.bulleted {
        list-style: disc;
        padding-left: var(--space-lg);
    }



ol.numbered {
        list-style: auto;
        max-width: 100ch;
        padding-left: 1em;
        font-size: var(--step-0);
    }



ol.numbered li {
            margin-bottom: 1rem;
            padding-left: .5em;
        }
section {

    margin-bottom: var(--space-48);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* flex: 1; */
    
    
}
section .section__header {
        margin-bottom: var(--space-48);
        
    }
section .section__header h2 {
            font-weight: var(--regular-weight);
            font-size: var(--step-3);
        }
section .section__header.align-center {
            text-align: center;
        }
section .section__header p {
            max-width: 80ch;
            margin: 0 auto;
            margin-bottom: var(--space-32);
        }
section.section--two-col-subsection {
        flex: 1;
    }
section.bg-color {
        padding-top: var(--space-48);
        margin-bottom: var(--space-48);
    }
section.bg-color:last-of-type {
                margin: 0;
        }
section[hidden] {
    display: none;
}
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: var(--space-zero) !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}


button, a, input[type="search"], input[type="text"], input[type="email"], [role="tab"], .results-heading.sorting, textarea, input[type="password"] {
	outline: none;
	box-shadow: unset;
}


:is(button,a,input[type="search"],input[type="text"],input[type="email"],[role="tab"],.results-heading.sorting,textarea,input[type="password"]):focus-visible {
        outline: 3px solid rgb(var(--brand-primary-dark));
        box-shadow: 0 0 0 6px #FFF;
        outline-offset: 2px;
        z-index: 1000;
	
    }

main:focus {
    outline: none;
}
.lightblue-to-white {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(246,250,253,1) 80%);
}

.white-to-lightblue {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,250,253,1) 80%);
}
.gray-to-white {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(250, 250, 250) 80%);
}

.duotone--green {
    background: linear-gradient(45deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 100%);
}

.duotone--navy {
    background: linear-gradient(45deg, rgb(0, 17, 24) 0%, rgb(0, 2, 41) 100%);
}

.duotone--navy h2.section-header {
        color: rgb(var(--text-white)) !important;
    }

.duotone--navy > * {
        color: rgb(var(--text-white)) !important;
    }

.bg-dark {
    padding: var(--space-96) var(--space-0);
    margin-bottom: var(--space-48);
    /* margin-top: calc(-1* var(--space-48)); */
}

.bg-dark .link-button {
        border-color: rgb(var(--text-white)) !important;
        color: rgb(var(--text-white)) !important;
    }
.bg-navy {
    background: linear-gradient(45deg, rgb(0, 17, 24) 0%, rgb(0, 2, 41) 100%);
}
.bg-navy > * {
        color: rgb(var(--text-white));
    }
.bg-navy .section-header {
        color: rgb(var(--text-white));
    }

.bg-pastel {
    background: linear-gradient(180deg, #F6FFF7 0%, #EFFFFE 50%, #EBFCFF 100%);
    margin-top: calc(-1 * var(--space-48));
    padding: var(--space-16);
}

@media (min-width: 1025px) {

.bg-pastel {
        padding: var(--space-48);
}
        
    }
html, body {
    height: 100%;
    margin: 0;
}

body.no-scroll {
    overflow: hidden;
}
#__root, .site-wrap {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


footer {
    flex-shrink: 0;
}
:root {

    --radius-4: 4px;
    --radius-8: 8px;
    --radius-16: 16px;
    --radius-32: 32px;
    --radius-99: 99px;
}
.border__bottom {
    border-bottom: 1px solid rgb(var(--border-color));
}

.border__left {
    border-left: 1px solid rgb(var(--border-color))
}
.branding h1 {
        display: flex;
        flex-direction: column;
        margin: 0;
        font-size: var(--step-0);
    }
@media (min-width: 1025px) {
.branding h1 {
            flex-direction: row;
            align-items: center;
    }
        }
.branding h1 a {
            text-decoration: none;
            text-align: left;
        }
@media (min-width: 600px) {
.branding h1 a {

                text-align: center;
        }
            }
.branding h1 a img {
                height: auto;
                max-height: 150px;
                width: auto;
                max-width: 150px;

                padding-bottom: var(--space-8);
            }
@media (min-width: 1025px) {
.branding h1 a img {
                    max-width: 300px;
            }

                }
.branding h1 .sub-brand {
            font-size: var(--step--2);
            font-weight: var(--thin-weight);
            display: flex;
            padding-left: 1rem;
        }
@media (min-width: 600px) {
.branding h1 .sub-brand {
                    align-self: center;
                    flex-direction: column;
                    align-items: flex-start;
                    align-self: flex-start;
        }

                }
@media (min-width: 1440px) {
.branding h1 .sub-brand {
                    align-self: center;
        }
                }
.branding h1 .sub-brand img {
                    width: auto;
                    padding-left: var(--space-md);
                    height: 15px;
            
                }
@media (min-width: 600px) {
.branding h1 .sub-brand img {
                        height: 25px;
            
                }
                    }
.branding --small {
        margin: var(--space-zero) auto;
        display: inline-block;
        
    }
.branding --small a {
                display: inline;
            }
.branding --small a img {
                    width: auto;
                    min-height: 100%;
                    display: inline-block;
                    margin: var(--space-zero) auto;
                    margin-bottom: var(--space-md);;
                }
.branding --small .sub-brand {
                width: 200px;
                margin: var(--space-zero) auto;
                font-size: var(--step--2);
                display: flex;
                align-items: center;
                
            }
.branding --small .sub-brand a img {
                       width: 100px;
                       padding-left: var(--space-sm);
                    }
--centered.branding {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        padding: var(--space-xl) var(--space-zero);

    }
--centered-alt.branding {
        position: relative;
        left: 0 !important;
        transform: unset !important;
        margin-bottom: var(--space-lg);
    }
@media (min-width: 1025px) {
--mobile.branding {
            display: none;
    }
        }
--desktop.branding {
        display: none;
    }
@media (min-width: 1025px) {
--desktop.branding {
            display: block;
    }
        }
@media (min-width: 1025px) {
.mobile-only {
        display: none;
}
    }
.desktop-only {
    display: none;
}
@media (min-width: 1025px) {
.desktop-only {
        display: inherit;
}
    }
:root {

    --brand-primary: 0,155,212;
    --brand-primary-dark: 0,127,174;
    --brand-primary-light: 188,194,202;
    
    --lightColor: 255,255,255; 
    --darkColor: 0,0,0;
    --fourOneGray: 118, 118, 118; 
    --threeOneGray: 148,148,148; 

    --link-color: 1,118,152;
    --text: 51,51,51; 
    --text-over-dark: 255,255,255; 
    
    --light-bg: 255,255,255;
    --light-gray-bg: 118,118,118,.15;

    --text-white: 255,255,255;
    --text-black: 51, 51,51;

    --card-background: 255,255,255;
    
    --accent-pink: 255,237,237;
    --accent-pink-dark: 197, 75, 108;
    
    --accent-plum: 240,226,238;
    --accent-plum-dark: 110,0,97;

    --accent-aqua-green: 175,224,202;
    --accent-aqua-green-dark: 34,131,123;

    --accent-teal:236,247,247;
    --accent-teal-dark:25,128,157;

    --accent-blue: 236,247,247;
    --accent-blue-dark:19,125,179;

    --accent-periwinkle: 239,247,255;
    --accent-periwinkle-dark: 3,119,218;

    --accent-gray: 250,250,250;
    --accent-gray-dark: 51, 51,51;

    --alert-hint-light: 207,228,217;
    --alert-hint-dark: 64,106,91;

    --alert-error-light: 220,53,69;
    --alert-error-dark: 187,43,43;

    --alert-notice-light: 255,236,195;
    --alert-notice-dark: 130,102,90;

    --border-color: 225,225,225;

    --card-tile: 255,255,255;


    --decoGray: 203,203,203;
}
:root .accent-pink {

        --colorLight: var(--accent-pink);
        --colorDark: var(--accent-pink-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);
        --opacity: .25;
    }
:root .accent-plum {
        --colorLight: var(--accent-plum);
        --colorDark: var(--accent-plum-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);

    }
:root .accent-aqua {
        --colorLight: var(--accent-aqua-green);
        --colorDark: var(--accent-aqua-green-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);


    }
:root .accent-teal {
        --colorLight: var(--accent-teal);
        --colorDark: var(--accent-teal-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);

    }
:root .accent-blue {
        --colorLight: var(--accent-blue);
        --colorDark: var(--accent-blue-dark);
        --gradientColorOne: var(--accent-blue);
        --gradientColorTwo: var(--accent-blue-dark);
       
    }
:root .accent-periwinkle {
        --colorLight: var(--accent-periwinkle);
        --colorDark: var(--accent-periwinkle-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);

       
    }
:root .accent-gray {
        --colorLight: var(--accent-gray);
        --colorDark: var(--accent-gray-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);

       
    }
:root .accent-light-gray {
        --colorLight: var(--accent-gray);
        --colorDark: var(--accent-gray-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: 240,240,240;
    }
:root .accent-blue-white {
        --colorLight: var(--accent-blue);
        --colorDark: var(--accent-gray-dark);

        --gradientColorOne: var(--colorLight) ;
        --gradientColorTwo: var(--colorDark);
    }
.dark-mode:root {
        --darkBackground: #333;
    }
:root .tc-brand-primary {
        color: rgb(var(--brand-primary));
    }
.pattern-drop {
    position: relative;

    }
.pattern-drop img {
        border-radius: var(--radius-8);
        position: relative;
        z-index: 10;
    }
@media (min-width: 1025px) {
        .pattern-drop:before {
            content: '';
            background: rgb(var(--brand-primary-dark));
            display: block;
            position: absolute;
            width: 300px;
            height: 400px;
            aspect-ratio: 3/4;
            z-index: 0;
            border-radius: var(--radius-8);
            left: var(--space-24);
            top: var(--space-16);
            
        }
    }
@use '../../atoms/utilities/breakpoints' as bp;

:root {
    --layer-zero: 0;
    --layer-1: 1;
    --layer-10: 10;
    --layer-50: 50;
    --layer-100: 100;
    --layer-1000: 1000; 
}
.container {
    padding: 0 var(--space-8);
    margin: 0 auto;
    max-inline-size: var(--max-container-width);
    width: 100%;   
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
}
@media (min-width: 1025px) {
.container {
        margin: 0 auto;
}
        
    }
@media (min-width: 1025px) {
.container.is-full-width {
            max-inline-size: 100vw;
            padding: var(--space-0);
    }
        }
@media (min-width: 1025px) {
.container.is-wide-width {
            max-inline-size: 90vw;
            padding: var(--space-0);
    }
        }
@media (min-width: 1025px) {
.container.is-narrow-width {
            max-inline-size: 60vw;
    }
        }

:root {
    --max-container-width: 500px;
}

@media (min-width: 600px){

:root {
        --max-container-width: 900px;
}
    }

@media (min-width: 1025px) {

:root {
        --max-container-width: 980px;
}
    }

@media (min-width: 1280px) {

:root {
        --max-container-width: 1200px;
}
    }

@media (min-width: 1440px) {

:root {
    
        --max-container-width: 1400px;
}
    }

@media (width >= 1921px) {

:root {
        --max-container-width: 1600px;
}
    }
.flex {
    display: flex;
    gap: var(--gap, var(--space-16));
}
--row.flex {
        flex-direction: row;

        
    }
--column.flex {
        flex-direction: column;
    }
.flex.justify-center {
        justify-content: center;
    }

.flex-grow {
    flex-grow: 1;
}

/* Vertical Alignment on Row */

.vertical-center {
    align-items: center;
}



/* Horizontal Alignment on Row */

.justify-space-between {
    justify-content: space-between;
}

.justify-left {
    justify-content: flex-start !important;
}
.layout .layout__container {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap, var(--space-16));

    }


.layout--onecol .layout__container .layout__region {

            flex: 0 1 100%;
        }
@media (min-width: 1025px) {
.layout--twocol .layout__container .layout__region {
                flex: 0 0 calc(50% - (var(--gap, var(--space-16)) / 2));
        }
            }
.layout--twocol.layout--twocol--50-50 .layout__region {
            position: relative;
            
        }
.layout--twocol.layout--twocol--50-50 .layout__region.layout__region--first, .layout--twocol.layout--twocol--50-50 .layout__region.layout__region--second {
                flex: 1 0 100%;
                
            }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--50-50 .layout__region.layout__region--first, .layout--twocol.layout--twocol--50-50 .layout__region.layout__region--second {
                    flex: 0 1 calc(50% - (var(--gap, var(--space-16)) / 2));
                
            }
                }
.layout--twocol.layout--twocol--75-25 .layout__region {
            position: relative;
            
        }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--75-25 .layout__region.layout__region--first {
                    flex: 0 1 calc(75% - (var(--gap, var(--space-16)) / 2));
            }
                }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--75-25 .layout__region.layout__region--second {
                    flex: 0 1 calc(25% - (var(--gap, var(--space-16)) / 2));
            }
                }
.layout--twocol.layout--twocol--67-33 .layout__region {
            position: relative;
            
        }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--67-33 .layout__region.layout__region--first {
                    flex: 0 1 calc(67% - (var(--gap, var(--space-16)) / 2));
            }
                }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--67-33 .layout__region.layout__region--second {
                    flex: 0 1 calc(33% - (var(--gap, var(--space-16)) / 2));
            }
                }
.layout--twocol.layout--twocol--33-67 .layout__region {
            position: relative;
            
        }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--33-67 .layout__region.layout__region--first {
                    flex: 0 1 calc(33% - (var(--gap, var(--space-16)) / 2));
                
            }
                }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--33-67 .layout__region.layout__region--second {
                    flex: 0 1 calc(67% - (var(--gap, var(--space-16)) / 2));
            }
                }
.layout--twocol.layout--twocol--25-75 .layout__region {
            position: relative;
            
        }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--25-75 .layout__region.layout__region--first {
                    flex: 0 1 calc(25% - (var(--gap, var(--space-16)) / 2));
            }
                }
@media (min-width: 1025px) {
.layout--twocol.layout--twocol--25-75 .layout__region.layout__region--second {
                    flex: 0 1 calc(75% - (var(--gap, var(--space-16)) / 2));
            }
                }

.layout--threecol .layout__container {

    }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--33-34-33 .layout__region.layout__region--first {
                    flex: 0 1 calc(33% - (var(--gap, var(--space-16)) / 2));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--33-34-33 .layout__region.layout__region--second {
                    flex: 0 1 calc(34% - var(--gap, var(--space-16)));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--33-34-33 .layout__region.layout__region--third {
                    flex: 0 1 calc(33% - (var(--gap, var(--space-16)) / 2));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--50-25-25 .layout__region.layout__region--first {
                    flex: 1 0 calc(50% - (var(--gap, var(--space-16))));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--50-25-25 .layout__region.layout__region--second {
                    flex: 0 1 calc(25% - var(--gap, var(--space-16)) / 2);
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--50-25-25 .layout__region.layout__region--third {
                    flex: 0 1 calc(25% - (var(--gap, var(--space-16)) / 2));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--25-50-25 .layout__region.layout__region--first {
                    flex: 1 0 calc(20% - (var(--gap, var(--space-16))) / 2);
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--25-50-25 .layout__region.layout__region--second {
                    flex: 0 1 calc(50% - var(--gap, var(--space-16)));
            }
                }

@media (min-width: 1025px) {

.layout--threecol.layout--threecol--25-50-25 .layout__region.layout__region--third {
                    flex: 0 1 calc(25% - (var(--gap, var(--space-16))));
            }
                }
.align-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
}

.text-align-center {
    text-align: center;
}


.align-center-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Mobile */

@media (max-width: 599px) {

    .mobile-align-center {
       text-align: center;
    }
}

.justify-center {
    justify-content: center;
}
.mb-0 {
    margin-bottom: var(--space-zero);
}
.mb-8 {
    margin-bottom: var(--space-8);
}
.mb-16 {
    margin-bottom: var(--space-16);
}

.mb-32 {
    margin-bottom: var(--space-32);
}
.mb-48 {
    margin-bottom: var(--space-48);
}
.mb-64 {
    margin-bottom: var(--space-64);
}
.mb-96 {
    margin-bottom: var(--space-96);
}


.mt-0 {
    margin-top: var(--space-zero);
}
.mt-16 {
    margin-top: var(--space-16) !important;
}

.mt-32 {
    margin-top: var(--space-32) !important;
}
.mt-48 {
    margin-top: var(--space-48);
}
.mt-64 {
    margin-top: var(--space-64);
}
.mt-96 {
    margin-top: var(--space-96);
}
.mt-128 {
    margin-top: var(--space-128) !important;
}
.mt-160 {
    margin-top: var(--space-160) !important;
}
:root {

    --space-0: 0;
    --space-2: 2px;
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;
    --space-96: 96px;
    --space-128: 128px;
    --space-256: 256px;

}

.mt-0 {
    margin-top: var(--space-0) !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}

.pt-16 {
    padding-top: var(--space-16);
}
.pt-32 {
    padding-top: var(--space-32);
}
.pt-48 {
    padding-top: var(--space-48);
}

.padding-48 {
    padding: var(--space-48);
}
.padding-64 {
    padding: var(--space-64);
}



.gap-32 {
    --gap: var(--space-32) !important;
}
@font-face {
    font-family: 'icomoon';
    src:  url('assets/fonts/icomoon.eot?kcw0cv');
    src:  url('assets/fonts/icomoon.eot?kcw0cv#iefix') format('embedded-opentype'),
      url('/assets/fonts/icomoon.ttf?kcw0cv') format('truetype'),
      url('/assets/fonts/icomoon.woff?kcw0cv') format('woff'),
      url('/assets/fonts/icomoon.svg?kcw0cv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }

[class^="icon-icomoon-"], [class*="icon-icomoon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icomoon-INTJ:before {
    content: "\e901";
}
.icon-icomoon-INTP:before {
    content: "\e902";
}
.icon-icomoon-ISFJ:before {
    content: "\e903";
}
.icon-icomoon-ISFP:before {
    content: "\e904";
}
.icon-icomoon-ISTJ:before {
    content: "\e905";
}
.icon-icomoon-ISTP:before {
    content: "\e906";
}
.icon-icomoon-INFP:before {
    content: "\e907";
}
.icon-icomoon-INFJ:before {
    content: "\e908";
}
.icon-icomoon-ESTP:before {
    content: "\e909";
}
.icon-icomoon-ESTJ:before {
    content: "\e90a";
}
.icon-icomoon-ESFP:before {
    content: "\e90b";
}
.icon-icomoon-ESFJ:before {
    content: "\e90c";
}
.icon-icomoon-ENTP:before {
    content: "\e90d";
}
.icon-icomoon-ENTJ:before {
    content: "\e90e";
}
.icon-icomoon-ENFJ:before {
    content: "\e90f";
}
.icon-icomoon-ENFP:before {
    content: "\e922";
}
.icon-icomoon-INTJ2:before {
    content: "\e910";
}
:root {
    --project-serif: 'EB Garamond', serif;
    --project-sans-serif: 'Roboto', sans-serif;
    --font-awesome: 'Font Awesome 6 Pro';
    --font-awesome-brand: 'Font Awesome Brand';
    
    --step--2: clamp(0.72rem, 0.72rem + 0.04vw, 0.75rem);
    --step--1: clamp(0.90rem, 0.88rem + 0.11vw, 0.97rem);
    --step-0: clamp(1.00rem, 0.96rem + 0.21vw, 1.13rem);
    --step-1: clamp(1.20rem, 1.13rem + 0.34vw, 1.41rem);
    --step-2: clamp(1.44rem, 1.33rem + 0.53vw, 1.76rem);
    --step-3: clamp(1.73rem, 1.57rem + 0.78vw, 2.20rem);
    --step-4: clamp(2.07rem, 1.85rem + 1.12vw, 2.75rem);
    --step-5: clamp(2.49rem, 2.17rem + 1.58vw, 3.43rem);
    --step-6: clamp(2.99rem, 2.55rem + 2.17vw, 4.29rem);
    --step-7: clamp(3.58rem, 2.99rem + 2.97vw, 5.36rem);
    --step-8: clamp(4.30rem, 3.50rem + 4.01vw, 6.71rem);

    --extra-light-weight: 100;
    --thin-weight: 200;
    --light-weight: 300;
    --regular-weight: 400;
    --medium-weight: 500;
    --semi-bold-weight: 600;
    --bold-weight: 700;
    --black-weight: 900;

    --fa-solid: 900;
    --fa-regular: 400;
    --fa-light: 300;
    --fa-duotone: 900;
    
}


h1 {
    font-family: var(--project-sans-serif);
    font-size: var(--step-3);
}

h2 {
    font-size: var(--step-2);
    font-family: var(--project-sans-serif);
    margin-bottom: var(--space-16);
    font-weight: var(--light-weight);
    color: rgb(var(--brand-primary-dark));
    margin-top: var(--space-0);
}

h2.h2:is(--reduced) {
            font-size: var(--step-1);
        }

h2.strong {
        font-size: var(--step-3);
        font-weight: var(--regular-weight);
    }

h2.section-header {
        color: rgb(var(--text-black));
        text-align: center;
        font-weight: var(--semi-bold-weight);
        margin-bottom: var(--space-16);
        font-size: var(--step-4);

    }

@media (min-width: 1025px) {

h2.section-header {
            color: rgb(var(--text-black));

    }

        }
h3 {

    font-size: var(--step-1);
    font-family: var(--project-sans-serif);
    font-weight: var(--light-weight);

}
h3.h3:is(--reduced) {
            font-size: var(--step-0) !important;
        }
h3.underline-reduced {
        text-decoration: underline;
    }
h3.strong {
        font-size: var(--step-2);
        font-weight: var(--regular-weight);
        color: rgb(var(--brand-primary-dark));
    }

h4 {
    font-weight: var(--regular-weight);
    font-size: var(--step-0);
    
}
p {
    font-family: var(--project-sans-serif);
    font-size: var(--step-0);
    font-weight: var(--light-weight);
    margin: var(--space-sm);
    line-height: 1.8;
}
p.reduced {
        font-size: var(--step--1);
        font-weight: var(--light-weight);
    }
p {
    margin-bottom: var(--space-16);
    margin: var(--space-16) var(--space-0);
}
p.align-center {
        text-align: center;
    }
ul {
    font-family: var(--project-sans-serif);
    font-size: var(--step-0);
    font-weight: var(--light-weight);
}
ul li {
        margin: var(--space-md) var(--space-zero);

    }
ul.align-center {
        text-align: center;
    }

.center {
    text-align: center;
}

.bold-color {
    font-weight: var(--bold-weight);
    color: rgb(var(--brand-primary-dark));

}

.serif {
    font-family: var(--project-sans-serif);
}

.sans {
    font-family: var(--project-sans-serif);

}

.light {
    font-weight: var(--light-weight);
}
--small.text {
        font-size: var(--step--1);
    }

.indented {
    margin-left: 2rem;
}

.subheader {
    font-weight: var(--light-weight);
    padding-top: var(--space-8);
    display: block;
}

.subscript {
    font-size: var(--step--2);
    font-family: var(--project-sans-serif);
    font-style: italic;
}
.accordion .accordion-container h3 {
            font-weight: var(--light-weight);
            
            font-size: var(--step-2);
        }
@media (min-width: 1025px) {
.accordion .accordion-container h3 {
        }
            }
.accordion .accordion-container .accordion-description {
            margin-bottom: var(--space-16);
            padding-bottom: var(--space-16);
            position: relative;
        }
.accordion .accordion-container .accordion-description:after {
                content: '';
                height: 3px;
                background-color: rgb(var(--brand-primary-dark));
                width: 25%;
                left: 0;
                bottom: 0;
                position: absolute;
            }
.accordion .accordion-container .accordion-description h2 {
                font-size: var(--step-4);
                font-weight: var(--semi-bold-weight);
                color: rgb(var(--text-black));
            }
.accordion .accordion-container .accordion-description p {
                margin-bottom: var(--space-0);
            }
.accordion .accordion-container .accordion-item {
    
            padding: 0 2.5%;
        }
@media (min-width: 1025px) {
.accordion .accordion-container .accordion-item {
                padding: 0;
        }
            }
.accordion .accordion-container .accordion-item .accordion-toggle {
                position: relative;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-family: var(--project-sans-serif);
                text-align: left;
                padding: var(--space-lg) var(--space-zero);
                margin-bottom: .5em;
                
               
            }
.accordion .accordion-container .accordion-item .accordion-toggle h3 {
                    margin: 0;
                    font-size: var(--step-1);
                    margin-right: 3em;
                }
.accordion .accordion-container .accordion-item .accordion-toggle h3.reduced {
                        font-size: var(--step-0);   
                        font-weight: var(--regular-weight);
                    }
.accordion .accordion-container .accordion-item .accordion-toggle h4 {
                    margin: 0;
                }
@media (min-width: 1025px) {
.accordion .accordion-container .accordion-item .accordion-toggle {
                    font-size: var(--step-1);
                
               
            }
    
                }
@media print {
    
                    .accordion .accordion-container .accordion-item .accordion-toggle span {
    
                        font-size: var(--step-1);
                    }
                    .accordion .accordion-container .accordion-item .accordion-toggle:after {
                        display: none;
                    }
                }
.accordion .accordion-container .accordion-item .accordion-toggle:after {
                    content: '\f055';
                    font-family: var(--font-awesome);
                    transform: rotate(0deg);
                    position: absolute;
                    right: 0;
                    font-size: var(--step-4);
                    padding-bottom: var(--space-lg);
                    right: .5em;
        
                }
@media (min-width: 1025px) {
.accordion .accordion-container .accordion-item .accordion-toggle:after {
                        right: 0;
                        font-size: var(--step-1);
                        padding-bottom: unset;
        
                }
                    }
.accordion .accordion-container .accordion-item .accordion-toggle.toggle-left:after {
                        content: unset;
                    }
.accordion .accordion-container .accordion-item .accordion-toggle.toggle-left:before {
                        content: '\f055';
                        font-family: var(--font-awesome);
                        transform: rotate(0deg);
                        position: relative;
                        left: 0;
                        font-size: var(--step-4);
                        padding-bottom: var(--space-lg);
                        margin-right: 1em;
            
                    }
@media (min-width: 1025px) {
.accordion .accordion-container .accordion-item .accordion-toggle.toggle-left:before {
                            left: 0;
                            font-size: var(--step-1);
                            padding-bottom: unset;
            
                    }
                        }
.accordion .accordion-container .accordion-item .accordion-toggle.accordion--inline {
                    display: inline-block;
    
                }
.accordion .accordion-container .accordion-item .accordion-toggle.filter-toggle {
    
                    width: auto;
                    background-color: rgb(var(--brand-primary-dark));
                    color: #FFF;
                    font-size: var(--step--1);
                    padding: var(--space-md) var(--space-sm);
                }
.accordion .accordion-container .accordion-item .accordion-toggle.filter-toggle span {
                        padding: var(--space-zero) var(--space-md);
                    }
.accordion .accordion-container .accordion-item .accordion-toggle.filter-toggle:after {
                        position: relative;
                        content: '\f013';
                        font-size: var(--step--1);
                        padding-right: var(--space-md);
    
                    }
.accordion .accordion-container .accordion-item .accordion-toggle.legend-toggle {
    
                    width: auto;
                    background-color: rgb(var(--brand-primary-dark));
                    color: #FFF;
                    font-size: var(--step--1);
                    padding: var(--space-md);
                }
.accordion .accordion-container .accordion-item .accordion-toggle.legend-toggle span {
                        padding: var(--space-zero);
                        margin-right: var(--space-md);
                    }
.accordion .accordion-container .accordion-item .accordion-toggle.legend-toggle:after {
                        position: relative;
                        content: '\2b';
                        font-size: var(--step--1);
    
                    }
.accordion .accordion-container .accordion-item --solid.accordion-toggle {
                
                    background-color: rgb(var(--brand-primary-dark));
                    color: #FFF;
                    padding: var(--space-lg) var(--space-md);
                }
.accordion .accordion-container .accordion-item --solid.accordion-toggle:after {
                        right: var(--space-lg);
                        color: #FFF !important;
                    }
.accordion .accordion-container .accordion-item --solid.accordion-toggle h3 {
                        color: #FFF;
                        padding-left: var(--space-md);
                    }
.accordion .accordion-container .accordion-item --solid.accordion-toggle h3:after {
                            content: unset;
                        }
.accordion .accordion-container .accordion-item.accordion-full-width {
                width: 100%;
            }
.accordion .accordion-container .accordion-item.accordion-full-width .accordion-header {
        
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    width: 100%;
                    justify-content: space-between;
                    
                }
.accordion .accordion-container .accordion-item.accordion-full-width .accordion-header .accordion-toggle {
                        position: relative;
                        
                    }
.accordion .accordion-container .accordion-item.accordion-full-width .accordion-header > div {
                        display: flex;
                        align-items: center;
                    }
.accordion .accordion-container .accordion-item .accordion-content {
                display: none;
            }
.accordion .accordion-container .accordion-item .accordion-content > .accordion-item .accordion-content {
    
                        margin-left: var(--space-lg);
                    }
@media print {
.accordion .accordion-container .accordion-item .accordion-content {
                    display: block;
            }
                    
                }
.accordion .accordion-container .accordion-item.active .accordion-toggle:after {
                        animation: rotate 250ms linear;
                        transform: rotate(45deg);
        
                    }
.accordion .accordion-container .accordion-item.active .accordion-toggle.filter-toggle:after, .accordion .accordion-container .accordion-item.active .accordion-toggle .legend-toggle:after {
    
                            transform: unset;
                            animation: unset;
                        }
.accordion .accordion-container .accordion-item.active > .accordion-content {
                    display: block;
                }
.accordion .accordion-container .accordion-item.active .accordion-header .toggle-left:after {
                            content: unset;
                        }
.accordion .accordion-container .accordion-item.active .accordion-header .toggle-left:before {
                            animation: rotate 250ms linear;
                            transform: rotate(45deg) !important;
                        }
.accordion .accordion-container --empty.accordion-item {
    
                background-color: rgb(var(--brand-primary-light),.1);
                color: #FFF;
                padding: var(--space-lg) var(--space-md);
            }
.accordion .accordion-container --empty.accordion-item h3 {
                    color: rgba(var(--text-black),.75);
                    padding-left: var(--space-md);
                    margin: 0;
                }
.accordion --reduced.accordion-container .accordion-item {
                margin: var(--space-zero);
                padding: var(--space-md) var(--space-lg);
            }
@media print {
.accordion --reduced.accordion-container .accordion-item {
                    padding-left: var(--space-zero);
                    background-color: transparent !important;
            }
                }
.accordion --reduced.accordion-container .accordion-item .accordion-toggle {
    
                    font-size: var(--step-0);
                    justify-content: flex-start;
                    padding: var(--space-sm) var(--space-zero);
                    margin: var(--space-zero);
                    max-width: unset;
                    font-weight: var(--regular-weight);
                }
.accordion --reduced.accordion-container .accordion-item .accordion-toggle span {
                        margin-right: var(--space-md);
    
                    }
.accordion --reduced.accordion-container .accordion-item .accordion-toggle:after {
                       
                    }
.accordion --reduced.accordion-container .accordion-item .accordion-content {
                    font-size: var(--step--1);
                    
                }
.accordion --reduced.accordion-container .accordion-item .accordion-content p {
                        font-size: var(--step--1);
                    }
.accordion --reduced.accordion-container .accordion-item.active:after {
                        display: none;
                    }
.accordion --reduced.accordion-container .flex-row {
                align-items: flex-start;
            }
@media (max-width: 599px) {
.accordion --reduced.accordion-container .flex-row .accordion-item {
                        max-width: 60%;
                        align-items: flex-start;
    
                }
    
                    }
@media (max-width: 599px) {
.accordion --reduced.accordion-container .flex-row .accordion-item.active {
                    }
    
                        }
.accordion --reduced.accordion-container .flex-row .save, .accordion --reduced.accordion-container .flex-row .saved {
                    display: inline-block;
                    box-sizing: border-box;
                    padding: 0;
                    text-align: center;
                }
.accordion --reduced.accordion-container .flex-row .save span, .accordion --reduced.accordion-container .flex-row .saved span {
                        min-width: 80px;
                        text-align: center;
                        box-sizing: border-box;
                        padding: 1.5em 1em;
                    }
@media (max-width: 599px) {
.accordion --reduced.accordion-container .flex-row .save, .accordion --reduced.accordion-container .flex-row .saved {
                }
    
                    }
.accordion--image {
    position: relative; /* positioning context for the pinned images */
    display: flex;
    gap: var(--space-32);
    min-height: 620px;
    flex-direction: column;
}
@media (min-width: 1025px) {
.accordion--image {
        flex-direction: var(--accordion-direction, row);
}
    }
.accordion--image .accordion-description {
        margin-bottom: var(--space-16);
        padding-bottom: var(--space-16);
        position: relative;
        text-align: center;
    }
.accordion--image .accordion-description:after {
            content: '';
            height: 3px;
            background-color: rgb(var(--brand-primary-dark));
            width: 50%;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            position: absolute;
        }
@media (min-width: 1025px) {
.accordion--image .accordion-description:after {
                width: 25%;
                left: 0;
                transform: unset;
        }
            }
@media (min-width: 1025px) {
.accordion--image .accordion-description {
            text-align: left;
    }
            
            
        }
.accordion--image .accordion-description h2 {
            font-size: var(--step-4);
            font-weight: var(--semi-bold-weight);
            color: rgb(var(--text-black));
        }
.accordion--image .accordion-description .subheader {
            font-size: var(--step-2);
            font-weight: var(--semi-bold-weight);
            margin-bottom: var(--space-8);
            font-family: var(--project-sans-serif);
        }
.accordion--image .accordion-description p {
            margin-bottom: var(--space-0);
        }
.accordion--image .accordion-region--first, .accordion--image .accordion-region--second {
        flex: 1 0 100%;
        position: relative;
        
    }
@media (min-width: 1025px) {
.accordion--image .accordion-region--first, .accordion--image .accordion-region--second {
            flex: 0 1 calc(50% - (var(--gap, var(--space-16)) / 2));
        
    }
        }
.accordion--image .accordion-indicator-track {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: rgba(var(--text-black), 10%);
        pointer-events: none;
    }
.accordion--image .accordion-indicator {
        position: absolute;
        left: -2px; /* centers the 5px bar on the 1px track (1px/2 - 5px/2) */
        width: 5px;
        top: 0;
        height: 0;
        border-radius: 3px;
        background-color: rgb(var(--brand-primary));
        transition: top 0.3s ease, height 0.3s ease;
        pointer-events: none;
    }
.accordion--image .accordion-content {
        display: flex;
        flex-direction: column;
        gap: var(--space-16);
    }
.accordion--image .accordion-content .accordion-item {
            /* padding-left: var(--space-24);  */
            display: flex;
            flex-direction: column;
            /* display: grid;
            grid-template-columns: 40% 60%;
            grid-template-areas: 
                'header .'
                'content .';
            column-gap: var(--space-32); */
            border-bottom: 1px solid lightgray;
            padding-bottom: var(--space-16);
        }
.accordion--image .accordion-content .accordion-item .accordion-toggle {
                grid-area: header;
                background-color: transparent;
                border: none;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                gap: var(--space-16);
                margin-bottom: var(--space-0);
                padding: var(--space-0);
                width: 100%;
                min-width: 0;
            }
.accordion--image .accordion-content .accordion-item .accordion-toggle .panel-header {
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                }
.accordion--image .accordion-content .accordion-item .accordion-toggle .panel-header span.accordion-title {
                        margin-bottom: 0;
                        font-size: var(--step-1);
                        font-weight: var(--semi-bold-weight);
                        min-width: 0;
                        overflow-wrap: break-word;
                        flex: 1 0 90%;
                        text-align: left;
                        padding-bottom: var(--space-16);
                    }
@media (min-width: 1025px) {
.accordion--image .accordion-content .accordion-item .accordion-toggle .panel-header span.accordion-title {
                            font-size: var(--step-2);
                    }
    
                        }
.accordion--image .accordion-content .accordion-item .accordion-toggle .panel-header:after {
                        content: '\f054';
                        font-family: var(--font-awesome);
                        font-size: var(--step-1);
                        line-height: 1;
                        flex: 1 0 auto;
                        font-weight: var(--medium-weight);
                    }
@media (min-width: 1025px) {
.accordion--image .accordion-content .accordion-item .accordion-toggle .panel-header:after {
                            font-weight: var(--light-weight);
                            font-size: var(--step--1);
                            flex-shrink: 0;
                    }
    
                        }
.accordion--image .accordion-content .accordion-item .accordion-toggle[aria-expanded="true"]:after {
                        transform: rotate(90deg);
                    }
.accordion--image .accordion-content .accordion-item .accordion-panel {
                display: contents;
    
                
            }
.accordion--image .accordion-content .accordion-item .accordion-panel span.panel-subheader {
                    font-size: var(--step-0);
                    color: rgb(var(--brand-primary-dark));
                    font-family: var(--project-sans-serif);
                    font-weight: var(--regular-weight);
                }
.accordion--image .accordion-content .accordion-item .accordion-panel .panel-content {
                    grid-area: content;
                    display: none; /* only the active item's text shows */
                }
.accordion--image .accordion-content .accordion-item .accordion-panel .panel-content p, .accordion--image .accordion-content .accordion-item .accordion-panel .panel-content ul li {
                        font-size: var(--step--1);
                    }
.accordion--image .accordion-content .accordion-item .accordion-panel .panel-content p {
                        margin-top: var(--space-0);
                    }
.accordion--image .accordion-content .accordion-item .accordion-panel .panel-content h3 {
                        font-size: var(--step-0);
                        font-weight: var(--medium-weight);
                        margin-bottom: var(--space-8);
                    }
.accordion--image .accordion-content .accordion-item.active .panel-content {
                    display: block;
                }
.accordion--image .accordion-content .accordion-item.active .panel-image {
                    opacity: 1;
                    visibility: visible;
                    pointer-events: auto;
                }
.accordion--image .accordion-image-panel {
        position: absolute;
        /* top: 0; */
        /* right: 0; */
        /* width: calc(60% - var(--space-96)); */
        aspect-ratio: 4/3;
        overflow: hidden;
        border-radius: 1em;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.5s ease;
        width: 100%;
        height: 100%;
        top: 0 ;
        left: 0;
    }
.accordion--image .accordion-image-panel img {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            -o-object-fit: cover;
               object-fit: cover;
            /* object-fit: contain; */
        }
.accordion--image .accordion-image-panel.active {
            opacity: 1;
            visibility: visible;
        }
.accordion--image .accordion-image-panel.active img {

            }
.breadcrumbs {
    border-bottom: 1px solid black;
}
.breadcrumbs ul {
        list-style: none;
    }
.breadcrumbs ul li {
            display: inline-block;
            font-family: var(--project-sans-serif);
        }
.breadcrumbs ul li a {
                color: var(--text-black);
            }
.breadcrumbs ul li:not(:last-of-type):after {
                        content: '/';
                        display: inline-block;
                        padding-left: var(--space-xs);
                    }
.breadcrumbs ul li:not(:first-of-type) {
                padding-left: var(--space-sm);
            }
.button {
  /* Base styles */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  
  /* Nesting - sizes */
}
--sm.button {
    padding: var(--space-8) var(--space-16);
    font-size: var(--font-size-sm);
    gap: var(--space-8);
  }
--md.button {
    padding: var(--space-12) var(--space-24);
    font-size: var(--font-size-base);
    gap: var(--space-8);
  }
--lg.button {
    padding: var(--space-16) var(--space-32);
    font-size: var(--font-size-lg);
    gap: var(--space-12);
  }
/* Nesting - variants */
--primary.button {
    background-color: var(--color-primary-500);
    color: white;
  }
--primary.button:hover:not(:disabled) {
      background-color: var(--color-primary-600);
      box-shadow: var(--shadow-md);
      transform: translateY(-1px);
    }
--primary.button:active:not(:disabled) {
      background-color: var(--color-primary-700);
      transform: translateY(0);
    }
--secondary.button {
    background-color: var(--color-gray-100);
    color: var(--color-gray-900);
    border: 1px solid var(--color-gray-300);
  }
--secondary.button:hover:not(:disabled) {
      background-color: var(--color-gray-200);
      border-color: var(--color-gray-400);
    }
--danger.button {
    background-color: var(--color-error);
    color: white;
  }
--danger.button:hover:not(:disabled) {
      background-color: var(--color-error-dark);
      box-shadow: var(--shadow-md);
    }
/* Disabled state */
.button:disabled,
  --disabled.button {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
  }
.card--duotone {
        position: relative;
        overflow: hidden;
        width: 100%;
        min-height: 100%;
        isolation: isolate;
        padding: var(--space-xl);
        border-radius: .5em;
        box-sizing: border-box;
        --text-color: rgb(var(--text-color));
        /* background: rgb(var(--colorLight)); */
        box-shadow: 0px 0px 10px 2px rgba(123, 123, 123, 0.15);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.card--duotone::before {
            
            content: '';
            position: absolute;
            inset: 0;
            background-image: var(--card-bg);
            background-size: cover;
            background-position: center center;
            /* filter: grayscale(100%); */
            /* filter: grayscale(1) brightness(1.5) contrast(0.5); */
            z-index: 0;
            /* opacity: 18%; */
            /* -webkit-mask-image: radial-gradient(circle at bottom, black 10%, transparent 70%); */
            /* mask-image: radial-gradient(circle at bottom, black 10%, transparent 70%); */
            /* opacity: 50%; */
            opacity: 35%;
        }
.card--duotone::after {
            content: '';
            position: absolute;
            /* inset: 0; */
            /* background: rgb(var(--colorLight)); */
            /* mix-blend-mode: color; */
            z-index: 1;
            /* opacity: 100%; */
            background: #ffffff;
            background: linear-gradient(170deg, rgba(var(--colorLight), .85) 25%, rgba(var(--colorDark), .25) 100%);
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            filter: saturate(150%);

        }
.card--duotone.with-grayscale:before {
                filter: grayscale(1) saturate(500%);
                opacity: 25%;
            }
.card--duotone.with-grayscale:after {
                background: linear-gradient(170deg, rgba(var(--colorLight), .85) 25%, rgba(var(--colorDark), .25) 100%);
                /* mix-blend-mode:hard-light; */
                filter: saturate(150%);
            }
.card--duotone .card-content {
            position: relative;
            width: 100%;
            height: 100%;
            color: rgb(var(--text-color));
            margin-bottom: var(--space-md);
            padding-bottom: var(--space-sm);
            z-index: 10;
        }
.card--duotone .card-content .cardTag {
                font-weight: var(--semi-bold-weight);
                text-transform: uppercase;
                font-family: var(--project-sans-serif);
                /* color: rgb(var(--colorDark)); */
                /* background: rgba(var(--text-white), 80%); */
                /* background: transparent; */
                border: 1px solid transparent;
                /* padding: var(--space-sm); */
                padding: var(--space-8) var(--space-16);
                border-radius: 99em;
                font-size: var(--step--1);
                margin-bottom: var(--space-xl);
                display: inline-block;
                color: rgb(var(--text-white));
                background-color: rgb(var(--colorDark, var(--brand-primary-dark)));

                
            }
.card--duotone .card-content h2, .card--duotone .card-content h3 {
                color: rgb(var(--text-color));
                font-size: var(--step-3);
                font-weight: var(--regular-weight);
                margin-top: var(--space-sm);
                margin-bottom: var(--space-lg);
                padding-bottom: var(--space-lg);
                position: relative;
            }
.card--duotone .card-content h2:after, .card--duotone .card-content h3:after {
                    content: '';
                    background: rgb(var(--colorDark));
                    height: 3px;
                    width: 25%;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }
.card--duotone .card-content strong {
                font-family: var(--project-sans-serif);
                font-weight: var(--regular-weight);
                color: rgb(var(--text-color));
            }
.card--duotone .card-content p {
                font-size: var(--step--1);
                color: rgb(var(--text-color));
                font-weight: var(--regular-weight);
            }
.card--duotone .card-content ul {
                list-style: disc;
                padding-left: var(--space-xl);
            }
.card--duotone .card-content ul li {
                    font-size: var(--step--1);
                    color: rgb(var(--text-color));
                    font-weight: var(--regular-weight);
                }
.card--duotone .card-cta {
            z-index: 2;
            position: relative;
            text-align: left;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
.card--duotone .card-cta .link-button.outline {
                color: rgb(var(--text-white));
                background: rgb(var(--colorDark));
                border-color: rgb(var(--colorDark));
            }
.card--duotone .card-cta .link-button.outline:hover, .card--duotone .card-cta .link-button.outline:focus-visible {

                    cursor: pointer;
                    background: rgb(var(--text-white)) !important;
                    color: rgb(var(--colorDark)) !important;
                    border-color: rgb(var(--colorDark));
                }
.block--cards-expander {
    position: relative;
}
.block--cards-expander .layout__container {
        display: flex;
        flex-direction: row;
        align-items: flex-start; /* NEW — stops flex from stretching every card to match the tallest one */
        --gap: var(--space-8);
    }
.block--cards-expander .layout__container .layout__region {
            transition: all 750ms;
            overflow: hidden;
        }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region {
                flex: 1;
        }
            }
.block--cards-expander .layout__container .layout__region .expander-card {
                overflow: hidden;
                position: relative;
                min-height: 500px;
                padding: var(--space-32) var(--space-16);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                cursor: pointer;
            }
@media (max-width: 599px) {
.block--cards-expander .layout__container .layout__region .expander-card {
                    border-radius: var(--space-16);
            }
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card {
                    display: flex; /* was: display: grid + grid-template-rows */
                    flex-direction: column;
                    justify-content: flex-end;
                    transition: all ease-in-out 500ms;
                    align-items: flex-start;
                    gap: var(--space-16);
            }
                }
.block--cards-expander .layout__container .layout__region .expander-card:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 100%;
                    content: '';
                    background: rgb(0, 71, 138);
                    background: linear-gradient(180deg, rgba(0, 34, 67,0) 0%, rgba(0, 34, 67, 0.95) 60%);
                    z-index: 2;
                    background-blend-mode: multiply;
                    transition: background ease-in-out 500ms;
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card:before {
                        background: rgb(0,0,0);
                        background: linear-gradient(0deg,rgba(0,5,16,100%) 0%, rgba(0, 5, 16, 0) 50%);
                }
                    }
.block--cards-expander .layout__container .layout__region .expander-card .cover-image {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                }
.block--cards-expander .layout__container .layout__region .expander-card .cover-image img {
                        -o-object-fit: cover;
                           object-fit: cover;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                    }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card .cover-image img {
                            width: 50vw;
                            height: 100%;
                    }
                        }
.block--cards-expander .layout__container .layout__region .expander-card h3 {
                    color: rgb(var(--text-white));
                    font-family: var(--project-sans-serif);
                    font-weight: var(--light-weight);
                    position: relative;
                    z-index: var(--layer-10);
                    font-size: var(--step-3);
                    display: flex;
                    align-items: center;
                    gap: var(--space-16);
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card h3 {
                        font-size: var(--step-3);
                        width: 100%;
                        display: block;
                        text-align: left;
                        max-width: unset;
                        /* no margin-bottom, no transition here */
                }
                    }
.block--cards-expander .layout__container .layout__region .expander-card h3 i {
                        transform: rotate(0);
                        font-size: var(--step-0);
                        transition: transform ease-in-out 500ms;
                    }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal {
                    max-width: 100ch;
                    position: relative;
                    z-index: var(--layer-10);
                    width: 100%;
                    overflow: hidden;
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal {
                        display: grid;
                        grid-template-rows: minmax(0, 0fr); /* was: 0fr */
                        min-height: 0;
                        opacity: 0;
                        transition: grid-template-rows 500ms ease-in-out, opacity 500ms ease-in-out;
                }
                    }
.block--cards-expander .layout__container .layout__region .expander-card __inner.content-reveal {
                        overflow: hidden;
                        min-height: 0; /* keep this too — belt and suspenders */
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        text-align: left;
                    }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal h4 {
                        color: rgb(var(--text-white));
                        font-size: var(--step-0);
                        font-family: var(--project-sans-serif);
                        margin: var(--space-0);
                        font-weight: var(--semi-bold-weight);
                        margin-bottom: var(--space-8);
                    }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal ul, .block--cards-expander .layout__container .layout__region .expander-card .content-reveal p {
                        color: rgb(var(--text-white));
                        font-size: var(--step-0);
                    }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal ul, .block--cards-expander .layout__container .layout__region .expander-card .content-reveal p {
                            margin-left: var(--space-0);
                            margin-top: var(--space-0);
                    }
                        }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal ul li {
                        margin-bottom: var(--space-0);
                    }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal a.link-button {
                        display: inline-block;
                    }
@media (max-width: 599px) {
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal a.link-button {
                            margin-top: var(--space-8) !important;
                    }
                        }
@media (min-width: 1025px) {
                    .block--cards-expander .layout__container .layout__region.active i { transform: rotate(90deg); }
                        .block--cards-expander .layout__container .layout__region.active .expander-card:before {
                            background: rgba(0, 5, 16, .8);
                            /* background: linear-gradien t(0deg,rgba(0,5,16,100%) 0%, rgba(0, 5, 16, 0) 100%); */
                            transition: background ease-in-out 500ms;
                        }

                        .block--cards-expander .layout__container .layout__region.active .expander-card .content-reveal {
                            grid-template-rows: minmax(0, 1fr); /* was: 1fr */
                            opacity: 1;
                        }

                }
.card__icon-listing {
    margin-bottom: var(--space-32);
}
.card__icon-listing .card--icon {
        position: relative;
        /* display: inline-block; */
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: var(--space-16);
       
        /* &:before {
            content: '';
            height: 100px;
            width: 100px;
            display: block;
            border-radius: 99em;
            background: #FFF;
            z-index: 0;
            position: absolute;
        } */
    }
.card__icon-listing .card--icon i {
            position: relative;
            z-index: 1;
            font-size: var(--step-5);
            color: rgb(var(--brand-primary-dark));
        }
.card__icon-listing .card--content h3 {
            font-size: var(--step-1);
            font-weight: var(--semi-bold-weight);
            color: rgb(var(--text-black));
            margin-bottom: var(--space-8);
        }
.card__icon-listing .card--content p {
            font-size: var(--step-0);
            margin: var(--space-0);
            /* margin-right: var(--space-16); */
        }
.card__inline--image{
    display: flex;
    flex-direction: column;
    gap: var(--space-64);
    padding-bottom: var(--space-32);
}
@media (min-width: 1025px) {
.card__inline--image{
        flex-direction: row;
}

        .card__inline--image.reverse {
            flex-direction: row-reverse;
        }

    }
.card__inline--image .card__image {
        flex: 0 1 25%;
        aspect-ratio: 1/1;
        overflow: hidden;
        max-width: 200px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center center;
           object-position: center center;
    }
.card__inline--image .card__content {
        
        flex: 0 1 75%;
    }
.card__stacked--image {
    margin-bottom: var(--space-16);
    display: grid;
    grid-template-rows: 100px 350px auto;
    height: 100%;

}
.card__stacked--image .card__image {

        margin-bottom: var(--space-32);
        aspect-ratio: 3/2;
        overflow: hidden;
    }
.card__stacked--image .card__image img {
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            height: auto;
        }
.card__stacked--image .card__header h2 {
            font-size: var(--step-1);
            color: rgb(var(--text-black));
            position: relative;
            margin-bottom: var(--space-16);
            padding-bottom: var(--space-32);
            /* text-align: center; */
            font-weight: var(--bold-weight);
            text-transform: uppercase;
        }
.card__stacked--image .card__header h2:after {
                background-color: rgb(var(--brand-primary-dark));
                height: 3px;
                width: 15%;
                position: absolute;
                left: 0%;
                bottom: 0px;
                content: '';
                transform: translate(0%, 0%);
            }
.card__stacked--image .card__content {
        height: 100%;
        display: grid;
    }
.card__stacked--image .card__content h3 {
            font-weight: var(--medium-weight);
        }
.card__stacked--image .card__content .card__body {
            margin-bottom: var(--space-32);
        }
.card__stacked--image .card__content .card__footer {
            text-align: center;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
        }
.card--graphic-overlap {

    display: grid;
    align-items: center;
    border-radius: var(--radius-8);
    padding: var(--space-16) var(--space-32);
    position: relative;
    grid-template-rows: [content] 1fr [cta] 85px;
    height: 100%;

}
.card--graphic-overlap:before {
        border-radius: var(--radius-8);
        content: '';
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: var(--space-96);
        background: rgb(230,255,252);
        background: linear-gradient(180deg, rgb(248, 248, 248) 0%, rgb(255, 255, 255) 80%);
        height: 50%;

    }
.card--graphic-overlap .card-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
.card--graphic-overlap .card-content img {
            z-index: 1;
            margin: 0 auto;
            padding-bottom: var(--space-32);
        }
.card--graphic-overlap .card-content .cardTag {
            font-family: var(--project-sans-serif);
            text-transform: uppercase;
            font-weight: var(--bold-weight);
            margin-bottom: var(--space-24);
            font-size: var(--step-1);
            position: relative;
            padding-bottom: var(--space-16);
            color: rgb(var(--brand-primary-dark));
    
        }
.card--graphic-overlap .card-content .cardTag:after {
                width: 100px;
                background: rgb(var(--brand-primary-dark));
                height: 3px;
                position: absolute;
                left: 50%;
                top: 100%;
                transform: translate(-50%, 0%);
                content: '';
            }
.card--graphic-overlap .card-content h3 {
            font-family: var(--project-sans-serif);
            font-size: var(--step-1);
            font-weight: var(--regular-weight);
            margin-top: var(--space-zero);
            text-align: center;
            color: rgb(var(--text-black));
            margin-bottom: var(--space-8);
            
    
        }
.card--graphic-overlap .card-content p {
            font-weight: var(--light-weight);
            line-height: 1.5;
            
        }
.card--graphic-overlap .card-cta {
        grid-row:cta;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
.card--graphic-overlap .card-cta .cardCTA .link-button {
                text-transform: none;
                
                padding-top: var(--space-0);
                
            }
.callout__signup {
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-32) var(--space-32);
    min-height: 3%;
    border-radius: var(--radius-8);
}
.callout__signup h2 {
        /* color: rgb(var(--text-white)); */
        font-weight: var(--semi-bold-weight);
        font-size: var(--step-3);
        margin-bottom: var(--space-16);
        padding-top: var(--space-16);
        position: relative;
        padding-bottom: var(--space-16);
        
        /* &:after {
            width: 100px;
            background-color: rgb(var(--brand-primary-dark));
            height: 5px;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translate(-50%, 50%);
            content: '';
        } */

    }
.callout__signup h3 {
        color: rgb(var(--text-white));
        font-family: var(--project-sans-serif);
        font-weight: var(--regular-weight);
        font-size: var(--step-4);
        margin-top: var(--space-0);
        margin-bottom: var(--space-32);

    }
.callout__signup p {
        font-size: var(--step-1);
        color: rgb(var(--text-black));
        text-align: center;
        max-width: 75%;
    }
.callout__signup p:last-of-type {
            margin-bottom: var(--space-32);
        }
.callout__signup .callout__action_links {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: var(--space-16);
    }
.callout__signup form {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: var(--space-32);
        flex-direction: column;
    }
@media (min-width: 1025px) {
.callout__signup form {
            flex-direction: row;
    }

        }
.callout__signup form button[type="submit"] {
            
            color: rgb(var(--text-white));
            padding: var(--space-16);
            background-color: rgb(var(--accent-pink-dark));
            border: none;
            border-radius: var(--radius-4);
            text-transform: uppercase;
            min-height: 45px;
            min-width: 45px;
            width: 100%;

        }
@media (min-width: 1025px) {
.callout__signup form button[type="submit"] {
                width: auto;

        }
            }
.callout__signup form input {
            display: block;
            min-height: 45px;
            min-width: 300px;
            border-radius: var(--radius-4);
            border: none;
            padding: var(--space-0) var(--space-8);
            font-weight: var(--light-weight);
            margin-bottom: var(--space-32);
            width: 100%;
        }
@media (min-width: 1025px) {
.callout__signup form input {
                margin-right: var(--space-16);
                margin-bottom: var(--space-0);
                width: auto;
        }
            }
.callout__signup .link-button {
        border-radius: 99em;

    }
.callout__signup .link-button.outline {
            background: rgb(var(--text-white));
        }
@media (min-width: 1025px) {
.events__list {
        display: none;

}
    }
.events__list ul li {

            margin-bottom: var(--space-16);
            padding-bottom: 16px;
            position: relative;
            display: flex;
            align-items: center;
            text-align: center;
            flex-direction: column;
        }
.events__list ul li:after {
                width: 100%;
                height: 1px;
                background-color: #ebebeb;
                position: absolute;
                bottom: 0;
                content: '';
            }
.events__list ul .date {
            display: flex;
            flex-direction: column;
            margin-bottom: var(--space-16);
        }
.events__list ul .date .event-date {
                font-weight: var(--semi-bold-weight);
                color: rgb(var(--brand-primary-dark));
                position: relative;
                padding-right: var(--space-4);
                font-size: var(--step-0);
            }
.events__list ul .date .event-time {
                font-size: var(--step-0);
            }
.events__list ul .description p {

                font-size: var(--step-2);
                line-height: 1.5;
                margin-bottom: var(--space-16);
                font-weight: var(--regular-weight);
            }
.events__list ul .host {
            color: rgb(var(--brand-primary-dark));
            display: inline-block;
            margin: 0 auto;
            margin-bottom: var(--space-8);
            font-weight: var(--semi-bold-weight);
            border-bottom: 1px solid rgb(var(--brand-primary-dark));
        }
.section-header-row {
    margin-bottom: var(--space-32);
}
.section-header-row .layout__region--first {
        display: flex;
        align-items: center;
    }
.section-header-row .layout__region--first h2 {
            margin: var(--space-0);
            font-weight: var(--regular-weight);
            color: rgb(var(--text-black));
            
        }
.section-header-row .table-actions {
        display: flex;
        flex-direction: row;
        gap: var(--space-8);
        align-items: center;
        height: 100%;
        justify-content: flex-end;
    }
.section-header-row .table-actions span {
            font-size: var(--step--2);
            font-family: var(--project-sans-serif);
            margin-right: var(--space-24);
    
    
        }
.section-header-row .table-actions label {
            background-color: transparent;
            color: rgb(var(--fourOneGray));
            padding: var(--space-8) var(--space-16);
            border: 1px solid rgb(var(--fourOneGray));
            border-radius: 99em;
            cursor: pointer;
            font-size: var(--step--1);
    
    
        }
.section-header-row .table-actions label.selected {
                background-color: rgb(var(--brand-primary-dark));
                color: rgb(var(--text-white));
                border-color: rgb(var(--brand-primary-dark));
            }


.events__table {

    display: none;
    font-family: var(--project-sans-serif);
    font-weight: var(--light-weight);
    background: transparent;
    border-collapse: 0;
    border-spacing: 0;
    width: 100%;
}


@media (min-width: 1025px) {


.events__table {
        display: inherit;
}
    }


.events__table caption {
        font-size: var(--step-1);
        font-weight: var(--regular-weight);
        text-align: left;
        padding: var(--space-16) var(--space-0) var(--space-32) var(--space-0);
        line-height: 1.5;
        color: rgb(var(--brand-primary-dark));
    }


.events__table .tag.circle {
            background: rgba(var(--colorDark));
        }


.events__table thead {

        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        clip-path: inset(50%) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: var(--space-0) !important;
        position: absolute !important;
        width: 1px !important;
        white-space: nowrap !important;
    }


@media (min-width: 1025px) {


.events__table thead {
                border: unset !important;
                clip: unset !important;
                clip-path: unset !important; 
                height: unset !important;
                margin: unset !important;
                overflow: unset !important;
                padding: unset !important;
                position: unset !important;
                width:unset !important;
                white-space: unset !important;
    }     
            }


@media (min-width: 1025px) {


.events__table thead {
            transform: unset;
            clip: unset;
    }
        }


.events__table thead:after {
            content: '';
            height: var(--space-16);
            display: block;
            width: 100%;
        }


.events__table thead tr th {
                text-align: left;
                font-weight: var(--regular-weight) !important;
                padding: var(--space-16) var(--space-0);
                position: relative;
                font-size: var(--step-0);
            }


.events__table thead tr th.table-header-hidden {
                    display: none;
                }


.events__table thead tr th:before, .events__table thead tr th:after {
                    font-weight: var(--fa-solid);
                }


.events__table thead tr th.no-sort:before, .events__table thead tr th.no-sort:after {
                        display: none !important;
                    }


.events__table thead tr th.no-padding {
                    padding-left: .25em !important;
                    padding-right: .25em !important;
                }


.events__table tbody tr.disabled {
                background-color: #fbfbfb !important;
            }


.events__table tbody tr.disabled > * {
                    color: #acacac !important;   
                }


.events__table tbody tr.disabled > * i:after, .events__table tbody tr.disabled > * i:before {
                            color: #acacac !important;
                        }


.events__table tbody tr:nth-child(even) {
                background-color: transparent;
                
            }


.events__table tbody tr:nth-child(even) th, .events__table tbody tr:nth-child(even) td {

                }


.events__table tbody tr:nth-child(odd) th, .events__table tbody tr:nth-child(odd) td {
                   
                   background-color: #FFF;
               }


@media (min-width: 1025px) {


.events__table tbody tr:nth-child(odd) th, .events__table tbody tr:nth-child(odd) td {
                    background-color: rgba(var(--brand-primary-light),.15);
               }

                }


.events__table tbody tr.hide {
                display: none;
            }


.events__table tbody tr th,.events__table tbody tr td {
                text-align: left;
                font-weight: var(--light-weight);
                font-size: var(--step-0);
                padding: var(--space-16) var(--space-0);
                display: block;
            }


.events__table tbody tr th.table-cell-hidden, .events__table tbody tr td.table-cell-hidden {
                    display: none !important;
                }


@media (min-width: 1025px) {


.events__table tbody tr th,.events__table tbody tr td {
                        display: table-cell;
                        padding-top: var(--space-16);
                        margin-top: var(--space-16);
                        vertical-align: middle;
            }


                    }


.events__table tbody tr th a, .events__table tbody tr td a {
                    display: inline;
                    text-decoration: none;
                    border-bottom: 1px solid rgb(var(--link-color));
                    color: rgb(var(--link-color));
                    
                }


@media (max-width: 599px) {


.events__table tbody tr th a, .events__table tbody tr td a {
                        display: block;
                    
                }
                    }


.events__table tbody tr th a:hover, .events__table tbody tr td a:hover, .events__table tbody tr th a:focus-visible, .events__table tbody tr td a:focus-visible {
                        border-bottom: 1px solid rgb(var(--brand-primary-dark));
                    }


.events__table tbody tr th ul li a, .events__table tbody tr td ul li a {
                            display: inline;
                            text-decoration: none;
                            border-bottom: 1px dotted rgb(var(--link-color));
                            color: rgb(var(--link-color));
                        }


.events__table tbody tr th ul li a:hover, .events__table tbody tr td ul li a:hover, .events__table tbody tr th ul li a:focus-visible, .events__table tbody tr td ul li a:focus-visible {
                                border-bottom: 1px solid rgb(var(--brand-primary-dark));
                            }


.events__table tbody tr th ul.sub-list, .events__table tbody tr td ul.sub-list {
                        padding-left: var(--space-16);
                    }


.events__table tbody tr th ul.sub-list li, .events__table tbody tr td ul.sub-list li {
                            margin: var(--space-0);
                            font-size: var(--step-0);
                        }


.events__table tbody tr th ul.sub-list li a, .events__table tbody tr td ul.sub-list li a {
                                display: inline;
                                text-decoration: none;
                                border-bottom: 1px dotted rgb(var(--link-color));
                                color: rgb(var(--link-color));
                                font-size: var(--step-0);
                                
                            }


.events__table tbody tr th ul.sub-list li a:hover, .events__table tbody tr td ul.sub-list li a:hover, .events__table tbody tr th ul.sub-list li a:focus-visible, .events__table tbody tr td ul.sub-list li a:focus-visible {
                                    border-bottom: 1px solid rgb(var(--brand-primary-dark));
                                }


.events__table tbody tr th ul.sub-list li a.link--offsite, .events__table tbody tr td ul.sub-list li a.link--offsite {
                                    border-bottom: 0;
                                }


.events__table tbody tr th ul.sub-list li ul.tag-list, .events__table tbody tr td ul.sub-list li ul.tag-list {
                                display: inline;
                                padding-left: var(--space-md);
                            }


.events__table tbody tr th ul.sub-list li ul.tag-list li, .events__table tbody tr td ul.sub-list li ul.tag-list li {
                                    display: inline;
                                }


.events__table tbody tr th {
                color: rgb(var(--text-black));
                position: relative;
                font-weight: var(--regular-weight);
                border-bottom: 1px solid rgba(var(--brand-primary-dark) / 10%);
                vertical-align: middle;

                padding: var(--space-16) var(--space-4);
                border-bottom: 1px solid rgba(var(--brand-primary-dark), 10%);

            }


@media (min-width: 1025px) {


.events__table tbody tr th {
                    text-align: left;
                    font-weight: var(--light-weight);
                    font-size: var(--step-0);
                    padding: var(--space-16);

            }
                }


.events__table tbody tr th span {
                    display: block;
                }


.events__table tbody tr th span.event-date {
                        font-weight: var(--semi-bold-weight);
                        font-size: var(--step-0);
                        color: rgb(var(--brand-primary-dark));
                        margin-bottom: var(--space-8);
                    }


.events__table tbody tr th span.event-time {
                        font-size: var(--step-0);
                        font-weight: var(--regular-weight);
                        color: rgb(var(--text-black));
                    }


.events__table tbody tr td {
                padding: var(--space-16);
                border-bottom: 1px solid rgba(var(--brand-primary-dark), 10%);
                text-align: right;
                vertical-align: middle;
                line-height: 1.5;
            }


@media (max-width: 599px) {


.events__table tbody tr td {
                    align-items: flex-start;
                    display: flex;
                    flex-direction: column;
                    text-align: left;
            }

                }


@media (min-width: 1025px) {


.events__table tbody tr td {
                    text-align: left;
                    display: table-cell;
            }

                }


.events__table tbody tr td:before {
                    content: attr(data-title);
                    color: rgb(var(--text-black));
                    display: inline-block;
                    font-size: var(--step-0);
                    font-family: var(--project-sans-serif);
                    padding-bottom: var(--space-md);
                    position: relative;
                    font-weight: var(--regular-weight);
                }


@media (min-width: 1025px) {


.events__table tbody tr td:before {
                        display: none;
                }
                    }


.events__table tbody tr td i {
                    font-size: var(--step-0);
                }


.events__table tbody tr td.table-actions {
                    justify-content: center;

                
                }


.events__table tbody tr td p {
                    max-width: 75%;
                    /* padding-right: var(--space-16); */
                    font-size: var(--step-0);
                    line-height: 1.5;
                    font-weight: var(--light-weight);
                    padding: 0;
                    margin: 0;
                }


@media (min-width: 1025px) {


.events__table tbody tr td p {
                        max-width: unset;
                        padding-right: initial;
                        font-size: var(--step-0);
                        font-weight: var(--regular-weight);
                }
                    }


.events__table tbody tr td a.link-button {
                    color: rgb(var(--text-white));
                    font-weight: var(--regular-weight);
                    display: inline-block;
                    margin-top: var(--space-0);
                }


.events__table tfoot tr td {
                text-align: center;
            }
input {
        box-sizing: border-box;
        position: relative;
        
    
    }

    label {
        color: rgb(var(--textContrast));
        font-weight: var(--light-weight);
        font-size: var(--step-0);
        line-height: 1.25em;
        font-family: var(--project-sans-serif);
    }
    

    .form-item {
        position: relative;
        margin-bottom: var(--space-32);
    }
    

    .form-item .hidden {
            display: none;
        }
    

    .form-item:not(.form-item--stacked) {
            display: flex;
            flex-direction: row;
            gap: var(--space-8);
            align-items: center;
        }
    

    --code.form-item input[type="text"] {
                display: inline;
                width: 2em;
                height: 2.5em;
                text-align: center;
                font-size: var(--step-1);
            }
    

    --grouped.form-item {

            position: relative;
            padding-bottom: var(--space-16);
        }
    

    --grouped.form-item:after {
                content: '';
                width: 100%;
                height: 1px;
                background: rgb(234, 234, 234);
                display: block;
                position: absolute;
                bottom: var(--space-8);
            }
    

    --grouped.form-item:last-child:after {
                    content: unset;
                }
    

    --sub-item.form-item {
            
            margin: var(--space-16) var(--space-zero);

           
        }
    

    --sub-item.form-item input, --sub-item.form-item select, --sub-item.form-item textarea, --sub-item.form-item label {
                min-width: 50%;
                min-height: var(--space-32);
            }
    

    --sub-item.form-item textarea {
                min-height: 4em;
            }
    

    .form-item.form-item--stacked {
            display: flex;
            flex-direction: column;
        }
    

    .form-item.form-item--stacked label {
                margin-bottom: var(--space-16);
                font-size: var(--step-0);
                font-weight: var(--regular-weight);
            }
    

    .form-item.form-item--stacked:last-of-type {
                margin-bottom: var(--space-8);
            }
    

    --inline.form-item {
            display: inline-block;
        }
    

    --reduced.form-item fieldset {
                padding: var(--space-zero);
            }
    

    .form-item.flex-column {

            padding-bottom: 1em;
        }
    

    .form-item.flex-column label {
                margin-bottom: .5em;
            }
    
    fieldset {
        border: none;
        padding: var(--space-zero) var(--space-zero) var(--space-32);
        margin: var(--space-zero);
        margin-bottom: var(--space-16);

            
        
    }
    
    fieldset.form-section {
            position: relative;
        }
    
    fieldset.form-section:after {
                content: '';
                width: 100%;
                height: 1px;
                background-color: #d4d4d4;
                position: absolute;
                bottom: 0em;
                left: 0;
            }
    
    fieldset legend {
            font-family: var(--project-sans-serif);
            font-size: var(--step-0);
            margin-bottom: var(--space-4);
            position: relative;
            font-weight: var(--regular-weight);
    
        }
    
    fieldset legend.category-title {
                color: rgb(var(--brand-primary-dark));
                width: 95%;
                font-size: var(--step-2);
                font-family: var(--project-sans-serif);
                text-align: center;
    
            }
    
    @media (min-width: 1025px) {
    
    fieldset legend.category-title {
                    font-size: var(--step-1);
                    text-align: left;
    
            }
                }
    
    fieldset legend.category-title:after {
                    display: inline-block;
                    content: '';
                    width: 100%;
                    height: 2px;
                    --angle: -45deg;
                    @include linearGradient;
                }
    
    fieldset.question-rating {
            margin-bottom: var(--space-zero);
            padding: var(--space-zero);
            border: 0px !important;
            height: auto;
            
           
        }
    
    fieldset.question-rating legend {
                padding: var(--space-16) var(--space-zero) var(--space-16) var(--space-4);
                line-height: 1.5;
            }
    
    fieldset .form-item {
            margin: var(--space-8) var(--space-16);
            position: relative;
            display: flex;
            align-items: flex-start;

                
        }
    
    fieldset .form-item input[type='checkbox'] {
                height: 1.125em;
                width: 1.125em;
                margin-top: .125em;

            }
    
    :is(fieldset .form-item) input[type='checkbox'] ~ label {
                margin-top: 0;
                padding-bottom: var(--space-4);

               
            }
    
    fieldset:is(--checkbox) {
                margin: var(--space-4) var(--space-zero) var(--space-zero) var(--space-16);
            }
    
    fieldset .image-circle {
                background: transparent;
                margin: var(--space-zero);
                width: 75px;
                height: 75px;
                margin-right: var(--space-16);

               
            }
    
    fieldset .image-circle .cover-image {

                    width: 100%;
                    height: 100%;
                }
    
    fieldset:is(--split) {
                display: flex;
                flex-direction: row;
            }
    
    fieldset:is(--split) .left {
                    flex: 1 0 10%;
                }
    
    fieldset:is(--split) .right {
                    flex: 1 0 90%;
                }

    #account-form:scope .password-error-list .password-list-error,#password-form:scope .password-error-list .password-list-error {
                color: red;
                font-family: var(--project-sans-serif);
                margin-top: 0.5em;
            }

    #account-form:scope .password-error-list .password-list-error:before,#password-form:scope .password-error-list .password-list-error:before {
                    content: '\f071';
                    position: relative;
                    font-family: var(--font-awesome);
                    padding-right: 1em;
    
                }

    #account-form:scope .form-row,#password-form:scope .form-row {
            display: flex;
            -moz-column-gap: .5em;
                 column-gap: .5em;
            flex-direction: column;
            align-items: flex-start;
        }

    @media (min-width: 600px) {

    #account-form:scope .form-row,#password-form:scope .form-row {
                align-items: center;
                flex-direction: row;
        }

            }

    #account-form:scope .form-item,#password-form:scope .form-item {
            padding: var(--space-zero);
            margin: var(--space-zero);
            margin-top: var(--space-16) ;
            margin-bottom: var(--space-8);
            width: 100%;
            flex-direction: column;
        }

    @media (min-width: 600px) {

    #account-form:scope .form-item,#password-form:scope .form-item {
                width: auto;
        }
            }

    #account-form:scope --reduced.form-item.password,#password-form:scope --reduced.form-item.password {
                    max-width: 33%;
                }

    #account-form:scope --reduced.form-item.password input,#password-form:scope --reduced.form-item.password input {
                        width: 100%;
                        height: 100%;
                        max-height: 2.5em;
                    }

    #account-form:scope --reduced.form-item.password .label-wrap,#password-form:scope --reduced.form-item.password .label-wrap {
                        margin-top: 0;
                    }

    #account-form:scope .row .form-item:first-of-type,#password-form:scope .row .form-item:first-of-type {
                    margin-left: var(--space-zero);
                }

    #account-form:scope legend,#password-form:scope legend {
            color: rgb(var(--brand-primary-dark));
            font-size: var(--step-0);

        }

    #account-form:scope fieldset,#password-form:scope fieldset {

        }

    @media (max-width: 599px) {

    #account-form:scope input,#password-form:scope input {
                width: 100%;
            
        }

            }

    #account-form:scope input[type="text"],#password-form:scope input[type="text"] {
                height: 2.5rem;
            }

    #account-form:scope input[type="checkbox"]:not(#termsgi),#password-form:scope input[type="checkbox"]:not(#termsgi) {
                width: auto;
            }

    #account-form:scope input[type="email"],#password-form:scope input[type="email"] {
                height: 2.5rem;
            }

    #account-form:scope input#zipcode,#password-form:scope input#zipcode {
                max-width: 10ch;
            }

    #account-form:scope input[type="date"],#password-form:scope input[type="date"] {
                height: 2.5rem;
            }

    #account-form:scope input[type="password"],#password-form:scope input[type="password"] {
                height: 2.5rem;
            }

    #account-form:scope select,#password-form:scope select {
            height: 2.5rem;
            padding-right: 1.5em;
            max-width: 250px;
            background: #FFF;


        }

    @media (min-width: 600px) {

    #account-form:scope select,#password-form:scope select {
                width: 100%;


        }

            }


.form-actions {

    display: flex;
    justify-content: flex-start;
    gap: var(--space-16);
    margin-top: var(--space-16);
    flex-direction: column-reverse;
    align-items: flex-start;

    
}


.form-actions.align-left {
        justify-content: flex-start;
    }


@media (min-width: 600px) {


.form-actions {
        flex-direction: row;

    
}
    }


.form-actions button, .form-actions input {
        padding: var(--space-8) var(--space-16);
        border-radius: .25em;
        font-family: var(--project-sans-serif);
        font-size: var(--step-2);
        font-weight: var(--light-weight);
        border: 1px solid rgb(var(--brand-primary-dark));
    }


@media (min-width: 1025px) {


.form-actions button, .form-actions input {
            font-size: var(--step-0);
            width: auto;
    }
        }


.form-actions button:hover, .form-actions input:hover {
            cursor: pointer;

        }


.form-actions button:focus-visible, .form-actions input:focus-visible {
            
            box-shadow: 0px 0px 0px 4px #005FCC;
        }


.form-actions button.clear-form, .form-actions input.clear-form {
            background-color: #FFF;
            border: 1px solid rgb(var(--brand-primary-dark));
            color: rgb(var(--brand-primary-dark));
        }


.form-actions button.delete, .form-actions input.delete {
            background-color: rgb(var(--alert-error-light));
        }


.form-actions button.delete:hover, .form-actions input.delete:hover, .form-actions button.delete:focus-visible, .form-actions input.delete:focus-visible {
                background-color: rgb(var(--alert-error-dark));
            }


.form-actions button.cancel, .form-actions input.cancel {
            background-color: rgba(var(--brand-primary-light), .25);
            color: rgb(var(--text-black));

        }


.form-actions button.cancel:hover, .form-actions input.cancel:hover, .form-actions button.cancel:focus-visible, .form-actions input.cancel:focus-visible {
                background-color: rgb(var(--brand-primary-dark));
                color: rgb(var(--text-white));
            }


.form-actions input[type="submit"] {
        background: rgb(var(--brand-primary-dark));
        color: #FFF;
        border: 1px solid transparent;

    }



input[type="checkbox"]:hover ~ label {
    outline: none;
  }


label {
    font-family: var(--project-sans-serif);
    font-weight: var(--regular-weight);
}

select {
    font-family: var(--project-sans-serif);
}


.card--question {

    border: 2px solid transparent;
    background: #fff;
}


.card--question.has-validation-error {
        border: 2px solid rgb(var(--alert-error-dark));
    }


.card--question.has-validation-error fieldset legend {
                margin-bottom: var(--space-8);
            }


.card--question .validation-error {
        display: inline;
        margin-bottom: var(--space-16);
        margin-top: var(--space-16);
        color: rgb(var(--alert-error-dark));
        border: 1px solid rgb(var(--alert-error-dark));
        background-color: #fff2f3;
        padding: var(--space-8);
        border-radius: .25em;
        margin-left: var(--space-8);
    }


.card--question .validation-error:before {
            content: '\f071';
            font-family: var(--font-awesome);
            color: rgb(var(--alert-error-dark));
            padding-right: var(--space-16);
        }



.form-item.invalid input:not([type=password]), .form-item.invalid select {
        border: 2px solid red;
    }



.form-item.invalid label {
        color: red;
        font-weight: var(--semiBold-weight) !important;
    }



.form-item.invalid label a, .form-item.invalid label button {
            font-weight: var(--semiBold-weight);
            color: red;
        }



.form-item.invalid.password .label-wrap {
            border: 2px solid red;
        }



.form-item.invalid input[type=checkbox]:invalid ~ label:before {
            
        }



.form-item.invalid input[type=checkbox]:invalid ~ label:after {

            border-color: red;
            border: 2px solid;

        }


#password-verification {
    position: relative;
}


#password-verification p {
        font-size: var(--step--1);
        color: rgb(var(--text-black));
    }


#password-verification .password-requirement {
    
        display: block;
        color: green;
        margin: .5em 1em .5em 2em;
        font-size: var(--step--1);
    }


#password-verification .password-requirement:before {
            content: '\f2f7';
            font-family: var(--font-awesome);
            margin-right: .5em;
            position: absolute;
            left: .5em;
        }


#password-verification .password-requirement.invalid {
            color: red;
        }


#password-verification .password-requirement.invalid:before {
                content: '\e24c';
            }

.required-notice {
    font-size: var(--step--1);
    font-style: italic;
    margin-bottom: 1em;
}

.validation-error {
    display: none;
 }
.form-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}
@media (min-width: 1280px) {
.form-page {
        padding: var(--space-xxl) var(--space-zero);
        max-width: 80vw;    
        margin: 0 auto;
}
    }
.form-page .focus-branding {
        position: absolute;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        padding: 0 var(--space-xxl);
    }
.form-page .branding--school {
        margin-bottom: 2em;
        text-align: center;
    }
.form-page .branding--school h1 {
            font-weight: var(--light-weight);
        }
.form-page .branding--school p {
            max-width: unset;
        }
.form-page .branding--school button {
            border: 0;
            font-size: var(--step-2);
        }
.form-page .col-header {
        text-align: center;
        padding: var(--space-lg) var(--space-xl);

    }
.form-page .col-header.background-pattern {
            background: url('../../assets/images/backgrounds/pattern-bluetone.png') no-repeat;
            background-size: cover;
            background-color: black;
            
        }
.form-page .col-header.background-pattern body:before {
                    content: unset;
                }
.form-page .col-header .panel-text h1, .form-page .col-header .panel-text h2 {
                font-weight: var(--light-weight);
                font-family: var(--project-sans-serif);
                color: rgb(var(--text-white));
            }
.form-page .col-header .panel-text p {
                margin: var(--space-zero) auto;
                color: rgb(var(--text-white));

            }
.form-page .col-body {
        background-color: #FFF;
        padding: var(--space-xl) 2.5%;
    }
.form-page .col-body .col-right {
            box-sizing: border-box;
        }
@media (min-width: 600px) {
.form-page .col-body .col-right {
                max-width: 50%;
        }
            }
.form-page input[type='checkbox'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    z-index: 2;
    opacity: .00001;
    content: ' ';
    position: absolute;
    border: 1px solid;
    height: 1.125em;
    width: 1.125em;
    top: .825em;
    left: -.125em;

}
.form-page input[type="checkbox"] ~ label {
    padding: var(--space-lg) var(--space-md) var(--space-lg) var(--space-xl);
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-weight: var(--light-weight);

}
.form-page input[type="checkbox"] ~ label:before {

        box-shadow: 0 0 0 0px rgb(0 0 0 / 0%);
        content: '';
        border: 1px solid;
        border-color: transparent;

        width: 1.125em;
        height: 1.125em;
        position: absolute;
        left: 0em;
        top: 1em;

    }
.form-page input[type="checkbox"] ~ label:after {

        position: absolute;
        border: 1px solid;
        content: '';
        width: 1.125em;
        height: 1.125em;
        left: 0em;
        top: 1em;
        border-color: #767676;
    }
.form-page input[type="checkbox"]:checked ~ label:before {
        box-shadow: 0 0 0 2px rgb(var(--brand-primary-dark));
        background-color: rgb(var(--brand-primary-dark));
    }
.form-page input[type="checkbox"]:checked ~ label:after {
        border-left: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        border-top: 0;
        border-right: 0;
        height: 8px;
        width: 15px;
        top: 45%;
        left: .25px;
        transform: translateY(-75%) rotate(-45deg);

    }
@media (min-width: 1025px) {
.form-page input[type="checkbox"]:checked ~ label:after {
            left: .5px;

    }
            
        }
.form-page input[type="checkbox"]:focus ~ label:before {
        box-shadow: 0 0 0 2px #228bec;
    }
.form-page label {
        font-family: var(--project-sans-serif);
        font-weight: var(--regular-weight);
    }
.form-page select {
        font-family: var(--project-sans-serif);
    }
.form-page .card--question {
    
        border: 2px solid transparent;
        background: #fff;
    }
.form-page .card--question.has-validation-error {
            border: 2px solid rgb(var(--alert-error-dark));
        }
.form-page .card--question.has-validation-error fieldset legend {
                    margin-bottom: var(--space-md);
                }
.form-page .card--question .validation-error {
            display: inline;
            margin-bottom: var(--space-lg);
            margin-top: var(--space-lg);
            color: rgb(var(--alert-error-dark));
            border: 1px solid rgb(var(--alert-error-dark));
            background-color: #fff2f3;
            padding: var(--space-md);
            border-radius: var(--space-sm);
            margin-left: var(--space-md);
        }
.form-page .card--question .validation-error:before {
                content: '\f071';
                font-family: var(--font-awesome);
                color: rgb(var(--alert-error-dark));
                padding-right: var(--space-lg);
    
            }
.form-page.dark-bg {
        color: #FFF;


    }
.form-page.dark-bg .branding {
            background: rgb(255,255,255,.75);
            position: relative;
            left: 50%;
            transform: translate(-50%, 0);
            padding: var(--space-lg);
            margin: 0;
            margin-bottom: var(--space-lg);
            width: 100%;
            box-sizing: border-box;
        }
@media (min-width: 1280px) {
.form-page.dark-bg .branding {
                margin: var(--space-zero) auto;
                width: auto;
        }
            }
.form-page.dark-bg .branding span {
                color: #333;
            }
.form-page.dark-bg .login-form #login-form .form-item .label-wrap {
                        height: auto;
                    }
.form-page.dark-bg .login-form #login-form .form-item .label-wrap i:before {
                                
                                color:#333 !important;
                            }
.form-page.dark-bg .login-form #login-form .form-item input {
                        background-color: transparent;
                    }
.form-page.dark-bg .login-form .form-actions a, .form-page.dark-bg .login-form .form-actions label {
                    font-size: var(--step-0);
                    font-weight: var(--light-weight);
                }
.form-page.dark-bg .login-form .form-actions a {
                    color: rgb(var(--text-black));

                }
.form-page.dark-bg .login-form .form-actions label:after {
                        border-color: #FFF;
                    }
.form-page.dark-bg .outline {
            color: rgb(var(--text-black));

            border-color: #FFF;
        }
.form-page.dark-bg .outline:hover, .form-page.dark-bg .outline:focus-visible {
                border-color: rgb(var(--brand-primary-dark));
            }
.login-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.login-form .layout--twocol--50-50 {
        display: flex;
        flex: 1;
    }
.login-form .layout--twocol--50-50 .layout__container {
            display: flex;
            flex: 1;
        }
.login-form .layout--twocol--50-50 .layout__region {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
.login-form .layout--twocol--50-50 .layout__region.layout__region--first {
                background-image: var(--background-image);
            }
.login-form .layout--twocol--50-50 .layout__region.layout__region--first h1 {
                    color: rgb(var(--text-white));
                    text-align: center;
                }
.login-form .layout--twocol--50-50 .layout__region.layout__region--first p {
                    color: rgb(var(--text-white));
                    text-align: center;
                }
/* align-items: flex-start; */
.login-form .layout--twocol--50-50 .layout__region.layout__region--second .form-section {
                    width: 500px;
                }
.login-form .layout--twocol--50-50 .layout__region.layout__region--second .branding {
                    max-width: 250px;
                    margin: 0 auto;
                    position: relative;
                    display: block;
                    margin-bottom: var(--space-32);
                }

#login-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1em;
    margin-bottom: var(--space-32);

    
}

#login-form .form-item .label-wrap {
            display: flex;
            flex-direction: row;
            height: 3em;
            align-items: center;
            margin: var(--space-0);
            border: 1px solid rgb(var(--text-black));
            padding-left: var(--space-16);
            padding-right: var(--space-0);
            padding-bottom: var(--space-0);
            padding-top: var(--space-0);
            border-radius: .25em;
        }

#login-form .form-item .label-wrap i {
                margin-right: var(--space-8);
                padding-right: var(--space-8);
                border-right: 1px solid rgb(var(--text-black));
                font-size: var(--step-0);
            }

#login-form .form-item .label-wrap input {
                max-width: unset;
                border: transparent;
                margin: var(--space-zero);
                width: 100%;
                padding: 0;
                margin-right: 2em;
            }

#login-form .form-item .label-wrap .toggle-password {
                background-color: transparent;
            }

#login-form .form-actions {
        margin-top: var(--space-0);
        display: flex;
        flex-direction: column;
    }

#login-form .form-actions button {
            color: #FFF;
            border: 1px solid transparent;
            padding: var(--space-8) var(--space-16);
            border-radius: var(--space-4);
            font-family: var(--project-sans-serif);
            font-size: var(--step-0);
            font-weight: var(--light-weight);
            text-transform: uppercase;
            background: rgb(var(--brand-primary-dark));
        }

#login-form .form-actions button:hover, #login-form .form-actions button:focus {
                background: transparent;
                color: rgb(var(--brand-primary-dark));
                border-color: rgb(var(--brand-primary-dark));

            }

.new-account .link-button {
        background: rgb(var(--accent-pink-dark));
        color: rgb(var(--text-white));
        border: 1px solid rgb(var(--accent-pink-dark));;
        font-size: var(--step-0);
        border-radius: var(--space-4);
        padding: var(--space-8) var(--space-16);
    }

.new-account .link-button:hover, .new-account .link-button:focus {
            background: transparent;
            border-color: rgb(var(--brand-primary-dark));
            color: rgb(var(--brand-primary-dark));
        }

.terms-conditions .text-button {
        border: 0;
        background-color: transparent;
        text-decoration: underline;
        cursor: pointer;
    }
.cover-image {

    overflow: hidden;
}
.cover-image.four-three {
        aspect-ratio: 4/3;
    }
.cover-image.four-three img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
        }
.cover-image.square-rounded {
        aspect-ratio: 1/1;
        border-radius: 2em;
        width: 250px;
        height: 250px;
    }
.cover-image.square-rounded img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

.circle-image {
    overflow: hidden;
    border-radius: 99em;
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    max-width: 100px;
}


.image-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--space-16);
}


.image-stack img {
        border-radius: 99em;
        display: block;
        width: 100px;
        height: 100px;
        aspect-ratio: 1/1;
    }


.image-stack span {
        font-family: var(--project-sans-serif);
        font-weight: var(--regular-weight);
        font-size: var(--step--2);
        text-align: center;
    }

.four-three {
    aspect-ration: 4/3;
    width: 100%;
    height: auto;
}
/* @import './Menu/Main/menu-main.css'; */
dialog {
    z-index: var(--layer-1000);
    padding: var(--space-48);
}
@media (min-width: 1025px) {
dialog {
        max-width: 50vw;
}
    }
dialog .close-dialog {
        font-family: var(--font-awesome);
        font-size: var(--step-1);
        background-color: transparent;
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-50%, 50%);
        cursor: pointer;
    }

dialog::backdrop {
    background: rgba(0, 0, 0, 75%);
}


#schoolSearchDialog {
    display: flex;

}


#schoolSearchDialog #checkUserBtn {
        width: 45px;
        height: 45px;
        background: rgb(var(--brand-primary-dark));
        color: rgb(var(--text-white));
        border-color: transparent;
    }
.text-modal-trigger {
    border: none;
    background-color: transparent;
    font-family: var(--project-sans-serif);
    font-size: var(--step-0);
    font-weight: var(--light-weight);
    margin: var(--space-sm);
    line-height: 1.8;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    cursor: pointer;
}
.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;

    align-items: center;
    justify-content: center;
    z-index: 100000;
}
.modal-wrap.active {

        display: flex;
    }
.modal-wrap .modal-backdrop {
        position: fixed;
        background-color: rgba(0,0,0,.5);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
        content: '';
    }
.modal-wrap .modal {
        position: absolute;
        background-color: #FFF;
        z-index: 100001;
        display: inline-block;
        padding: var(--space-xl) var(--space-xxl);
        box-shadow: 0 19px 38px rgba(58, 58, 58, 0.12), 0 5px 8px rgba(28, 28, 28, 0.12);    
        overflow-y: auto;
        width: 100%;
        
    }
@media (min-width: 1025px) {
.modal-wrap .modal {
            width: auto;
            min-width: 500px;
        
    }
        }
.modal-wrap .modal .modal--header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
.modal-wrap .modal button.close-modal {

            top: 1em;
            right: 1em;
            border: 0;
            background: transparent;
            padding: var(--space-lg);
            border: 1px solid transparent;
            border-radius: 99em;
            height: 50px;
            width: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.modal-wrap .modal button.close-modal:before {
                content: '\f00d';
                position: relative;
                display: block;
                font-family: var(--font-awesome);
                color: rgb(var(--brand-primary-dark));
                font-size: var(--step-2);
            }
.modal-wrap .modal button.close-modal:focus, .modal-wrap .modal button.close-modal:hover {
                border: 1px solid rgb(var(--brand-primary-dark));
            }
.modal-wrap --warning.modal {
            color: rgb(var(--brand-primary-dark));
        }
.modal-wrap --warning.modal .form-item {
                margin: 2em var(--space-zero);
                text-align: center;
                position: relative;

                
            }
.modal-wrap --warning.modal .form-item label {
                    font-weight: var(--regular-weight);
                }
.modal-wrap --warning.modal .form-item input[type="text"] {
                    min-height: var(--space-xl);
                    margin: var(--space-lg) auto;
                }
.modal-wrap --warning.modal .form-actions button:disabled {
                        background: rgb(233, 233, 233);
                        color: rgb(202, 202, 202);
                        cursor: not-allowed;
                    }
.modal-wrap --warning.modal .form-actions button#cancel {
                        background: transparent;
                        border: 1px solid #333;
                        color: #333;
                    }
.modal-wrap --warning.modal .form-actions button#cancel:hover, .modal-wrap --warning.modal .form-actions button#cancel:focus-visible {
                            background: #333;
                            color: #FFF;
                        }
.modal-wrap --warning.modal .form-actions button.delete {
                        background-color: rgb(var(--alert-error-light));
                    }
.modal-wrap --warning.modal .form-actions button.delete:hover, .modal-wrap --warning.modal .form-actions button.delete:focus-visible {
                            background-color: rgb(var(--alert-error-dark));
                        }
.modal-wrap #timeout-modal {
        min-width: 30vw;
    }
.modal-wrap #timeout-modal h2 {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-md);
            font-size: var(--step-5);
            font-weight: var(--thin-weight);
            position: relative;
            padding-bottom: var(--space-md);
        }
.modal-wrap #timeout-modal h2:after {
                content: '';
                width: 100%;
                height: 2px;
                background: rgb(var(--accentTealDark));
                display: block;
                position: absolute;
                bottom: 0;
            }
.modal-wrap #timeout-modal p {
            font-size: var(--step-1);
        }
.modal-wrap #timeout-modal .timeout-actions {

            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl);
        }
.modal-wrap #timeout-modal .timeout-actions button {
    
                padding: var(--space-md) var(--space-lg);
                font-family: var(--project-sans-serif);
                text-transform: uppercase;
                border-radius: .25em;
            }
.modal-wrap #timeout-modal .timeout-actions button#extend-time {
                    background: rgb(var(--accent-teal-dark));
                    color: rgb(var(--text-white));
                    border: 1px solid transparent;
                }
.modal-wrap #timeout-modal .timeout-actions button#idle-logout {
                    background-color: transparent;
                    border: 1px solid rgb(var(--accent-teal-dark));
                    color: rgb(var(--accent-teal-dark));
                }
.modal-wrap #printReportModal {
        text-align: left;
    }
.modal-wrap #printReportModal form .form-item {
                margin-bottom: 1em;
            }
modal-wrap-contact-info.modal-wrap .modal--content p {
                padding-bottom: 0;
            }
@media (min-width: 1025px) {
.modal-wrap.reduced .modal {
    
                min-width: unset !important;
                max-width: 40vw !important;
        }
            }
.notice {

    text-align: center;
    padding: var(--space-32);
    margin: var(--space-48) auto;
    background-color: rgba(var(--brand-primary), 8%);
}
.notice p {
        font-size: var(--step-0);
        font-weight: var(--regular-weight);
        color: rgb(var(--brand-primary-dark));
        margin-bottom: var(--space-16);
    }
.notice p:before {
            margin-right: var(--space-lg);
        }
--error.notice {
        border: 1px solid rgb(var(--alert-error-dark));
        background-color: #fff2f3;
        color: rgb(var(--alert-error-dark));
        outline: 0;
    }
--error.notice:focus-visible {
            outline: 0;
        }
.panels__overlap {
    position: relative;
    display: grid;
    grid-template-rows: repeat(5, 120px);
    grid-template-columns: var(--space-64) auto var(--space-64);
}
.panels__overlap .panels__overlap-image {
        width: 100%;
        z-index: 0;
        grid-row: 1/6;
        grid-column: 2/4;
    }
.panels__overlap .panels__overlap-image .cover-image {
            width: 100%;
            height: 100%;
        }
.panels__overlap .panels__overlap-image .cover-image img {
                -o-object-fit: cover;
                   object-fit: cover;
            }
.panels__overlap .panels__overlap-content {
        grid-row: 1/6;
        grid-column: 1/3;
        position: absolute;
        background: rgba(var(--brand-primary), 97%);
        background-blend-mode: multiply;
        padding: var(--space-64);
        align-self: center;
    }
.panels__overlap .panels__overlap-content h2 {
            color: rgb(var(--text-white));
            margin-bottom: var(--space-32);
        }
.panels__overlap .panels__overlap-content ul li {
                color: rgb(var(--text-white));
                font-size: var(--step-0);
                font-weight: var(--thin-weight);
                margin-bottom: var(--space-8);
                position: relative;
                padding-bottom: var(--space-8);
            }
.panels__overlap .panels__overlap-content ul li:not(:last-child):after {
                        
                            content: '';
                            height: 1px;
                            width: 100%;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            background-color: rgba(var(--text-white),30%);
                        
                    }
.section-header {
    position: relative;
    color: rgb(var(--text-black));
    text-align: center;
    font-weight: var(--semi-bold-weight);
    padding-bottom: var(--space-0);
    font-size: var(--step-3);
    text-transform: uppercase;
    
}
.section-header.align-left {

        text-align: left;
    }
.section-header.align-left:before {
            left: 0%;
            transform: unset;
        }

                
.section-header-body {
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
}
.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

table {
    font-family: var(--project-sans-serif);
    font-weight: var(--thin-weight);
    background: transparent;
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
    min-width: 640px;
}

table colgroup col.col-date { width: 15%; font-size: var}

table colgroup col.col-description { width: 65%;}

table colgroup col.col-details { width: 20%;}

/* col.col-platform {width: 20%;}
        col.col-ownership {width: 20%} */

table caption {
        font-size: var(--step-1);
        font-weight: var(--regular-weight);
        text-align: left;
        padding: var(--space-lg) var(--space-zero) var(--space-xl) var(--space-zero);
        line-height: 1.5;
        color: rgb(var(--brand-primary-dark));
    }

table .tag.circle {
            background: rgba(var(--colorDark));
        }

table thead {

        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        clip-path: inset(50%) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: var(--space-zero) !important;
        position: absolute !important;
        width: 1px !important;
        white-space: nowrap !important;
    }

@media (min-width: 1025px) {

table thead {
                border: unset !important;
                clip: unset !important;
                clip-path: unset !important;
                height: unset !important;
                margin: unset !important;
                overflow: unset !important;
                padding: unset !important;
                position: unset !important;
                width:unset !important;
                white-space: unset !important;
    }     
            }

@media (min-width: 1025px) {

table thead {
            transform: unset;
            clip: unset;
    }
        }

table thead:after {
            content: '';
            height: var(--space-lg);
            display: block;
            width: 100%;
        }

table thead tr th {
                text-align: left;
                font-weight: var(--regular-weight) !important;
                padding: var(--space-md);                
                position: relative;
                font-size: var(--step-0);
            }

table thead tr th.table-header-hidden {
                    display: none;
                }

table thead tr th:before, table thead tr th:after {
                    font-weight: var(--fa-solid);
                }

table thead tr th.no-sort:before, table thead tr th.no-sort:after {
                        display: none !important;
                    }

table thead tr th.no-padding {
                    padding-left: .25em !important;
                    padding-right: .25em !important;
                }

table tbody tr.disabled {
                background-color: #fbfbfb !important;
            }

table tbody tr.disabled > * {
                    color: #acacac !important;   
                }

table tbody tr.disabled > * i:after, table tbody tr.disabled > * i:before {
                            color: #acacac !important;
                        }

table tbody tr.stripe {

                    background-color: rgba(var(--brand-primary-light),.15);

            
               
            }

table tbody tr.hide {
                display: none;
            }

table tbody tr th span {
                    font-size: var(--step-0);
                    font-weight: var(--semi-bold-weight);
                    color: rgb(var(--brand-primary-dark));
                }

table tbody tr th,table tbody tr td {
                text-align: left;
                font-size: var(--step-0);
                padding: var(--space-md);
                font-weight: var(--light-weight);
            }

table tbody tr th.table-cell-hidden, table tbody tr td.table-cell-hidden {
                    display: none !important;
                }

table tbody tr th div, table tbody tr td div {
                    position: relative;
                    padding-bottom: var(--space-md);
                    margin-bottom: var(--space-md);
                    font-size: var(--step--1);
                }

table tbody tr th div:after, table tbody tr td div:after {
                        background: rgba(var(--text-black), 25%);                        
                        content: '';
                        position: absolute;
                        left: 0;
                        height: 1px;
                        width: 100%;
                        bottom: 0;
                    }

table tbody tr th a, table tbody tr td a {

                    display: inline;
                    text-decoration: none;
                    border-bottom: 1px solid rgb(var(--link-color));
                    color: rgb(var(--link-color));
                    
                }

table tbody tr th a:hover, table tbody tr td a:hover, table tbody tr th a:focus-visible, table tbody tr td a:focus-visible {
                        border-bottom: 1px solid rgb(var(--brand-primary-dark));
                    }

table tbody tr th h3, table tbody tr td h3 {
                    font-size: var(--step--1);
                    margin: var(--space-0);
                    margin-bottom: var(--space-xs);
                    text-transform:uppercase;
                    font-weight: var(--semi-bold-weight);
                }

table tbody tr th h3.underline, table tbody tr td h3.underline {
                        border-bottom: 2px solid rgb(var(--brand-primary-dark));
                        padding-bottom: var(--space-xs);
                        display: inline-block;

                    }

table tbody tr th h3.reduced, table tbody tr td h3.reduced {
                        color: rgb(var(--brand-primary-dark));
                        font-weight: var(--bold-weight);
                        font-size: var(--step--2);
                    }

table tbody tr th p, table tbody tr td p {
                    margin-top: var(--space-zero);
                    font-size: var(--step--1);
                }

table tbody tr th ul li, table tbody tr td ul li {
                        font-size: var(--step--1);
                        margin-bottom: var(--space-sm);
                    }

table tbody tr th ul li strong, table tbody tr td ul li strong {
                            font-weight: var(--semi-bold-weight);
                        }

table tbody tr th ul li a, table tbody tr td ul li a {
                            display: inline;
                            text-decoration: none;
                            border-bottom: 1px dotted rgb(var(--link-color));
                            color: rgb(var(--link-color));
                        }

table tbody tr th ul li a:hover, table tbody tr td ul li a:hover, table tbody tr th ul li a:focus-visible, table tbody tr td ul li a:focus-visible {
                                border-bottom: 1px solid rgb(var(--brand-primary-dark));
                            }

table tbody tr th ul.sub-list, table tbody tr td ul.sub-list {
                        padding-left: var(--space-lg);
                    }

table tbody tr th ul.sub-list li, table tbody tr td ul.sub-list li {
                            margin: var(--space-zero);
                            font-size: var(--step-0);
                        }

table tbody tr th ul.sub-list li a, table tbody tr td ul.sub-list li a {
                                display: inline;
                                text-decoration: none;
                                border-bottom: 1px dotted rgb(var(--link-color));
                                color: rgb(var(--link-color));
                                font-size: var(--step-0);
                                
                            }

table tbody tr th ul.sub-list li a:hover, table tbody tr td ul.sub-list li a:hover, table tbody tr th ul.sub-list li a:focus-visible, table tbody tr td ul.sub-list li a:focus-visible {
                                    border-bottom: 1px solid rgb(var(--brand-primary-dark));
                                }

table tbody tr th ul.sub-list li a.link--offsite, table tbody tr td ul.sub-list li a.link--offsite {
                                    border-bottom: 0;
                                }

table tbody tr th ul.sub-list li ul.tag-list, table tbody tr td ul.sub-list li ul.tag-list {
                                display: inline;
                                padding-left: var(--space-md);
                            }

table tbody tr th ul.sub-list li ul.tag-list li, table tbody tr td ul.sub-list li ul.tag-list li {
                                    display: inline;
                                }

table tbody tr th {
                font-size: var(--step-1);
                color: rgb(var(--text-black));
                position: relative;
                border-bottom: 1px solid rgba(var(--brand-primary-dark), .1);
                vertical-align: top;
            }

@media (min-width: 1025px) {

table tbody tr th {
                    text-align: left;
                    font-size: var(--step-0);
                    padding-left: var(--space-md);
            }
                }

table tbody tr th.category {
                    background-color: rgb(226, 226, 226);
                    text-align: center;
                    font-size: var(--step-0);
                }

table tbody tr td {
                border-bottom: 1px solid rgba(var(--brand-primary-dark), .1);
                text-align: right;
                vertical-align: top;
            }

@media (max-width: 599px) {

table tbody tr td {
                    align-items: flex-start;
                    display: flex;
                    flex-direction: column;
                    text-align: left;
            }

                }

@media (min-width: 1025px) {

table tbody tr td {
                    text-align: left;
                    display: table-cell;
            }

                }

table tbody tr td:before {
                    content: attr(data-title);
                    color: rgb(var(--text-black));
                    display: inline-block;
                    font-size: var(--step-0);
                    font-family: var(--project-sans-serif);
                    padding-bottom: var(--space-md);
                    position: relative;
                    font-weight: var(--regular-weight);
                }

@media (min-width: 1025px) {

table tbody tr td:before {
                        display: none;
                }
                    }

table tbody tr td i {
                    font-size: var(--step-0);
                }

table tbody tr td.table-actions {
                    justify-content: center;

                
                }

table tbody tr td p {
                    max-width: 75%;
                    padding-right: var(--space-lg);
                    font-size: var(--step-0);
                }

@media (min-width: 1025px) {

table tbody tr td p {
                        max-width: unset;
                        padding-right: initial;
                }
                    }

table.edit-table thead {
            font-size: var(--step-0);
            font-weight: var(--regular-weight);
        }

table.edit-table thead tr th {

                    border-bottom: 1px solid rgb(var(--brand-primary-dark));
                }

table.edit-table tbody tr td {

                    font-size: var(--step-0);
                    line-height: 1.5;
                    vertical-align: top;
                    padding: var(--space-md) var(--space-zero);
                    margin: var(--space-zero) var(--space-md);
                    
                }

@media (max-width: 599px) {

table.edit-table tbody tr td[data-title="Employer"] {
                            flex-direction: column;
                            align-items: flex-start;
                    }
                        }

table.edit-table tbody tr td p {
                        margin: var(--space-zero);
                    }

table.edit-table tbody tr td .sub-list {
                            padding-left: var(--space-zero);
                      
                    }

@media (max-width: 599px) {

table.edit-table tbody tr td .sub-list {
                                text-align: left;
                                border-bottom: none;
                      
                    }

                                table.edit-table tbody tr td .sub-list li {
                                }
                            }

table.edit-table tbody tr td .action {
                        background-color: transparent;
                        border: none;
                        cursor: pointer;
                        padding: var(--space-zero) var(--space-xxs);
                        min-height: var(--space-xl);
                    }

table.edit-table tbody tr td .action i {

                            font-size: var(--step-4);
                        }

@media (min-width: 1025px) {

table.edit-table tbody tr td .action i {

                                font-size: var(--step-1);
                        }
                            }

table.edit-table tbody tr td .action.edit i {

                                color: rgb(var(--brand-primary));
                            }

table.edit-table tbody tr td .action.remove i {

                                color: rgb(var(--alert-error-dark));
                            }

table.edit-table tbody tr td .action.add i {
                                color: rgb(var(--alert-hint-dark));;
                            }

table.edit-table tbody tr td .action:hover {
                            transform: scale(1.15);
                        }

table.edit-table tbody tr td .action:hover i {
                            }

table.edit-table tbody tr td.table-actions {
                        text-align: center;
                    }

@media (max-width: 599px) {

table.edit-table tbody tr td.table-actions {

                            flex-direction: row;
                    }
                        }

@media (max-width: 599px) {

table.edit-table tbody tr th {
                        color: rgb(var(--brand-primary-dark));
                }
                        
                    }

@media (min-width: 1025px) {

table.edit-table tbody tr th {

                        font-size: var(--step-0);
                        line-height: 1.5;
                        vertical-align: top;
                        padding: var(--space-md) var(--space-xl) var(--space-md) 0;
                        min-height: var(--space-xl);
                        margin: var(--space-zero) var(--space-md);
                }

                    }

table.edit-table tbody tr.add-row td, table.edit-table tbody tr.add-row th { 
                        margin-top: var(--space-lg);
                        border-top: 2px solid rgb(var(--brand-primary-dark));
                        border-bottom: 0;
                        padding: var(--space-lg) var(--space-sm);
                    }

table.edit-table tbody tr.add-row td input, table.edit-table tbody tr.add-row th input {
                            border-radius: .1em;
                            border: 1px solid #ccc;
                        }

table.contact-table thead tr th {
                    font-size: var(--step--1);
                    border-bottom: 1px solid #cecece;
                }

.source-info {
    font-size: var(--step-0);
    line-height: 1.5;
}




table.zebra tbody tr td, table.zebra tbody tr th {
                    padding: svar(--space-8);
                }




table.zebra tbody tr:nth-child(even) {
                background-color: rgba(var(--brand-primary-light),.15);
            }
.tabpanel {

    position: relative;
}
.tabpanel .category-header {
        margin: var(--space-zero) auto;
        text-align: left;
        position: relative;
        border-bottom: 1px solid rgb(var(--brand-primary-dark));
        margin-bottom: var(--space-lg);
        margin-top: var(--space-md);
    }
@media (max-width: 599px) {
.tabpanel .category-header {
            text-align: center;
            margin-top: var(--space-lg);
            margin-left: var(--space-zero);
    }
        }
.tabpanel .category-header h3 {
            margin-top: var(--space-zero);
        }
.tabpanel .category-header i {
            display: inline-block;
            margin-right: var(--space-md);
            color: rgb(var(--brand-primary-dark));
            font-size: var(--step-1);
        }
.tabpanel h3 {
        font-size: var(--step-3);
        font-weight: var(--thin-weight);
        color: rgb(var(--brand-primary-dark));
        margin-top: var(--space-md);
    }
@media (min-width: 1025px) {
.tabpanel h3 {
            font-size: var(--step-1);
    }

        }
.tabpanel h3.header-small {
            margin-right: var(--space-xl);
            display: block;
            font-size: var(--step-0);
            color: rgba(var(--text-black), .75);
        }
.tabpanel [role='tablist'] {
            padding: var(--space-zero);
            position: relative;
            z-index: 2;
            position: relative;
            
    
        }
@media (max-width: 599px) {
.tabpanel [role='tablist'] {
                text-align: center;
            
    
        }
                

                .tabpanel [role='tablist'] .tab-list {
                    display: none
                }

                    .tabpanel [role='tablist'] .mobile-select label {
                        display: block;
                        padding-bottom: var(--space-lg);
                        font-size: var(--step--1);
                        text-transform: uppercase;
                    }

                    .tabpanel [role='tablist'] .mobile-select .tab-select {
                        border: 1px solid rgb(var(--brand-primary-dark, 0,0,0));
                        position: relative;
                        box-sizing: border-box;
                        border-radius: .25em;
                    

                    }
                        
                        .tabpanel [role='tablist'] .mobile-select .tab-select select {
                            -webkit-appearance: none;
                               -moz-appearance: none;
                                    appearance: none;
                            background: transparent;
                            padding: var(--space-md) var(--space-lg);
                            min-height: 45px;
                            margin: var(--space-zero);
                            width: 100%;
                            max-width: 20em;
                            border: none;
                            z-index: 1;
                            position: relative;
                        }


                        .tabpanel [role='tablist'] .mobile-select .tab-select:before {
                            content: '';
                            background: rgb(var(--brand-primary-dark, 0,0,0));
                            height: 100%;
                            width: 45px;
                            position: absolute;
                            right: 0;
                            top: 0;
                            z-index: 0;
                        }
                        .tabpanel [role='tablist'] .mobile-select .tab-select:after {
                            content: '\f0d7';
                            display: inline-block;
                            color: #fff;
                            font-family: var(--font-awesome);
                            position: absolute;
                            width: 45px;
                            right: 0;
                            top: 50%;
                            font-weight: 900;
                            font-size: var(--step-1);
                            transform: translate(0%, -50%);
                        }

                .tabpanel [role='tablist'] .instructions {
                    display: none;
                }
            
            }
@media (min-width: 1025px) {
.tabpanel [role='tablist'] {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                position: relative;
            
    
        }
                
                .tabpanel [role='tablist']:after {
                    height: 100%;
                    width: 1px;
                    background-color: rgb(225, 225, 225);
                    content: '';
                    position: absolute;
                    right: 1.5em;
                    top: 0;
                }
                .tabpanel [role='tablist'] .mobile-select {
                    display: none;
                }

                
                .tabpanel .tabs[role='tablist'] {
                    margin-bottom: var(--space-xl);
                }
                    .tabpanel .tabs[role='tablist']:after {
                        display: none;
                    }
                    .tabpanel .tabs[role='tablist'] ul {
                        margin: var(--space-zero);
                        display: flex;
                        flex-direction: row;
                        
                    }

                    
                    .tabpanel --tab.tabs[role='tablist'] {
                        align-items: center;
                        justify-content: flex-start;

                    }

                        
                        .tabpanel --tab.tabs[role='tablist'] [role="tab"] {
                            margin: var(--space-zero);
                            font-size: var(--step-0);
                            font-weight: var(--thin-weight);
                            padding: var(--space-lg) var(--space-lg);
                            box-sizing: border-box;
                            
                            color: rgba(var(--brand-primary-dark), 1);
                            border-bottom: 0px solid transparent;
                            background: rgb(var(--brand-primary-light),.1);
                            line-height: 1;
                        }

            }
@media (min-width: 1025px) and (min-width: 1025px) {

                        
                        .tabpanel --tab.tabs[role='tablist'] [role="tab"] {
                        }

                            }
@media (min-width: 1025px) {
                            .tabpanel --tab.tabs[role='tablist'] [role="tab"]:not(:first-child) {
                                margin-left: var(--space-md);
                            }
                            .tabpanel --tab.tabs[role='tablist'] [role="tab"]:after {
                                display: none;
                            }

                            .tabpanel --tab.tabs[role='tablist'] [role="tab"] i {
                                padding-right: var(--space-md);
                                font-size: var(--step-1);
                            }

                            .tabpanel --tab.tabs[role='tablist'] .active[role="tab"] {

                                background-color: rgba(var(--brand-primary-dark), 1);
                               
                                font-weight: var(--regular-weight);
                                color: rgb(var(--text-white));
                            }
                                .tabpanel --tab.tabs[role='tablist'] .active[role="tab"]:after {
                                   display: none;

                                }

                            
                            .tabpanel --tab.tabs[role='tablist'] [role="tab"]:hover:not(.active) {
                                border-bottom: 0;
                                background-color: rgba(var(--brand-primary), .1);
                                color: rgba(var(--brand-primary-dark), 1);

                            }
                        
                        .tabpanel --small.tabs[role='tablist'] [role="tab"] {

                            font-size: var(--step--1);
                            font-weight: var(--thin-weight);
                            display: inline-block;
                            padding: var(--space-sm) var(--space-md);
                            border: 1px solid rgb(var(--brand-primary-dark));
                            color: rgb(var(--brand-primary-dark));
                            border-radius: .25em;
                        }

                            .tabpanel --small.tabs[role='tablist'] [role="tab"]:after {
                                display: none;
                            }

                            .tabpanel --small.tabs[role='tablist'] .active[role="tab"] {
                                background-color: rgb(var(--brand-primary-dark));
                                color: rgb(var(--text-white));
                                font-weight: var(--regular-weight);
                            }

                    .tabpanel --centered.tabs[role='tablist'] {
                            
                            justify-content: center;
                    }

                            .tabpanel --centered.tabs[role='tablist'] [role="tab"] {

                                
                            }

                        .tabpanel .category-list[role='tablist'] .instructions p {
    
                            padding-right: var(--space-lg);
                            padding-bottom: var(--space-lg);
                            font-size: var(--step--1);
                        }

                   
                   
                    .tabpanel .category-list[role='tablist'] ul {
                        position: relative;
                        box-sizing: border-box;
                        display: initial;
                       
                    }

            }
@media (min-width: 1025px) and (min-width: 1025px) {

                   
                   
                    .tabpanel .category-list[role='tablist'] ul {
                            height: 800px;
                            display: block;
                            overflow-y: scroll;
                            padding-right: var(--space-sm);
                       
                    }
                            .tabpanel .category-list[role='tablist'] ul::-webkit-scrollbar {
                                width: 10px;
                                margin-left: 1em;
                            }
                            

                            .tabpanel .category-list[role='tablist'] ul::-webkit-scrollbar-track {
                                box-shadow: inset 0 0 5px #cecece;
                                border-radius: 5px;
                            }
                            
                            .tabpanel .category-list[role='tablist'] ul::-webkit-scrollbar-thumb {
                                background: rgb(var(--brand-primary-light));
                                border-radius: 5px;
                                height: 10px;
                                width: 10px;
                            }

                        }
@media (min-width: 1025px) {

                        .tabpanel .category-list[role='tablist'] ul li {
                            line-height: 2;                           
                            border: 0;
                            font-size: var(--step--1);
                            padding: var(--space-zero);
                            display: flex;
                            flex-direction: row;
                            align-items: flex-start;
                            line-height: 1.5;
                            margin: var(--space-zero);
                            margin-bottom: var(--space-sm);
                            background-color: rgba(var(--colorLight), .25);
                            padding: var(--space-md);
                            padding-left: var(--space-sm);
                            
                           
                        }

                            .tabpanel .category-list[role='tablist'] ul li i {
                                margin-right: var(--space-sm);
                                line-height: 1.5;
                                color: rgba(var(--brand-primary-dark), 1);
                                min-width: 30px;
                                text-align: center;
                            }

                                .tabpanel .category-list[role='tablist'] ul li.active i {
                                    color: rgb(var(--text-white));

                                }
                            .tabpanel .category-list[role='tablist'] ul.no-icons li {
                                padding-left: var(--space-lg);
                                line-height: 1.8;
                                padding-top: var(--space-sm);
                                padding-bottom: var(--space-sm);
                            }
                                .tabpanel .category-list[role='tablist'] ul.no-icons li span {
                                    line-height: 1.8;
                                    max-width: 95%;

                                }

            }
@media (max-width: 599px) {
.tabpanel [role='tablist'] ul {
                    display: flex;
                    flex-direction: row;
                    border-bottom: 2px solid rgb(var(--brand-primary-dark));
            }
                }
.tabpanel [role='tablist'] ul [role='tab'] {
                    flex: 1 0 auto;
                    font-size: var(--step-2);
                    font-weight: var(--regular-weight);
                    color: hsla(var(--text-black), .55);
                    cursor: pointer;
                    padding: var(--space-md) var(--space-lg);
                    background-color: rgba(var(--brand-primary-light), .1);
                    
                    position: relative;
                    color: rgb(var(--brand-primary-dark));
                    margin: var(--space-sm) var(--space-sm) var(--space-zero) var(--space-sm);
                    display: inline-block;
    
                    
                }
@media (max-width: 599px) {
.tabpanel [role='tablist'] ul [role='tab'] {
                        font-size: var(--step-1);
                        flex: 1 1 auto;
    
                    
                }
                      
                    }
.tabpanel [role='tablist'] ul .active[role='tab'] {
                        position: relative;
                        background: rgb(var(--brand-primary-dark));
                        color: #FFF;
                        
                    }
@media (max-width: 599px) {
.tabpanel [role='tablist'] ul .active[role='tab'] {
                            right: unset;
                            text-align: center;
                        
                    }
                           
                        }
@media (min-width: 1025px) {
.tabpanel [role='tablist'] ul .active[role='tab'] {
                            font-weight: var(--semiBold-weight);
                        
                    }
    
                            .tabpanel [role='tablist'] ul .active[role='tab']:after {
                                display: inline-block;
                                position: relative;
                                content: '\f0da';
                                font-family: var(--font-awesome);
                                font-weight: 900;
                                padding-left: var(--space-md);
                            }
                        }
.tabpanel [role='tablist'] ul [role='tab']:hover:not(.active) {
    
                        color: rgba(var(--brand-primary-dark), 1);
                        background-color: rgba(var(--brand-primary), .1);
                        
                    }
.tabpanel [role='tablist'] ul [role='tab']:hover:not(.active):after {
                            display: block;
                            position: absolute;
                            content: '';
                            width: 100%;
                            height: 2px;
                            background: hsla(var(--text-black), .75);
                            bottom: -2px;
                            left: 50%;
                            transform: translateX(-50%);
                        }
.tabpanel .tabgroup {
            box-sizing: border-box;
        }
.tabpanel .tabgroup [role='tabpanel'], .tabpanel .tabgroup .tabpanel--panel {
                display: none;
                position: relative;
            }
.tabpanel .tabgroup .active[role='tabpanel'], .tabpanel .tabgroup .tabpanel--panel.active {
                    display: block;
                }
.tabpanel .tabgroup [role='tabpanel'] h4, .tabpanel .tabgroup .tabpanel--panel h4 {
                    margin-left: var(--space-lg);
                    font-weight: var(--thin-weight);
                    color: rgb(var(--brand-primary-dark));
                    font-size: var(--step-0);
                }
.tabpanel .tabgroup [role='tabpanel'] h4 i, .tabpanel .tabgroup .tabpanel--panel h4 i {
                        margin-right: var(--space-lg);
                    }
.tabpanel .tabgroup [role='tabpanel'] .sub-list, .tabpanel .tabgroup .tabpanel--panel .sub-list {
                    margin-top: var(--space-zero);
                }
.tabpanel .tabgroup [role='tabpanel'] .sub-list.reduced li, .tabpanel .tabgroup .tabpanel--panel .sub-list.reduced li {
                            font-size: var(-step--1);
                        }
@media (min-width: 1025px) {
.tabpanel .tabgroup [role='tabpanel'] .sub-list, .tabpanel .tabgroup .tabpanel--panel .sub-list {
                        -moz-columns: 2;
                             columns: 2;
                }
                    }
@media (min-width: 1025px) {
.tabpanel .tabgroup [role='tabpanel'] .sub-list.one-col, .tabpanel .tabgroup .tabpanel--panel .sub-list.one-col {
                            -moz-columns: 1;
                                 columns: 1;
                    }
                        }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li, .tabpanel .tabgroup .tabpanel--panel .sub-list > li {

                        margin: var(--space-zero) var(--space-lg);
                        line-height: 2.5;
                        position: relative;
                        align-items: flex-start;
                        justify-content: space-between;
                        display: flex;
                        justify-content: space-between;
                        padding: var(--space-md) var(--space-zero);

                        
                        
                    }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li:after, .tabpanel .tabgroup .tabpanel--panel .sub-list > li:after {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            content: '';
                            width: 100%;
                            height: 1px;
                            background-color: rgb(227, 227, 227);
                        }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li h5, .tabpanel .tabgroup .tabpanel--panel .sub-list > li h5 {

                            font-size: var(--step--1);
                            display: inline-block;
                            margin: var(--space-zero);
                            max-width: 75%;
                            line-height: 1.5;
                        }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li h5 a, .tabpanel .tabgroup .tabpanel--panel .sub-list > li h5 a {
                                font-weight: var(--regular-weight);
                                color: rgb(var(--link-color));
                            }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li ul, .tabpanel .tabgroup .tabpanel--panel .sub-list > li ul {
                            display: flex;
                            padding-left: var(--space-sm);
                        }
.tabpanel .tabgroup [role='tabpanel'] .sub-list > li ul li, .tabpanel .tabgroup .tabpanel--panel .sub-list > li ul li {
                                line-height: 1.5;
                                margin: var(--space-zero) var(--space-sm);

                            }
--scroll.tabpanel [role='tablist'] {
               
            }
.tabpanel__tabs-above {
    overflow: hidden;

}
.tabpanel__tabs-above [role="tablist"] {
        padding-bottom: var(--space-32);
    }
.tabpanel__tabs-above [role="tablist"] .tab-list {
            display: flex;
            flex-direction: row;
            list-style: none;
            padding-left: var(--space-0);
            justify-content: center;
            margin: var(--space-0);
            margin-bottom: var(--space-8);
        }
.tabpanel__tabs-above [role="tablist"] .tab-list [role="tab"] {
                color: rgba(var(--text-black), 75%);    
                cursor: pointer;
                padding: var(--space-16) var(--space-32);
                text-align: center;
                position: relative;
                box-sizing: border-box;
                margin-top: var(--space-8);
                font-weight: var(--regular-weight);
            }
.tabpanel__tabs-above [role="tablist"] .tab-list [role="tab"]:before {
                    content: '';
                    height: 1px;
                    background-color: rgb(var(--text-black), 50%);
                    width: 100%;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }
.tabpanel__tabs-above [role="tablist"] .tab-list [role="tab"]:hover:not([aria-selected="true"]) {
                        color: rgb(var(--text-black));
                    }
.tabpanel__tabs-above [role="tablist"] .tab-list [role="tab"][aria-selected="true"] {
                    color: rgb(var(--brand-primary-dark));
                }
.tabpanel__tabs-above [role="tablist"] .tab-list [role="tab"][aria-selected="true"]:after {
                        content: '';
                        height: 3px;
                        background-color: rgb(var(--brand-primary-dark));
                        width: 100%;
                        position: absolute;
                        bottom: -1px;
                        left: 0;
                    }
.tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills {
                gap: 16px;
            }
.tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills [role="tab"] {

                    border-radius: 2em;
                    border: 1px solid rgb(var(--text-black));
                    text-transform: uppercase;
                    font-size: var(--step--1);
                }
.tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills [role="tab"]:before {
                        content: unset;
                    }
.tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills [role="tab"][aria-selected="true"] {
                        background: rgb(var(--brand-primary));
                        color: rgb(var(--text-white));
                        border-color: rgb(var(--brand-primary));
                    }
.tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills [role="tab"][aria-selected="true"]:before, .tabpanel__tabs-above [role="tablist"] .tab-list.tab-list--pills [role="tab"][aria-selected="true"]:after {
                            content: unset;
                        }
.tabpanel__tabs-above .tabgroup [role="tabpanel"] {
            display: none;
        }
.tabpanel__tabs-above .tabgroup [role="tabpanel"] .tab-content {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
                height: 100%;
                padding-left: var(--space-32);
            }
.tabpanel__tabs-above .tabgroup [role="tabpanel"] .tab-content h3 {
                    font-size: var(--step-1);
                    color: rgb(var(--text-black));
                    position: relative;
                    margin-bottom: var(--space-16);
                    padding-bottom: var(--space-32);
                    /* text-align: center; */
                }
.tabpanel__tabs-above .tabgroup [role="tabpanel"] .tab-content h3:after {
                        background-color: rgb(var(--brand-primary-dark));
                        height: 3px;
                        width: 15%;
                        position: absolute;
                        left: 0%;
                        bottom: 0px;
                        content: '';
                        transform: translate(0%, 0%);
                    }
.tabpanel__tabs-above .tabgroup [role="tabpanel"] .tab-content ul {
                    max-width: 75%;
                    
                    
                }
.tabpanel__tabs-above .tabgroup .active[role="tabpanel"] {
                display: block;
            }
.layout--grid.layout--grid--twocol--50-50 .layout__container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
            gap: var(--space-lg);
        }
.layout--grid.layout--grid--twocol--50-50 .layout__container .layout__region {
                position: relative;
            }
.flex-card {

    display: flex;
    flex-direction: column;
    height: 100%;
}
.flex-card.middle {
        justify-content: center;
    }
/* .tag-list {
    list-style: none;
    margin: var(--space-zero);
    padding: var(--space-zero);

    li {
        
        display: inline-block;
        margin: var(--space-zero);
        line-height: var(--space-zero);
        margin: var(--space-sm) var(--space-zero);
        @media print {
            display: block;
        }

        input[type='checkbox'] {
            appearance: none;
            background: none;
            z-index: 2;
            opacity: .00001;
            content: ' ';
            position: absolute;
            border: 1px solid;
            height: 1.125em;
            width: 1.125em;
            top: .825em;
            left: -.125em;
        }

        input[type='checkbox']:checked + label {
            background: rgb(var(--brand-primary-dark));
            color: rgb(var(--text-white));
        }


        .tag {
            font-family: var(--project-sans-serif);
            font-weight: var(--regular-weight);
            font-size: var(--step--2);
            background: #F3f3f3;
            padding: var(--space-md);
            line-height: 2;
            margin: var(--space-md) var(--space-zero);
            border-radius: 4px;
            border: 1px solid #c3c3c3;
            @media print {
                font-size: var(--step-0);
            }
            
            &.highlighted {

                background: rgba(var(--brand-primary), .15);
                color: rgb(var(--brand-primary-dark));
                
                &:before {
                    content: '\f00c';
                    display: inline-block;
                    font-family: var(--font-awesome);
                    padding-right: .25em;
                }
            }

            &.outline {
                background: transparent;
                border: 1px solid rgb(190, 190, 190);
            }

            &.saved {

                background: rgba(var(--alert-hint-light), .15);
                color: rgba(var(--alert-hint-dark), 1);

                &:after {
                    content: '\f004';
                    font-family: var(--font-awesome);
                    display: inline;
                    margin-left: var(--space-md);
                }
            }

            &.heart {
                &:after {
                    content: '\f004';
                }
            }

            &.circle {
                display: inline-block;
                border-radius: 100%;
                width: 20px;
                height: 20px;
                padding: var(--space-sm);
                background: rgba(var(--brand-primary-dark), 1);
                color: rgb(var(--text-white));
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: var(--regular-weight);
                
            }
        }

        .tooltip {
            width: 300px;
            align-items: flex-start;
            p {

                font-size: var(--step--2);
            }
        }
    }

    &.outline {
        display: flex;
        flex-direction: row;
        justify-content: center;

        li {
            padding: var(--space-md);
            border: 1px solid rgb(var(--brand-primary-dark));
            display: inline-block;
            text-align: center;
            margin: var(--space-zero) var(--space-lg);
            border-radius: var(--space-sm);
            box-sizing: border-box;
            span {
                font-family: var(--project-sans-serif);
                display: block;
                padding: var(--space-sm);

                &.range {
                    color: rgb(var(--brand-primary-dark));
                    font-size: var(--step-1);
                    font-weight: var(--regular-weight);
                }

                &.range-description {
                    font-size: var(--step--1);
                    text-transform: uppercase;
                }
            }
        }
    }
}



span.tag {
    font-family: var(--project-sans-serif);
    font-weight: var(--thin-weight);
    font-size: var(--step--2);
    background: #F3f3f3;
    padding: var(--space-sm) var(--space-lg);
    border-radius: 4px;
    
    &.highlighted {

        background: rgba(var(--alert-hint-light), .5);
        color: rgb(var(--alert-hint-dark));
        
        &:before {
            content: '\f00c';
            display: inline-block;
            font-family: var(--font-awesome);
            height: 20px;
            width: 20px;
        }
    }

    &.saved {
        background: rgba(var(--alert-hint-light), .5);
        color: rgb(var(--alert-hint-dark));
    }

    &.heart {
        &:after {
            font-family: var(--font-awesome);
            content: '\f004';
        }
    }

    &.suggested {
        background: transparent;
        &:after {
            font-size: var(--step-1);
            font-family: var(--font-awesome);
            content: '\f00c';
            color: rgb(var(--brand-primary-dark));
            font-weight: var(--bold-weight);
        }
    }

    &.circle {
        display: block;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        padding: var(--space-sm);
        background: rgba(var(--brand-primary-dark), 1);
                color: rgb(var(--text-white));
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: var(--regular-weight);
        text-align: center;
        
    }

    &.checked {
        text-align: center;
        background-color: transparent;
        font-weight: 900;
        color: rgb(var(--brand-primary-dark));
        display: block;
        &:before {
            padding: var(--space-zero);
            content: '\f00c';
            font-family: var(--font-awesome);
            font-size: var(--step-0);
        }
    }
} */


.taglist.taglist--pills {
        display: flex;
        flex-direction: row;
        gap: var(--space-8);
        margin: 0;
        padding: 0;
    }


.taglist.taglist--pills .tag {
            font-size: var(--step--2);
            font-weight: var(--regular-weight);
            word-break:keep-all;
            display: inline-block;
            height: 100%;
            background-color: red;
            display: flex;
            flex-direction: row;
            align-items: center;
            background: rgb(var(--light-gray-bg));
            padding: var(--space-8) var(--space-16);
            border-radius: 99em;
            margin-bottom: 0;
        }


.taglist.taglist--text .tag {
            font-weight: var(--light-weight);
            color: rgb(var(--text-black));
        }

.panel--overlap[role="tabpanel"] {
        width: 100%;
        grid-template-columns: repeat(5, 20%);
        grid-template-rows: repeat(15%, 35%, 35%, 15%);
        overflow-y: visible;
        padding-bottom: var(--space-64);
    }

.panel--overlap.active[role="tabpanel"] {
            display: grid !important;
        }

.panel--overlap[role="tabpanel"] .panel-image {
            aspect-ratio: 16/9;
            border-radius: 2em;
            overflow: hidden;
            grid-column: 1/5;
            margin-right: var(--space-64);
            grid-row: 2/4;
        }

.panel--overlap[role="tabpanel"] .panel-image img {
                width: 100%;
                height: auto;
                -o-object-fit: cover;
                   object-fit: cover;
            }

.panel--overlap[role="tabpanel"] .panel-header {
            grid-row: 1;
            grid-column: 2/5;
            text-align: center;

            margin-bottom: var(--space-32);
        }

.panel--overlap[role="tabpanel"] .panel-header h2 {
                font-size: var(--step-3);
                font-weight: var(--semi-bold-weight);
    
            }

.panel--overlap[role="tabpanel"] .panel-content {
            background: #FFF;
            /* border: 1px solid #767676; */
            box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
            border-radius: 2em;
            padding: var(--space-32) var(--space-64);
            /* transform: translateY(50px); */
            grid-row-start: 3;
            grid-column: 4/6;
            /* height: 100%; */
            box-sizing: border-box;
            transform: translate(-32px, 32px);
        }

.panel--overlap[role="tabpanel"] .panel-content h3 {
                font-weight: var(--semi-bold-weight);
                color: rgb(var(--brand-primary-dark));
                font-family: var(--project-sans-serif);
                text-transform: uppercase;
            }
.lined-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    
    margin: var(--space-zero);
    margin-top: var(--space-lg);
}
.lined-list li {
        font-size: var(--step-0);
        line-height: 1.5;
        margin: var(--space-zero);
        position: relative;
        padding-bottom: var(--space-16);
        margin-bottom: var(--space-8);
        display: block;
        width: 100%;
    }
.lined-list li:not(:last-of-type):after {
                content: '';
                height: 1px;
                background-color: rgb(var(--brand-primary-light));
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
            }
.tile {
    border: 1px solid rgb(242, 242, 242);
    border-radius: .25em;
    box-shadow: 0 0px 3px 2px rgba(0, 0, 0, 0.05);
    padding: var(--space-16) var(--space-32);
    margin-bottom: var(--space-32);
}
.tile.tile--grid-reveal {
        display: grid;
        grid-template-rows: auto 0fr;
        transition: grid-template-rows 0.35s ease;
    }
.tile.tile--grid-reveal.reveal {
            grid-template-rows: auto 1fr;
        }
.tile-lockup {
    display: grid;
    /* gap: var(--space-32); */
    border: 1px solid rgb(242, 242, 242);
    border-radius: 2em;
    overflow: hidden;
    grid-template-columns: 40% 60%;
}
.tile-lockup .tile-lockup--header {
        background: #2A7B9B;
        background: linear-gradient(45deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 100%);
        /* background: linear-gradient(-45deg, rgb(6, 39, 53) 0%, rgb(10, 19, 104) 100%); */
        /* background: #0e1531; */
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        text-align: left;
        padding: var(--space-32);
        flex: 0 0 33%;
        /* border-top-left-radius: 2em;
        border-bottom-left-radius: 2em; */
        position: relative;
        overflow: hidden;
    }
.tile-lockup .tile-lockup--header h2 {
            color: rgb(var(--text-white));
            text-align: left;
            text-shadow: rgba(30, 61, 93, .15) 1px 2px 10px;

        }
.tile-lockup .tile-lockup--header img {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            opacity: .1;
            mix-blend-mode: hard-light;
        }
.tile-lockup .tile-lockup--content {
        background: #ffffff;
        background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
    }
.tile-lockup .tile-lockup--content .tile {
            /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); */
            /* overflow-x: hidden; */
            padding: var(--space-16) var(--space-32);
            position: relative;
        }
.tile-lockup .tile-lockup--content .tile:not(:last-child) {
                border-bottom: 1px solid lightgray;
            }
.tile-lockup .tile-lockup--content .tile h3 {
                font-weight: var(--semi-bold-weight);
                margin-bottom: var(--space-8);
            }
.tile-lockup .tile-lockup--content .tile p {
                margin: var(--space-0);
                line-height: 1.5;
                margin-bottom: var(--space-16);
            }
/* &:first-child {
                background:rgb(242, 242, 242);
            }
            &:nth-child(2) {
                 background: #2A7B9B;
                background: linear-gradient(45deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 100%);
                color: #FFF;
            }
            &:nth-child(3) {
                background: rgb(128, 255, 183);
            } */
/* .banner--section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-64);

    .banner--content {
    }

    .banner--image {
    
        img {
            
        }
    }
} */

.banner--section {
    border-radius: 2em;
    overflow: hidden;
}

.banner--section .banner--header {
        position: absolute;
        margin: var(--space-32);
        padding: var(--space-32);
        background-color: rgba(255,255,255,.95);
        border-radius: .5em;
        top: 50%;
        transform: translateY(-50%);

        color: #000;
    }

.banner--section .banner--header h2 {
            color: #000 !important;
        }

.banner--section .banner--image img {
            height: 100%;
        }
.image-group--yearbook {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-8);
    
}
.image-group--yearbook .profile-thumbnail {
        width: 200px;
        height: 200px;
    }
.image-group--yearbook .profile-thumbnail img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            height: auto;
            filter: sepia() hue-rotate(150deg);
            border-radius: 1em;
        }
/* &:first-of-type {
            width: 500px;
            height: 250px;
            grid-column: 1/3;
            grid-row: 1;
            overflow: hidden;
        } */
.person-card {
    width: 100%;
}
/* padding-top: var(--space-32); */
.person-card .card__header h3 {
            color: rgb(var(--brand-primary-dark));
            font-size: var(--step-3);
            font-weight: var(--regular-weight);
            margin-top: var(--space-0);
            position: relative;

            padding-bottom: var(--space-16);
            margin-bottom: var(--space-16);
            
           
        }
.person-card .card__header h3:after {
            height: 3px;
            width: 150px;
            content: '';
            background: rgb(var(--brand-primary-dark));
            position: absolute;
            bottom: 0;
            left: 0;
        }
.person-card .person-bio-details {
    
        font-family: var(--project-sans-serif);
        /* margin-bottom: var(--space-32); */

    }
.person-card .person-bio-details span {
            display: block;
            margin-bottom: var(--space-8);
            font-size: var(--step--1);
            font-weight: var(--regular-weight);
            text-transform: capitalize;
        }
.person-card .person-bio-details span.title {
                font-weight: var(--semi-bold-weight);
                font-size: var(--step-0)
            }
.person-card .person-bio-details span:last-of-type {
                margin-bottom: 0;
            }
.person-card .person-bio-details .contact-details {
            margin-top: 16px;
        }
.person-card .card__header {
        
    }

.float-right {
    position: relative;
    float: right;
    margin-left: var(--space-32);
}

.timeline {
    position: relative;
    margin-left: var(--space-0);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--space-32);
    padding-left: 0;
}

.timeline .timeline-item {
        
        position: relative;
        width: 100%;
    }

.timeline .timeline-item:before {
            position: absolute;
            content: '';
            width: 3px;
            background-color: rgb(var(--brand-primary-light));
            height: 100%;
            display: block;
            left: 0;
            min-height: 30px;
        }

.timeline .timeline-item button.timeline-toggle {
            background-color: transparent;
            border: 1px solid transparent;
            font-size: var(--step-1);
            background-color: #FFF;
            border: 3px solid rgb(var(--brand-primary));
            color: rgb(var(--brand-primary));
            width: 50px;
            height: 50px;
            position: absolute;
            cursor: pointer;
            box-shadow: 0px 0px 0px 8px #ffffff;
            border-radius: 99em;
            top: 50%;
            left: 0;
            transform: translate(calc(-50% + 2px), -50%);
        }

.timeline .timeline-item button.timeline-toggle i {
                display: inline-block;
                transition: transform 0.3s ease;
                transform: rotate(0deg);
            }

.timeline .timeline-item button.timeline-toggle:hover, .timeline .timeline-item button.timeline-toggle:focus-visible {
                background-color: rgb(var(--brand-primary-dark));
                border-color: rgb(var(--brand-primary-dark));
                color: rgb(var(--text-white));
            }

.timeline .timeline-item button.timeline-toggle[aria-expanded="true"] i {
                    transform: rotate(45deg);
                    transition: transform 0.3s ease;
                }

.timeline .timeline-item .timeline-tile {
            padding: var(--space-8) var(--space-32) var(--space-32);

            border-radius: .5em;
            box-shadow: rgba(196, 196, 196, 0.15) 0px 0px 3px 3px;
            background-color: transparent;
            border: 1px solid rgba(var(--text-black), 10%);
            width: 100%;
            display: grid;
            grid-template-rows: [date] 40px [header] auto [content] 0fr;
            transition: grid-template-rows 0.35s ease;
            position: relative;
            margin-left: var(--space-128);
            margin: var(--space-32) var(--space-128);
        }

.timeline .timeline-item .timeline-tile.active {
            
                grid-template-rows: [date] 40px [header] auto [content] 1fr;

                
            }

.timeline .timeline-item .timeline-tile .timeline-date {
                grid-row: date;
                position: relative;
                display: inline;
                background-color: rgb(var(--brand-primary-dark));
                color: rgb(var(--text-white));
                font-size: var(--step-0);
                padding: var(--space-8) var(--space-16);
                border-radius: 99em;
                width: 125px;
                display: flex;
                align-items: center;
                justify-content: center;
                transform: translate(-50%, -50%);
                font-family: var(--project-sans-serif);
                font-weight: var(--semi-bold-weight);
            }

.timeline .timeline-item .timeline-tile .timeline-header-content {
                position: relative;
                grid-row: header;
                overflow: hidden;
    
            }

.timeline .timeline-item .timeline-tile .timeline-header-content .timeline-title h3 {
                        margin-top: var(--space-0);
                        font-weight: var(--semi-bold-weight);
                        margin-bottom: var(--space-8);
                    }

.timeline .timeline-item .timeline-tile .timeline-header-content .timeline-title p {
                        font-size: var(--step--1);
                    }

.timeline .timeline-item .timeline-tile .timeline-panel {
                grid-row: content;
                overflow: hidden;
                min-height: 0; /* required, flex children default to min-height: auto and will fight the collapse */
            }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content {
                    display: flex;
                    flex-direction: row;
                    gap: var(--space-64);
        
                }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content .timeline-box {
                        flex: 1 1 0;
                    }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content .timeline-box:first-child {
                            flex: 2 1 0;
                        }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content h4 {
                        font-size: var(--step--1);
                        font-family: var(--project-sans-serif);
                        margin-bottom: var(--space-0);
                        position: relative;
                        padding-bottom: var(--space-8);
                    }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content h4:after {
                            width: 100%;
                            height: 2px;
                            background-color: rgb(var(--brand-primary-dark));
                            content: '';
                            bottom: 0;
                            position: absolute;
                            left: 0;
                        }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content strong {
                        display: block;
                    }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content ul {
                        font-size: var(--step--1);
                        font-family: var(--project-sans-serif);
                    }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content p, .timeline .timeline-item .timeline-tile .timeline-panel .timeline-content span {
                        font-family: var(--project-sans-serif);
                        font-size: var(--step--1);
                    }

.timeline .timeline-item .timeline-tile .timeline-panel .timeline-content p {
                    }
footer {

    margin-top: var(--space-0);
    position: relative;
    --gap: var(--space-64);
    padding-top: var(--space-32);
}
@media (min-width: 1025px) {
footer {
        padding-top: var(--space-0);
}

    }
footer .container {
        background-color: #011828;
        /* border-radius: var(--radius-8); */
    }
@media (max-width: 599px) {
footer .container {
            max-width: 350px;
    }
        }
footer .layout__container {
        justify-content: space-between;
        padding: var(--space-32) var(--space-48);

    }
footer .layout__region--first img {
            /* max-width: 300px; */
        }
@media print {
footer {
        display: none;
}
    }
footer h2 {
        color: rgb(var(--text-white));
        font-size: var(--step-0);
        font-weight: var(--regular-weight);
        text-transform: uppercase;
        margin-bottom: var(--space-16);
        margin-top: var(--space-0);
    }
footer p {
        color: rgb(var(--text-white));
        font-size: var(--step--1);
        line-height: 2;
        
    }
footer p a {
            color: rgb(var(--text-white));
        }
footer nav ul {
            list-style: none;
            padding-left: var(--space-0);
            margin-top: var(--space-0);
        }
footer nav ul li {
                color: rgb(var(--text-white));
                line-height: 1.8;
            }
footer nav ul li a {
                    color: rgb(var(--text-white));
                }
footer nav {
        padding-bottom: var(--space-32);
    }
@media print {
footer nav {
            display: none;
    }
        }
footer nav a {
            margin: var(--space-zero) var(--space-16);
            font-size: var(--step--1);
            text-decoration: none;
        }
footer .subfooter{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: rgb(var(--text-white));
        font-size: var(--step--2);
        padding-bottom: var(--space-64);
        
    }
@media (min-width: 1025px) {
footer .subfooter{
            align-items: center;
            flex-direction: row;
        
    }

        }
@media print {
footer .subfooter{
            display: none;
        
    }
        }
footer .subfooter p {
            font-size: var(--step--1);
            font-family: var(--project-sans-serif);
        }
footer .footer-links {
        list-style: none;
        color: rgb(var(--text-white));
        display: flex;
        gap: var(--space-8);
        flex-wrap: wrap; 
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
@media (min-width: 1025px) {
footer .footer-links {
            
            padding: var(--space-32);
            padding: var(--space-zero);
    }
        }
footer .footer-links li a {
                font-size: var(--step--1);
                color: rgb(var(--text-white));
                text-align: underline;
                font-family: var(--project-sans-serif);

            }
header {
    z-index: var(--layer-1000);
    background: rgb(var(--lightColor));
}
@media (min-width: 600px) {
header {
        /* padding: var(--space-32) var(--space-32); */
}

    }
@media (min-width: 1025px) {
header {
        padding: var(--space-32) var(--space-0) var(--space-0);
        margin-bottom: var(--space-32);
}
    }
header .header-content {

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: var(--space-16);
        
    }
@media (min-width: 1025px) {
header .header-content {
           padding: var(--space-32) var(--space-16);
            z-index: 2;
        
    }
            header .header-content.no-padding {
                padding: 0;
            }
        }
@media print {
header .header-content {
            justify-content: center;
        
    }
        }
header .header-content .branding {
            flex: 0 0 50%;
        
        }
@media (min-width: 600px) {
header .header-content .branding {
            flex: 0 0 20%;
        
        }
            }
@media (min-width: 1025px) {
header .header-content .branding {
            flex: 0 0 15%;
        
        }
        
            }
header .header-content .nav-wrap {
            flex: 0 0 auto;
            justify-content: flex-end;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
        }
header.header-overlay {
    
        left: 0;
        right: 0;
        top: 0;
        background: transparent;
        --text: 255,255,255;
        border-bottom: unset;
        background: rgb(var(--brand-primary-dark));
    }
@media (min-width: 1025px) {
header.header-overlay {
            position: absolute;
            background: transparent;
    }
            
        }
.small-height {
    --hero-height: 400px;
} 
.medium-height {
    --hero-height: 600px;
} 
.large-height {
    --hero-height: 800px;
} 

.grid--hero {
    display: grid;
    grid-template-columns: 10% 1fr 10%;
    grid-template-rows: repeat(2,50%);
    position: relative;
    overflow: hidden;
} 

.grid--hero .hero {
        
        grid-column: 1/4;
        grid-row: 1/4;
        background-color: #FFF;
    } 

.grid--hero --pattern.hero {
            overflow: hidden;
        } 

@media print { 

.grid--hero --pattern.hero {
               display: none;
        }
            } 

.grid--hero --pattern.hero img {
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover
           } 

.grid--hero .hero-title {

        background: rgb(var(--lightBackground));
        grid-row: 1/3;
        grid-column: 2;
        padding-top: var(--space-xxl);
        margin-top: var(--space-xxl);
        position: relative;
        text-align: center;
        
        background-color: #FFF;
        
        margin-bottom: var(--space-md);

        
    } 

@media print { 

.grid--hero .hero-title {
            width: 100%;

        
    }
        } 

.grid--hero .hero-title:after {
            content: '';
            background: rgb(255,255,255);
            background: linear-gradient(0deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);           
            position: absolute;
            width: 100%;
            height: 4em;
            bottom: -11px;
            left: 0;


        } 

@media print { 

.grid--hero .hero-title:after {
                z-index: -2;


        }
            } 

@media print { 

.grid--hero .hero-title {
            box-shadow: unset;
            margin-top: 0;
            background: transparent;

        
    }

        
            .grid--hero .hero-title:after, .grid--hero .hero-title:before {
                display: none;
            }
        } 

.grid--hero .hero-title .hero-image {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        } 

.grid--hero .hero-title .hero-image:before {
                background: rgba(var(--brand-primary-dark), 1);
                position: absolute;
                width: 82px;
                height: 82px;
                content: "";
                border-radius: 99em;
                z-index: 0;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            } 

.grid--hero .hero-title .hero-image img {
                height: 82px;
                width: 82px;
                position: relative;
                z-index: 1;
            } 

.grid--hero .hero-title .hero-icon {

            display: flex;
            align-items: center;
            justify-content: center;
            margin: var(--space-zero) auto;
            padding: var(--space-48);
            --gradientColorOne: var(--brand-primary-dark);
            --gradientColorTwo: var(--brand-primary-dark);
            --opacityLast: .9;

           
            
        } 

.grid--hero .hero-title .hero-icon i {
                font-size: var(--step-4);
                color: #FFF;
            } 

.grid--hero .hero-title .hero-icon i.fa-duotone:after {
                        opacity: .9;
                    } 

.grid--hero .hero-title .hero-description p {
                max-width: 100ch;
                margin: var(--space-zero) auto;
                padding-bottom: var(--space-48);
                
            } 

.grid--hero .hero-title h1 {
            text-align: center;
            font-weight: var(--light-weight);
            padding-bottom: var(--space-48);
            position: relative;
            color: rgb(var(--brand-primary-dark));
        } 

.grid--hero .hero-title h1:after {
                content: '';
                width: 30%;
                height: 2px;
                background: #333;
                display: block;
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
            }

.hero {
    max-height: 600px;
    display: flex;
    align-items: flex-start;
    
}

@media (min-width: 1025px) {

.hero {
        margin-bottom: var(--space-48);
        height: auto;
        max-height: unset;
        min-height: var(--hero-height);
    
}
    }

.hero .hero__wrap {
       
        width: 100%;
        padding: var(--space-zero) calc(var(--space-96) * 2);
        margin-top: var(--space-0);
    }

.hero .hero__wrap svg {
            position: absolute;
            width: 0;
            height: 0;
        }

@media (max-width: 599px) {

.hero .hero__wrap .layout {
                margin-bottom: var(--space-16);
        }
            }

.hero .hero__wrap .layout__container {
            flex-direction: column-reverse;
        }

@media (min-width: 1025px) {

.hero .hero__wrap .layout__container {
                flex-direction: row;
        }
            }

.hero .hero__wrap .hero-text {
            max-width: 1400px;
            text-align: center;
            margin-bottom: var(--space-48);
        }

@media (min-width: 1025px) {

.hero .hero__wrap .hero-text {
                margin-bottom: var(--space-0);
                text-align: left;
        }
            }

.hero .hero__wrap .hero-text h2 {
                font-size: var(--step-4);
                font-weight: var(--semi-bold-weight);
                line-height: 1.2;
                color: rgb(var(--text-white));
            }

@media (min-width: 1025px) {

.hero .hero__wrap .hero-text h2 {
                    font-size: var(--step-5);
                    margin-bottom: var(--space-64);
            }

                }

.hero .hero__wrap .hero-text .link-button-cta {
                font-size: var(--step-1);
                font-weight: var(--regular-weight);
                color: rgb(255,255,255);
            }

.hero .hero__wrap .hero-text p {
                font-size: var(--step-0);
                color: rgb(255,255,255);
                margin-bottom: var(--space-64);
            }

.hero .hero__wrap .hero-media .cover-image {
                width: 100%;
                max-width: 600px;
                overflow: hidden;
                aspect-ratio: 4/3;
            }

.hero .hero__wrap .hero-media img {
                
                width: auto;
                height: 100%;
            }

@media (min-width: 1025px) {

.hero .hero__wrap .hero-media img {
                    border-radius: 8px;
            }
                }

.hero .hero__wrap .hero-media img.otr {
                    position: absolute;
                    top: 20%;
                    right: 0%;
                    transform: translate(20%, -50%);
                }

.hero .hero__wrap .hero-media img.obl {
                    position: absolute;
                    bottom: 10%;
                    left: 0;
                    transform: translateX(-25%);
                }

.hero__basic-page {

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space-32);
    margin-top: var(--space-0);
    height: auto;
    
}

.hero__basic-page .hero__text {
        text-align: flex-start;
        margin-bottom: var(--space-16);
    }

.hero__basic-page .hero__text h1 {
            font-size: var(--step-5);
            margin-bottom: var(--space-16);
            color: rgb(var(--text-black));
            font-weight: var(--regular-weight);
        }

.hero__basic-page .hero__text p {
            font-size: var(--step-0);
            font-weight: var(--light-weight);
            color: rgba(var(--text-black));
            line-height: 1.5;

        }
.hero__landing-page {

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space-128);
}
.hero__landing-page .hero__text {
        text-align: center;
        margin-bottom: var(--space-32);
    }
.hero__landing-page .hero__text h1 {
            font-size: var(--step-5);
            margin-bottom: var(--space-16);
            color: rgb(var(--hero-text, 255,255,255));
            font-weight: var(--regular-weight);
            margin-top: var(--space-0);
        }
.hero__landing-page .hero__text p {
            font-size: var(--step-0);
            font-weight: var(--light-weight);
            color: rgb(var(--hero-text, 255,255,255));
            line-height: 1.5;

        }
.hero__landing-page .hero__image-banner {
        max-width: 60vw;
        aspect-ratio: 16/9;
        overflow: hidden;
        border-radius: 2rem;
    }
.hero__landing-page .hero__image-banner img {

            min-width: 100%;
            width: auto;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

.hero__island {

    display: grid;
    position: relative;
    grid-template-columns: repeat(4,25%);
    grid-template-rows: repeat(3, 33%);
    /* gap: 5%; */
    border-radius: 1.5em;
    overflow: hidden;
    
}

.hero__island .hero__text {
        position: absolute;
        background: transparent;
        grid-row: 1;
        margin-left: var(--space-32);
        padding: var(--space-32);
        border-radius: 1.5em;
        grid-column: 1/3;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }

.hero__island .hero__text h2 {
            font-size: var(--step-8);
            font-weight: var(--semi-bold-weight);
            color: rgb(var(--text-white));
            text-shadow: #1e3d5d 1px 2px 8px;
            
        }

.hero__island .hero__text .subheader {
             font-size: var(--step-1);
            font-weight: var(--regular-weight);
            color: rgb(var(--text-white));
            text-shadow: #1e3d5d 1px 2px 8px;
            font-family: var(--project-sans-serif);
        }

.hero__island .hero__text p {
            font-size: var(--step-0);
            font-weight: var(--regular-weight);
            color: rgb(var(--text-white));
            text-shadow: #1e3d5d 1px 2px 8px;
            font-family: var(--project-sans-serif);
            margin-bottom: var(--space-0);
            margin-top: var(--space-0);
        }

.hero__island .hero__text .hero-cta {
            display: flex;
            flex-direction: row;
            gap: var(--space-16);
            flex-wrap: wrap;
            justify-content: center;
        }

.hero__island .hero__text .hero-cta a {
                font-size: var(--step--2);
                background: transparent;
                color: rgb(var(--text-white));
                border: 1px solid rgb(var(--text-white));
                
            }

.hero__island .hero__text .hero-cta a:first-child {
                    background: rgb(var(--colorDark, var(--brand-primary-dark)));
                    border-color: rgb(var(--colorDark, var(--brand-primary-dark)));
                    
                }

.hero__island .hero__text .hero-cta a:hover, .hero__island .hero__text .hero-cta a:focus-visible {
                    background: rgb(var(--brand-primary-dark));
                    border-color: rgb(var(--brand-primary-dark));
                }

.hero__island .hero__media {
        grid-column: 1/5;
        /* position: absolute; */
    }

.hero__island .hero__media .cover-image {

            aspect-ratio: 16/9;


        }

.hero__island .hero__media .cover-image img {
                -o-object-position: top;
                   object-position: top;
            }

.hero__full-width {
    /* min-height: 600px; */
    position: relative;
    overflow: hidden;
}

@media (min-width: 1025px) {

.hero__full-width {
        /* padding-top: var(--space-128); */
        height: 100vh;
        box-sizing: border-box;
}
    }

.hero__full-width .hero__content {
        display: flex;
        flex-direction: column;
        height: 100%;
        /* align-items: center; */
        min-height: var(--hero-height);
        width: 100%;
        height: 100%;
    }

@media (min-width: 1025px) {

.hero__full-width .hero__content {
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
    }
            
        }

.hero__full-width .hero__content .hero__text {
            display: flex;
            flex-direction: column;
            /* align-items: flex-start; */
            align-items: center;
            justify-content: center;
            z-index: 1;
            /* margin-bottom: var(--space-64); */
            /* min-height: 400px; */
            padding-top: var(--space-32);

            
        }

@media (min-width: 1025px) {

.hero__full-width .hero__content .hero__text {
                padding-top: var(--space-0);

            
        }
            }

.hero__full-width .hero__content .hero__text h2 {
                font-family: var(--project-sans-serif);
                color: rgb(var(--text-white));
                font-size: var(--step-5);
                font-weight: var(--medium-weight);
                margin-bottom: var(--space-8);
                text-shadow: 0px 0px 10px rgba(0, 6, 88, 0.25);
            }

@media (min-width: 1025px) {

.hero__full-width .hero__content .hero__text h2 {
                    font-size: var(--step-8);
            }

                }

.hero__full-width .hero__content .hero__text h2 .eyebrow {
                    display: block;
                    color: #FFC144;
                    text-transform: uppercase;
                    font-size: var(--step-3);
                    margin-bottom: var(--space-16);
                    font-weight: var(--semi-bold-weight);
                }

.hero__full-width .hero__content .hero__text p {
                font-size: var(--step-0);
                color: rgb(var(--text-white));
                font-weight: var(--medium-weight);
            }

@media (min-width: 1025px) {

.hero__full-width .hero__content .hero__text p {
                    font-size: var(--step-2);
            }

                }

.hero__full-width .hero__content .hero__text .tag {
                background: rgb(var(--accent-pink-dark));
                color: rgb(var(--text-white));
                font-family: var(--project-sans-serif);
                display: inline-block;
                padding: var(--space-16) var(--space-32);
                border-radius: 99em;
                font-weight: var(--light-weight);
                text-transform: uppercase;
                font-size: var(--step-0);
            }

.hero__full-width .hero__content .hero__text .subheader {
                color: rgb(var(--text-white));
                font-size: var(--step-1);
                font-family: var(--project-sans-serif);
                font-weight: var(--medium-weight);
            }

@media (min-width: 1025px) {

.hero__full-width .hero__content .hero__text .subheader {
                    font-size: var(--step-4);
            }

                }

.hero__full-width .hero__content .hero__text .hero-cta {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: var(--space-16);
                justify-content: center;
                position: relative;
            }

@media (min-width: 1025px) {

.hero__full-width .hero__content .hero__text .hero-cta {
                    position: absolute;
                    bottom: 10vh;
                    flex-direction: row;
                    left: 50%;
                    transform: translateX(-50%);
            }
                }

.hero__full-width .hero__content .hero__text .hero-cta .link-button {
                    border-radius: 99em;

                }

.hero__full-width .hero__content .hero__text .hero-cta .link-button.outline {
                        background: rgb(var(--text-white));
                    }

.hero__full-width .hero__content .hero__text .hero-cta .link-button.outline:hover, .hero__full-width .hero__content .hero__text .hero-cta .link-button.outline:focus {
                            color: rgb(var(--brand-primary-dark));
                        }

.hero__full-width .hero__content .hero__text .hero-cta .link-button:hover {
                        outline-offset: 2px;
                        outline: 2px solid rgb(var(--text-white));
                        border-color: transparent;
                    }

.hero__full-width .hero__media {
        min-height: 400px;
        
    }

@media (min-width: 1025px) {

.hero__full-width .hero__media {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        
    }

        }

.hero__full-width .hero__media .cover-image {
            
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

@media (min-width: 1025px) {

.hero__full-width .hero__media .cover-image {
                /* position: initial; */
        }
            }

.hero__full-width .hero__media .cover-image img {
                min-height: 100%;
            }

@media (min-width: 1025px) {

.hero__full-width .hero__media .cover-image img {
                    height: auto;
            }
                }

.hero__full-width.header-overlay {
        position: relative;
    }

.hero__full-width.header-overlay:before {
                content: '';
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(191deg, #003640 12.68%, rgba(0, 140, 166, 0.00) 91.69%);
                position: absolute;
                /* background-blend-mode: multiply; */
                z-index: 1;
                opacity: .5;
            }
/* position: relative; */
body.header-overlay .hero .hero__wrap .hero-text h2 {
                    color: rgb(var(--brand-primary-dark));
                }
@media (min-width: 1025px) {
body.header-overlay .hero .hero__wrap .hero-text h2 {
                        color: rgb(var(--text-over-dark));
                }
                    }


.hero h2.eyebrow {

        font-size: var(--step-7);
        margin-bottom: var(--space-16);
        font-weight: var(--semi-bold-weight);

    }


.hero h2.eyebrow span {
            display: block;
            font-size: var(--step-2);
            color: rgb(var(--text-white));
            font-family: var(--project-sans-serif);
            text-transform: uppercase;
            font-weight: var(--regular-weight);
        }
body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;   
    min-height: 100dvh;

}
main {

    /* padding-top: var(--space-32); */
    padding-top: var(--space-0);
    display: flex;
    flex-direction: column;
    flex: 1;
}
@media (min-width: 1025px) {
main.header-overlay {
            padding-top: var(--space-128);
            margin-top: var(--space-64);
    }
            
        }
main.header-overlay.pattern-dark-swoop:before {
                content: '';
                clip-path: url(#heroSwoop);
                background: rgb(0,55,78);
                background: linear-gradient(0deg, rgba(0,55,78,1) 0%, rgba(0,38,55,1) 80%);
                background-image: url('../../assets/img/pattern_dark.png');
                background-repeat: no-repeat;
                background-size: cover;
                position: absolute;
                left: 0;
                right: 0;
                top: -50px;
                z-index: -1;
                -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                height: 180px;
            }
@media (min-width: 1025px) {
main.header-overlay.pattern-dark-swoop:before {
                    min-height: 300px;
                    max-height: 600px;
                    top: 0;
                    bottom: 10%;
                    height: auto;
            }
                    
                }
main.bg__800:before {

            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1922.5 800'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cpath d='M0,771.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V0H0v771.5Z'/%3E%3C/svg%3E");

                    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1922.5 800'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cpath d='M0,771.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V0H0v771.5Z'/%3E%3C/svg%3E");
        }
main.bg__400:before {
            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 500'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cpath d='M0,471.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-565.6H0V471.5Z'/%3E%3C/g%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 500'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cpath d='M0,471.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-565.6H0V471.5Z'/%3E%3C/g%3E%3C/svg%3E");
        }
main.bg__300:before {
            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 300'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-200' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,271.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-765.6H0V271.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 300'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-200' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,271.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-765.6H0V271.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");        }
main.bg__250:before {
            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 250'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='-50' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-250' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,221.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-815.6H0V221.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 250'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='-50' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-250' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,221.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-815.6H0V221.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");        }
main.bg__200:before {
            -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 200'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='-100' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-300' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,171.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-865.6H0V171.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 1922.5 200'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B clip-path: url(%23clippath-1); %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='-100' width='1922.5' height='300'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='st0' y='-300' width='1922.5' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg class='st1'%3E%3Cpath d='M0,171.5s432.6,90.9,895.6-52.2c474.7-153.2,1026.9,80.6,1026.9,80.6V-865.6H0V171.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
.site--marketing #mobile-toggle {
        display: block;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25em;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space-8);
        font-size: var(--step-2);
        cursor: pointer;
        outline: none;
    }
.site--marketing #mobile-toggle:hover, .site--marketing #mobile-toggle:focus-visible {
            background: rgb(var(--brand-primary-dark));
            color: rgb(var(--text-white));
        }
@media (min-width: 1025px) {
.site--marketing #mobile-toggle {
            display: none;
    }
        }
.site--marketing .nav-wrap {
    
        --menu-outline: var(--brand-primary);
        --menu-text: var(--brand-primary);
    
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: var(--space-16);
    }
@media (min-width: 1025px) {
.site--marketing .nav-wrap {
            flex-direction: row;
            gap: unset;
    
            padding: var(--space-0) var(--space-32);
            border-radius: 99em;
            /* mix-blend-mode:multiply; */
            background-blend-mode: multiply;
    }
        }
.site--marketing .nav-wrap nav#main-nav {
            display: none;
            z-index: var(--layer-100);
            position: relative;
        }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav {
                display: block;
        }

            }
.site--marketing .nav-wrap nav#main-nav .toggle--menu-main {
                display: block;
                background-color: transparent;
                font-size: var(--step-4);
                border: none;
                color: rgb(var(--text-white));
                outline: none;
            }
.site--marketing .nav-wrap nav#main-nav .toggle--menu-main i {
    
                }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .toggle--menu-main {
                    display: none;
            }
                }
.site--marketing .nav-wrap nav#main-nav #close-mobile-toggle {
                position: absolute;
                top: var(--space-16);
                right: var(--space-16);
            }
.site--marketing .nav-wrap nav#main-nav .menu-list {
                display: none;
                list-style: none;
                padding-left: var(--space-0);
                align-items: center;
                height: auto;
                margin: var(--space-0);
                gap: var(--space-8);
            }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list {
                    display: flex;
                    position: relative;
                    flex-direction: row;
                    gap: var(--space-32);
                    /* position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0; */
            }
                }
.site--marketing .nav-wrap nav#main-nav .menu-list > li {
                    display: flex;
                    position: relative;
                    width: auto;
                    align-items: center;
                    white-space: nowrap;
                    flex-direction: column;

                    margin: 0 var(--space-16);
                }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list > li {
                        /* padding: var(--space-0) var(--space-16); */
                        padding: var(--space-0);
                        flex-direction: row;
                        margin: unset;
                }
                    }
.site--marketing .nav-wrap nav#main-nav .menu-list > li a, .site--marketing .nav-wrap nav#main-nav .menu-list > li button {
                        font-family: var(--project-sans-serif);
                        color: rgb(var(--text));
                        text-decoration: none;
                        position: relative;
                        z-index: 1;
                        line-height: 2em;
                        font-size: var(--step--1);
                        width: 100%;
                        margin: var(--space-16) var(--space-0);
                        font-weight: var(--regular-weight);
                        /* padding: var(--space-32) var(--space-8); */
                        padding: var(--space-0);
                        border: none;
                        background: transparent;
                        cursor: pointer;
                        
                    }
.site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button {
                            text-transform: unset;
                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button.solid, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button.solid {
                                background: transparent;
                            }
.site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button.outline, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button.outline {
                                border: 0px;
                                color: rgb(var(--text-white));
                            }
.site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button.rounded, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button.rounded {
                                border-radius: 99em;
                                padding: var(--space-8) var(--space-24);
                            }
@media (min-width: 1025px) {
                            .site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button {
                                font-weight: var(--regular-weight);
                                padding: var(--space-8) var(--space-16);
        
                            }
        
                                .site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button.outline, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button.outline {
                                    border: 1px solid rgb(var(--menu-outline));
                                    color: rgb(var(--menu-text));
                                }
        
                                .site--marketing .nav-wrap nav#main-nav .menu-list > li a.link-button.solid, .site--marketing .nav-wrap nav#main-nav .menu-list > li button.link-button.solid {
                                    color: rgb(var(--text-white));
                                    background-color: rgb(var(--brand-primary));
                                }
                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li .toggle--menu {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                    }
.site--marketing .nav-wrap nav#main-nav .menu-list > li .toggle--menu:after {
                            content: '\f054';
                            font-family: var(--font-awesome);
                            position: relative;
                        }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list > li .toggle--menu:after {
                                content: unset;
                        }    
                            }
.site--marketing .nav-wrap nav#main-nav .menu-list > li.active ul.submenu, .site--marketing .nav-wrap nav#main-nav .menu-list > li:focus-visible ul.submenu {
                            display: flex;
                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li > button {
                        position: relative;
                        color: rgb(var(--text));
                        font-size: var(--step--1);
        
                    }
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu {
                        display: none;
                        flex-direction: column;
                        padding: var(--space-0);
                        list-style: none;
                        z-index: 10;
                        left: 0;
                    }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu {
                            position: absolute;
                            width: auto;
                            top: 80%;
                            min-width: 100%;
                            box-shadow: 0px 9px 20px -4px rgba(0,0,0,0.5);
                            border-radius: 4px;
                            overflow: hidden;
                            border-top: 5px solid rgb(var(--brand-primary-dark));
                    }

                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu.active {
                            display: flex;
                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li {
                            
                            padding: var(--space-0);    
                            margin: var(--space-0);

                        }
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button {
    
                                font-size: var(--step--1);
                                color: rgb(var(--menu-text));
                                display: block;
                                padding: var(--space-16) var(--space-24);
                                width: 100%;
                                height: 100%;
                                box-sizing: border-box;
                                color: rgb(var(--text-black));
                                
                            }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button {
                                
                            }
                                }
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:hover, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:hover, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:focus-visible, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:focus-visible {
                                
                                    color: rgb(var(--lightColor));
                                    background-color: rgb(var(--darkBackground));
                            
                                }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button {
                                    background-color: rgba(var(--light-bg));
                                    margin: var(--space-0);
                                
                            }
        
                                    .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:hover, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:hover, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:focus-visible, .site--marketing .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:focus-visible {
                                        color: #FFF;
                                        background-color: rgb(var(--brand-primary-dark));
        
                                     }
                                }
.site--marketing .nav-wrap nav#main-nav.active {
                display: block;
                background: rgb(var(--brand-primary-dark));
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                overflow-y: scroll;

               

            }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu {
                    margin-top: var(--space-96);
                    width: 100%;
                    display: block;
                }
@media (min-width: 1025px) {
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: var(--space-16);
                        margin-top: unset;
                }

                    }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu li {
                        position: relative;
                        
                    }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu li a, .site--marketing .nav-wrap nav#main-nav.active .top-level-menu li button {
                            color: rgb(var(--text-white));
                            font-size: var(--step-2);
                            padding: var(--space-0);
                            margin: var(--space-0);
                            text-align: left;
                        }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu li:after {
                            content: '';
                            height: 1px;
                            background: rgb(var(--brand-primary));
                            width: 100%;
                            position: absolute;
                            bottom: 0;

                        }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu li .submenu {
                            position: relative;
                            background-color: transparent;
                            width: 100%;
                            box-shadow: unset;
                            padding-left: var(--space-32);
                            gap: var(--space-8);

                        }
.site--marketing .nav-wrap nav#main-nav.active .top-level-menu li .submenu a, .site--marketing .nav-wrap nav#main-nav.active .top-level-menu li .submenu button {
                                color: rgb(var(--text-white));
                                font-size: var(--step-2);
                                align-items: flex-start;
                                justify-content: flex-start;
                                padding: var(--space-0);
                            }
.site--marketing .nav-wrap.active nav#main-nav {
                display: block;
                background: rgb(var(--brand-primary-dark));
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                overflow-y: scroll;                
            }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu {
                    margin-top: var(--space-96);
                    width: 100%;
                    display: block;
                }
@media (min-width: 1025px) {
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: var(--space-16);
                        margin-top: unset;
                }

                    }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu li {
                        position: relative;
                        
                    }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu li a, .site--marketing .nav-wrap.active nav#main-nav .top-level-menu li button {
                            color: rgb(var(--text-white));
                            font-size: var(--step-2);
                            padding: var(--space-0);
                            margin: var(--space-0);
                            text-align: left;
                        }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu li:after {
                            content: '';
                            height: 1px;
                            background: rgb(var(--brand-primary));
                            width: 100%;
                            position: absolute;
                            bottom: 0;

                        }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu li .submenu {
                            position: relative;
                            background-color: transparent;
                            width: 100%;
                            box-shadow: unset;
                            padding-left: var(--space-32);
                            gap: var(--space-8);

                        }
.site--marketing .nav-wrap.active nav#main-nav .top-level-menu li .submenu a, .site--marketing .nav-wrap.active nav#main-nav .top-level-menu li .submenu button {
                                color: rgb(var(--text-white));
                                font-size: var(--step-2);
                                align-items: flex-start;
                                justify-content: flex-start;
                                padding: var(--space-0);
                            }

.header-overlay #mobile-toggle {
        color: rgb(var(--text-white));
    }

.header-overlay .nav-wrap {
        --menu-outline: 255,255,255;
        --menu-text: 255,255,255;

    }

@media (min-width: 1025px) {

.header-overlay .nav-wrap {
            background: rgba(15,38,58, 85%);

    }
            
        }
.sidebar {

    /* background: rgb(var(--colorLight)); */
    padding: var(--space-0) var(--space-32) var(--space-16);
    background: transparent;
}
.sidebar .sidebar-item {
        margin-bottom: var(--space-48);
    }
.sidebar h2 {
        font-size: var(--step-1);
        margin-bottom: var(--space-16);
        /* color: rgb(var(--colorDark, var(--text-black))); */
        color: rgb(var(--brand-primary-dark));
        font-weight: var(--semi-bold-weight);
        padding-left: var(--space-32);
        position: relative;
        margin-top: var(--space-16);
        border-bottom: 1px solid rgb(var(--brand-primary-dark));
        padding-bottom: var(--space-16);
    }
.sidebar h2 i {
            position: absolute;
            left: 0;
            /* color: rgb(var(--colorDark, var(--text-black))); */
            color: rgb(var(--brand-primary-dark));

        }
.sidebar h3 {
        font-size: var(--step-0);
        font-weight: var(--regular-weight);
        margin-top: var(--space-0);
        margin-bottom: var(--space-8);
    }
.sidebar p {
        font-size: var(--step-0);
        font-weight: var(--light-weight);
        line-height: 1.5;
    }
.sidebar a {
        font-size: var(--step-0);
        font-weight: var(--light-weight);
    }
.sidebar ul {
        padding-left: 0;
        list-style: none;
        margin: var(--space-0);
        margin-bottom: var(--space-0);
    }
.sidebar ul li {
            line-height: 1.8;
        }
.sidebar div {
        /* padding-bottom: var(--space-16); */

        /* &.border__bottom {
            padding-bottom: var(--space-16);
        } */
    }