:root {
  /* White */
  --white: #ffffff;

  /* Grey */
  --grey0: #f3f3f3;
  --grey50: #fafafa;
  --grey100: #e6e6e6;
  --grey200: #d9d9d9;
  --grey300: #cccccc;
  --grey400: #c0c0c0;
  --grey500: #b3b3b3;
  --grey600: #a6a6a6;
  --grey700: #999999;
  --grey800: #8d8d8d;
  --grey900: #808080;

  /* Blue */
  --blue0: #e6ecf1;
  --blue100: #ccd8e2;
  --blue200: #b3c4d4;
  --blue300: #99b0c5;
  --blue400: #809db7;
  --blue500: #6789a9;
  --blue600: #4e759a;
  --blue700: #34618c;
  --blue800: #1b4e7e;
  --blue900: #013a6f;
  --blue1000: #0075c3;
  --blue1100: #eaf5fb;

  --baby-blue: #eaf5fb;
  --dark-blue: #141d3a;

  /* Neutral */
  --neutral0: #e6e8e9;
  --neutral100: #cccfd3;
  --neutral200: #b3b8bd;
  --neutral300: #99a0a6;
  --neutral400: #808890;
  --neutral500: #66707a;
  --neutral600: #4d5964;
  --neutral700: #33414d;
  --neutral800: #1a2938;
  --neutral900: #001121;

  /* Red */
  --red0: #fdebe9;
  --red100: #fad5d2;
  --red200: #f8c1bc;
  --red300: #f5aba5;
  --red400: #f3978f;
  --red500: #f08279;
  --red600: #ee6d63;
  --red700: #eb584c;
  --red800: #e94336;
  --red900: #e62e1f;

  /* Green */
  --green0: #e6f6ee;
  --green100: #cceddc;
  --green200: #b3e4cb;
  --green300: #99dbb9;
  --green400: #80d3a8;
  --green500: #66ca97;
  --green600: #4dc186;
  --green700: #33b874;
  --green800: #1aaf62;
  --green900: #00a651;

  /* Yellow */
  --yellow0: #fffaeb;
  --yellow100: #fff5d6;
  --yellow200: #fff0c2;
  --yellow300: #ffebad;
  --yellow400: #ffe699;
  --yellow500: #ffe085;
  --yellow600: #ffdb71;
  --yellow700: #ffd65c;
  --yellow800: #ffd148;
  --yellow900: #ffcc33;

  /* Links */
  --medium-blue: #0075c3;

  --font-weight-normal: 300;
  --font-weight-bold: 700;

  --darkblue: #141d3a;
  --fablue: #005288;
}

@font-face {
  font-family: Avenir;
  src: url('$CMS_REF(media:"avenirltstd_light")$') format("woff");
}

@font-face {
  font-family: Avenir;
  src: url('$CMS_REF(media:"avenirltstd_book")$') format("woff");
}

@font-face {
  font-family: Avenir;
  src: url('$CMS_REF(media:"avenirltstd_medium")$') format("woff");
}

@font-face {
  font-family: Avenir;
  src: url('$CMS_REF(media:"avenirltstd_heavy")$') format("woff");
}

body {
  font-family: Avenir;
  color: var(--neutral900);
  margin: 0;
  display: flex;
  justify-content: center;
}

h1, h2 {
  font-weight: 800;
}

h1 {
  font-size: 2.375rem;
  line-height: 2.875rem;
  margin-bottom: 1.5rem;
}

.landing_page_top_section p, .landing_page_bottom_section p {
  font-weight: var(--font-weight-normal);
  font-size: 1rem;
  line-height: 1.625rem;
}

a {
  color: var(--medium-blue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.image {
  order: 1;
  object-fit: cover;
  margin-bottom: 2.5rem;
  height: 25rem;
  width: 100%;
}

.landing_page_wrapper {
  padding: 2.5rem 1.5rem;
  max-width: 1312px;
}

.landing_page_subheading {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 2.5rem;
}

.claim_question_title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

.claim_question_text {
  margin-bottom: 2.5rem;
}

.landing_page_top_section {
  max-width: 100%;
  margin-bottom: 4rem;
}

.landing_page_bottom_section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.claim_question_container {
  order: 2;
}

@media (min-width: 1440px) {
  .landing_page_wrapper {
    margin: 2.5rem auto;
  }

  .landing_page_top_section {
    max-width: 47.1875rem;
  }
}

@media (min-width: 1024px) {
  .image {
    width: 50%;
    height: 25rem;
    order: 2;
  }

  .landing_page_bottom_section {
    flex-direction: row;
  }

  .claim_question_container {
    order: 1;
    margin-right: 3rem;
    width: 50%;
  }
}

/* NDE component */


.activity-card-list__desktop {
  display: none;
}

.activity-card-list__mobile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem 1.5rem;
  justify-content: center;
  margin: 3rem auto 4rem auto;
  width: 100%;
}

.activity-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.activity-card__image span {
  background-color: var(--Baby-Blue, #f2f9fd);
  display: inline-block;
  border-radius: 3rem;
}
.activity-card-list__mobile .activity-card__content {
  padding-top: 1.5rem;
}
.activity-card__image img {
  width: 2.7rem;
  height: 2.7rem;
  margin: 0.5rem;
}
.activity-card {
  text-align: left;
  text-wrap: wrap;
  margin: 0 auto;
  gap: 1.5rem;
  max-width: 10.68rem;
}

.activity-card__link-text {
  display: flex;
  flex-direction: row;
}
.activity-card__title,
.activity-card__text,
.activity-card__link,
.activity-card__link-text {
  font-size: 1rem;
  margin: 0;
}
.activity-card__title,
.activity-card__text {
  line-height: 1.625rem;
}
.activity-card__link,
.activity-card__link-text {
  line-height: 1.25rem;
}
.activity-card__title,
.activity-card__link,
.activity-card__link-text {
  font-weight: 800;
}
.activity-card__text {
  font-weight: 350;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.activity-card__link img,
.activity-card__link-text img {
  margin-left: 0.5rem;
}
.activity-card__link img {
  position: relative;
  bottom: -0.125rem;
}
.activity-card__link,
.activity-card-list__desktop a,
.activity-card-list__mobile a {
  color: var(--dark-blue);
  text-decoration: none;
}
.activity-card__link:hover {
  color: var(--medium-blue);
  cursor: pointer;
}

.activity-card-list__mobile .activity-card__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.activity-card__link-text img{
  bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .activity-card-list__desktop {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    column-gap: 56px;
    margin-top: 2rem;
    margin-bottom: 80px;
  }
  .activity-card-list__mobile {
    display: none;
  }

  .activity-card {
    max-width: 17.875rem;
  }
  .activity-card-list__mobile .activity-card__link {
    display: none;
  }
  .activity-card-list__desktop .activity-card__content {
    display: grid;
    justify-content: space-between;
    flex-direction: column;
    grid-template-rows: 1fr;
    height: 100%;
  }
  .activity-card__link-text img{
  bottom: 0;
} 
}
.footer__links-drawer ul li{
  line-height: 1rem !important;
}
