/* line 1, static/css/style.scss */
:root {
  --primary-blue: #1B0A3E;
  --primary-blue-600: #1b0a3e99;
  --primary-bg: #F4EFF6;
  --secondary-violet-light: #E4E0FF;
  --secondary-violet-dark: #BDB7EE;
  --secondary-green: #D9F5B5;
  --white: #FFFFFF;
  --black: #000000;
  --accent: #E2F58A;
  --tr-duration: 500ms;
  --dash-length: 50%;
  --dash-size: 35px;
  --dash-width: 1.5px;
  --bs-heading-color: var(--primary-blue);
  --bs-border-color: var(--primary-blue);
  --bs-border-radius-pill: 200px; }

/* line 27, static/css/style.scss */
body {
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  background-color: #FFFFFF;
  color: var(--primary-blue); }
  @media (min-width: 768px) {
    /* line 27, static/css/style.scss */
    body {
      font-size: 24px;
      line-height: 28px; } }
/* line 41, static/css/style.scss */
.accordion {
  --bs-accordion-btn-icon: url('/static/img/triangle-up.svg?9fa7e9b96f4c');
  --bs-accordion-btn-active-icon: url('/static/img/triangle-up.svg?9fa7e9b96f4c');
  --bs-accordion-btn-icon-width: 28px; }
  /* line 46, static/css/style.scss */
  .accordion .accordion-button {
    background-color: var(--white);
    box-shadow: none; }

/* line 53, static/css/style.scss */
.flex-equal {
  flex: 1 1 0;
  min-width: 0; }

/* line 58, static/css/style.scss */
a {
  color: var(--primary-blue);
  text-decoration: none; }

/* line 63, static/css/style.scss */
*:focus-visible {
  outline: none; }

/* line 67, static/css/style.scss */
#header {
  background-color: #F4EFF6;
  height: 48px;
  border: 1px solid var(--primary-blue);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 24px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 999; }

/* line 82, static/css/style.scss */
#title {
  margin-top: 48px;
  border-bottom: 1px solid var(--primary-blue); }
  /* line 86, static/css/style.scss */
  #title.page-title {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 16px; }
    /* line 93, static/css/style.scss */
    #title.page-title .icon {
      width: 30px; }
  /* line 99, static/css/style.scss */
  #title.pillar-title #back-arrow {
    width: 16px;
    height: 16px; }
  /* line 104, static/css/style.scss */
  #title.pillar-title .icon {
    height: 98px; }

/* line 111, static/css/style.scss */
.scrolling-text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  /* line 117, static/css/style.scss */
  .scrolling-text > * {
    display: inline-block;
    animation: scroll-left 30s linear infinite; }

@keyframes scroll-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

@media (min-width: 768px) {
  /* line 133, static/css/style.scss */
  #header {
    height: 101px;
    padding: 32px 48px; }
  /* line 138, static/css/style.scss */
  #title {
    margin-top: 101px; }
    /* line 141, static/css/style.scss */
    #title.page-title {
      height: 131px;
      padding: 0 0 0 48px; }
      /* line 145, static/css/style.scss */
      #title.page-title .icon {
        width: 50px; }
    /* line 151, static/css/style.scss */
    #title.pillar-title #back-arrow {
      height: 21px;
      width: 21px; }
    /* line 155, static/css/style.scss */
    #title.pillar-title .icon {
      height: 172px; } }

/*** MENU ***/
/* line 167, static/css/style.scss */
#menu-toggle {
  color: var(--primary-blue); }

/* line 171, static/css/style.scss */
#menu {
  --menu-header-h: 48px;
  position: fixed;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  max-width: 390px;
  background-color: var(--secondary-violet-light);
  border: 1px solid var(--primary-blue);
  transform: translateX(-100%);
  transition: transform var(--tr-duration); }
  /* line 186, static/css/style.scss */
  #menu.show {
    transform: none;
    z-index: 999; }
  /* line 191, static/css/style.scss */
  #menu img {
    width: 40px;
    height: 40px; }
  /* line 196, static/css/style.scss */
  #menu > .menu-scroll {
    height: 100%;
    overflow-y: auto; }
    /* line 200, static/css/style.scss */
    #menu > .menu-scroll::after {
      content: '';
      display: block;
      border-top: 1px solid var(--primary-blue); }
    @media (min-width: 768px) {
      /* line 206, static/css/style.scss */
      #menu > .menu-scroll::after {
        height: 33vh; } }
    /* line 211, static/css/style.scss */
    #menu > .menu-scroll #menu-header {
      position: sticky;
      top: 0;
      z-index: 1;
      background-color: var(--secondary-violet-light);
      height: 48px;
      padding: 32px 24px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      border-bottom: 1px solid var(--primary-blue); }
    /* line 224, static/css/style.scss */
    #menu > .menu-scroll nav {
      position: sticky;
      top: var(--menu-header-h);
      z-index: 1;
      background-color: var(--secondary-violet-light); }
    /* line 231, static/css/style.scss */
    #menu > .menu-scroll nav > ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0; }
      /* line 236, static/css/style.scss */
      #menu > .menu-scroll nav > ul > li {
        height: 90px;
        border-bottom: 1px solid var(--primary-blue); }
        /* line 240, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li > a {
          padding: 24px 20px 24px 24px;
          height: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 247, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li > a > h2 {
            margin: 0; }
          /* line 251, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li > a > div {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center; }
        /* line 260, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li:hover {
          background-color: var(--secondary-violet-dark); }
          /* line 265, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li:hover > a > div {
            background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%231B0A3EFF' stroke-width='6' stroke-dasharray='20%2c 19' stroke-dashoffset='43' stroke-linecap='butt'/%3e%3c/svg%3e");
            border-radius: 100px; }
    /* line 275, static/css/style.scss */
    #menu > .menu-scroll .sub-menu a {
      display: flex;
      align-items: center;
      overflow: hidden; }
      /* line 280, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a p {
        margin: 0; }
      /* line 284, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a::before {
        content: '';
        flex-shrink: 0;
        display: inline-block;
        width: 1em;
        max-width: 0;
        height: 1em;
        margin-right: 0;
        overflow: hidden;
        background-image: url("/static/img/arrow-right.svg?9fa7e9b96f4c");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: max-width 0.25s ease, opacity 0.25s ease, margin-right 0.25s ease; }
      /* line 302, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a:hover::before {
        max-width: 1em;
        margin-right: 8px;
        opacity: 1; }

@media (min-width: 768px) {
  /* line 316, static/css/style.scss */
  #menu {
    --menu-header-h: 100px;
    max-width: 800px; }
    /* line 321, static/css/style.scss */
    #menu #menu-close img {
      height: 60px; }
    /* line 326, static/css/style.scss */
    #menu img {
      width: 74px;
      height: 74px; }
    /* line 333, static/css/style.scss */
    #menu > .menu-scroll #menu-header {
      padding: 32px 24px;
      height: 100px; }
    /* line 340, static/css/style.scss */
    #menu > .menu-scroll nav > ul > li {
      height: 131px; }
      /* line 343, static/css/style.scss */
      #menu > .menu-scroll nav > ul > li > a {
        padding: 16px 12px 16px 24px; }
        /* line 346, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li > a > div {
          width: 100px;
          height: 100px; } }

/*** CHIPS & LABEL ***/
/* line 360, static/css/style.scss */
.chip {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  color: var(--primary-blue-600); }
  @media (min-width: 768px) {
    /* line 360, static/css/style.scss */
    .chip {
      min-width: 200px;
      padding: 16px 24px;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px;
      border-radius: 72px;
      color: var(--primary-blue);
      background-color: var(--secondary-green); } }
/* line 381, static/css/style.scss */
.chip-small {
  padding: 8px 16px;
  border-radius: 8px;
  width: fit-content;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  align-content: center;
  color: var(--primary-blue);
  background-color: var(--secondary-green); }
  @media (min-width: 768px) {
    /* line 381, static/css/style.scss */
    .chip-small {
      font-size: 20px;
      line-height: 24px;
      padding: 8px 24px; } }
/* line 401, static/css/style.scss */
.tag-chip {
  padding: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-style: italic;
  color: var(--primary-blue);
  background-color: var(--secondary-violet-light); }
  @media (min-width: 1200px) {
    /* line 401, static/css/style.scss */
    .tag-chip {
      font-size: 20px; } }
/* line 415, static/css/style.scss */
.label {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: var(--primary-blue);
  padding: 8px 16px;
  border-radius: 72px;
  background-color: var(--secondary-green);
  width: fit-content;
  cursor: pointer;
  border: 1px solid transparent; }
  @media (min-width: 768px) {
    /* line 415, static/css/style.scss */
    .label {
      padding: 16px 24px;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px; } }
  /* line 436, static/css/style.scss */
  .label.level-selected {
    border: 1px solid black; }

/* line 442, static/css/style.scss */
#footer {
  padding: 24px 48px;
  background-color: var(--primary-blue);
  color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px; }

/* line 453, static/css/style.scss */
#footer-info > p {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 20px; }

/* line 459, static/css/style.scss */
#footer-info > img {
  display: block;
  margin-bottom: 16px; }

/* line 464, static/css/style.scss */
#footer-info > span {
  font-size: 14px;
  line-height: 16px; }

/* line 470, static/css/style.scss */
#footer-logos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px; }
  /* line 477, static/css/style.scss */
  #footer-logos > img {
    width: 75px; }

@media (min-width: 768px) {
  /* line 484, static/css/style.scss */
  #footer {
    padding: 86px 48px; }
  /* line 489, static/css/style.scss */
  #footer-info {
    width: 50%; }
    /* line 493, static/css/style.scss */
    #footer-info > p {
      font-weight: 500;
      font-size: 18px;
      line-height: 20px; }
    /* line 499, static/css/style.scss */
    #footer-info > img {
      display: block;
      margin-bottom: 32px; }
    /* line 504, static/css/style.scss */
    #footer-info > span {
      font-weight: 500;
      font-size: 18px;
      line-height: 20px; }
  /* line 511, static/css/style.scss */
  #footer-logos {
    display: flex;
    flex-direction: row;
    gap: 48px; }
    /* line 516, static/css/style.scss */
    #footer-logos > img {
      width: auto;
      height: 160px; } }

/* line 529, static/css/style.scss */
#pillars-list > div {
  border-top: 1px solid var(--primary-blue);
  border-left: 1px solid var(--primary-blue); }
  /* line 533, static/css/style.scss */
  #pillars-list > div > div {
    border-bottom: 1px solid var(--primary-blue);
    border-right: 1px solid var(--primary-blue);
    background-color: var(--secondary-green); }
    /* line 540, static/css/style.scss */
    #pillars-list > div > div:active, #pillars-list > div > div:focus, #pillars-list > div > div:target {
      background-color: var(--accent); }

/* line 546, static/css/style.scss */
#pillars-list img {
  max-height: 140px;
  width: auto; }
  @media (min-width: 1200px) {
    /* line 546, static/css/style.scss */
    #pillars-list img {
      max-height: 200px; } }
/* line 555, static/css/style.scss */
#pillars-list .icon {
  width: 32px;
  height: 32px;
  border-radius: 1000px; }
  /* line 559, static/css/style.scss */
  #pillars-list .icon:hover {
    background-color: var(--white); }
  @media (min-width: 768px) {
    /* line 555, static/css/style.scss */
    #pillars-list .icon {
      padding: 8px;
      width: 80px;
      height: 80px; } }
/* line 574, static/css/style.scss */
#home-toolkit img {
  height: 200px;
  border: 1px solid var(--primary-blue); }
  @media (min-width: 768px) {
    /* line 574, static/css/style.scss */
    #home-toolkit img {
      height: 100%;
      border: none; } }
/* line 587, static/css/style.scss */
.logo-box {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 594, static/css/style.scss */
.logo-box img {
  max-height: 80px;
  width: auto; }

/* line 604, static/css/style.scss */
#pillar-cover {
  height: 200px; }
  @media (min-width: 992px) {
    /* line 604, static/css/style.scss */
    #pillar-cover {
      height: 100%;
      max-height: 430px; } }
/* line 613, static/css/style.scss */
#levels-container {
  background-color: #E4E0FF80; }
  @media (min-width: 992px) {
    /* line 613, static/css/style.scss */
    #levels-container {
      background-color: white; } }
/* line 622, static/css/style.scss */
#questionnaire-resources-tab {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid var(--primary-blue);
  box-sizing: border-box; }
  /* line 630, static/css/style.scss */
  #questionnaire-resources-tab li {
    width: 50%;
    box-sizing: border-box; }
    /* line 634, static/css/style.scss */
    #questionnaire-resources-tab li button {
      margin: 0;
      width: 100%;
      background-color: #1b0a3e1a;
      border-radius: 0;
      border: none;
      box-sizing: border-box;
      padding-left: 8px;
      padding-right: 8px; }
      /* line 644, static/css/style.scss */
      #questionnaire-resources-tab li button#questionnaire.active {
        background-color: var(--secondary-violet-dark); }
      /* line 648, static/css/style.scss */
      #questionnaire-resources-tab li button#resources.active {
        background-color: var(--accent); }
    /* line 653, static/css/style.scss */
    #questionnaire-resources-tab li:not(:first-child) {
      border-left: 1px solid var(--primary-blue); }

@media (min-width: 768px) {
  /* line 661, static/css/style.scss */
  #questionnaire-tab-pane .chip {
    background-color: var(--secondary-violet-light); }
  /* line 667, static/css/style.scss */
  #resources-tab-pane .chip {
    background-color: var(--secondary-green); }
  /* line 672, static/css/style.scss */
  .results-header {
    border: 1px solid var(--primary-blue);
    border-top: none; } }

/* line 679, static/css/style.scss */
.pillar-image img {
  width: 100%;
  max-width: 100%;
  height: 455px;
  object-fit: cover; }

/* line 707, static/css/style.scss */
#cover-media {
  width: 100%;
  object-fit: cover; }
  /* line 711, static/css/style.scss */
  #cover-media.cover-media-full {
    height: 300px; }
    @media (min-width: 768px) {
      /* line 711, static/css/style.scss */
      #cover-media.cover-media-full {
        height: 631px; } }
  /* line 719, static/css/style.scss */
  #cover-media.cover-media-slim {
    height: 144px; }
    @media (min-width: 768px) {
      /* line 719, static/css/style.scss */
      #cover-media.cover-media-slim {
        height: 328px; } }
/*** dashed border ***/
/* line 755, static/css/style.scss */
.dashed-border {
  background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
  background-position: top, bottom, left, right;
  background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
  /* line 759, static/css/style.scss */
  .dashed-border-top {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top;
    background-size: var(--dash-size) var(--dash-width);
    background-repeat: repeat-x; }
  /* line 760, static/css/style.scss */
  .dashed-border-bottom {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: bottom;
    background-size: var(--dash-size) var(--dash-width);
    background-repeat: repeat-x; }
  /* line 761, static/css/style.scss */
  .dashed-border-left {
    background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: left;
    background-size: var(--dash-width) var(--dash-size);
    background-repeat: repeat-y; }
  /* line 762, static/css/style.scss */
  .dashed-border-right {
    background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: right;
    background-size: var(--dash-width) var(--dash-size);
    background-repeat: repeat-y; }
  /* line 765, static/css/style.scss */
  .dashed-border-no-top {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: bottom, left, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-y, repeat-y; }
  /* line 766, static/css/style.scss */
  .dashed-border-no-bottom {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, left, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-y, repeat-y; }
  /* line 767, static/css/style.scss */
  .dashed-border-no-left {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, bottom, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-x, repeat-y; }
  /* line 768, static/css/style.scss */
  .dashed-border-no-right {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, bottom, left;
    background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-x, repeat-y; }
  @media (min-width: 768px) {
    /* line 772, static/css/style.scss */
    .dashed-border-md {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 773, static/css/style.scss */
    .dashed-border-md-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 774, static/css/style.scss */
    .dashed-border-md-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 775, static/css/style.scss */
    .dashed-border-md-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 776, static/css/style.scss */
    .dashed-border-md-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 777, static/css/style.scss */
    .dashed-border-md-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 778, static/css/style.scss */
    .dashed-border-md-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 779, static/css/style.scss */
    .dashed-border-md-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 780, static/css/style.scss */
    .dashed-border-md-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
  @media (min-width: 992px) {
    /* line 785, static/css/style.scss */
    .dashed-border-lg {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 786, static/css/style.scss */
    .dashed-border-lg-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 787, static/css/style.scss */
    .dashed-border-lg-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 788, static/css/style.scss */
    .dashed-border-lg-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 789, static/css/style.scss */
    .dashed-border-lg-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 790, static/css/style.scss */
    .dashed-border-lg-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 791, static/css/style.scss */
    .dashed-border-lg-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 792, static/css/style.scss */
    .dashed-border-lg-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 793, static/css/style.scss */
    .dashed-border-lg-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
  @media (min-width: 1200px) {
    /* line 798, static/css/style.scss */
    .dashed-border-xl {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 799, static/css/style.scss */
    .dashed-border-xl-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 800, static/css/style.scss */
    .dashed-border-xl-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 801, static/css/style.scss */
    .dashed-border-xl-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 802, static/css/style.scss */
    .dashed-border-xl-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 803, static/css/style.scss */
    .dashed-border-xl-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 804, static/css/style.scss */
    .dashed-border-xl-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 805, static/css/style.scss */
    .dashed-border-xl-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 806, static/css/style.scss */
    .dashed-border-xl-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
/*** toolkit page ***/
/* line 812, static/css/style.scss */
.toolkit-boxes {
  max-width: 1776px;
  margin-left: auto;
  margin-right: auto; }

/* line 818, static/css/style.scss */
.toolkit-box {
  display: flex;
  flex-direction: row; }
  @media (min-width: 768px) {
    /* line 818, static/css/style.scss */
    .toolkit-box {
      flex: 1;
      min-width: 0; } }
/* line 828, static/css/style.scss */
.toolkit-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column; }

/*** pillar resources ***/
/* line 836, static/css/style.scss */
.resource {
  overflow: hidden;
  max-width: 100%;
  padding: 0;
  height: fit-content; }
  @media (min-width: 992px) {
    /* line 836, static/css/style.scss */
    .resource {
      /* &.hidden-cover {
            > div:first-child {
                max-width: 80%;
            }
        } */ }
      /* line 844, static/css/style.scss */
      .resource > div:first-child {
        flex: 1;
        min-width: 0; }
      /* line 856, static/css/style.scss */
      .resource .cover {
        padding: 0 0 1.5px 0;
        overflow: hidden;
        flex-shrink: 0;
        width: 20%; }
        /* line 862, static/css/style.scss */
        .resource .cover img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      /* line 869, static/css/style.scss */
      .resource.hero-resource .cover {
        padding: 2px 1px 0 0;
        width: 35%; }
      /* line 874, static/css/style.scss */
      .resource .media {
        aspect-ratio: 1 / 1;
        flex-shrink: 0;
        width: 15%; }
        /* line 879, static/css/style.scss */
        .resource .media img {
          width: auto;
          height: 80px; } }
/*** list layout resource ***/
@media (min-width: 992px) {
  /* line 890, static/css/style.scss */
  .resource.layout-list > div:first-child {
    max-width: 100%; } }

/* line 895, static/css/style.scss */
.resource.layout-list .resource-list-cover {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  /* line 900, static/css/style.scss */
  .resource.layout-list .resource-list-cover > img {
    width: 100%;
    height: 204px;
    object-fit: cover;
    display: block; }

/* line 908, static/css/style.scss */
.resource.layout-list.is-open .resource-list-cover {
  height: 204px;
  border-bottom: 1px solid var(--primary-blue); }

/* line 913, static/css/style.scss */
.resource.layout-list .resource-list-actions {
  cursor: pointer;
  color: var(--primary-blue);
  text-decoration: none; }
  /* line 918, static/css/style.scss */
  .resource.layout-list .resource-list-actions:hover {
    background-color: var(--primary-bg); }
  /* line 922, static/css/style.scss */
  .resource.layout-list .resource-list-actions a {
    color: var(--primary-blue);
    text-decoration: none; }

/* line 928, static/css/style.scss */
.resource.layout-list.is-open {
  flex-direction: column !important;
  background-image: none !important;
  border: 1px solid var(--primary-blue); }
  /* line 933, static/css/style.scss */
  .resource.layout-list.is-open .resource-list-actions {
    background-image: none !important;
    border-top: 1px solid var(--primary-blue); }
    /* line 937, static/css/style.scss */
    .resource.layout-list.is-open .resource-list-actions:focus, .resource.layout-list.is-open .resource-list-actions:active {
      background-color: var(--accent) !important; }

/* line 943, static/css/style.scss */
.resource.layout-list .icon {
  max-width: 23px; }
  @media (min-width: 992px) {
    /* line 943, static/css/style.scss */
    .resource.layout-list .icon {
      max-width: 27px; } }
/* line 953, static/css/style.scss */
.toolkit-icon {
  min-width: 72px;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: none;
  margin-right: 24px; }
  /* line 962, static/css/style.scss */
  .toolkit-icon .icon {
    width: 36px;
    height: 36px; }
  @media (min-width: 1440px) {
    /* line 953, static/css/style.scss */
    .toolkit-icon {
      display: flex; } }
/*** resources page ***/
@media (min-width: 768px) and (max-width: 1200px) {
  /* line 978, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 64px;
    line-height: 68px; } }

@media (min-width: 768px) and (max-width: 1200px) {
  /* line 989, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 64px;
    line-height: 68px; } }

@media (max-width: 576px) {
  /* line 989, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 24px;
    line-height: 32px; } }

/* line 1004, static/css/style.scss */
.search-container {
  position: relative; }
  /* line 1007, static/css/style.scss */
  .search-container .form-control:focus {
    box-shadow: none;
    border-color: inherit; }
  /* line 1012, static/css/style.scss */
  .search-container .search-input {
    height: 46px;
    border-radius: 25px;
    padding: 11px 56px 11px 23px;
    color: var(--primary-blue); }
  /* line 1019, static/css/style.scss */
  .search-container .search-icon {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%); }