h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.body {
  min-width: 350px;
  display: block;
}

.head_banner {
  color: #000;
  background-color: #032e46b8;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.div-block {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block.hero_container {
  max-width: 64rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.hero_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #02162400;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start center;
  width: 100%;
  min-width: 64rem;
  height: auto;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.hero_component {
  color: #fff;
  background-color: #000;
  background-image: url('../images/bg_01.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  min-height: 100svh;
  display: flex;
}

.hero_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 50rem;
  display: flex;
}

.all-h1-headings {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  line-height: 1.2;
}

.hero_logo {
  width: 6rem;
  height: 6rem;
}

.text-style-subtitle {
  color: #646464;
  text-align: center;
  max-width: 50rem;
  font-family: Oxanium, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.hero_input {
  border: 1px #000;
  border-radius: .25rem;
  height: 3rem;
  margin-bottom: 0;
}

.hero_submit {
  color: #000;
  background-color: #43f7ff;
  border: 1px #000;
  border-radius: .25rem;
}

.hero_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.dt_image {
  width: 20svw;
}

.heading {
  color: #31556b;
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  text-decoration: none;
}

.image {
  width: 25svh;
  margin-top: 1rem;
  padding-top: 0;
  transition: top .2s cubic-bezier(.455, .03, .515, .955);
  transform: translate(0, -52px);
}

.div-block-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #254050;
  background-color: #f000;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.div-block-3 {
  background-color: #0004ff00;
  justify-content: center;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #00ff2a52;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  align-items: stretch;
  width: 100svw;
  display: block;
}

.text-block {
  color: #254050;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  max-width: none;
  margin-top: 0;
  font-family: Oxanium, sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 30px;
}

.text-block-2 {
  color: #31556b;
  margin-top: 1rem;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
}

.link {
  text-align: center;
  margin-top: 1rem;
  font-family: Oxanium, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.image-2 {
  width: 80%;
  margin-top: 2rem;
  display: block;
}

.list-item {
  list-style-type: square;
}

.list {
  color: #31556b;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  list-style-type: square;
}

.dt-footer {
  color: #fff;
  text-align: center;
  background-color: #31556b80;
  border: 0 solid #000;
  border-top: 1px solid #254050;
  height: 2rem;
  padding-top: .4rem;
  font-family: Oxanium, sans-serif;
  font-weight: 200;
  text-decoration: none;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.section-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #747474;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  padding-left: 0;
  font-family: Oxanium, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: grid;
}

.text-block-3 {
  text-align: center;
  white-space: nowrap;
  overflow-wrap: normal;
}

.text-block-7, .text-block-8 {
  white-space: nowrap;
}

.js-email.theemail {
  color: #31556b;
  cursor: pointer;
  font-weight: 600;
}

.text-span {
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
}

.text-span.js-email {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
  overflow: visible;
}

.emailtextcontainer {
  text-align: center;
  margin-top: 2rem;
  font-family: Oxanium, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}

.link-2 {
  font-size: 1.25rem;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.emaillink {
  text-decoration: none;
}

.emaillink:hover, .emaillink:focus {
  color: #34b9bf;
}

@media screen and (max-width: 991px) {
  .hero_container {
    grid-template-columns: 1fr;
    width: 100svw;
    min-width: 32rem;
    margin-top: 3rem;
  }

  .hero_component {
    width: 100svw;
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .dt_image {
    width: 100px;
  }

  .div-block-2 {
    background-color: #f000;
  }

  .div-block-3 {
    background-color: #0015ff00;
  }

  .text-block {
    font-size: 6vw;
  }

  .section-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .hero_container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    place-items: start center;
    width: 90svw;
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero_component {
    justify-content: center;
    align-items: flex-start;
    padding-top: 1rem;
  }

  .div-block-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
    height: 100%;
  }

  .div-block-3 {
    width: 35svw;
  }

  .text-block {
    margin-top: 1rem;
    font-size: 6vw;
  }

  .text-block-2 {
    margin-top: .5rem;
    font-size: 12px;
  }

  .image-2 {
    width: 100%;
    margin-top: -2rem;
  }

  .section-2 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-3 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .text-block-4, .text-block-5, .text-block-6 {
    padding: .5rem;
  }

  .text-block-7, .text-block-8, .text-block-9, .text-block-10 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
}

@media screen and (max-width: 479px) {
  .hero_container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    min-width: 16rem;
    margin-top: 1rem;
  }

  .hero_component {
    padding-top: 2rem;
  }

  .hero_input {
    text-align: center;
  }

  .hero_form {
    flex-flow: column;
  }

  .div-block-3 {
    width: 60svw;
  }

  .text-block {
    flex-flow: row;
    margin-top: 2rem;
    font-size: 12vw;
    display: block;
  }

  .text-block-2 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: block;
  }

  .link {
    margin-top: 3rem;
  }

  .image-2 {
    width: 80%;
    margin-top: -1rem;
  }

  .dt-footer {
    border-width: 1px 0 0;
  }

  .section-2 {
    margin-top: 3rem;
  }
}

#w-node-f00fbde4-cb2f-2760-12b7-331127dafb71-e0dec50c {
  place-self: auto;
}

#w-node-_8e812c9a-668f-2e82-fddc-adc7f4bcfbdd-e0dec50c {
  justify-self: center;
}

#w-node-e894ffbf-c1c2-24ba-b85b-f6f958a765ec-e0dec50c {
  place-self: center;
}

#w-node-a5f0f3af-cfc4-3b3e-eb11-12074a473fcb-e0dec50c {
  place-self: auto center;
}

#w-node-_94a2fea6-fe2f-8533-8d5f-d90ccbc2f9b8-e0dec50c, #w-node-_257aa00e-d4e2-93aa-8b91-9effce7f01ff-e0dec50c, #w-node-_2819a8ca-0ac9-5a31-1771-cc1bfc84d2da-e0dec50c, #w-node-_20e3dc94-0dbc-e9d1-13bd-a9921c3ac0e9-e0dec50c, #w-node-_9371e4e8-466b-85ae-18fb-e69c1971a27a-e0dec50c, #w-node-_9c6ea8ca-2259-156a-2927-ff48589492cc-e0dec50c, #w-node-_15d2fb02-59f2-7123-e94b-40ef8e2ab7b3-e0dec50c {
  justify-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-f00fbde4-cb2f-2760-12b7-331127dafb71-e0dec50c {
    place-self: center;
  }

  #w-node-_8e812c9a-668f-2e82-fddc-adc7f4bcfbdd-e0dec50c {
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8e812c9a-668f-2e82-fddc-adc7f4bcfbdd-e0dec50c {
    place-self: center;
  }
}