section[data-v-9b92f03c] {
  height: 540px;
  position: relative;
  width: 800px
}

.rectangle_1[data-v-9b92f03c] {
  background-color: var(--lochmara);
  border-radius: 16px;
  height: 55px;
  left: 11.23px;
  position: absolute;
  top: -1px;
  transform: rotate(-345deg);
  width: 55px
}

.rectangle_2[data-v-9b92f03c] {
  height: 80px;
  left: 567.23px;
  top: 174px;
  transform: rotate(-345deg);
  width: 80px
}

.rectangle_2[data-v-9b92f03c],
.rectangle_3[data-v-9b92f03c] {
  background-color: var(--salmon);
  border-radius: 20px;
  position: absolute
}

.rectangle_3[data-v-9b92f03c] {
  left: 29.23px;
  top: 440px
}

.rectangle_3[data-v-9b92f03c],
.rectangle_4[data-v-9b92f03c] {
  height: 90px;
  transform: rotate(-25deg);
  width: 90px
}

.rectangle_4[data-v-9b92f03c] {
  background-color: var(--texasrose);
  border: 8px solid var(--linen);
  border-radius: 20px;
  left: 9.23px;
  position: absolute;
  top: 480px
}

.rectangle_5[data-v-9b92f03c] {
  background-color: var(--bermuda);
  border-radius: 30px;
  height: 140px;
  left: 277.23px;
  position: absolute;
  top: 349px;
  transform: rotate(-30deg);
  width: 140px
}

.rectangle_6[data-v-9b92f03c] {
  background-color: var(--lochmara);
  border-radius: 26px;
  height: 115px;
  left: 692.23px;
  position: absolute;
  top: 374px;
  transform: rotate(15deg);
  width: 115px
}


section[data-v-3f53ed6d] {
  height: 860px;
  position: relative;
  width: 1345px
}

.asset_path[data-v-3f53ed6d] {
  left: 0;
  position: absolute;
  top: 188px;
  width: 953px
}

@media only screen and (max-width:1080px) {
  section[data-v-3f53ed6d] {
    height: none;
    position: relative;
    width: 100%
  }

  .asset[data-v-3f53ed6d] {
    opacity: .2
  }
}


h1[data-v-003cf7bc] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 70px;
  letter-spacing: -1.75px;
  margin-bottom: 20px;
  margin-top: 120px;
  text-align: left
}

h1 .text-style-1[data-v-003cf7bc] {
  color: var(--bermuda)
}

h1 .text-style-2[data-v-003cf7bc] {
  color: var(--as)
}

h1 .text-style-3[data-v-003cf7bc] {
  color: var(--lochmara)
}

h1 .text-style-5[data-v-003cf7bc] {
  color: var(--salmon)
}

h1 .text-style-6[data-v-003cf7bc] {
  color: var(--texasrose)
}

.button_container[data-v-003cf7bc] {
  margin-left: 64px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content
}

.button_container .asset_left[data-v-003cf7bc] {
  bottom: 27px;
  left: -64px;
  position: absolute;
  width: 88px
}

.button_container .asset_right[data-v-003cf7bc] {
  bottom: 35px;
  position: absolute;
  right: -50px;
  width: 66px
}

.rectangles[data-v-003cf7bc] {
  left: -20px;
  position: absolute;
  top: 392px
}

.rectangle_left[data-v-003cf7bc] {
  background-color: var(--texasrose);
  height: 380px;
  left: -165px;
  top: -170px;
  transform: rotate(-15deg);
  width: 380px
}

.rectangle_left[data-v-003cf7bc],
.rectangle_right[data-v-003cf7bc] {
  border-radius: 30px;
  position: absolute
}

.rectangle_right[data-v-003cf7bc] {
  background-color: var(--mandys);
  height: 1351.72px;
  right: -360px;
  top: -310px;
  transform: rotate(-35deg);
  width: 818.44px
}

.illustrations[data-v-003cf7bc] {
  left: -36px;
  position: absolute
}

.rectangles[data-v-003cf7bc] {
  animation: fadeInAnimationBottom-003cf7bc 2s ease
}

.rectangle_left_container[data-v-003cf7bc] {
  animation: fadeInAnimationLeft-003cf7bc 1.5s ease
}

.rectangle_right_container[data-v-003cf7bc] {
  animation: fadeInAnimationRight-003cf7bc 1.5s ease
}

.illustrations_container[data-v-003cf7bc] {
  animation: fadeInAnimationRight-003cf7bc 2s ease
}

.content_container[data-v-003cf7bc] {
  animation: fadeInAnimationTop-003cf7bc 1.5s ease
}

@media only screen and (max-width:1080px) {
  .content_container[data-v-003cf7bc] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 35px;
  }

  h1[data-v-003cf7bc] {
    font-size: 50px;
    text-align: center
  }

  .button_container[data-v-003cf7bc] {
    margin: 0
  }

  /* .rectangle_left[data-v-003cf7bc],
  .rectangle_right[data-v-003cf7bc],
  .rectangles[data-v-003cf7bc] {
    display: none
  } */
  .rectangle_right[data-v-003cf7bc],
  .rectangles[data-v-003cf7bc] {
    display: none
  }
}

@media only screen and (max-width:430px) {
  h1 br[data-v-003cf7bc] {
    display: none
  }
}

section[data-v-f583621a] {
  position: relative
}

.steps_mask[data-v-f583621a] {
  background: var(--charcoal_grey);
  height: 100%;
  min-height: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: skewY(-5deg);
  transform-origin: 100%;
  width: 100%;
  z-index: -3
}

.steps_container[data-v-f583621a] {
  margin-top: 150px;
  padding: 250px 0
}

.accordion_container[data-v-f583621a],
.steps_container[data-v-f583621a] {
  position: relative;
  width: 100%;
}

.accordion_container .image[data-v-f583621a] {
  border-radius: 20px;
  box-shadow: 0 0 20px #0003;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 450px;
  margin: auto;
  padding: 1em;
}

.accordion_container .image video[data-v-f583621a] {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.accordion_container .info h2[data-v-f583621a] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--linen);
  font-size: 4em;
  letter-spacing: -1.75px
}

.accordion_container .info h2 .text-style-1[data-v-f583621a] {
  color: var(--bermuda)
}

.accordion_container .info h2 .text-style-2[data-v-f583621a] {
  color: var(--lochmara)
}

.accordion_container .info h2 .text-style-3[data-v-f583621a] {
  color: var(--salmon)
}

.accordion_container .info h2 .text-style-4[data-v-f583621a] {
  color: var(--texasrose)
}

.accordion_container .info h3[data-v-f583621a] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--linen);
  font-size: 24px;
  letter-spacing: -.2px;
  margin-top: 63px;
  font-weight: 100;
}


.accordion_container-1 .image[data-v-f583621a] {
  background-color: var(--lochmara)
}
.accordion_container-1 .info[data-v-f583621a] {
  margin-left: 90px
}

.accordion_container-2[data-v-f583621a] {
  margin-top: 200px
}
.accordion_container-2 .image[data-v-f583621a] {
  background-color: var(--salmon)
}
.accordion_container-2 .info[data-v-f583621a] {
  margin-right: 90px;
  text-align: right
}

.accordion_container-3[data-v-f583621a] {
  margin-top: 200px
}
.accordion_container-3 .image[data-v-f583621a] {
  background-color: var(--texasrose);
}
.accordion_container-3 .info[data-v-f583621a] {
  margin-left: 80px;
  text-align: right
}

.asset_path_3[data-v-f583621a] {
  position: absolute;
  right: -234px;
  top: -150px;
  width: 878px
}

.asset_hit_1[data-v-f583621a] {
  left: -34px;
  position: absolute;
  top: -100px;
  width: 26px
}

.asset_arrow_1[data-v-f583621a] {
  position: absolute;
  right: 320px;
  top: -190px;
  width: 120px
}

.asset_cloud_1[data-v-f583621a] {
  position: absolute;
  right: -100px;
  top: -150px;
  width: 183px
}

.asset_arrow_2[data-v-f583621a] {
  position: absolute;
  right: 520px;
  top: -170px;
  width: 120px
}

.rectangle_1[data-v-f583621a] {
  animation: floatAnimation-f583621a 4s ease-in-out infinite;
  bottom: -115px;
  position: absolute;
  right: 560px
}

.rectangle_1 div[data-v-f583621a] {
  background-color: var(--texasrose);
  border-radius: 10px;
  height: 45px;
  transform: rotate(15deg);
  width: 45px
}

.rectangle_2[data-v-f583621a] {
  animation: floatAnimation-f583621a 7s ease-in-out infinite;
  bottom: -170px;
  position: absolute;
  right: 95px
}

.rectangle_2 div[data-v-f583621a] {
  background-color: var(--lochmara);
  border-radius: 10px;
  height: 70px;
  transform: rotate(-30deg);
  width: 70px
}

@media only screen and (max-width:1080px) {
  .steps_container[data-v-f583621a] {
    padding: 100px 0
  }

  .accordion_container[data-v-f583621a] {
    flex-direction: column
  }

  .accordion_container .info[data-v-f583621a] {
    margin: 0 0 40px;
    text-align: center
  }

  .accordion_container .info h2[data-v-f583621a] {
    font-size: 50px
  }

  .accordion_container .info h3[data-v-f583621a] {
    font-size: 20px;
    margin-top: 40px
  }

  .accordion_container-1[data-v-f583621a] {
    flex-direction: column-reverse
  }

  .accordion_container-2[data-v-f583621a] {
    margin-top: 100px
  }

  .accordion_container-3[data-v-f583621a] {
    flex-direction: column-reverse;
    margin-top: 100px
  }

  .asset_arrow_1[data-v-f583621a],
  .asset_arrow_2[data-v-f583621a],
  .asset_cloud_1[data-v-f583621a],
  .asset_hit_1[data-v-f583621a],
  .asset_path_3[data-v-f583621a],
  .rectangle_1[data-v-f583621a] {
    display: none
  }
}