.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #123146;
}

.intro_section {
  width: 100%;
  grid-row-gap: 40px;
  background-color: #031d2e;
  background-image: url('../images/stars.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 80px;
  display: flex;
}

.intro_topblock {
  width: 100%;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.intro_toptxtblock {
  width: 100%;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.intro_h1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.intro_h1acc {
  color: #33b9de;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(60deg, #1d4cb3 15%, #33b9de 85%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
}

.intro_subtxt {
  width: 100%;
  max-width: 680px;
  color: #a0a0a0;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.cta_block {
  min-width: 350px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1d4cb3;
  background-image: linear-gradient(60deg, #1d4cb3 15%, #33b9de 85%);
  border: 1px solid #1d4cb3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  box-shadow: 0 0 16px rgba(51, 185, 222, .24);
}

.cta_block:hover {
  background-color: #725ee1;
  transform: translate(0, -4px);
  box-shadow: 0 0 16px rgba(51, 185, 222, .56);
}

.cta_iconarrow {
  width: 24px;
  height: 24px;
}

.cta_text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.intro_cardsblock {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-right: -24px;
  display: flex;
}

.intro_card {
  z-index: 3;
  width: 200px;
  height: 350px;
  min-height: 320px;
  min-width: 200px;
  background-color: #1e1f23;
  background-image: url('../images/card03_reg.png');
  background-position: 50%;
  background-size: cover;
  border: 2px solid #33b9de;
  border-radius: 8px;
  margin-left: -24px;
  transition: all .2s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0, 240, 199, .24);
}

.intro_card:hover {
  z-index: 9;
  background-image: url('../images/card03_blue.png');
  transform: translate(0, -8px);
  box-shadow: 0 0 16px rgba(0, 240, 199, .8);
}

.intro_card.rotatemin1 {
  z-index: 2;
  background-image: url('../images/card02_reg.png');
  margin-bottom: -4px;
  transform: rotate(-1deg);
}

.intro_card.rotatemin1:hover {
  z-index: 9;
  background-image: url('../images/card02_blue.png');
  transform: translate(0, -8px)rotate(0);
}

.intro_card.rotatemin3 {
  z-index: 1;
  background-image: url('../images/card01_reg.png');
  margin-bottom: -16px;
  transform: rotate(-2deg);
}

.intro_card.rotatemin3:hover {
  z-index: 9;
  background-image: url('../images/card01_blue.png');
  transform: translate(0, -8px)rotate(0);
}

.intro_card.rotate3 {
  z-index: 5;
  background-image: url('../images/card05_reg.png');
  margin-bottom: -16px;
  transform: rotate(3deg);
}

.intro_card.rotate3:hover {
  z-index: 9;
  background-image: url('../images/card05_blue.png');
  transform: translate(0, -8px)rotate(0);
}

.intro_card.rotate1 {
  z-index: 4;
  background-image: url('../images/card04_reg.png');
  margin-bottom: -4px;
  transform: rotate(1deg);
}

.intro_card.rotate1:hover {
  z-index: 9;
  background-image: url('../images/card04_blue.png');
  transform: translate(0, -8px)rotate(0);
}

.intro_cardtext {
  z-index: 1;
  width: 100%;
  color: #33b9de;
  text-align: center;
  background-color: #151718;
  padding: 8px;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.intro_endtext {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.separator_arc {
  width: 100%;
  margin-top: -2px;
}

.separator_arc.arc02 {
  margin-top: 0;
  margin-bottom: -2px;
  transform: rotate(180deg);
}

.main_section {
  width: 100%;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 80px;
  display: flex;
}

.quote_section {
  width: 100%;
  grid-row-gap: 40px;
  background-color: #031d2e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.quote_topblock {
  width: 100%;
  max-width: 800px;
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote_icon {
  width: 48px;
  height: 48px;
}

.quote_icon.mirrorquote {
  transform: rotate(180deg);
}

.quote_toptext {
  color: #b3b3b3;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
}

.quote_bottomblock {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.quote_statsblock {
  width: 100%;
  grid-row-gap: 24px;
  background-color: #08273c;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  display: flex;
}

.quote_statsacctxt {
  color: #33b9de;
  text-align: center;
  text-transform: uppercase;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.quote_statstxt {
  color: #fff;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.topics_section {
  width: 100%;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.topic_h2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.topic_list {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.topic_block {
  width: 25%;
  grid-row-gap: 24px;
  background-color: #08273c;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px;
  transition: all .2s ease-in-out;
  display: flex;
  box-shadow: 0 4px 16px rgba(30, 31, 35, .16);
}

.topic_block:hover {
  transform: scale(1.1);
  box-shadow: 0 0 16px rgba(30, 31, 35, .4);
}

.topic_icon {
  width: 100px;
  height: 100px;
  flex: none;
}

.topic_title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.down_section {
  width: 100%;
  grid-row-gap: 80px;
  background-color: #031d2e;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 80px;
  display: flex;
}

.benefits_section {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  background-color: rgba(8, 39, 60, 0);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.benefits_h2 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

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

.benefits_col {
  width: 100%;
  max-width: 640px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefits_list {
  width: 100%;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefit_line {
  width: 100%;
  grid-column-gap: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.benefits_icon {
  width: 40px;
  height: 40px;
  flex: none;
}

.benefits_text {
  color: #fff;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.benefits_image {
  width: 100%;
  height: 320px;
  max-width: 320px;
  background-color: #08263c;
  border: 2px solid #33b9de;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.benefits_section02 {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #08273c;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.benefits_list02 {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.benefit_line02 {
  width: 25%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.benefit_subtxt {
  width: 100%;
  color: #b3b3b3;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.benefits_text02 {
  color: #fff;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.faq_section {
  width: 100%;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq_h2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.faq_list {
  width: 100%;
  max-width: 720px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.faq_block {
  width: 100%;
  grid-row-gap: 16px;
  border-bottom: 1px solid #8c8c8c;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8px;
}

.faq_trigger {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  transition: all .2s ease-in-out;
  display: flex;
}

.faq_triggertitle {
  color: #fff;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.faq_text {
  color: #fff;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: all .2s ease-in-out;
}

.benefits_icon02 {
  width: 64px;
  height: 64px;
  flex: none;
}

.faq_arrow {
  transition: all .2s ease-in-out;
}

.faq_txtblock {
  width: 100%;
  display: block;
  overflow: hidden;
}

.lottie_animation {
  width: 680px;
  position: absolute;
}

.benefits_emoji {
  z-index: 2;
  width: 48px;
  height: 48px;
  position: absolute;
}

.benefits_emoji.upleft {
  top: 4%;
  left: 4%;
  transform: rotate(-7deg);
}

.benefits_emoji.upright {
  top: 4%;
  bottom: auto;
  left: auto;
  right: 4%;
  transform: rotate(10deg);
}

.benefits_emoji.downleft {
  top: auto;
  bottom: 4%;
  left: 4%;
  right: auto;
  transform: rotate(7deg);
}

.benefits_emoji.downright {
  top: auto;
  bottom: 4%;
  left: auto;
  right: 4%;
  transform: rotate(-13deg);
}

.navigation {
  width: 100%;
  background-color: #08273c;
  justify-content: center;
  align-items: center;
  padding: 24px 128px 24px 80px;
  display: flex;
}

.navbar {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_logo {
  height: 48px;
  flex: none;
}

.nav_links {
  width: 100%;
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_link {
  color: #fff;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.nav_link:hover {
  color: #dfdfdf;
}

.nav_cta {
  min-width: 200px;
  grid-column-gap: 8px;
  cursor: pointer;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.nav_cta:hover {
  grid-column-gap: 12px;
}

.nav_ctatxt {
  color: #33b9de;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.nav_ctatxt:hover {
  color: #27849e;
}

.nav_ctaicon {
  width: 24px;
  height: 24px;
}

.nav_logolink {
  flex: none;
}

.nav_logolink.w--current {
  min-width: 200px;
}

.footer {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #08273c;
  justify-content: space-between;
  align-items: center;
  padding: 24px 80px;
  display: flex;
}

.footer_allblock {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_links {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer_link {
  color: #fff;
  text-align: left;
  cursor: pointer;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.footer_link:hover {
  color: #dfdfdf;
}

.footer_txt {
  color: #fff;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.footer_logo {
  height: 48px;
  flex: none;
}

.footer_logolink {
  flex: none;
}

.topblock_tos {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #08273c;
  background-image: url('../images/stars.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 16px;
  display: flex;
}

.tos_title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.tos_logo {
  height: 64px;
  flex: none;
}

.tos_logolink {
  flex: none;
}

.tos_logolink.w--current {
  min-width: 200px;
}

.tos_maincontainer {
  width: 100%;
  height: 100%;
  max-width: 994px;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 16px;
  display: flex;
}

.tos_subtitle {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.tos_mainsection {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tos_sectitle {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.tos_paragraph {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.tos_mainlink {
  color: #33b9de;
  cursor: pointer;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
  transition: all .3s;
}

.tos_mainlink:hover {
  color: #1d4cb3;
}

.tos_contactcontainer {
  position: relative;
  width: 100%;
  max-width: 600px;
  background-color: #031d2e;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
}

.tos_formblock {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tos_contactinput {
  width: 100%;
  max-width: 552px;
  min-height: 48px;
  color: #fff;
  background-color: #08273c;
  border: 1px solid rgba(29, 76, 179, 0);
  border-radius: 8px;
  padding: 16px;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.tos_contactinput:focus {
  border-color: #1d4cb3;
}

.tos_contactinput::-ms-input-placeholder {
  color: rgba(255, 255, 255, .72);
}

.tos_contactinput::placeholder {
  color: rgba(255, 255, 255, .72);
}

.tos_contactinputtxt {
  width: 100%;
  max-height: 320px;
  max-width: 552px;
  min-height: 124px;
  color: #fff;
  background-color: #08273c;
  border: 1px solid rgba(29, 76, 179, 0);
  border-radius: 8px;
  padding: 16px;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  overflow: auto;
}

.tos_contactinputtxt:focus {
  border-color: #1d4cb3;
}

.tos_contactinputtxt::-ms-input-placeholder {
  color: rgba(255, 255, 255, .72);
}

.tos_contactinputtxt::placeholder {
  color: rgba(255, 255, 255, .72);
}

.tos_paragraph02 {
  color: rgba(255, 255, 255, .4);
  text-align: left;
  margin-bottom: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.tos_body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.quote_statsicon {
  width: 64px;
  margin-bottom: -16px;
}

.tos_listblock {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

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

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.tos_deleteacc_image {
  width: 100%;
  max-width: 260px;
}

@media screen and (min-width: 1280px) {
  .intro_section {
    padding: 80px 128px;
  }

  .intro_card {
    width: 250px;
    height: 400px;
  }

  .main_section {
    padding: 80px 128px;
  }

  .quote_bottomblock, .topic_list {
    flex-wrap: nowrap;
  }

  .topic_block {
    width: 100%;
  }

  .down_section {
    padding: 80px 128px;
  }

  .benefits_image {
    height: 400px;
    max-width: 400px;
  }

  .navigation, .footer {
    padding-left: 128px;
    padding-right: 128px;
  }
}

@media screen and (min-width: 1440px) {
  .quote_section {
    padding: 64px 40px;
  }

  .benefits_section {
    justify-content: space-between;
    padding: 64px 40px;
  }

  .benefits_col {
    max-width: 680px;
  }

  .benefits_image {
    max-width: 640px;
  }

  .benefits_section02 {
    padding: 64px 40px;
  }

  .benefit_line02 {
    width: 25%;
  }
}

@media screen and (max-width: 991px) {
  .intro_section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .intro_h1 {
    font-size: 40px;
    line-height: 48px;
  }

  .cta_block {
    min-width: 250px;
    font-size: 16px;
    line-height: 24px;
  }

  .cta_text {
    font-size: 16px;
    line-height: 24px;
  }

  .intro_card.rotatemin3 {
    display: none;
  }

  .intro_card.rotate3 {
    margin-bottom: -4px;
    transform: rotate(1deg);
  }

  .intro_card.rotate1 {
    margin-bottom: 0;
    transform: rotate(0);
  }

  .intro_cardtext, .intro_endtext {
    font-size: 14px;
    line-height: 20px;
  }

  .main_section {
    grid-row-gap: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .quote_section {
    grid-row-gap: 24px;
  }

  .quote_bottomblock {
    flex-wrap: nowrap;
  }

  .topics_section {
    grid-row-gap: 24px;
  }

  .topic_h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .down_section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .benefits_section {
    grid-column-gap: 24px;
  }

  .benefits_h2 {
    text-align: left;
    font-size: 32px;
    line-height: 40px;
  }

  .benefits_list {
    grid-row-gap: 8px;
  }

  .benefit_line {
    grid-column-gap: 8px;
  }

  .benefits_icon {
    width: 24px;
    height: 24px;
  }

  .benefits_text {
    font-size: 16px;
    line-height: 24px;
  }

  .benefits_section02 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .benefits_list02 {
    grid-column-gap: 16px;
    flex-direction: column;
  }

  .benefit_line02 {
    width: 100%;
  }

  .faq_section {
    grid-row-gap: 24px;
  }

  .faq_h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .faq_list {
    max-width: 100%;
  }

  .navigation {
    padding: 16px 24px;
  }

  .nav_logo {
    height: 32px;
  }

  .nav_link {
    font-size: 16px;
    line-height: 24px;
  }

  .nav_cta, .nav_logolink.w--current {
    min-width: 150px;
  }

  .footer {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer_allblock {
    align-items: center;
  }

  .footer_logo {
    height: auto;
  }

  .tos_title, .tos_subtitle, .tos_sectitle {
    font-size: 32px;
    line-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .intro_section {
    padding: 24px 16px;
  }

  .intro_h1 {
    text-align: left;
    font-size: 32px;
    line-height: 40px;
  }

  .intro_subtxt {
    text-align: left;
  }

  .cta_block {
    width: 100%;
    min-width: 0;
  }

  .intro_cardsblock {
    flex-wrap: wrap;
    margin-right: -8px;
  }

  .intro_card {
    width: 50%;
    height: 200px;
    min-height: auto;
    min-width: auto;
    margin-bottom: -4px;
    margin-left: -8px;
    transform: rotate(1deg);
  }

  .intro_card.rotatemin1 {
    display: block;
  }

  .intro_card.rotate3 {
    margin-top: -4px;
    margin-bottom: 0;
  }

  .intro_card.rotate1 {
    margin-top: -4px;
    transform: rotate(-1deg);
  }

  .intro_cardtext {
    font-weight: 700;
  }

  .main_section, .quote_section {
    padding: 24px 16px;
  }

  .quote_topblock {
    grid-column-gap: 16px;
  }

  .quote_icon {
    width: 32px;
    height: 32px;
  }

  .quote_toptext {
    letter-spacing: .5px;
    font-size: 14px;
    line-height: 20px;
  }

  .quote_bottomblock {
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }

  .quote_statsblock {
    width: 100%;
    max-width: none;
    grid-row-gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .quote_statsacctxt {
    font-size: 16px;
    line-height: 24px;
  }

  .quote_statstxt {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px;
  }

  .topic_h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .topic_list {
    grid-column-gap: 16px;
  }

  .topic_block {
    width: 30%;
    grid-row-gap: 16px;
  }

  .topic_icon {
    width: 80px;
    height: 80px;
  }

  .topic_title {
    font-size: 16px;
    line-height: 24px;
  }

  .down_section {
    grid-row-gap: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .benefits_section {
    flex-direction: column;
    padding: 16px 0;
  }

  .benefits_h2 {
    width: 100%;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
  }

  .benefits_col {
    max-width: 100%;
    grid-row-gap: 24px;
    align-items: center;
  }

  .benefits_image {
    height: 240px;
    max-width: 100%;
  }

  .benefits_section02 {
    padding: 24px 8px;
  }

  .benefits_list02 {
    flex-direction: row;
  }

  .benefit_line02 {
    width: 45%;
  }

  .faq_h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .faq_triggertitle {
    font-size: 16px;
    line-height: 24px;
  }

  .faq_text {
    letter-spacing: .1px;
    font-size: 14px;
  }

  .lottie_animation {
    width: 560px;
  }

  .benefits_emoji {
    width: 40px;
    height: 40px;
  }

  .navigation {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav_logo {
    height: 40px;
  }

  .nav_links {
    display: none;
  }

  .nav_cta, .nav_logolink.w--current {
    min-width: 0;
  }

  .footer {
    grid-row-gap: 16px;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer_allblock {
    justify-content: flex-start;
    align-items: center;
  }

  .footer_links {
    grid-row-gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .topblock_tos {
    background-position: 50%;
    background-size: contain;
  }

  .tos_title {
    font-size: 24px;
    line-height: 32px;
  }

  .tos_maincontainer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tos_subtitle {
    font-size: 20px;
    line-height: 24px;
  }

  .tos_sectitle {
    font-size: 18px;
    line-height: 22px;
  }

  .tos_paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .tos_contactcontainer {
    max-width: 440px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    display: flex;
  }

  .tos_formblock {
    max-width: 440px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tos_contactinput, .tos_contactinputtxt {
    max-width: 408px;
  }

  .tos_paragraph02 {
    font-size: 14px;
    line-height: 20px;
  }

  .quote_statsicon {
    width: 48px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .cta_block {
    width: 100%;
  }

  .intro_cardsblock {
    flex-wrap: wrap;
  }

  .intro_card.rotatemin1 {
    display: block;
  }

  .topic_list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .topic_block {
    width: 45%;
  }

  .benefits_list02 {
    flex-direction: column;
  }

  .benefit_line02 {
    width: 100%;
  }

  .nav_logo {
    width: 75%;
  }

  .tos_maincontainer {
    min-height: 100vh;
  }

  .tos_contactcontainer {
    max-width: 288px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .tos_formblock {
    max-width: none;
  }

  .tos_contactinput, .tos_contactinputtxt {
    max-width: 272px;
  }
}


@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Regular.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Medium.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Bold.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

.form-input {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.form-input.error input,.form-input.error textarea {
  border-color: rgba(255,0,0,.5)
}

.form-input.success input,.form-input.success textarea {
  border-color: rgba(43,255,0,.5)
}

.error-msg {
  position: absolute;
  color: red;
  font-size: 14px
}

.loader {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(33,30,51,.4);
  display: none
}

.loader .spinner {
  border: 5px solid #f5f7f6;
  border-radius: 50%;
  border-top: 5px solid #33b9de;
  width: 40px;
  height: 40px;
  animation: spin 1000ms linear infinite;
  margin: 1rem auto
}

@keyframes spin {
  0% {
      transform: rotate(0deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

.cookie_bar_block {
  z-index: 98;
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #08273c;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cookie_bar_block.hide {
  display: none!important;
}

.cookier_bar_txt {
  color: #fff;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.cookie_bar_link {
  color: #33b9de;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.cookie_bar_closeicon {
  width: 24px;
  height: 24px;
  flex: none;
}

.cookie_bar_close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: none;
  text-decoration: none;
}

.cookie_modal_overlay {
  z-index: 99;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: rgba(3, 29, 46, .88);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cookie_modal_overlay::-webkit-scrollbar {
  display: none;
}
.cookie_modal_overlay.hide {
  display: none!important;
}

.cookie_modal_container {
  width: 100%;
  max-width: 640px;
  border: 1px solid #33b9de;
  border-radius: 8px;
  overflow: hidden;
}

.cookie_modal_topblock {
  width: 100%;
  background-color: #08273c;
  border-bottom: 1px solid #33b9de;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
  position: relative;
}

.cookie_modal_body {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #031d2e;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.cookie_modal_title {
  color: #fff;
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.cookie_modal_close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: none;
  text-decoration: none;
  position: absolute;
  left: auto;
  right: 16px;
}

.cookie_modal_closeicon {
  width: 24px;
  height: 24px;
  flex: none;
}

.cookie_modal_txt {
  color: #fff;
  text-align: left;
  font-family: SF Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.cookie_modal_browsers {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cookie_modal_browserlink {
  width: 48px;
  height: 48px;
  cursor: pointer;
  flex: none;
}

.cookie_modal_browsericon {
  width: 48px;
  height: 48px;
}

.cookie_modal_cta {
  width: 100%;
  max-width: 350px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #1d4cb3;
  background-image: linear-gradient(60deg, #1d4cb3 15%, #33b9de 85%);
  border: 1px solid #1d4cb3;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 16px rgba(51, 185, 222, .24);
}

@media screen and (max-width: 767px) {
  .cookie_bar_block {
    padding: 16px;
  }

  .cookie_modal_topblock, .cookie_modal_body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cookie_modal_title {
    font-size: 16px;
    line-height: 19px;
  }

  .cookie_modal_close {
    right: 8px;
  }

  .cookie_modal_browserlink, .cookie_modal_browsericon {
    width: 40px;
    height: 40px;
  }

  .cookie_modal_cta {
    max-width: none;
    min-height: 56px;
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 479px) {
  .cookie_modal_overlay {
    align-items: flex-start;
  }

  .cookie_modal_topblock {
    padding-right: 24px;
  }

  .cookie_modal_title {
    text-align: left;
  }
}


@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Bold.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SF-Pro-Display-Regular.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}