ol.counter-list {
  counter-reset: section;
}
ol.counter-list > li {
  margin: 0 0 0.5rem 0 !important;
  counter-increment: counter-list-counter;
  position: relative;
  list-style: none;
}
ol.counter-list > li::before {
  counter-increment: section;
  display: inline-block;
  color: var(--bluegrey-100);
  border-radius: 50%;
  content: counter(counter-list-counter);
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 44px;
  left: calc(-1 * var(--size) - 10px);
  line-height: 40px;
  width: 44px;
  height: 44px;
  top: 0;
  text-align: center;
  border: 1px solid var(--bluegrey-100);
  background-color: var(--white);
}
ol.counter-list li ul {
  margin: 0;
  padding: 0 0 0 1.25rem;
}
#landingpage.mfa-nav .container.mfa-container article h2.mobile-heading {
  display: block;
  margin: revert;
}
#landingpage .cta-container-blue {
  background-color: var(--bluegrey-100);
  border-radius: var(--radius);
  padding: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

#landingpage .cta-container-blue .button.small {
  background-color: var(--white);
  border-radius: var(--radius-xl);
  border: 2px solid transparent;
  height: 60px;
  color: var(--bluegrey-100);
  font-family: VIC, Verdana, Helvetica, sans-serif;
  font-size: 1.25rem;
  /* transition: box-shadow 0.25s ease-out, border-color 0.5s ease-out; */
}

#landingpage .cta-container-blue .button.small:hover {
  background-color: var(--brown-dark);
  border-color: var(--white);
  color: var(--white);
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints.block {
  display: none; /* Initially hide the divs */
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints.border {
  border: 2px solid transparent;
  margin-bottom: 0;
  position: relative;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints.bad.border {
  border-color: #c33;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints.bad.border h2 {
  color: #c33;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints.good.border {
  border-color: #27871d;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints li .icon.alert {
  background-image: url(https://service.vic.gov.au/-/media/be5ee18149f84af49bfba1708c0287e1.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints li .icon.computer {
  background-image: url(https://service.vic.gov.au/-/media/82c11dada6924ceeb773bde4b18be1b8.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav
  .container.mfa-container
  ul.keypoints
  li
  .icon.login-details {
  background-image: url(https://service.vic.gov.au/-/media/e7b0cb57f072470eb59d425e026e1179.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints li .icon.passwords {
  background-image: url(https://service.vic.gov.au/-/media/8dc5266f23764094afe567cec03df721.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav
  .container.mfa-container
  ul.keypoints
  li
  .icon.phone-passwords {
  background-image: url(https://service.vic.gov.au/-/media/c22921dd8bbf49ff9dd0e01004bf41e7.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav
  .container.mfa-container
  ul.keypoints
  li
  .icon.personal-details {
  background-image: url(https://service.vic.gov.au/-/media/b257c92e0f1c42a9b120780cb4d16356.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints li .icon.purchase {
  background-image: url(https://service.vic.gov.au/-/media/2b26e0dd4fac4b62bd8070fbf3703c26.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav .container.mfa-container ul.keypoints li .icon.report {
  background-image: url(https://service.vic.gov.au/-/media/b1ecd3ed1e1d4a2bb28d558ef2389b45.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage.mfa-nav
  .container.mfa-container
  ul.keypoints
  li
  .icon.report-scamwatch {
  background-image: url(https://service.vic.gov.au/-/media/6732c1fe67d5425eaad07e86201e3156.svg);
  height: 3rem;
  width: 3rem;
  border-radius: 0;
}

#landingpage .cta-container-blue .button.small.active {
  color: var(--white);
  background: var(--orange-100);
}
.close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  font-size: 24px;
  color: #3c4a60;
  border: none;
  border-radius: 20px;
  background: none;
  transition: background-color 0.25s ease-in-out;
}
.close-button:hover {
  background-color: var(--bluegrey-10);
}

@media only screen and (min-width: 65rem) {
  #landingpage .cta-container-blue {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  #landingpage.mfa-nav .container.mfa-container article h2.mobile-heading {
    margin-top: 0;
  }
  #landingpage .cta-container-blue {
    margin-bottom: 0;
    padding: 1.5rem;
  }
}