@font-face { font-family: 'Montserrat Light'; font-style: normal; font-weight: normal; src: url("/static/fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Light.woff") format("woff"); }

@font-face { font-family: Montserrat; font-style: normal; font-weight: normal; src: url("/static/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Regular.woff") format("woff"); }

@font-face { font-family: Montserrat; font-style: italic; font-weight: normal; src: url("/static/fonts/Montserrat/Montserrat-Italic.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Italic.woff") format("woff"); }

@font-face { font-family: 'Montserrat Medium'; font-style: italic; font-weight: normal; src: url("/static/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Medium.woff") format("woff"); }

@font-face { font-family: Montserrat; font-style: normal; font-weight: bold; src: url("/static/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Bold.woff") format("woff"); }

@font-face { font-family: 'Montserrat Black'; font-style: normal; font-weight: bold; src: url("/static/fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("/static/fonts/Montserrat/Montserrat-Black.woff") format("woff"); }

@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: normal; src: url("/static/fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"), url("/static/fonts/NotoSans/NotoSans-Regular.woff") format("woff"); }

@font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: normal; src: url("/static/fonts/NotoSans/NotoSans-Italic.woff2") format("woff2"), url("/static/fonts/NotoSans/NotoSans-Italic.woff") format("woff"); }

@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: bold; src: url("/static/fonts/NotoSans/NotoSans-Bold.woff2") format("woff2"), url("/static/fonts/NotoSans/NotoSans-Bold.woff") format("woff"); }

@font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: bold; src: url("/static/fonts/NotoSans/NotoSans-BoldItalic.woff2") format("woff2"), url("/static/fonts/NotoSans/NotoSans-BoldItalic.woff") format("woff"); }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: normal; src: url("/static/fonts/Roboto/roboto-v29-latin-regular.woff2") format("woff2"), url("/static/fonts/Roboto/roboto-v29-latin-regular.woff") format("woff"); }

/* roboto-italic - latin */
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: normal; src: url("/static/fonts/Roboto/roboto-v29-latin-italic.woff2") format("woff2"), url("/static/fonts/Roboto/roboto-v29-latin-italic.woff") format("woff"); }

/* roboto-bold - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: bold; src: url("/static/fonts/Roboto/roboto-v29-latin-700.woff2") format("woff2"), url("/static/fonts/Roboto/roboto-v29-latin-700.woff") format("woff"); }

.about-banner-section { background-color: var(--blue); background-repeat: no-repeat; background-position: top right; display: flex; font-weight: bold; padding-bottom: 0; margin: -1rem -1rem 0 -1rem; }

.about-banner-headline { font-family: 'Montserrat'; align-self: flex-end; font-weight: normal; }

.about-banner-headline h1 { line-height: 80px; }

.about-banner-headline strong { font-weight: bold; }

.about-banner-description { font-family: Roboto, 'Noto Sans', sans-serif; font-size: 24px; line-height: 38px; }

.about-privacy-icons { gap: 2rem 1rem; margin-bottom: 2rem; }

.about-privacy-icon { text-align: center; width: 120px; }

.about-phones { color: var(--dark-grey); }

.about-phones img { max-width: 100%; }

@media screen { .about-banner-section { position: relative; background-image: url(/static/images/doctor.svg); background-size: 100%; height: 500px; } .about-banner-section::after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; z-index: 1; } .about-banner-headline { z-index: 2; } }

@media screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) { .about-banner-section { background-image: url(/static/images/doctor.svg); } }

@media screen and (min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) { .about-banner-section { background-image: url(/static/images/doctor.svg); } }

@media screen and (min-width: 800px) { .about-banner-section { background-image: url(/static/images/doctor.svg); background-size: 100% 80%; background-position: center right; height: 834px; margin-top: 100px; margin-right: -50%; } .about-banner-headline { max-width: 25%; align-self: center; margin-left: 5%; } }

@media screen and (min-width: 800px) and (min-device-pixel-ratio: 2), screen and (min-width: 800px) and (min-resolution: 192dpi), screen and (min-width: 800px) and (min-resolution: 2dppx) { .about-banner-section { background-image: url(/static/images/doctor.svg); } }

@media screen and (min-width: 800px) and (min-device-pixel-ratio: 3), screen and (min-width: 800px) and (min-resolution: 288dpi), screen and (min-width: 800px) and (min-resolution: 3dppx) { .about-banner-section { background-image: url(/static/images/doctor.svg); } }

@media screen and (min-width: 800px) { .about-phones-list { justify-content: space-evenly; } .about-phones-list > * { width: 386px; } }

:root { --white: #FFF; --blue: rgb(0,61,167); --blue-50: rgba(0,61,167,0.5); --blue-25: rgba(0,61,167,0.25); --light-blue: #F2F5FC; --grey: #999; --light-grey: #CCC; --dark-grey: #333; --orange:rgb(255, 132, 0); --orange-50:rgba(255, 132, 0, 0.5); --orange-25:rgba(255, 132, 0, 0.25); --dim-10: rgba(0, 0, 0, 0.1); --dim-05: rgba(0, 0, 0, 0.05); --percent: 0; --mobile-scroll-margin-top: 50px; --shadow-small: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

body { font-family: Roboto, 'Noto Sans', sans-serif; font-size: 14px; line-height: 1.3; padding: 0; margin: 0; }

*, :after, :before { box-sizing: border-box; }

a { color: var(--blue); cursor: pointer; }

figure { margin: 0; }

h1 { font-size: 36px; font-weight: normal; color: var(--blue); }

h2 { font-size: 24px; font-weight: normal; color: var(--blue); }

h3 { font-size: 24px; font-weight: bold; font-family: 'Montserrat Light', 'Noto Sans', sans-serif; color: var(--dark-grey); }

h4 { font-size: 1rem; font-weight: bold; }

select { border: 2px solid var(--dim-10); border-radius: 99px; background: white; padding: 5px; color: var(--grey); font: normal 14px 'Montserrat Medium', 'Noto Sans', sans-serif; }

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

.inline-list { list-style: none; padding-left: 0; }

.inline-list > * { display: inline-block; }

.inline-flex { display: flex; flex-flow: wrap; justify-content: space-evenly; list-style: none; padding-left: 0; }

.inline-flex > * { flex: 1fr; text-align: center; }

.menu { background-color: var(--light-blue); }

.menu a { color: var(--blue); text-decoration: none; font-weight: normal; }

.menu-nav { display: none; margin-right: 20px; margin-left: 20px; }

.menu-nav.is-visible { display: block; }

.menu-links { margin: 0; padding: 1rem; list-style: none; color: var(--blue); }

.menu-link { padding: 0.5rem 0; }

.menu-link ul { padding: 0.5rem 1rem 0; }

.menu-link.active a { font-weight: bold; }

.menu-sublink { padding: 0.5rem 0; list-style: none; padding-left: 18px; font-size: 18px; position: relative; display: flex; align-items: center; }

.menu-sublink a { color: var(--blue); text-decoration: none; }

.menu-sublink.active a { font-weight: bold; }

.menu-sublink:not(:last-child) a::before { content: ''; position: absolute; height: 100%; left: 5px; top: 50%; border-left: 2px var(--blue) dotted; }

.menu-sublink:not(:last-child) a::after { content: ''; position: absolute; left: 5px; top: 50%; height: 0%; border-left: 2px var(--blue) solid; }

.menu-sublink.active a::after { height: var(--percent); }

.menu-sublink.done a::after { height: 100%; }

.menu-sublink::before { transition: all 0.25s; position: absolute; top: calc(50% - 3px); left: 3px; display: inline-flex; margin-right: 12px; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: white; border: 3px var(--blue) solid; z-index: 1; }

.menu-sublink.active::before { top: calc(50% - 6px); left: 0; width: 12px; height: 12px; border-width: 2px; z-index: 2; }

.page-section { padding: 1rem; }

.page-section.is-inverted { background-color: var(--white); color: var(--blue); }

.full-width { display: block; width: 100%; }

.scorecards { display: flex; flex-direction: horizontal; gap: 10px; padding-bottom: 20px; }

.scorecard { flex: 1; width: 100%; border-radius: 4px; margin-top: 5%; padding-right: 5%; }

.scorecard.active { background-color: var(--blue-25); }

section { margin-left: 5%; margin-right: 5%; }

@media screen and (max-width: 799px) { .menu { position: sticky; top: 0; background: var(--white); z-index: 3; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1); } .menu-bar { display: flex; align-items: center; padding: 12px; gap: 12px; margin-right: 60px; margin-left: 60px; } .menu-logo { flex: 1; } section { scroll-margin-top: var(--mobile-scroll-margin-top); } .scorecards { display: block; } .about-banner-headline h1 { font-size: 30px; line-height: normal; margin-left: 20px; } .about-banner-headline p { margin-left: 20px; margin-right: 10px; font-size: 20px; } .about-banner-section { background-size: 55%; } .donuts { display: block; } }

@media screen and (min-width: 800px) { body { font-size: 22px; } h1 { font-family: 'Montserrat'; font-size: 80px; } h2 { font-family: 'Montserrat'; font-size: 44px; font-weight: bold; } .columns { display: flex; flex-direction: row; } .page { display: grid; grid-template-columns: 350px 1fr; max-height: 100vh; overflow: hidden; } .page-content { max-height: 100vh; overflow-y: scroll; overflow-x: hidden; } .menu-bar { padding: 1rem; } .menu-toggle { display: none; } .menu-nav { display: block; } .menu-links { padding-top: 0; } }

/*# sourceMappingURL=app.css.map */