/**
 * 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);
}
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='text'] {
    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'] {
        width: 7ch;
        padding: var(--space-0) var(--space-8);
    }
@media (min-width: 1025px) {
input.wide[type='text'] {

            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);

    }
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('../../../dist/img/carat.svg');
    background-repeat: no-repeat;
    background-position: 99% center;
    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';
            }
.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 {
            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 {


        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;
    }
a.link-button:focus {
            outline-offset: 5px;

        }
a.link-button.button-large {
            padding: var(--space-lg) var(--space-xxl);
            font-weight: var(--regular-weight);
        }
a.link-button.shadow {
        }
a.link-button:is(--accent-button) {
            background-color: rgb(var(--brand-primary-dark));
        }
a.link-button:is(--white) {
            background-color: rgb(var(--lightColor));
            color: #415C9C;
        }
a.link-button:is(--gradient) {
        }
a.link-button.icon:before {
                padding-right: var(--space-md);
            }
a.link-button.solid {
            font-weight: var(--regular-weight);
            color: rgb(var(--text-white));
            
        }
a.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, a.link-button.outline:focus {
                color: #FFF;
                background: rgb(var(--brand-primary-dark));
            }
a.link-button.centered {
           left: 50%;
           transform: translateX(-50%);
        }
@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: 0;
    margin-bottom: var(--space-96);
}
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.lightblue-to-white {
        padding-top: var(--space-96);
    }
.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;
}
:is(button,a,input[type="search"],input[type="text"],input[type="email"],[role="tab"],.results-heading.sorting,textarea,input[type="password"]):focus {
        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%);
}
.gray-to-white {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(250, 250, 250) 80%);
}
: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; 
    
    --lightBackground: 255,255,255;
    --lightGrayBackground: 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;
}
@media (min-width: 1025px) {
.container {
        margin: 0 auto;
}
        
    }
@media (min-width: 1025px) {
.container.is-full-width {
            max-inline-size: 100vw;
    }
        }
@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;
    }
/* 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));

    }
@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%);
}
.text-align-center {
    text-align: center;
}
/* Mobile */
@media (max-width: 599px) {

    .mobile-align-center {
       text-align: 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(--regular-weight);
        margin-bottom: var(--space-48);
        font-size: var(--step-3);

    }
@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);
}
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);

    }
.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;
}
.accordion-container h3 {
        font-weight: var(--light-weight);
        
        font-size: var(--step-2);
    }
@media (min-width: 1025px) {
.accordion-container h3 {
    }
        }
.accordion-container .accordion-item {

        padding: 0 2.5%;
    }
@media (min-width: 1025px) {
.accordion-container .accordion-item {
            padding: 0;
    }
        }
.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-container .accordion-item .accordion-toggle h3 {
                margin: 0;
                font-size: var(--step-1);
                margin-right: 3em;
            }
.accordion-container .accordion-item .accordion-toggle h3.reduced {
                    font-size: var(--step-0);   
                    font-weight: var(--regular-weight);
                }
.accordion-container .accordion-item .accordion-toggle h4 {
                margin: 0;
            }
@media (min-width: 1025px) {
.accordion-container .accordion-item .accordion-toggle {
                font-size: var(--step-1);
            
           
        }

            }
@media print {

                .accordion-container .accordion-item .accordion-toggle span {

                    font-size: var(--step-1);
                }
                .accordion-container .accordion-item .accordion-toggle:after {
                    display: none;
                }
            }
.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-container .accordion-item .accordion-toggle:after {
                    right: 0;
                    font-size: var(--step-1);
                    padding-bottom: unset;
    
            }
                }
.accordion-container .accordion-item .accordion-toggle.toggle-left:after {
                    content: unset;
                }
.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-container .accordion-item .accordion-toggle.toggle-left:before {
                        left: 0;
                        font-size: var(--step-1);
                        padding-bottom: unset;
        
                }
                    }
.accordion-container .accordion-item .accordion-toggle.accordion--inline {
                display: inline-block;

            }
.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-container .accordion-item .accordion-toggle.filter-toggle span {
                    padding: var(--space-zero) var(--space-md);
                }
.accordion-container .accordion-item .accordion-toggle.filter-toggle:after {
                    position: relative;
                    content: '\f013';
                    font-size: var(--step--1);
                    padding-right: var(--space-md);

                }
.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-container .accordion-item .accordion-toggle.legend-toggle span {
                    padding: var(--space-zero);
                    margin-right: var(--space-md);
                }
.accordion-container .accordion-item .accordion-toggle.legend-toggle:after {
                    position: relative;
                    content: '\2b';
                    font-size: var(--step--1);

                }
.accordion-container .accordion-item --solid.accordion-toggle {
            
                background-color: rgb(var(--brand-primary-dark));
                color: #FFF;
                padding: var(--space-lg) var(--space-md);
            }
.accordion-container .accordion-item --solid.accordion-toggle:after {
                    right: var(--space-lg);
                    color: #FFF !important;
                }
.accordion-container .accordion-item --solid.accordion-toggle h3 {
                    color: #FFF;
                    padding-left: var(--space-md);
                }
.accordion-container .accordion-item --solid.accordion-toggle h3:after {
                        content: unset;
                    }
.accordion-container .accordion-item.accordion-full-width {
            width: 100%;
        }
.accordion-container .accordion-item.accordion-full-width .accordion-header {
    
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 100%;
                justify-content: space-between;
                
            }
.accordion-container .accordion-item.accordion-full-width .accordion-header .accordion-toggle {
                    position: relative;
                    
                }
.accordion-container .accordion-item.accordion-full-width .accordion-header > div {
                    display: flex;
                    align-items: center;
                }
.accordion-container .accordion-item .accordion-content {
            display: none;
        }
.accordion-container .accordion-item .accordion-content > .accordion-item .accordion-content {

                    margin-left: var(--space-lg);
                }
@media print {
.accordion-container .accordion-item .accordion-content {
                display: block;
        }
                
            }
.accordion-container .accordion-item.active .accordion-toggle:after {
                    animation: rotate 250ms linear;
                    transform: rotate(45deg);
    
                }
.accordion-container .accordion-item.active .accordion-toggle.filter-toggle:after, .accordion-container .accordion-item.active .accordion-toggle .legend-toggle:after {

                        transform: unset;
                        animation: unset;
                    }
.accordion-container .accordion-item.active > .accordion-content {
                display: block;
            }
.accordion-container .accordion-item.active .accordion-header .toggle-left:after {
                        content: unset;
                    }
.accordion-container .accordion-item.active .accordion-header .toggle-left:before {
                        animation: rotate 250ms linear;
                        transform: rotate(45deg) !important;
                    }
.accordion-container --empty.accordion-item {

            background-color: rgb(var(--brand-primary-light),.1);
            color: #FFF;
            padding: var(--space-lg) var(--space-md);
        }
.accordion-container --empty.accordion-item h3 {
                color: rgba(var(--text-black),.75);
                padding-left: var(--space-md);
                margin: 0;
            }
--reduced.accordion-container .accordion-item {
            margin: var(--space-zero);
            padding: var(--space-md) var(--space-lg);
        }
@media print {
--reduced.accordion-container .accordion-item {
                padding-left: var(--space-zero);
                background-color: transparent !important;
        }
            }
--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);
            }
--reduced.accordion-container .accordion-item .accordion-toggle span {
                    margin-right: var(--space-md);

                }
--reduced.accordion-container .accordion-item .accordion-toggle:after {
                   
                }
--reduced.accordion-container .accordion-item .accordion-content {
                font-size: var(--step--1);
                
            }
--reduced.accordion-container .accordion-item .accordion-content p {
                    font-size: var(--step--1);
                }
--reduced.accordion-container .accordion-item.active:after {
                    display: none;
                }
--reduced.accordion-container .flex-row {
            align-items: flex-start;
        }
@media (max-width: 599px) {
--reduced.accordion-container .flex-row .accordion-item {
                    max-width: 60%;
                    align-items: flex-start;

            }

                }
@media (max-width: 599px) {
--reduced.accordion-container .flex-row .accordion-item.active {
                }

                    }
--reduced.accordion-container .flex-row .save, --reduced.accordion-container .flex-row .saved {
                display: inline-block;
                box-sizing: border-box;
                padding: 0;
                text-align: center;
            }
--reduced.accordion-container .flex-row .save span, --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) {
--reduced.accordion-container .flex-row .save, --reduced.accordion-container .flex-row .saved {
            }

                }
.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;
  }
.block--cards-expander {
    position: relative;
}
.block--cards-expander .layout__container {
        display: flex;
        flex-direction: row;

    }
.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;
                height: 500px;
                padding: var(--space-32) var(--space-16);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                
            }
@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: grid;
                    grid-template-rows: 499px 1px;
                    transition: all ease-in-out 500ms;
                    justify-content: flex-start;
                    align-items: flex-end;
                
            }

                }
.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;
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card:before {
                        background: rgb(0,0,0);
                        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 80%);
                }

                    }
.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(--regular-weight);
                    grid-row: 1;
                    position: relative;
                    z-index: var(--layer-10);
                    font-size: var(--step-2);
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card h3 {
                        align-self: flex-end;
                        font-size: var(--step-1);
                        max-width: 33vw;
                }

                    }
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal {
                    max-width: 72ch;
                    position: relative;
                    z-index: var(--layer-10);
                    transition: all 500ms ease-in-out;
                }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region .expander-card .content-reveal {
                        grid-row: 2;
                        opacity: 0;
                }

                    }
.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 p {
                            font-size: var(--step--1);
                            margin-left: 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 .expander-card .content-reveal a.link-button {
                    }

                        }
@media (min-width: 1025px) {
.block--cards-expander .layout__container .layout__region.active {
                    flex: 2;
            }
    
                    .block--cards-expander .layout__container .layout__region.active .expander-card {
                        transition-delay: 600ms;
                        grid-template-rows: 75% 25%;
                    }

                        .block--cards-expander .layout__container .layout__region.active .expander-card:before {
                            background: rgb(0, 71, 138);
                            background: linear-gradient(180deg, rgba(0, 34, 67,0) 0%, rgba(0, 34, 67, 0.95) 80%);
                        }
                            
                        .block--cards-expander .layout__container .layout__region.active .expander-card .content-reveal {
                            opacity: 1;
                            transition-delay: 800ms;
    
                        }
                }
.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__stacked--image {
    margin-bottom: var(--space-16);
}
.card__stacked--image .card__header {
        
    }
.card__stacked--image .card__image {

        margin-bottom: var(--space-32);
        aspect-ratio: 3/2;
    }
.card__stacked--image .card__image img {
            width: 100%;
        }
.card__stacked--image .card__content 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__content 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--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-0);
            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(--light-weight);
        font-size: var(--step-2);
        margin-bottom: var(--space-32);
        padding-top: var(--space-16);

    }
.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 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;
        }
            }
@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-top: 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%;
    }
.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 button {
            background-color: transparent;
            color: rgb(var(--fourOneGray));
            padding: var(--space-16);
            border: 1px solid rgb(var(--fourOneGray));
            border-radius: var(--radius-4);
            cursor: pointer;
    
    
        }
.section-header-row .table-actions button.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, .events__table tbody tr td a:focus {
                        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, .events__table tbody tr td ul li a:focus {
                                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, .events__table tbody tr td ul.sub-list li a:focus {
                                    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(--regular-weight);
                        font-size: var(--step--1);
                    }
.events__table tbody tr th span.event-time {
                        font-size: var(--step--1);
                        font-weight: var(--light-weight);
                    }
.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(--regular-weight);
                }
@media (min-width: 1025px) {
.events__table tbody tr td p {
                        max-width: unset;
                        padding-right: initial;
                }
                    }
.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;
            }
form input {
        box-sizing: border-box;
        position: relative;
        
    
    }
form 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 .form-item {
        position: relative;
        margin-bottom: var(--space-32);
    }
form .form-item .hidden {
            display: none;
        }
form --code.form-item input[type="text"] {
                display: inline;
                width: 2em;
                height: 2.5em;
                text-align: center;
                font-size: var(--step-1);
            }
form --grouped.form-item {

            position: relative;
            padding-bottom: var(--space-16);
        }
form --grouped.form-item:after {
                content: '';
                width: 100%;
                height: 1px;
                background: rgb(234, 234, 234);
                display: block;
                position: absolute;
                bottom: var(--space-8);
            }
form --grouped.form-item:last-child:after {
                    content: unset;
                }
form --sub-item.form-item {
            
            margin: var(--space-16) var(--space-zero);

           
        }
form --sub-item.form-item input, form --sub-item.form-item select, form --sub-item.form-item textarea, form --sub-item.form-item label {
                min-width: 50%;
                min-height: var(--space-32);
            }
form --sub-item.form-item textarea {
                min-height: 4em;
            }
form .form-item.form-item--stacked {
            display: flex;
            flex-direction: column;
        }
form .form-item.form-item--stacked label {
                margin-bottom: var(--space-16);
                font-size: var(--step-0);
                font-weight: var(--regular-weight);
            }
form --inline.form-item {
            display: inline-block;
        }
form --reduced.form-item fieldset {
                padding: var(--space-zero);
            }
form .form-item.flex-column {

            padding-bottom: 1em;
        }
form .form-item.flex-column label {
                margin-bottom: .5em;
            }
form fieldset {
        border: none;
        padding: var(--space-zero) var(--space-zero) var(--space-16);
        margin: var(--space-zero);
        margin-bottom: var(--space-16);

            
        
    }
form fieldset.form-section {
            position: relative;
        }
form fieldset.form-section:after {
                content: '';
                width: 100%;
                height: 1px;
                background-color: #d4d4d4;
                position: absolute;
                bottom: 0em;
                left: 0;
            }
form 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);

          
    
        }
form 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) {
form fieldset legend.category-title {
                    font-size: var(--step-1);
                    text-align: left;
    
            }
                }
form fieldset legend.category-title:after {
                    display: inline-block;
                    content: '';
                    width: 100%;
                    height: 2px;
                    --angle: -45deg;
                    @include linearGradient;
                }
form fieldset.question-rating {
            margin-bottom: var(--space-zero);
            padding: var(--space-zero);
            border: 0px !important;
            height: auto;
            
           
        }
form fieldset.question-rating legend {
                padding: var(--space-16) var(--space-zero) var(--space-16) var(--space-4);
                line-height: 1.5;
            }
form fieldset .form-item {
            margin: var(--space-8) var(--space-16);
            position: relative;
            display: flex;
            align-items: flex-start;

                
        }
form fieldset .form-item input[type='checkbox'] {
                height: 1.125em;
                width: 1.125em;
                margin-top: .125em;

            }
:is(form fieldset .form-item) input[type='checkbox'] ~ label {
                margin-top: 0;
                padding-bottom: var(--space-4);

               
            }
form fieldset:is(--checkbox) {
                margin: var(--space-4) var(--space-zero) var(--space-zero) var(--space-16);
            }
form fieldset .image-circle {
                background: transparent;
                margin: var(--space-zero);
                width: 75px;
                height: 75px;
                margin-right: var(--space-16);

               
            }
form fieldset .image-circle .cover-image {

                    width: 100%;
                    height: 100%;
                }
form fieldset:is(--split) {
                display: flex;
                flex-direction: row;
            }
form fieldset:is(--split) .left {
                    flex: 1 0 10%;
                }
form fieldset:is(--split) .right {
                    flex: 1 0 90%;
                }
form#account-form .password-error-list .password-list-error, form#password-form .password-error-list .password-list-error {
                color: red;
                font-family: var(--project-sans-serif);
                margin-top: 0.5em;
            }
form#account-form .password-error-list .password-list-error:before, form#password-form .password-error-list .password-list-error:before {
                    content: '\f071';
                    position: relative;
                    font-family: var(--font-awesome);
                    padding-right: 1em;
    
                }
form#account-form .form-row, form#password-form .form-row {
            display: flex;
            -moz-column-gap: .5em;
                 column-gap: .5em;
            flex-direction: column;
            align-items: flex-start;
        }
@media (min-width: 600px) {
form#account-form .form-row, form#password-form .form-row {
                align-items: center;
                flex-direction: row;
        }

            }
form#account-form .form-item, form#password-form .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) {
form#account-form .form-item, form#password-form .form-item {
                width: auto;
        }
            }
form#account-form --reduced.form-item.password, form#password-form --reduced.form-item.password {
                    max-width: 33%;
                }
form#account-form --reduced.form-item.password input, form#password-form --reduced.form-item.password input {
                        width: 100%;
                        height: 100%;
                        max-height: 2.5em;
                    }
form#account-form --reduced.form-item.password .label-wrap, form#password-form --reduced.form-item.password .label-wrap {
                        margin-top: 0;
                    }
form#account-form .row .form-item:first-of-type, form#password-form .row .form-item:first-of-type {
                    margin-left: var(--space-zero);
                }
form#account-form legend, form#password-form legend {
            color: rgb(var(--brand-primary-dark));
            font-size: var(--step-0);

        }
form#account-form fieldset, form#password-form fieldset {

        }
@media (max-width: 599px) {
form#account-form input, form#password-form input {
                width: 100%;
        }

            }
form#account-form input[type="text"], form#password-form input[type="text"] {
                height: 2.5rem;
            }
form#account-form input[type="checkbox"]:not(#termsgi), form#password-form input[type="checkbox"]:not(#termsgi) {
                width: auto;
            }
form#account-form input[type="email"], form#password-form input[type="email"] {
                height: 2.5rem;
            }
form#account-form input#zipcode, form#password-form input#zipcode {
                max-width: 10ch;
            }
form#account-form input[type="date"], form#password-form input[type="date"] {
                height: 2.5rem;
            }
form#account-form input[type="password"], form#password-form input[type="password"] {
                height: 2.5rem;
            }
form#account-form select, form#password-form select {
            height: 2.5rem;
            padding-right: 1.5em;
            max-width: 250px;


        }
@media (min-width: 600px) {
form#account-form select, form#password-form select {
                width: 100%;


        }

            }
.form-actions {

    display: flex;
    justify-content: center;
    gap: var(--space-16);
    margin-top: var(--space-16);
    flex-direction: column-reverse;

    
}
.form-actions.align-left {
        justify-content: flex-start;
    }
@media (min-width: 600px) {
.form-actions {
        flex-direction: row;

    
}
    }
.form-actions button, .form-actions input[type="submit"] {
        background: rgb(var(--brand-primary-dark));
        color: #FFF;
        border: 1px solid transparent;
        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: 5px solid transparent;
    }
@media (min-width: 1025px) {
.form-actions button, .form-actions input[type="submit"] {
            font-size: var(--step-0);
    }
        }
:is(.form-actions button,.form-actions input[type="submit"]):hover {
            cursor: pointer;

        }
:is(.form-actions button,.form-actions input[type="submit"]):focus {
            
            box-shadow: 0px 0px 0px 4px #005FCC;
        }
.clear-form:is(.form-actions button,.form-actions input[type="submit"]) {
            background-color: #FFF;
            border: 1px solid rgb(var(--brand-primary-dark));
            color: rgb(var(--brand-primary-dark));
        }
.delete:is(.form-actions button,.form-actions input[type="submit"]) {
            background-color: rgb(var(--alert-error-light));
        }
.delete:is(.form-actions button,.form-actions input[type="submit"]):hover, .delete:is(.form-actions button,.form-actions input[type="submit"]):focus {
                background-color: rgb(var(--alert-error-dark));
            }
.cancel:is(.form-actions button,.form-actions input[type="submit"]) {
            background-color: rgba(var(--brand-primary-light), .25);
            color: rgb(var(--text-black));

        }
.cancel:is(.form-actions button,.form-actions input[type="submit"]):hover, .cancel:is(.form-actions button,.form-actions input[type="submit"]):focus {
                background-color: rgb(var(--brand-primary-dark));
                color: rgb(var(--text-white));
            }
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 {
                border-color: rgb(var(--brand-primary-dark));
            }
/* @import './Menu/Main/menu-main.css'; */
.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 {
            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(--light-weight);
    padding-bottom: var(--space-16);
    font-size: var(--step-2);
    text-transform: uppercase;
    
}
.section-header:before {
        width: 100px;
        background-color: rgb(var(--brand-primary-dark));
        height: 5px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 50%);
        content: '';
    }
.section-header-body {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
}
table {
    font-family: var(--project-sans-serif);
    font-weight: var(--thin-weight);
    background: transparent;
    border-collapse: 0;
    border-spacing: 0;
    width: 100%;
}
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-lg) var(--space-zero);
                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.odd {
                background-color: transparent;
                
            }
table tbody tr.odd th, table tbody tr.odd td {

                }
table tbody tr.even th, table tbody tr.even td {
                   
                   background-color: #FFF;
               }
@media (min-width: 1025px) {
table tbody tr.even th, table tbody tr.even td {
                    background-color: rgba(var(--brand-primary-light),.15);
               }

                }
table tbody tr.hide {
                display: none;
            }
table tbody tr th,table tbody tr td {
                text-align: left;
                font-weight: var(--thin-weight);
                font-size: var(--step-0);
                padding: var(--space-lg) var(--space-zero);
                display: block;
            }
table tbody tr th.table-cell-hidden, table tbody tr td.table-cell-hidden {
                    display: none !important;
                }
@media (min-width: 1025px) {
table tbody tr th,table tbody tr td {
                        display: table-cell;
                        padding-top: var(--space-lg);
                        margin-top: var(--space-lg);
                        vertical-align: top;
            }

                    }
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));
                    
                }
@media (max-width: 599px) {
table tbody tr th a, table tbody tr td a {
                        display: block;
                    
                }
                    }
table tbody tr th a:hover, table tbody tr td a:hover, table tbody tr th a:focus, table tbody tr td a:focus {
                        border-bottom: 1px solid rgb(var(--brand-primary-dark));
                    }
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, table tbody tr td ul li a:focus {
                                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, table tbody tr td ul.sub-list li a:focus {
                                    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;
                font-weight: var(--regular-weight);
                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-weight: var(--thin-weight);
                    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;
}
.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 .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;
            }
footer {

    margin-top: var(--space-16);
    position: relative;
    background-color: #011828;
    --gap: var(--space-64);
    padding-top: var(--space-32);
}
@media (min-width: 1025px) {
footer {
        padding-top: var(--space-128);
}

    }
@media (max-width: 599px) {
footer .container {
            max-width: 350px;
    }
        }
footer .layout__container {
        justify-content: space-between;
    }
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--2);
            font-family: var(--project-sans-serif);
        }
footer .subfooter .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 .subfooter .footer-links {
                
                flex-direction: row;
                padding: var(--space-32);
                justify-content: flex-end;
                padding: var(--space-zero);
        }
            }
footer .subfooter .footer-links li a {
                    font-size: var(--step--2);
                    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);
}

    }
header .header-content {

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: var(--space-32) var(--space-16);
        
    }
@media (min-width: 1025px) {
header .header-content {
            padding: var(--space-0);
        
    }
    
            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 50%;
            justify-content: flex-end;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
        }
header.header-overlay {
    
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        background: transparent;
        --text: 255,255,255;
        border-bottom: unset;
    }
@media (min-width: 1025px) {
header.header-overlay {
            position: absolute;
    }
        }
.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-96);
        height: auto;
    
}

    }
.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;
        }
body.header-overlay .hero .hero__wrap .hero-text {
                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));
                }
                    }
body {
    margin: 0;
}
main {



    padding-top: var(--space-32);
}
@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");
        }
.nav-wrap {

    --menu-outline: var(--brand-primary);
    --menu-text: var(--brand-primary);

    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 1em;
}
@media (min-width: 1025px) {
.nav-wrap {
        flex-direction: row;
        gap: unset;
}

    }
.nav-wrap nav#main-nav {
        display: block;
        z-index: var(--layer-100);
    }
.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));
        }
.nav-wrap nav#main-nav .toggle--menu-main i {

            }
@media (min-width: 1025px) {
.nav-wrap nav#main-nav .toggle--menu-main {
                display: none;
        }
            }
.nav-wrap nav#main-nav .menu-list {
            list-style: none;
            padding-left: var(--space-0);
            align-items: center;
            flex-direction: row;
            height: auto;
            margin: var(--space-0);
            gap: var(--space-8);
            display: none;
            
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
@media (min-width: 1025px) {
.nav-wrap nav#main-nav .menu-list {
                display: flex;
                position: relative;
        }
            }
.nav-wrap nav#main-nav .menu-list > li {
                display: flex;
                position: relative;
                padding: var(--space-0) var(--space-16);
                width: auto;
                flex-direction: row;
                align-items: center;
                white-space: nowrap;
            }
.nav-wrap nav#main-nav .menu-list > li a, .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);
                    border: none;
                    background: transparent;
                    cursor: pointer;
                }
.nav-wrap nav#main-nav .menu-list > li a.link-button, .nav-wrap nav#main-nav .menu-list > li button.link-button {
                        font-weight: var(--regular-weight);
                        padding: var(--space-8) var(--space-16);

                    }
.nav-wrap nav#main-nav .menu-list > li a.link-button.outline, .nav-wrap nav#main-nav .menu-list > li button.link-button.outline {
                            border: 1px solid rgb(var(--menu-outline));
                            color: rgb(var(--menu-text));
                        }
.nav-wrap nav#main-nav .menu-list > li a.link-button.solid, .nav-wrap nav#main-nav .menu-list > li button.link-button.solid {
                            color: rgb(var(--text-white));
                            background-color: rgb(var(--brand-primary));
                        }
.nav-wrap nav#main-nav .menu-list > li.active ul.submenu, .nav-wrap nav#main-nav .menu-list > li:focus ul.submenu {
                        display: flex;
                    }
.nav-wrap nav#main-nav .menu-list > li button {
    
                    position: relative;
                    color: rgb(var(--text));
                    font-size: var(--step--1);
    
                }
.nav-wrap nav#main-nav .menu-list > li ul.submenu {
                    position: absolute;
                    display: none;
                    flex-direction: column;
                    padding: var(--space-0);
                    width: auto;
                    list-style: none;
                    top: 80%;
                    z-index: 10;
                    left: 0;
                    min-width: 100%;
                    box-shadow: 0px 9px 20px -4px rgba(0,0,0,0.5);
                    border-radius: 4px;
                    overflow: hidden;
                }
.nav-wrap nav#main-nav .menu-list > li ul.submenu.active {
                        display: flex;
                    }
.nav-wrap nav#main-nav .menu-list > li ul.submenu li {
                        
                        padding: var(--space-0);    
                        margin: var(--space-0);
                    }
.nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .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) {
.nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button {
                        }
                            }
.nav-wrap nav#main-nav .menu-list > li ul.submenu li a:hover, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:hover, .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:focus, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:focus {
                            
                                color: rgb(var(--lightColor));
                                background-color: rgb(var(--darkBackground));
                        
                            }
@media (min-width: 1025px) {
.nav-wrap nav#main-nav .menu-list > li ul.submenu li a, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button {
                                background-color: rgba(var(--lightBackground));
                                margin: var(--space-0);
                        }
    
                                .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:hover, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:hover, .nav-wrap nav#main-nav .menu-list > li ul.submenu li a:focus, .nav-wrap nav#main-nav .menu-list > li ul.submenu li button:focus {
                                    color: #FFF;
                                    background-color: rgb(var(--brand-primary-dark));
    
                                 }
                            }
.nav-wrap nav#main-nav.active {
            background-color: rgb(var(--brand-primary-dark));
        }
.nav-wrap nav#main-nav.active .menu-list {
                display: block;
            }
.header-overlay .nav-wrap {
        --menu-outline: 255,255,255;
        --menu-text: 255,255,255;
    }
.sidebar {

    background: rgb(var(--colorLight));
    padding: var(--space-0) var(--space-32) var(--space-16);
}
.sidebar h2 {
        font-size: var(--step-1);
        margin-bottom: var(--space-16);
        color: rgb(var(--text-black));
        font-weight: var(--regular-weight);
        padding-left: var(--space-32);
        position: relative;
        margin-top: var(--space-16);
    }
.sidebar h2 i {
            position: absolute;
            left: 0;
            color: rgb(var(--brand-primary-dark));
        }
.sidebar h3 {
        font-size: var(--step-0);
        font-weight: var(--light-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);
    }
.sidebar div.border__bottom {
            padding-bottom: var(--space-16);
        }
