.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button {
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 840px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.container-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 181px;
  margin-bottom: 0px;
  padding-right: 80px;
  padding-left: 80px;
  clear: both;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading {
  position: static;
  left: 0%;
  top: 6%;
  right: 0%;
  bottom: auto;
  padding: 0px;
  font-family: Gilroy, sans-serif;
  color: #ca0e0e;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}

.lottie-animation {
  display: block;
  width: 186px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.paragraph {
  max-width: 543px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}

.paragraph.instructions {
  max-width: 648px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #1f5f56;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.lottie-animation-2 {
  position: relative;
  left: -285.2px;
  top: 397px;
  right: 0vw;
  bottom: 0vh;
  width: 332px;
  margin-top: 0px;
  margin-left: 0px;
}

.lottie-animation-3 {
  position: absolute;
  left: 800px;
  top: -78%;
  right: 0%;
  bottom: 0%;
  width: 231px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.section-2 {
  width: 100vw;
  height: 30vh;
}

.section-3 {
  height: 80vh;
}

.container-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 55px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-4 {
  position: relative;
  left: 273px;
  top: 262px;
  width: 324px;
  -webkit-transform: rotate(94deg);
  -ms-transform: rotate(94deg);
  transform: rotate(94deg);
}

.lottie-animation-5 {
  position: absolute;
  width: 423px;
  max-width: none;
  margin-top: 386px;
  margin-left: -507px;
}

.lottie-animation-6 {
  position: absolute;
  width: 180px;
  max-width: none;
  margin-top: 55px;
  margin-left: 711px;
}

.text-block {
  position: absolute;
  margin-top: 597px;
  margin-left: 94px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Gilroy, sans-serif;
  color: #fd294d;
  font-size: 32px;
  font-weight: 700;
}

.text-block.click-me {
  margin-top: -172px;
  margin-left: 832px;
  color: #000;
}

.image {
  position: absolute;
  width: 67px;
  margin-top: 622px;
  margin-left: 12px;
  background-color: transparent;
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(-103deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(-103deg);
  color: #9b2323;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bold-text {
  overflow: visible;
  color: #000;
}

.section-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #37a833;
  color: #694d4d;
}

.section-4._1 {
  color: #920000;
}

.game-page-heading {
  font-family: Gilroy, sans-serif;
  color: #fff;
  font-size: 50px;
  line-height: 37px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.6px;
}

.container-4 {
  margin-top: 76px;
  font-size: 14px;
}

.text-span {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
}

.text-span-2 {
  font-size: 34px;
  font-weight: 300;
}

.text-span-3 {
  font-size: 25px;
  font-weight: 300;
}

.container-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.html-embed {
  margin-top: 418px;
  margin-right: 369px;
}

.image-2 {
  max-width: 236px;
  margin-top: 134px;
  margin-left: 41vw;
}

.image-3 {
  max-width: 60px;
  -webkit-transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  transform: rotate(14deg);
}

.link-block {
  display: inline-block;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -o-object-fit: none;
  object-fit: none;
}

.link-block-2 {
  position: absolute;
  left: 13.9vw;
  top: 38.6vw;
  overflow: hidden;
}

.image-4 {
  overflow: hidden;
  max-width: 55%;
}

.link-block-3 {
  position: absolute;
  left: 1.8vw;
  top: 48.1vh;
}

.image-5 {
  max-width: 38%;
}

.image-6 {
  max-width: 41%;
}

.section-5 {
  width: 100vw;
  height: 100vh;
  background-color: #c22a3c;
}

.section-5._1 {
  background-color: #3b6097;
}

.section-5._1._2 {
  background-color: #acbb57;
}

.section-5._1._2._3 {
  background-color: #f19141;
}

.section-5._1._2._3._4 {
  background-color: #8266a3;
}

.section-5._1._2._3._4._5 {
  background-color: #4cc5cc;
}

.section-5._1._2._3._4._5._6 {
  background-color: #4db95c;
}

.link-block-4 {
  position: absolute;
  left: 88.9vw;
  top: 9.5vh;
}

.image-8 {
  max-width: 125px;
}

.link-block-5 {
  position: absolute;
  left: 65vw;
  top: 7.8vh;
}

.link-block-5._1 {
  left: 67.1vw;
  top: 86.3vh;
}

.link-block-5._1._2 {
  left: 8.1vw;
}

.link-block-5._1._2._3 {
  left: 40.9vw;
  top: 50.8vh;
}

.link-block-5._1._2._3._4 {
  left: 93.6vw;
  top: 23.8vh;
}

.link-block-5._1._2._3._4._5 {
  left: 5.2vw;
}

.link-block-5._1._2._3._4._5._6 {
  left: 36.7vw;
  top: 79vh;
}

.image-9 {
  max-width: 80px;
}

.image-10 {
  max-width: 75px;
}

.image-11 {
  max-width: 61px;
}

.image-12 {
  max-width: 45px;
}

.image-13 {
  max-width: 53px;
}

.image-14 {
  max-width: 38px;
}

.heading-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 87px;
  margin-left: 0px;
  padding-right: 52px;
  padding-left: 52px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.heading-3 {
  margin-top: 191px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 100vw;
  }

  .section {
    height: 796px;
  }

  .lottie-animation-2 {
    left: -15.8vw;
    top: 46vh;
    right: 0vw;
    width: 249px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .lottie-animation-3 {
    left: 17.5vw;
    top: -2.1vh;
    width: auto;
    max-width: 192px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .container-3 {
    margin-top: 32px;
  }

  .lottie-animation-5 {
    width: 359px;
    max-width: none;
    margin-top: 418px;
    margin-left: -315px;
  }

  .lottie-animation-6 {
    width: 180px;
    max-width: none;
    margin-top: 13px;
    margin-left: 557px;
  }

  .text-block {
    margin-left: 159px;
  }

  .image {
    margin-left: 82px;
  }

  .container-4 {
    padding-right: 27px;
    padding-left: 27px;
  }

  .image-2 {
    margin-left: 35vw;
  }

  .link-block-2 {
    top: 65.7vw;
  }

  .image-5 {
    max-width: 64%;
  }
}

@media screen and (max-width: 767px) {
  .container-2 {
    padding-right: 35px;
    padding-left: 35px;
  }

  .heading {
    margin-right: 0px;
    margin-left: 0px;
  }

  .paragraph.instructions {
    padding-right: 83px;
    padding-left: 83px;
  }

  .lottie-animation-2 {
    left: -8.5vw;
    top: 48.8vh;
    width: 210px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .lottie-animation-3 {
    left: 19.8vw;
    top: -2.6vh;
    width: auto;
    max-width: 182px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .container-3 {
    margin-top: 50px;
  }

  .lottie-animation-5 {
    width: 359px;
    max-width: none;
    margin-left: -11px;
  }

  .lottie-animation-6 {
    overflow: hidden;
    width: 180px;
    max-width: none;
    margin-left: 368px;
  }

  .text-block {
    margin-top: 686px;
    margin-left: 415px;
  }

  .image {
    margin-top: 680px;
    margin-left: 311px;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(-140deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(-140deg);
  }

  .image-2 {
    margin-left: 27vw;
  }

  .link-block-2 {
    top: 88.9vw;
  }

  .image-5 {
    max-width: 81%;
  }

  .image-7 {
    max-width: 157%;
  }

  .link-block-5._1._2._3._4 {
    left: 90.4vw;
  }
}

@media screen and (max-width: 479px) {
  .section {
    height: 780px;
  }

  .container-2 {
    margin-top: 206px;
    padding-right: 28px;
    padding-left: 28px;
  }

  .heading {
    font-size: 30px;
  }

  .paragraph.instructions {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 20px;
  }

  .lottie-animation-2 {
    left: 4.6px;
    top: 438.3px;
    width: 216px;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
  }

  .lottie-animation-3 {
    left: 3vw;
    top: -0.2vh;
    right: 0vw;
    bottom: 0vh;
    width: 137px;
    max-width: none;
    margin-top: 0px;
    margin-left: 0px;
  }

  .container-3 {
    margin-top: 54px;
  }

  .lottie-animation-5 {
    width: 229px;
    margin-top: 521px;
    margin-left: 0px;
  }

  .lottie-animation-6 {
    width: 151px;
    margin-top: 6px;
    margin-left: 123px;
  }

  .text-block {
    margin-top: 752px;
    margin-left: 116px;
  }

  .image {
    width: 34px;
    margin-top: 727px;
    margin-left: 37px;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(180deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(180deg);
  }

  .bold-text {
    font-size: 26px;
  }

  .game-page-heading {
    font-size: 40px;
    line-height: 20px;
  }

  .image-2 {
    max-width: 192px;
    margin-top: 115px;
    margin-left: 19vw;
  }

  .text-span-4 {
    line-height: 45px;
  }

  .link-block-2 {
    top: 50vh;
  }

  .image-5 {
    max-width: 86%;
  }

  .section-5 {
    overflow: hidden;
  }

  .section-5._1._2 {
    background-color: #acbb57;
  }

  .link-block-4 {
    left: 6.5vw;
  }

  .image-7 {
    max-width: 37%;
  }

  .link-block-5 {
    left: 47.5vw;
  }

  .link-block-5._1._2 {
    left: 2vw;
    top: 60.7vh;
  }

  .link-block-5._1._2._3._4 {
    left: 73.4vw;
  }

  .image-10 {
    max-width: 59px;
  }

  .heading-2 {
    font-size: 26px;
    line-height: 35px;
  }

  .heading-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 128px;
    padding-right: 57px;
    padding-left: 57px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}