:root {
  --cetacean-blue: #0a0a47;
  --white: white;
  --black: #000;
  --american-blue: #3d4569;
  --vivid-sky-blue: #14d9f7;
  --vivid-raspberry: #f71469;
  --isabelline: #f2f0f0;
  --anti-flash-white: #f2f2f7;
  --cultured: whitesmoke;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 110%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 110%;
}

h5 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

p {
  margin-bottom: 0;
  font-family: Billosans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.hero-cover-image---content {
  -webkit-text-fill-color: inherit;
  background-color: #f5f7fa;
  background-image: linear-gradient(90deg, #000000bf, #0000 69%),
    linear-gradient(#00000040, #00000040),
    url("../images/pappersplan_3_SQUARE-2.jpg");
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
  background-clip: border-box;
  border-bottom: 1px solid #e4ebf3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.hero-cover-image---content.global-h-padding {
  background-image: linear-gradient(#00000080, #00000080),
    linear-gradient(90deg, #000000bf, #0000 69%), linear-gradient(#0000, #0000),
    url("../images/Namnlos-design-47.png");
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, cover;
}

.container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1194px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.body-22px {
  color: #fff;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.primary-icon {
  direction: ltr;
  color: #fff;
  text-transform: none;
  background-color: #f71468;
  background-image: url("../images/Vector-220.svg"),
    linear-gradient(#f71468, #f71468);
  background-position: 89%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 12px 44px 12px 24px;
  font-family: Billosans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition: all 0.2s;
}

.primary-icon:hover {
  color: #fff;
  background-color: #32343a;
  background-image: url("../images/Vector-220.svg"),
    linear-gradient(45deg, #ea3323, #f50d80);
  background-position: 91%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
}

.primary-icon:active {
  background-color: #43464d;
}

.primary-icon.blue {
  background-color: #090947;
  background-image: url("../images/Vector-220.svg");
  background-position: 89%;
  background-repeat: no-repeat;
  background-size: auto;
}

.primary-icon.blue:hover {
  background-image: url("../images/Vector-220.svg"),
    linear-gradient(45deg, #821883, var(--cetacean-blue));
  background-position: 89%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.heading {
  color: #fff;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-weight: 400;
  line-height: 69px;
}

.hero-split-content-only {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 741px;
  padding-bottom: 0;
  display: flex;
}

.list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list-item {
  color: #fff;
  background-image: url("../images/check.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 0;
  padding-left: 40px;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  position: static;
}

.heading-2-test {
  color: #fff;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
}

.text-span {
  background-image: url("../images/Vector-220.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-attachment: fixed;
  width: 8px;
  min-width: 8px;
  height: 12px;
  min-height: 12px;
  margin-left: 5px;
  padding-left: 8px;
  font-family: Billosans Variablevf;
  position: static;
}

.small-p-16px {
  color: #fff;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.small-p-14px {
  color: #fff;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.hero-plain {
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: auto;
  margin-top: 1px;
  display: flex;
  position: relative;
}

.hero-plain.global-padding.xl-global-v-padding {
  border: 1px #000;
}

.hero-plain.m-global-v-padding.global-padding {
  border: 1px #000;
  border-bottom-width: 0;
}

.heading-blue {
  color: #090947;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-weight: 600;
  line-height: 69px;
}

.body-22px-blue {
  color: #090947;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.button-primary-blue {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  background-color: #090947;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 12px 24px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: all 0.2s;
}

.button-primary-blue:hover {
  color: #fff;
  background-color: #32343a;
  background-image: linear-gradient(45deg, #821883, #0a0a44);
}

.button-primary-blue:active {
  background-color: #43464d;
}

.steps-textimage {
  display: flex;
}

.heading-3-blue {
  color: #090947;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 46px;
}

.flex-block-w-bg {
  background-color: #f4f1ee;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  padding: 24px 16px;
}

.body-22px-blue-bold {
  color: #090947;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 16px;
  padding: 0 15px 0 13px;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
  display: flex;
}

.small-p-14px-blue {
  color: #090947;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.small-p-12px-grey {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  color: #716a73;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}

.flex-block-2 {
  flex-flow: column;
  width: 50%;
}

.container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1678px;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.div-block {
  text-align: center;
  width: 50%;
}

.center-usps {
  background-color: #fff;
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: flex-start;
  min-height: auto;
  padding: 140px 30px;
  display: flex;
  position: relative;
}

.body-22px-blue-center {
  color: #090947;
  text-align: center;
  max-width: 1204px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.heading-3-blue-center {
  color: #090947;
  text-align: center;
  max-width: 1204px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Billosans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 69px;
}

.container-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.body-22px-blue-bold-center {
  color: #090947;
  text-align: center;
  margin-bottom: 24px;
  padding-right: 0;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.image {
  width: 0;
  max-width: none;
  height: auto;
  margin-bottom: 24px;
}

.flex-block-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-image-text {
  display: flex;
}

.container-imagetext {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1678px;
  padding-left: 119px;
  padding-right: 119px;
  display: flex;
}

.hero-imagetext {
  background-color: #fff;
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding: 140px 30px;
  display: flex;
  position: relative;
}

.imagetext-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-block-no-bg {
  background-color: #f4f1ee00;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 920px;
  margin-bottom: 0;
  padding: 0;
}

.image-2 {
  margin-right: 16px;
}

.global-padding {
  padding-left: 50px;
  padding-right: 50px;
}

.accordion-contanier {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
  padding: 30px 20px;
  display: flex;
}

.accordion-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #d8363600;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.div-block-4 {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-5 {
  background-color: #f71468;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 176px;
  display: flex;
  position: absolute;
  top: 176px;
  left: 266px;
  right: 0;
}

.paragraph {
  color: #fff;
  text-align: center;
  margin-bottom: 2px;
  font-family: Billosans, sans-serif;
}

.div-block-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.div-block-7 {
  position: relative;
}

.steps-image-in-text {
  display: flex;
}

.div-block-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 24px;
  display: flex;
}

.small-p-16px-blue {
  color: #090947;
  width: auto;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.heading-2-blue {
  color: #090947;
  margin-bottom: 24px;
  font-family: Billosans, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
}

.heading-3-test {
  color: #090947;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 34px;
  font-weight: 600;
  line-height: 42px;
}

.container-4,
.container-5,
.container-6 {
  width: 100%;
}

.text-span-2,
.text-span-3,
.text-span-4 {
  font-weight: 700;
}

.div-block-9 {
  width: 50%;
}

.image-3 {
  text-align: left;
}

.div-block-10 {
  width: 70%;
}

.div-block-11 {
  max-width: 920px;
}

.div-block-12 {
  max-width: 635px;
}

.div-block-13 {
  max-width: 920px;
}

.body-22px-blue-bold-left {
  color: #090947;
  text-align: left;
  margin-bottom: 24px;
  padding-right: 0;
  font-family: Billosans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-14 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.container-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.one-container {
  flex-flow: column;
}

.flex-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.image-3col-icons {
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  margin-bottom: 0;
  padding: 0 48px;
}

.hero-stack {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-7 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all 0.2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 0;
  position: absolute;
  top: -216px;
}

.hero-image.shadow-two {
  position: absolute;
  top: -145px;
}

.floating-sparator-container {
  z-index: 1;
  border: 0 #000;
  width: 100%;
  max-width: 50vh;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 20vh;
  position: relative;
}

.hero-cover-image {
  -webkit-text-fill-color: inherit;
  background-color: #f5f7fa;
  background-image: url("../images/pappersplan_3_SQUARE-2.jpg");
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.div-block-15 {
  max-width: 635px;
}

.paragraph-decorative {
  letter-spacing: -1px;
  font-family: Billosans, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
}

.paragraph-2 {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  font-family: Billosans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.paragraph-3 {
  letter-spacing: -0.5px;
  font-family: Billosans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
}

.heading-1 {
  font-family: Billosans, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 110%;
}

.heading-1.txt-white.align-c {
  font-size: 40px;
}

.heading-2 {
  font-family: Billosans, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 110%;
}

.heading-3 {
  font-family: Billosans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
}

.heading-4 {
  font-family: Billosans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 110%;
}

.heading-5 {
  font-family: Billosans, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

.heading-6 {
  font-family: Billosans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

.paragraph-1 {
  font-family: Billosans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

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

.align-l {
  text-align: left;
}

.align-r {
  text-align: right;
}

.txt-black {
  color: var(--black);
}

.txt-blue {
  color: var(--cetacean-blue);
}

.txt-blue.paddin-top {
  margin-top: 10px;
}

.txt-light-blue {
  color: var(--american-blue);
}

.txt-cyan {
  color: var(--vivid-sky-blue);
}

.txt-pink {
  color: var(--vivid-raspberry);
}

.bg-blue {
  background-color: var(--cetacean-blue);
}

.bg-white {
  background-color: var(--white);
}

.bg-black {
  background-color: var(--black);
}

.bg-cyan {
  background-color: var(--vivid-sky-blue);
}

.bg-light-blue {
  background-color: var(--american-blue);
}

.bg-warm-white {
  background-color: var(--isabelline);
}

.bg-soft-white {
  background-color: var(--anti-flash-white);
}

.bg-light-gray {
  background-color: var(--cultured);
}

.txt-white {
  color: var(--white);
}

.x-container {
  width: 100%;
  max-width: 1360px;
}

.s-wrapper {
  width: 100%;
  max-width: 710px;
}

.v-flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.v-flex.s-v-gap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.v-flex.xs-v-gap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.v-flex.m-v-gap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.v-flex.strech {
  align-items: stretch;
}

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

.v-flex._2xl-gap {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
}

.v-flex._2xs-v-gap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.primary {
  direction: ltr;
  color: #fff;
  text-transform: none;
  background-color: #f71468;
  background-image: linear-gradient(#f71468, #f71468);
  border-radius: 100px;
  margin-bottom: 0;
  padding: 19px 40px;
  font-family: Billosans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition: all 0.2s;
}

.primary:hover {
  color: #fff;
  background-color: #32343a;
  background-image: linear-gradient(45deg, #ea3323, #f50d80);
}

.primary:active {
  background-color: #43464d;
}

.primary.blue {
  background-color: var(--cetacean-blue);
  background-image: none;
}

.primary.blue:hover {
  background-image: linear-gradient(45deg, #821883, var(--cetacean-blue));
}

.floating-img {
  width: 575px;
  max-width: none;
  margin-top: 0;
  position: absolute;
  top: -216px;
}

.floating-img.shadow-two {
  position: absolute;
  top: -145px;
}

.floating-img.s-size {
  border: 1px #000;
  width: 100%;
  inset: auto 0% 0%;
}

.floating-seperator.global-padding.down-p {
  padding-bottom: 0;
}

.xl-container {
  width: 100%;
  max-width: 1520px;
}

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 0.75fr 1fr;
}

.xl-global-v-padding {
  padding-top: 230px;
  padding-bottom: 230px;
}

.image-price {
  position: relative;
}

.pricing-circle {
  background-color: var(--vivid-raspberry);
  border-radius: 200px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-top: 7%;
  margin-right: 20%;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.body {
  background-color: var(--anti-flash-white);
}

.image-4 {
  mix-blend-mode: multiply;
}

._3xl-wrapper {
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

._3xl-wrapper.m-global-v-padding.bg-white.xs-radius.h-padding {
  padding-left: 100px;
  padding-right: 100px;
}

.m-global-v-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.xs-radius {
  border-radius: 16px;
}

.x-global-v-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.list-item-2 {
  list-style-type: decimal;
}

.number-circle {
  object-fit: fill;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  display: flex;
}

.step-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 24px 16px;
}

.xs-wrapper {
  width: 100%;
  max-width: 600px;
}

.step-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.step-grid.top-padding {
  grid-template-columns: 6.5fr 1fr;
  margin-top: 20px;
}

.step-grid.top-padding-2 {
  margin-top: 40px;
}

.step-grid.top-padding-2.grid-left {
  grid-template-columns: 1fr 0.75fr;
}

.step-grid.top-padding-2.grid-right {
  grid-template-columns: 0.25fr 1fr;
}

.image-step {
  position: relative;
}

.m-container {
  max-width: 1240px;
}

.m-container.v-flex.align-c._2xl-gap {
  width: 100%;
}

.center-usp {
  display: flex;
}

.flex-block-4-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.m-wrapper {
  width: 100%;
  max-width: 710px;
}

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

.icon-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  display: flex;
}

.div-block-16 {
  padding-left: 15px;
  padding-right: 15px;
}

.horizontal-line {
  background-color: var(--cetacean-blue);
  width: 24px;
  height: 2.5px;
}

.vertical-line {
  background-color: var(--cetacean-blue);
  width: 2.5px;
  height: 24px;
  position: absolute;
}

.accordion-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.faq-section {
  display: flex;
}

.image-5 {
  mix-blend-mode: multiply;
}

.pricing-circle-2 {
  background-color: var(--vivid-raspberry);
  border-radius: 200px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-top: 22%;
  margin-right: 2%;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-price-2 {
  position: relative;
}

.image-text {
  display: flex;
}

.r-icon-container {
  background-color: #f4f1ee00;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 700px;
  margin-bottom: 0;
  padding: 0;
}

.div-block-17 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-18 {
  flex-flow: column;
  display: flex;
}

.l-wrapper {
  width: 100%;
  max-width: 1080px;
}

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

.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-2.padding-s {
  place-items: start stretch;
  padding: 24px;
}

.grid-2.padding-s.bg-warm-white.xs-radius.v-padding {
  margin-top: 40px;
  margin-bottom: 40px;
}

.icon-2 {
  width: 48px;
  margin-right: 16px;
}

.icon-left-container {
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 44px;
  }

  h3 {
    font-size: 36px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 26px;
  }

  h6 {
    font-size: 22px;
  }

  p {
    font-size: 18px;
  }

  .container {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .body-22px {
    font-size: 16px;
  }

  .primary-icon {
    font-size: 15px;
  }

  .heading {
    font-size: 36px;
    line-height: 44px;
  }

  .hero-split-content-only {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .list-item {
    font-size: 16px;
    line-height: 25px;
  }

  .heading-2-test {
    font-size: 25px;
    line-height: 32px;
  }

  .small-p-16px {
    font-size: 14px;
    line-height: 22px;
  }

  .small-p-14px {
    font-size: 12px;
    line-height: 19px;
  }

  .heading-blue {
    font-size: 36px;
    line-height: 44px;
  }

  .body-22px-blue {
    font-size: 16px;
  }

  .heading-3-blue {
    font-size: 36px;
    line-height: 44px;
  }

  .body-22px-blue-bold {
    font-size: 16px;
  }

  .small-p-14px-blue,
  .small-p-12px-grey {
    font-size: 12px;
    line-height: 19px;
  }

  .body-22px-blue-center {
    font-size: 16px;
  }

  .heading-3-blue-center {
    font-size: 36px;
    line-height: 44px;
  }

  .body-22px-blue-bold-center {
    font-size: 16px;
  }

  .imagetext-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .global-padding {
    padding-left: 40px;
    padding-right: 40px;
  }

  .small-p-16px-blue {
    font-size: 14px;
    line-height: 22px;
  }

  .heading-2-blue {
    font-size: 25px;
    line-height: 32px;
  }

  .body-22px-blue-bold-left {
    font-size: 16px;
  }

  .container-left,
  .container-7 {
    max-width: 728px;
  }

  .paragraph-decorative {
    font-size: 24px;
  }

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

  .paragraph-3 {
    font-size: 15px;
  }

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

  .heading-2 {
    font-size: 44px;
  }

  .heading-3 {
    font-size: 36px;
  }

  .heading-4 {
    font-size: 30px;
  }

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

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

  .paragraph-1 {
    font-size: 18px;
  }

  .v-flex.s-v-gap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .v-flex.m-v-gap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .v-flex._2xl-gap {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
  }

  .primary {
    padding: 17px 35px;
    font-size: 15px;
  }

  .floating-seperator.global-padding.down-p {
    padding-bottom: 80px;
  }

  .grid {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  .xl-global-v-padding {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  ._3xl-wrapper.m-global-v-padding.bg-white.xs-radius.h-padding {
    padding-left: 60px;
    padding-right: 60px;
  }

  .m-global-v-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .x-global-v-padding {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .step-grid {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  .step-grid.top-padding,
  .step-grid.top-padding-2 {
    grid-row-gap: 44px;
    grid-template-columns: 2fr;
  }
}

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

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 34px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  .hero-cover-image---content {
    padding: 60px 15px;
  }

  .primary-icon {
    font-size: 14px;
  }

  .hero-plain,
  .center-usps,
  .hero-imagetext {
    padding: 60px 15px;
  }

  .global-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-stack,
  .floating-sparator-container,
  .hero-cover-image {
    padding: 60px 15px;
  }

  .paragraph-decorative {
    font-size: 22px;
  }

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

  .heading-1 {
    font-size: 52px;
  }

  .heading-2 {
    font-size: 40px;
  }

  .heading-3 {
    font-size: 34px;
  }

  .heading-4 {
    font-size: 28px;
  }

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

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

  .paragraph-1 {
    font-size: 18px;
  }

  .v-flex.s-v-gap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .v-flex.m-v-gap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .v-flex._2xl-gap {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .primary {
    padding: 15px 30px;
    font-size: 14px;
  }

  .floating-seperator.global-padding.down-p {
    padding-bottom: 60px;
  }

  .grid {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .xl-global-v-padding {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pricing-circle {
    width: 160px;
    height: 160px;
    margin-top: -4%;
    margin-right: 16%;
    padding: 20px;
  }

  ._3xl-wrapper.m-global-v-padding.bg-white.xs-radius.h-padding {
    padding-left: 50px;
    padding-right: 50px;
  }

  .m-global-v-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .x-global-v-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .step-grid {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .step-grid.top-padding-2.grid-left {
    grid-template-columns: 1fr;
  }

  .step-grid.top-padding-2.grid-right {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .m-wrapper.grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: 500px;
  }

  .pricing-circle-2 {
    width: 160px;
    height: 160px;
    margin-top: 28%;
    margin-right: 4%;
    padding: 20px;
  }

  .l-wrapper.grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: 500px;
  }

  .grid-2.padding-s.bg-warm-white.xs-radius.v-padding {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 20px;
  }

  p {
    font-size: 16px;
  }

  .container {
    max-width: none;
  }

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

  .primary-icon {
    font-size: 13px;
  }

  .heading {
    font-size: 24px;
    line-height: 33px;
  }

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

  .heading-2-test {
    font-size: 18px;
    line-height: 25px;
  }

  .small-p-16px {
    font-size: 14px;
    line-height: 20px;
  }

  .small-p-14px {
    line-height: 18px;
  }

  .heading-blue {
    font-size: 24px;
    line-height: 33px;
  }

  .body-22px-blue {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-3-blue {
    font-size: 24px;
    line-height: 33px;
  }

  .body-22px-blue-bold {
    font-size: 16px;
    line-height: 24px;
  }

  .small-p-14px-blue,
  .small-p-12px-grey {
    line-height: 18px;
  }

  .body-22px-blue-center {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-3-blue-center {
    font-size: 24px;
    line-height: 33px;
  }

  .body-22px-blue-bold-center {
    font-size: 16px;
    line-height: 24px;
  }

  .global-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-p-16px-blue {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-2-blue {
    font-size: 18px;
    line-height: 25px;
  }

  .body-22px-blue-bold-left {
    font-size: 16px;
    line-height: 24px;
  }

  .container-left,
  .container-7 {
    max-width: none;
  }

  .paragraph-2 {
    font-size: 15px;
  }

  .paragraph-3 {
    font-size: 14px;
  }

  .heading-1 {
    font-size: 48px;
  }

  .heading-1.txt-white.align-c {
    font-size: 32px;
  }

  .heading-2 {
    font-size: 36px;
  }

  .heading-3 {
    font-size: 30px;
  }

  .heading-4 {
    font-size: 24px;
  }

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

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

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

  .v-flex.s-v-gap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .v-flex.m-v-gap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .v-flex._2xl-gap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .primary {
    padding: 12px 20px;
    font-size: 13px;
  }

  .floating-seperator.global-padding.down-p {
    padding-bottom: 40px;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .xl-global-v-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pricing-circle {
    width: 140px;
    height: 140px;
    margin-top: -5%;
    margin-right: 7%;
  }

  ._3xl-wrapper.m-global-v-padding.bg-white.xs-radius.h-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-global-v-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .x-global-v-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .step-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .m-wrapper.grid {
    grid-template-columns: 1fr;
    max-width: 200px;
  }

  .pricing-circle-2 {
    width: 140px;
    height: 140px;
    margin-top: 29%;
    margin-right: 7%;
  }

  .l-wrapper.grid {
    max-width: 200px;
  }
}

#w-node-f74cb67e-854a-032b-9c24-e297022a701c-5fd5604f {
  align-self: center;
}

#w-node-_0275cae7-da1d-a013-98a7-dbd15f5ff52b-5fd5604f {
  align-self: start;
}

#w-node-_41083687-decd-5824-4f20-409841f21e8a-5fd5604f {
  place-self: auto center;
}

#w-node-_20853f7d-9a77-5a87-be55-24e28b05a24c-5fd5604f,
#w-node-f5f73d46-7250-f968-1a8a-52f17647445d-5fd5604f,
#w-node-_9ee55bee-2058-b1af-b86a-4dd732951e18-5fd5604f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b7cc7eb-2433-586c-6f24-bf1ce10a9020-5fd5604f {
  place-self: auto center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119f9e2-5fd56050 {
  align-self: center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa18-5fd56050 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa22-5fd56050,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa2a-5fd56050,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa30-5fd56050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa66-5fd56050 {
  place-self: auto center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119faa7-5fd56050 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fab2-5fd56050 {
  place-self: start center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fae4-5fd56050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119faec-5fd56050,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb0f-5fd56050 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb1a-5fd56050 {
  place-self: start center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119f9e2-5fd56051 {
  align-self: center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa18-5fd56051 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa22-5fd56051,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa2a-5fd56051,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa30-5fd56051 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa66-5fd56051 {
  place-self: auto center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119faa7-5fd56051 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fab2-5fd56051 {
  place-self: start center;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fae4-5fd56051 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119faec-5fd56051,
#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb0f-5fd56051 {
  align-self: start;
}

#w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb1a-5fd56051 {
  place-self: start center;
}

@media screen and (max-width: 991px) {
  #w-node-f74cb67e-854a-032b-9c24-e297022a701c-5fd5604f {
    order: -9999;
  }

  #w-node-_41083687-decd-5824-4f20-409841f21e8a-5fd5604f,
  #w-node-_7b7cc7eb-2433-586c-6f24-bf1ce10a9020-5fd5604f {
    order: -9999;
    justify-self: center;
  }

  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119f9e2-5fd56050 {
    order: -9999;
  }

  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa66-5fd56050 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119f9e2-5fd56051 {
    order: -9999;
  }

  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fa66-5fd56051 {
    order: -9999;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fab4-5fd56050,
  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb1c-5fd56050,
  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fab4-5fd56051,
  #w-node-_38d7a0f5-1e7c-5fc4-8b6d-38938119fb1c-5fd56051 {
    order: -9999;
  }
}

@font-face {
  font-family: "Billosans";
  src: url("../fonts/BilloSans-Text-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Billosans";
  src: url("../fonts/BilloSans-Text-Medum.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Billosans";
  src: url("../fonts/BilloSans-Text-UltraBold.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Billosans";
  src: url("../fonts/BilloSans-Text-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Billosans";
  src: url("../fonts/BilloSans-Text-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}