@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-RegularItalic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-LightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gtflexa;
  src: url('../fonts/GTFlexa-MediumItalic.woff2') format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: #1c1c1c;
  --extra-light-purple: #5564ff;
  --main-purple: #492cfd;
  --stroke-light: #ddd;
  --secondary-black: #565656;
  --light-purple: #4646ff;
  --dark-purple: #3721be;
  --main-green: #55d79c;
  --info-purple: #cbdaff;
  --red-pink: #ff6a6a;
  --light-green: #6ae4ad;
  --dark-green: #2fb47b;
  --info-green: #c5ffe3;
  --yellow: #ffdc44;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Gtflexa, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--black);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gtflexa, sans-serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 100%;
}

h2 {
  color: var(--black);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gtflexa, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 100%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gtflexa, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 110%;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

h6 {
  color: var(--black);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  font-family: Gtflexa, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

a {
  font-family: Gtflexa, sans-serif;
  text-decoration: none;
  transition: all .3s;
  position: static;
}

a:hover {
  color: var(--extra-light-purple);
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 500;
  display: block;
}

.navbar {
  z-index: 80;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffb3;
  border-bottom: 1px solid #f2f2f3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 70px;
  display: flex;
  position: sticky;
  top: 0;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

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

.link-underline {
  color: var(--main-purple);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  position: relative;
}

.link-underline.icon {
  margin-bottom: 32px;
}

.link-underline.footer {
  letter-spacing: 0;
  text-transform: none;
  font-size: 16px;
}

.link-underline.white {
  color: #fff;
}

.underline {
  background-color: var(--stroke-light);
  width: 100%;
  height: 2px;
  position: absolute;
}

.underline.white {
  background-color: #ffffff80;
}

.underline-hover {
  background-color: var(--main-purple);
  width: 100%;
  height: 2px;
  position: absolute;
}

.underline-hover.white {
  background-color: #fff;
}

.section-hero {
  padding-top: 100px;
  padding-bottom: 150px;
  padding-left: 2.5rem;
}

.grid-default {
  grid-template-rows: auto;
}

.grid-default.is-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  place-items: start end;
}

.grid-default.is-theory {
  grid-template-columns: 1fr .75fr;
}

.grid-default.is-quote {
  align-items: center;
}

.grid-default.is-footer {
  grid-column-gap: 32px;
  grid-template-columns: .25fr 1fr;
}

.grid-default.is-about-text {
  grid-row-gap: 80px;
}

.hero-heading_wrapper {
  width: 660px;
  padding-right: 66px;
  position: relative;
}

.body-extra-big {
  color: #492cfd;
  object-fit: fill;
  font-size: 17px;
  line-height: 140%;
}

.body-extra-big.text-color-secondary-black {
  color: var(--secondary-black);
}

.body-extra-big.text-color-purple {
  color: var(--black);
  margin-bottom: 17px;
}

.body-extra-big.text-weight-medium {
  font-weight: 500;
}

.button {
  background-color: var(--main-purple);
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 20px 40px;
  font-size: 16px;
  transition: all .3s;
}

.button:hover {
  background-color: var(--extra-light-purple);
  color: #fff;
}

.button.secondary {
  border: 2px solid var(--main-purple);
  color: var(--main-purple);
  background-color: #0000;
}

.button.secondary:hover {
  background-color: var(--main-purple);
  color: #fff;
}

.button.large {
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 18px;
}

.button.white {
  color: var(--main-purple);
  background-color: #fff;
  padding-left: 64px;
  padding-right: 64px;
}

.button.white:hover {
  background-color: #ffffffb3;
}

.margin-vertical.margin-medium {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-vertical.margin-small {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-vertical.margin-large {
  margin-top: 48px;
  margin-bottom: 48px;
}

.image-wrapper {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  max-width: 790px;
  height: 950px;
}

.section-401k-for-you {
  padding-top: 0;
  padding-bottom: 200px;
}

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

.margin-bottom.margin-medium {
  margin-bottom: 32px;
}

.margin-bottom.margin-xlarge {
  margin-bottom: 64px;
}

.margin-bottom.margin-small {
  margin-bottom: 16px;
}

.margin-bottom.margin-xsmall {
  margin-bottom: 8px;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.text-color-purple {
  color: var(--main-purple);
}

.slider-nav, .right-arrow, .left-arrow {
  display: none;
}

.card {
  background-color: var(--main-purple);
  backface-visibility: hidden;
  text-align: center;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 48px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: absolute;
}

.card:hover {
  background-color: var(--light-purple);
}

.card.flipped {
  background-color: var(--dark-purple);
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.mask-slider {
  width: 380px;
}

.text-color-white {
  color: #fff;
  font-size: 16px;
}

.text-color-white.max-width-40 {
  max-width: 40%;
}

.slider {
  cursor: grab;
  background-color: #0000;
  height: 445px;
}

.button-card {
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: auto 24px 24px auto;
}

.line-button_card {
  background-color: #fff;
  width: 18px;
  height: 2px;
  transform: rotate(0);
}

.line-button_card._90 {
  position: absolute;
  transform: rotate(90deg);
}

.icon-card {
  margin-top: 96px;
}

.slider-card {
  width: 380px;
  margin-right: 16px;
}

.text-card {
  color: #fff;
  font-size: 13px;
}

.heading-card {
  color: #fff;
  margin-bottom: 16px;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-slide {
  flex-direction: row;
  align-items: center;
  width: 380px;
  min-width: 380px;
  margin-right: 32px;
}

.section-theory {
  padding-top: 100px;
  padding-bottom: 200px;
}

.icon-plus {
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: flex;
}

.line-button_icon-plus {
  background-color: var(--main-green);
  width: 18px;
  height: 2px;
  transform: rotate(0);
}

.line-button_icon-plus._90 {
  position: absolute;
  transform: rotate(90deg);
}

.preamble-1 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  flex: 0 auto;
  font-size: 20px;
  line-height: 130%;
}

.preamble-1.text-color-purple {
  color: var(--main-purple);
}

.link-underline-wrap {
  align-items: center;
  width: 90%;
  margin-bottom: 16px;
  display: flex;
}

.section-retain-recruit {
  padding-bottom: 80px;
}

.tabs-menu {
  flex-direction: column;
  display: flex;
}

.accordion_title-wrapper {
  z-index: 2;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.accordion_item {
  margin-top: -3rem;
  padding: 1rem 2rem 4rem;
  position: relative;
  overflow: hidden;
}

.accordion_item.last {
  padding-bottom: 1rem;
}

.accordion_item.first {
  margin-top: 0;
}

.accordion_description-wrapper {
  z-index: 2;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
  overflow: hidden;
}

.accordion_title {
  font-size: 32px;
  font-weight: 500;
}

.accordion_title.number {
  margin-right: 2.7rem;
}

.accordion_arrow {
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.accordion_list-wrapper {
  border-radius: 1px;
  padding-left: 0;
  list-style-type: none;
}

.accordion_description {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 48px;
  font-size: 18px;
  font-weight: 300;
  line-height: 130%;
}

.accordion_item-wrapper {
  background-color: var(--light-purple);
  cursor: pointer;
  border-bottom: 1px #e6e9ea;
  border-radius: 24px;
  margin-bottom: 0;
}

.accordion_item-wrapper.w--current {
  background-color: #f7f7f4;
  border-bottom-style: none;
  border-radius: 5px;
}

.accordion_item-wrapper.main {
  background-color: var(--main-purple);
}

.accordion_item-wrapper.dark {
  background-color: var(--dark-purple);
}

.preamble-2 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  font-size: 16px;
  line-height: 130%;
}

.preamble-2.text-color-white {
  color: #fff;
}

.preamble-2.text-color-secondary-black {
  color: var(--black);
  font-size: 20px;
}

.preamble-2.text-weight-medium {
  font-weight: 500;
}

.preamble-2.text-weight-medium.text-color-purple {
  color: var(--main-purple);
}

.accordion_title_wrap {
  align-items: center;
  display: flex;
}

.section-quote {
  padding-top: 0;
  padding-bottom: 100px;
}

.heading-5 {
  color: var(--black);
  font-family: Gtflexa, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.heading-5.text-color-purple {
  color: var(--main-purple);
  text-align: center;
  font-size: 32px;
}

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

.plan_title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.margin-right.margin-small {
  margin-right: 16px;
}

.heading-3 {
  font-family: Gtflexa, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}

.plan_pricing {
  align-items: flex-end;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.plan_wrapper {
  padding: 48px;
}

.plan_wrapper.max {
  background-color: #e5edff;
  border-radius: 16px;
}

.plan_wrapper.premium {
  background-color: #f6f6f6;
  border-radius: 16px;
  font-size: 1px;
}

.plan_description {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.plan_description.info {
  border-bottom: 2px dotted var(--black);
  padding-bottom: 8px;
  text-decoration: none;
  position: relative;
}

.text-color-secondary-black {
  color: var(--secondary-black);
}

.plan_badge {
  background-color: var(--info-purple);
  color: var(--dark-purple);
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 100%;
}

.plan_badge.purple {
  background-color: var(--main-purple);
  color: var(--info-purple);
}

.icon-check {
  width: 18px;
  height: 18px;
}

.info-box {
  z-index: 1;
  background-color: var(--info-purple);
  color: var(--dark-purple);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  font-size: 14px;
  display: none;
  position: absolute;
  bottom: 120%;
}

.plan_button {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.margin-bottom--8 {
  margin-bottom: -8px;
}

.hero_flexibility-wrapper {
  z-index: 2;
  border: 3px solid var(--black);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  height: 56px;
  position: absolute;
  top: 174px;
  left: 367px;
}

.circle-flexibility {
  z-index: 0;
  background-color: var(--main-green);
  border-radius: 50%;
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
}

.hero-image-01 {
  width: 100%;
  max-width: 475px;
  height: 100%;
  max-height: 632px;
  position: relative;
  inset: 0% 0% auto auto;
}

.position-absolute {
  height: 100%;
  position: absolute;
}

.hero-image-02 {
  width: 100%;
  max-width: 317px;
  height: 100%;
  max-height: 477px;
  position: relative;
  inset: auto auto 0% 0%;
}

.form-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.line-footer {
  background-image: radial-gradient(circle, #5b47c1, #fff0);
  height: 1px;
}

.section-signup {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  position: relative;
}

.section-footer {
  background-color: var(--info-purple);
  justify-content: space-between;
  align-items: center;
  margin-top: 128px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.form-success-message {
  background-color: var(--info-purple);
  color: #141425;
  border-radius: 50px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 700;
}

.footer-wrapper {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.field-text {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #cac9cf #cac9cf var(--stroke-light);
  color: var(--secondary-black);
  background-color: #0000;
  height: auto;
  margin-bottom: 0;
  padding: 16px;
  font-size: 18px;
  transition: all .3s;
}

.field-text:hover {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #3b2b8d80 #3b2b8d80 var(--info-purple);
}

.field-text:focus {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #5b47c1 #5b47c1 var(--main-purple);
}

.field-text.area {
  height: 180px;
}

.heading-5-2 {
  color: #302e38;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3em;
}

.heading-5-2.text-color-purple-light {
  color: #5b47c1;
}

.signup-wrapper {
  text-align: center;
  width: 450px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.button-2 {
  color: #fff;
  background-image: linear-gradient(to right, #5c57e5, #eb4494);
  font-weight: 600;
  text-decoration: none;
}

.button-2.large {
  text-transform: uppercase;
  padding: 18px 60px;
}

.button-2.large.is-form {
  letter-spacing: 3px;
  background-color: #5b47c1;
  background-image: none;
  border-radius: 6px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  transition: all .3s;
}

.button-2.large.is-form:hover {
  background-color: #3b2b8d;
}

.button-2.large.is-form:active {
  background-color: #2b1f66;
}

.hero-subtitle-wrap {
  width: 500px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.contact-form {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.form-error-message {
  background-color: var(--red-pink);
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 16px 32px;
  font-weight: 600;
}

.text-size-small {
  font-size: 14px;
}

.text-size-small.text-color-middle-grey {
  color: #96949e;
}

.margin-bottom-2.margin-large {
  margin-bottom: 48px;
}

.margin-bottom-2.margin-small {
  margin-bottom: 16px;
}

.text-caption {
  font-size: 12px;
}

.heading-hero {
  font-size: 70px;
}

.preloader {
  z-index: 999;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.swipper-button-wrapper {
  z-index: 99;
  justify-content: space-between;
  align-items: center;
  width: 128px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.swiper-button-next {
  background-color: var(--black);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
}

.swiper-button-next:hover {
  background-color: var(--black);
  transform: scale(.9);
}

.swiper-button-prev {
  background-color: var(--black);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
}

.swiper-button-prev:hover {
  background-color: var(--black);
  transform: scale(.9);
}

.icon-arrow {
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
}

.scene {
  perspective: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28rem;
  text-decoration: none;
  transform: none;
}

.scene.flipped {
  background-color: var(--dark-purple);
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.card-wrapper {
  width: 100%;
  height: 100%;
  transition: all .6s;
  position: relative;
}

.section-pricing {
  padding-bottom: 80px;
}

.line-purple {
  background-color: var(--main-purple);
  width: 100%;
  height: 1px;
}

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

.icon-small {
  color: var(--secondary-black);
  width: 1.25rem;
  height: 1.25rem;
  transition: all .3s;
}

.icon-small:hover {
  color: var(--main-purple);
}

.social-icons-wrapper {
  grid-column-gap: 20px;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.social-icon {
  border: 2px solid var(--main-purple);
  color: var(--main-purple);
  border-radius: 50%;
  padding: 8px;
  transition: all .3s;
}

.social-icon:hover {
  background-color: var(--main-purple);
  color: #fff;
}

.footer-links-wrap {
  grid-column-gap: 20px;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.icon-prev {
  width: 18px;
  height: 18px;
}

.swiper-scrollbar {
  background-color: var(--stroke-light);
  width: 600px;
  height: 2px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-scrollbar-drag {
  background-color: var(--main-purple);
  width: 120px;
  height: 2px;
}

.tax-credits-wrapper {
  background-color: var(--dark-purple);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding: 32px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-tax-credits {
  z-index: 0;
  position: absolute;
  right: 17rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.invest-image {
  object-fit: cover;
  background-image: url('../images/shape-theory-inverted.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 909px;
}

.position-relative {
  height: 909px;
  position: relative;
}

.mask {
  object-fit: cover;
  width: 100%;
  position: absolute;
}

.image-masked {
  object-fit: cover;
  height: 100%;
}

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

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

.div-block {
  margin-bottom: 0;
}

.image-wrapper-2 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  max-width: 790px;
  height: 950px;
}

.text-span {
  color: var(--main-purple);
}

.heading-6 {
  font-size: 56px;
}

.heading-7 {
  border: 1px solid #fff;
  font-size: 54px;
}

.div-block-2 {
  padding: 0 40px 40px;
}

.heading-8, .bold-text {
  font-size: 36px;
}

.heading-9 {
  margin-bottom: 12px;
  font-size: 24px;
}

.div-block-3 {
  margin-bottom: 24px;
}

.heading-10 {
  margin-bottom: 12px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-about-hero {
  padding-top: 96px;
  padding-bottom: 96px;
}

.line-about {
  background-color: var(--main-purple);
  width: 100%;
  height: 3px;
  margin-top: 96px;
  margin-bottom: 96px;
}

.timeline-wrapper {
  border: 2px solid var(--black);
  border-radius: 100px;
  align-items: center;
  width: 780px;
  height: 96px;
  margin-top: -128px;
  display: flex;
}

.circle-timeline {
  border: 2px solid var(--black);
  background-color: var(--main-green);
  border-radius: 50%;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 96px;
  height: 96px;
  margin-left: -2px;
  display: flex;
  position: static;
}

.line-timeline {
  background-color: var(--black);
  width: 100%;
  height: 2px;
  margin-left: 32px;
}

.timeline-arrow {
  height: 52px;
  margin-left: -27px;
  margin-right: 32px;
}

.section-about-text {
  padding-bottom: 96px;
}

.section-about-scuba {
  padding-top: 80px;
  padding-bottom: 80px;
}

.heading-scuba {
  font-size: 140px;
}

.text-scuba-dream {
  border: 5px solid var(--main-purple);
  color: var(--main-purple);
  border-radius: 100px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  padding: 20px 48px;
  font-size: 48px;
}

.scuba-wrapper {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section-about-arnie {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
  overflow: hidden;
}

.shape-about-01 {
  position: absolute;
  top: 30%;
  left: auto;
  right: -16%;
}

.shape-about-02 {
  position: absolute;
  top: 15%;
  left: -3%;
}

.section-about-cta {
  padding-top: 128px;
}

.cta-wrapper {
  background-color: var(--dark-purple);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-cta {
  z-index: 0;
  position: absolute;
  top: -50%;
  right: 0%;
}

.text-color-light-green {
  color: var(--light-green);
}

.scuba-image {
  background-color: var(--info-purple);
  background-image: url('../images/scuba-dram-arnie.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  width: 100%;
  height: 96px;
  overflow: hidden;
}

.container-header-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  display: flex;
}

.nav_logo:hover {
  opacity: .5;
}

.bold-text-2 {
  font-size: 30px;
}

@media screen and (max-width: 991px) {
  .section-hero {
    padding-right: 2.5rem;
  }

  .grid-default.is-hero {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .grid-default.is-theory, .grid-default.is-about-hero {
    grid-template-columns: 1fr;
  }

  .hero-heading_wrapper {
    width: auto;
    padding-right: 0;
  }

  .body-extra-big {
    font-size: 20px;
  }

  .image-wrapper {
    height: auto;
    position: static;
  }

  .section-401k-for-you {
    padding-bottom: 100px;
  }

  .text-color-white.max-width-40 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .section-quote {
    padding-top: 0;
  }

  .grid-plans {
    grid-template-columns: 1fr;
  }

  .image {
    object-fit: cover;
  }

  .contact-form {
    width: auto;
  }

  .bg-tax-credits {
    z-index: 0;
    display: none;
  }

  .image-wrapper-2 {
    height: auto;
    position: static;
  }

  .timeline-wrapper {
    width: 100%;
  }

  .heading-scuba {
    font-size: 5rem;
  }

  .text-scuba-dream {
    border-width: 3px;
    padding: 10px 32px;
    font-size: 2rem;
  }

  .shape-about-01, .shape-about-02 {
    display: none;
  }

  .cta-wrapper {
    display: block;
  }

  .bg-cta {
    z-index: 0;
    display: none;
  }

  .scuba-image {
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .link-underline {
    font-size: 14px;
  }

  .main-wrapper {
    overflow: hidden;
  }

  .section-hero {
    padding: 64px 1.25rem 100px;
  }

  .grid-default {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid-default.is-quote, .grid-default.is-footer {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid-default.is-about-text {
    grid-row-gap: 32px;
  }

  .hero-heading_wrapper {
    width: auto;
  }

  .body-extra-big {
    font-size: 18px;
  }

  .margin-bottom.margin-xlarge {
    margin-bottom: 32px;
  }

  .text-color-white.max-width-40 {
    max-width: 100%;
  }

  .swiper.container {
    padding-left: 1.25rem;
  }

  .swiper-slide {
    width: 80vw;
    min-width: 80vw;
  }

  .section-theory {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .preamble-1 {
    font-size: 16px;
  }

  .accordion_title-wrapper {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .accordion_item {
    margin-top: -2.5rem;
    padding-bottom: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .accordion_description-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion_title {
    font-size: 1.125rem;
  }

  .accordion_title.number {
    margin-right: 2rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion_description {
    margin-left: 0;
    font-size: 16px;
  }

  .preamble-2 {
    font-size: 16px;
  }

  .heading {
    font-size: 3rem;
  }

  .heading-5 {
    font-size: 22px;
  }

  .plan_wrapper {
    padding: 32px 16px;
  }

  .hero_flexibility-wrapper {
    width: 112px;
    height: 48px;
    margin-top: 16px;
    position: relative;
    top: auto;
    left: auto;
  }

  .circle-flexibility {
    width: 42px;
  }

  .form-wrapper {
    grid-template-columns: 1fr;
  }

  .section-signup {
    padding-top: 0;
  }

  .section-footer {
    margin-top: 80px;
  }

  .footer-wrapper {
    flex-direction: column;
    justify-content: center;
    padding: 0 0 32px;
  }

  .signup-wrapper, .hero-subtitle-wrap {
    width: auto;
  }

  .contact-form {
    text-align: left;
  }

  .heading-hero {
    font-size: 3.5rem;
  }

  .swipper-button-wrapper {
    width: 128px;
    margin-left: auto;
    left: 0;
  }

  .swiper-scrollbar {
    display: none;
  }

  .tax-credits-wrapper {
    text-align: center;
    flex-direction: column;
    height: 15rem;
  }

  .section-about-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .line-about {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .timeline-wrapper {
    height: 80px;
  }

  .circle-timeline {
    width: 80px;
    height: 80px;
  }

  .section-about-text, .section-about-scuba {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .text-scuba-dream {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-about-arnie, .section-about-cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .cta-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .scuba-image {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .grid-default.is-theory {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .text-color-purple {
    font-size: 50px;
  }

  .text-color-white {
    font-size: 14px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-hero.about {
    font-size: 2.5rem;
  }

  .tax-credits-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .image-3 {
    display: none;
  }

  .line-timeline {
    margin-left: 16px;
  }

  .timeline-arrow {
    margin-right: 16px;
  }

  .heading-scuba {
    font-size: 3rem;
  }

  .text-scuba-dream {
    border-width: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1rem;
  }

  .scuba-wrapper {
    grid-column-gap: 8px;
  }

  .cta-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-aca59bba-7e02-acc2-5ed6-f283e335d297-ff7f0d55, #w-node-c7c2c1be-ff90-5b34-f8ed-86a941b53d9b-ff7f0d55, #w-node-_098a6f13-a75d-d4cb-b428-3d31b7849412-ff7f0d55, #w-node-fd1cee37-6dd5-1fd9-8618-26fcf75a2469-ff7f0d55, #w-node-_085cafa5-a9c7-60aa-b73e-e32c4ce452d5-ff7f0d55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba05090d-46ed-18a7-1c65-e5b1a11791ff-ff7f0d55 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3e52fa28-1d6a-c1fa-4bb8-56784704e764-ff7f0d55, #w-node-f5be04dc-3001-7ecb-53e0-b7b6eb7645ab-ff7f0d55, #w-node-f5be04dc-3001-7ecb-53e0-b7b6eb7645aa-ff7f0d55, #w-node-_5db52638-8272-940e-2d68-f96a272091cb-ff7f0d55, #w-node-c935047f-3bf7-c6b9-dc2c-37e8bba6d039-ff7f0d55, #w-node-_5340b3ab-15e1-eb87-933d-bfa51ffe1bcc-ff7f0d55, #w-node-_076ac458-7919-4287-55d9-8bedb442bdb1-ff7f0d55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b4066eaa-aded-591e-ea10-4d1c8067c19f-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c1a3-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c1af-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c1b7-ff7f0d55 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c9284c4-b7d6-24c0-c821-e7a33b3cc5de-3b3cc5d8, #w-node-_6c9284c4-b7d6-24c0-c821-e7a33b3cc5ed-3b3cc5d8, #w-node-d1499989-4391-2db7-53a5-1c5baa7897ee-f59eed62 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1499989-4391-2db7-53a5-1c5baa789804-f59eed62 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_9c3d261d-1400-9560-bd26-533de8b4ef68-f59eed62 {
  align-self: center;
}

#w-node-_13fc534c-b5fa-515a-56f3-86cd4531e347-f59eed62 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-b4066eaa-aded-591e-ea10-4d1c8067c197-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c19b-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c19f-ff7f0d55, #w-node-b4066eaa-aded-591e-ea10-4d1c8067c1b7-ff7f0d55 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_13fc534c-b5fa-515a-56f3-86cd4531e347-f59eed62 {
    order: -9999;
  }
}


@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtflexa';
  src: url('../fonts/GTFlexa-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}