@font-face {
  font-family: Relative;
  src: url('../fonts/Relative-Book.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Relative;
  src: url('../fonts/Relative-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-grey-1\<deleted\|variable-150a737e\>: #f4f4f4;
  --black\<deleted\|variable-dccb7db6\>: #161616;
  --lettercolor: #1d1d1d;
  --smallfont: .875rem;
  --white: white;
  --parafontsize: 18px;
  --paraheight: 26px;
  --light-grey-2\<deleted\|variable-829dc0ae\>: #e4e2df;
  --light-grey-3\<deleted\|variable-c5a05faa\>: #d8d5d2;
  --subheadingsize: 20px;
  --letters: #0d0f75;
  --ashcolor: #5b5858;
  --transparent: #fff0;
  --background: #91dcfd;
  --blackcolor\<deleted\|variable-13139e9b-92ac-0544-92c6-a7aa50a09e39\>: #000;
  --secondary\<deleted\|variable-874849e8\>: #f8f6f4;
  --heading-size: 40px;
  --backgroundpurple: #e130eac9;
}

.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-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

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

body {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
  color: var(--black\<deleted\|variable-dccb7db6\>);
  font-family: Relative, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

h5 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h6 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--black\<deleted\|variable-dccb7db6\>);
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 40px;
}

li {
  margin-bottom: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--black\<deleted\|variable-dccb7db6\>);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

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

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-light {
  font-weight: 300;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.show {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-weight-bold {
  font-weight: 700;
}

.text-size-regular {
  font-size: 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

.textaligncenter {
  text-align: center;
  margin-bottom: 40px;
}

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

.show-mobile-portrait {
  display: none;
}

.text-style-italic {
  font-style: italic;
}

.hide {
  display: none;
}

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

.text-weight-xbold {
  font-weight: 800;
}

.text-style-link {
  text-decoration: underline;
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: .875rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  opacity: .8;
  text-align: left;
  border-left: 2px solid #000;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.pagewrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #161616;
  background-image: linear-gradient(to right, #60cafb 49%, #fff);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  overflow: visible;
}

.textsizetiny {
  color: var(--lettercolor);
  font-size: var(--smallfont);
  text-align: center;
}

.containerlarge {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.background-color-black {
  background-color: var(--black\<deleted\|variable-dccb7db6\>);
  color: #f5f5f5;
}

.styleguide_classes {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.pagepadding {
  padding: 100px 5%;
}

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

.show-tablet {
  display: none;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

.show-mobile-landscape {
  display: none;
}

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

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.containermedium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

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

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.margin-xxhuge {
  margin: 10rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

.padding-xxhuge {
  padding: 10rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.marginbottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

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

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom.padding-xlarge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.paddingvertical {
  padding: 40px 0;
}

.paddingvertical.padding-xhuge {
  flex-direction: column;
  align-items: center;
  padding: 60px 100px;
  display: flex;
}

.paddingvertical.padding-xxlarge {
  padding: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.text-style-nowrap {
  white-space: nowrap;
}

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

.styleguide_heading {
  z-index: 4;
  color: #fff;
  background-color: #000;
  padding: 4px 8px;
  position: sticky;
  top: 0;
}

.styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.stylesystem-spacing-wrapper {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
}

.styleguide_subheading {
  z-index: 3;
  color: #000;
  background-color: #d3d3d3;
  padding: .25rem .5rem;
  position: sticky;
  top: 32px;
}

.sectionparagraph {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  text-align: left;
  margin-top: 20px;
  padding-right: 0;
}

.icon-small {
  width: 2rem;
}

.icon-medium {
  width: 3rem;
}

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

.stylesystem_color-sample {
  border: 1px solid #000;
  padding: 8rem 1.5rem 1.25rem;
}

.stylesystem_color-sample.lightgrey1 {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
}

.stylesystem_color-sample.black {
  background-color: #161616;
}

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

.stylesystem_color-sample.lightgrey2 {
  background-color: var(--light-grey-2\<deleted\|variable-829dc0ae\>);
}

.stylesystem_color-sample.lightgrey3 {
  background-color: var(--light-grey-3\<deleted\|variable-c5a05faa\>);
}

.stylesystem_color-sample.orange {
  background-color: #ff7448;
}

.stylesystem_color-sample.red {
  background-color: #ff4848;
}

.stylesystem_color-sample.purple {
  background-color: #6248ff;
}

.text-size-large {
  font-size: 1.25rem;
}

.heading-xxlarge {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.icon-xsmall {
  width: 1.5rem;
}

.styleguide_icons-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.icon-xxsmall {
  width: 1rem;
}

.heading-medium {
  letter-spacing: -.02em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.tabs-menu {
  border-bottom: 1px #00000026;
  display: flex;
  overflow: auto;
}

.tabs-menu.no-scrollbar {
  padding-right: 24px;
}

.icon-xlarge {
  width: 6.5rem;
}

.background-color-black-2 {
  background-color: #000;
}

.heading-large {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.image-wrapper-3-2 {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}

.background-color-lightgrey {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
}

.tab-link {
  color: #0009;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  flex: none;
  margin-right: 1.5rem;
  padding: .5rem 0;
}

.tab-link.w--current {
  color: #000;
  background-color: #fff;
  border-bottom: .125rem solid #000;
}

.heading-xsmall {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.headingsmall {
  color: var(--lettercolor);
  font-size: var(--subheadingsize);
  font-weight: 500;
  line-height: 1.4;
}

.text-style-quote {
  border-left: .1875rem solid var(--black\<deleted\|variable-dccb7db6\>);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.image-wrapper_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-wrapper-16-9 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.text-color-black {
  color: var(--black\<deleted\|variable-dccb7db6\>);
}

.stylesystem-images_layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-large {
  width: 5rem;
}

.image-wrapper-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.styleguide_grid-colours {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-xlarge {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.icon-1x1-xxsmall {
  width: 1rem;
  height: 1rem;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

.iconmedium {
  width: 3rem;
  height: 3rem;
}

.icon-1x1-large {
  width: 5rem;
  height: 5rem;
}

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.heading-huge {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-xhuge {
  letter-spacing: -.02em;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.button {
  border: 2px solid var(--letters);
  background-color: var(--letters);
  color: #fff;
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  text-align: center;
  border-radius: 80px;
  padding: .75rem 1.5rem;
  font-weight: 500;
}

.button:hover {
  background-color: #000;
  border-color: #0000;
}

.button.button-small {
  padding: .625rem 1.25rem;
}

.button.buybotton {
  background-color: var(--white);
  color: var(--letters);
}

.button.buybotton:hover {
  background-color: var(--lettercolor);
  color: var(--white);
}

.button-tertiary {
  border: 1px solid #00000026;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button-tertiary:hover {
  background-color: #e4e2df;
}

.button-tertiary_icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .5rem;
}

.button-tertiary_icon.left {
  margin-left: 0;
  margin-right: .5rem;
}

.button-row-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: center start;
  display: grid;
}

.button-row-grid.tablet-1-col {
  grid-template-rows: auto auto;
}

.button-secondary {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-secondary:hover {
  background-color: #d8d5d1;
}

.button-secondary.button-small {
  padding: .625rem 1.25rem;
}

.form-field-wrapper {
  margin-bottom: .75rem;
  position: relative;
}

.form-radio {
  cursor: pointer;
  border: .0625rem solid #16161633;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
}

.form-radio.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #161616;
}

.form-radio.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.checkbox-wrapper {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  transition: all .2s;
  display: flex;
}

.checkbox-wrapper:hover {
  color: #161616a6;
}

.form_grid-1-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.stylesystem-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-checkbox-label {
  cursor: pointer;
  margin-bottom: 0;
  padding-left: .875rem;
  font-size: 1rem;
  line-height: 1;
}

.field-label {
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.forminput {
  height: auto;
  min-height: 2.75rem;
  color: var(--ashcolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 8px;
  margin-bottom: 0;
  padding: .5rem .75rem;
}

.forminput:hover {
  box-shadow: 0 1px 3px #0000001a;
}

.forminput:focus {
  background-color: #fff;
  border-color: #16161626;
}

.forminput::placeholder {
  color: #0009;
}

.forminput.select {
  background-color: #fff;
  background-image: none;
}

.forminput.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.form-checkbox {
  cursor: pointer;
  border: 1px solid #16161633;
  border-radius: 4px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  transition: all .2s;
}

.form-checkbox:hover {
  border-color: #161616;
}

.form-checkbox.w--redirected-checked {
  box-shadow: none;
  background-color: #161616;
  background-image: url('../images/checkbox-tick.svg');
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #161616;
}

.form-checkbox.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.form-radio-wrapper {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.body {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
}

.heading-xxhuge {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.2;
}

.navbar_tablet-menu-button {
  color: var(--white);
  background-color: #000;
  border: 1px solid #000;
  margin-left: 1rem;
  padding: .5rem 1.5rem;
  display: none;
}

.navbar_menu-left {
  align-items: center;
}

.navbarlink {
  opacity: .7;
  color: var(--letters);
  font-size: var(--parafontsize);
  text-transform: capitalize;
  padding: .5rem 1rem;
  transition: opacity .2s cubic-bezier(.215, .61, .355, 1), border .2s cubic-bezier(.215, .61, .355, 1);
}

.navbarlink.w--current {
  opacity: 1;
  color: var(--black\<deleted\|variable-dccb7db6\>);
  border-bottom: 2px solid #000;
}

.navbar_component {
  align-items: center;
  height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar_menu-button {
  padding: 0;
}

.navbar_logo-link {
  padding-left: 0;
}

.navbar_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar_menu-background {
  display: none;
  position: static;
}

.navbar_logo-link-menu {
  padding-left: 0;
  display: none;
}

.navbar_menu-right {
  align-items: center;
}

.header_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.section-header.background-color-primary {
  background-color: var(--transparent);
  display: block;
}

.button-2 {
  border: 2px solid var(--letters);
  background-color: var(--letters);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  padding: .75rem 1.5rem;
}

.video_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-video.background-color-secondary {
  background-color: var(--transparent);
  display: block;
}

.cta_button-wrapper {
  margin-left: 1rem;
}

.cta_content {
  flex: 1;
}

.cta_component {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, 1fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.section-cta.cta-color {
  background-color: var(--background);
}

.cta_button-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.testimonialclientimage {
  object-fit: cover;
  border-radius: 100%;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
}

.testimonialsection.background-color-primary {
  background-color: var(--transparent);
}

.testimonialclientimagewrapper {
  margin-bottom: 1rem;
}

.testimonial_component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.testimonialclientdiv {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.testimonialclienttextwrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: .5em;
  display: flex;
}

.leadmagnetformblock {
  max-width: 30rem;
  margin-bottom: 0;
}

.leadmagnetsection.background-color-secondary {
  background-color: var(--transparent);
}

.leadmagnetcomponent {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.leadmagnetform {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.errormessage {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.successmessage {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
  padding: 1.5rem;
}

.qoute-grid-card_top {
  border-bottom: 1px solid #ecebea;
  padding: 16px 24px;
}

.qoute-grid-card_top.no-border {
  padding-bottom: 0;
}

.card-top_row {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-top_row.row-align-center {
  align-items: center;
}

.card-top_row-text {
  margin-left: 12px;
}

.grid-row {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.avatar {
  border-radius: 50%;
  width: 96px;
  height: 96px;
}

.qoute-grid-card {
  background-color: #fff;
  border: 1px solid #ecebea;
  border-radius: 6px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.qoute-grid-card:hover {
  text-decoration: none;
}

.qoute-grid-card.no-border {
  position: relative;
}

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

.quote-grid-card_bottom {
  flex: 1;
  padding: 24px;
}

.contentwidthlarge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  direction: ltr;
  width: 100%;
  max-width: 612px;
}

.contentwidthlarge.tabsrowcontent {
  background-color: #f8f6f3;
  margin-left: 0;
  margin-right: 24px;
}

.contentwidthsmall {
  direction: ltr;
  flex: none;
  width: 450px;
}

.contentwidthsmall.cardtabs {
  flex-direction: column;
  display: flex;
}

.expandabletext {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  text-align: justify;
  margin-top: 8px;
}

.expandable.expandable-card {
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 12px 24px;
  transition: transform .2s, border-color .2s, background-color .2s;
}

.expandable.expandable-card:hover {
  text-decoration: none;
  transform: translate(8px);
}

.expandable.expandable-card.w--current {
  background-color: #fff;
  border-color: #ecebea;
  padding-top: 24px;
  padding-bottom: 24px;
}

.expandable.expandable-card.w--current:hover {
  transform: none;
}

.tabsrow {
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  display: flex;
}

.imagewrap {
  cursor: zoom-in;
  width: 612px;
  height: 482px;
  position: relative;
  overflow: hidden;
}

.hoverimage {
  z-index: 2;
  background-image: none;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1200px;
  height: 1000px;
  position: absolute;
  top: -50%;
  left: 0%;
  right: 0%;
}

.hoverimage._02, .hoverimage._03, .hoverimage._04 {
  background-image: none;
}

.mainimage {
  background-image: none;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.mainimage._04, .mainimage._03, .mainimage._02 {
  background-image: none;
}

.sectionwhatsinside.backgroundcolorprimary {
  background-color: var(--transparent);
  padding-top: 100px;
}

.meetauthor_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.footer_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

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

.footer_credit-text {
  font-size: .875rem;
}

.footer_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.line-divider {
  background-color: var(--blackcolor\<deleted\|variable-13139e9b-92ac-0544-92c6-a7aa50a09e39\>);
  width: 100%;
  height: 2px;
}

.footer7_legal-link {
  font-size: .875rem;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--letters);
}

.social-icon:hover {
  color: var(--blackcolor\<deleted\|variable-13139e9b-92ac-0544-92c6-a7aa50a09e39\>);
}

.footer_bottom-wrapper {
  justify-content: space-between;
  display: flex;
}

.dropdown-content {
  z-index: 10;
  background-color: #01b4ded9;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.button-dropdown {
  width: 250px;
  position: relative;
}

.dropdown-trigger {
  text-transform: uppercase;
  cursor: pointer;
  background-color: #01b4de;
  padding: 16px 24px;
  font-size: 22px;
  line-height: 28px;
}

.dropdown-trigger.ga-event {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 20px;
  line-height: 26px;
}

.dropdown-trigger.ga-event:active, .dropdown-trigger.ga-event:focus {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.buy-link {
  color: #fff;
  text-transform: uppercase;
  padding: 8px 24px;
  font-size: 18px;
  line-height: 24px;
  transition: box-shadow .2s;
  display: block;
}

.buy-link:hover {
  color: #fff;
  box-shadow: inset 0 0 100px 100px #0003;
}

.style-guide-nav {
  border-right: 1px solid #000;
  width: 240px;
  height: 0;
  position: fixed;
  top: 0%;
  bottom: 0;
  left: 0;
}

.style-guide-nav_container {
  width: 240px;
  height: 100vh;
}

.style-guide-nav_brand {
  margin-top: 0;
  margin-bottom: 23px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.style-guide-nav_menu {
  width: 100%;
}

.style-guide-menu_link {
  color: #949090;
  width: 100%;
  transition: color .2s, background-color .2s;
}

.style-guide-menu_link.w--current {
  color: var(--white);
  background-color: #00003c;
  font-weight: 700;
}

.style-guide-content {
  max-width: 100%;
  margin-left: 240px;
}

.style-guide-wrapper {
  width: 100%;
  height: 100vh;
}

.style-guide-section {
  z-index: 0;
  text-align: left;
  padding: 60px 80px 60px 60px;
  position: relative;
}

.style-guide-section.heading {
  color: #fff;
  background-color: #00003c;
}

.style-guide_text-box {
  max-width: 500px;
  min-height: 64px;
}

.background-color-primary {
  background-color: #fff;
}

.background-color-secondary {
  background-color: var(--secondary\<deleted\|variable-874849e8\>);
}

.background-color-tertiary {
  background-color: #fc9f5b;
}

.text-color-custom1 {
  color: #ff4848;
}

.text-color-custom2 {
  color: #6248ff;
}

.text-color-custom3 {
  color: #0a9b00;
}

.text-font-one {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.text-font-two, .text-font-three {
  font-family: Oswald, sans-serif;
}

.style-guide-header {
  margin-bottom: .5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.benefits-left_item {
  display: flex;
}

.benefits-left_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.benefits-left_item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.benefits-left-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.benifitssection {
  background-color: var(--transparent);
  margin-top: 60px;
}

.benefitsrightitem {
  display: flex;
}

.benefitsrightcomponent {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.benefitsrightitemiconwrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.benefitsrightitemlist {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.section-logo {
  background-color: var(--background);
}

.logo_wrapper {
  background-color: var(--light-grey-1\<deleted\|variable-150a737e\>);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .875rem;
  display: flex;
}

.navbar-color {
  background-color: #91dcfd;
}

.testamonialname {
  color: var(--lettercolor);
  font-size: var(--subheadingsize);
  line-height: var(--paraheight);
}

.testamonialrole {
  color: var(--lettercolor);
  font-size: var(--smallfont);
}

.video {
  width: 70%;
  min-width: 500px;
}

.navbar2_menu {
  align-items: center;
}

.navbar2_button-wrapper {
  display: flex;
}

.navbar2_menu-button {
  padding: 0;
}

.navbar2_component {
  border-bottom: 1px #000;
  align-items: center;
  height: auto;
  padding-left: 5%;
  padding-right: 5%;
}

.navbar2_link {
  padding: .5rem 1rem;
}

.navbar2_link.w--current {
  color: var(--black\<deleted\|variable-dccb7db6\>);
}

.navbar2_logo-link {
  padding-left: 0;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar1_menu-buttons {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar1_link {
  padding: .5rem 1rem;
}

.navbar1_link.w--current {
  color: var(--black\<deleted\|variable-dccb7db6\>);
}

.navbarcontainer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbarcomponent {
  border-bottom: 1px #000;
  align-items: center;
  height: auto;
  padding: 6px 5%;
}

.navbarcomponent.navbarcolor {
  background-color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  position: sticky;
  top: 0;
}

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

.navbar1_logo-link {
  padding-left: 0;
}

.navbarmenubutton {
  padding: 0;
}

.navbar1_button-wrapper {
  margin-left: 1rem;
}

.heroimage {
  height: 700px;
  box-shadow: 8px 0 16px 10px #3b3a3a40, 0 20px 20px 18px #717f8485;
}

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

.largeqoute {
  color: var(--lettercolor);
  font-size: var(--subheadingsize);
  line-height: var(--paraheight);
  text-align: center;
  font-weight: 500;
  display: block;
}

.cta-color {
  background-color: #ffd5d5;
}

.image {
  background-image: url('../images/theipad.png');
  background-position: 50%;
  background-size: cover;
}

.signedcopybutton {
  background-color: var(--letters);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.signedcopybutton:hover {
  transform: scale(1.05);
}

.seconddivblock {
  color: #0000;
}

.socialmediagrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.embeddedlogo {
  color: var(--ashcolor);
  background-color: #0000;
}

.embeddedlogo:hover {
  color: var(--letters);
}

.heading-6 {
  color: var(--letters);
  text-align: center;
  margin-top: 10px;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.herosubheading {
  color: #434040;
  letter-spacing: .08em;
  margin-top: 60px;
  font-weight: 600;
}

.buybutton {
  border: 2px solid var(--letters);
  color: var(--letters);
  font-size: var(--parafontsize);
  text-align: center;
  background-color: #0000;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.75rem;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.buybutton:hover {
  transform: scale(1.05);
}

.div-block {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.heroheader {
  color: var(--letters);
  margin-top: 60px;
  font-size: 120px;
  font-weight: 500;
  line-height: 116px;
}

.buttonsgrid {
  text-align: center;
  grid-template-rows: auto;
  place-items: stretch stretch;
  height: 55px;
  margin-top: 60px;
}

.maingrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-content: stretch;
  justify-items: stretch;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.herosection {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.heading-7 {
  color: var(--letters);
  text-align: center;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.logoalttext {
  font-size: 0;
  line-height: 0;
}

.socialmedialink {
  margin-left: 50%;
}

.socialmedialink:hover {
  transform: scale(1.2);
}

.socialmediawraper {
  margin-left: -18px;
  position: relative;
}

.image-2 {
  color: #0000;
  border: 1px #000;
  width: 100%;
  height: 100%;
}

.image-11 {
  align-self: center;
}

.firstdivblock {
  width: 100%;
  padding-right: 40px;
}

.videosubtext {
  color: var(--letters);
  font-size: var(--subheadingsize);
  text-align: center;
  align-self: center;
  margin-top: 20px;
  font-weight: 600;
  line-height: 37px;
}

.youtubevideodiv {
  width: 100%;
}

.bookparagraph {
  text-align: justify;
  margin-top: 10px;
  font-size: 24px;
  line-height: 38px;
}

.videosection {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
}

.sectionheading {
  color: var(--letters);
  font-size: var(--heading-size);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 47px;
}

.videodivtwo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 40vw;
  margin-top: 60px;
  display: flex;
}

.videodivone {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 75%;
  display: flex;
}

.sectionsubheading {
  color: var(--ashcolor);
  font-size: var(--subheadingsize);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 23px;
}

.videogrid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  width: 90%;
  margin-top: 40px;
}

.bookcontentsection {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 40px;
  display: flex;
}

.ganstavisiontitle {
  color: var(--letters);
  font-size: 40px;
  line-height: 47px;
}

.gangstavisiontext {
  margin-top: 10px;
  font-size: 20px;
}

.bookcontentgrid {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  width: 90vw;
  margin-top: 60px;
}

.grangtavisionpara {
  text-align: justify;
  font-size: 22px;
  line-height: 40px;
}

.bookimage {
  height: 100%;
}

.image-10, .image-9 {
  object-fit: cover;
}

.fansheading {
  color: #ff9f27;
}

.fanssection {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.image-12 {
  white-space: normal;
  object-fit: cover;
}

.grid-7 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 90vw;
  margin-top: 16px;
}

.grid-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 90vw;
  margin-top: 40px;
}

.editorsection {
  background-color: var(--transparent);
  color: #ff9f27;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
}

.maineditordiv {
  border: 1px solid var(--background);
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column wrap;
  place-content: center space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

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

.image-22 {
  border-radius: 100px;
  width: 90px;
  height: 90px;
}

.editordesignation {
  color: var(--ashcolor);
  font-size: var(--smallfont);
  line-height: 18px;
}

.image-24 {
  border-radius: 100px;
  width: 88.8611px;
}

.image-23 {
  border-radius: 100px;
  width: 90px;
  height: 90px;
}

.editorreview {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  text-align: justify;
  letter-spacing: .2px;
  flex: 1;
  margin-top: 0;
}

.editorname {
  color: var(--letters);
  font-size: var(--subheadingsize);
  line-height: var(--paraheight);
  letter-spacing: .2px;
  font-weight: 500;
}

.editorgrid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  place-items: center;
  margin-top: 30px;
}

.reviewsgrid {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  grid-template-columns: 1fr 1fr;
  place-content: space-between;
  place-items: stretch stretch;
  width: 90%;
  margin-top: 20px;
  margin-bottom: 40px;
}

.image-25, .image-26 {
  border-radius: 100px;
  width: 90px;
  height: 90px;
}

.div-block-22 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.grid-14 {
  grid-template-rows: auto;
  width: 60%;
}

.chaptersub {
  font-size: var(--parafontsize);
}

.grid-15 {
  grid-column-gap: 0px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fandivblock {
  width: 100%;
  margin-top: 20px;
  padding-left: 140px;
  padding-right: 140px;
}

.fanimages {
  width: 220px;
  height: 250px;
}

.containerxcenter {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.success-message-2 {
  color: #170f49;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  padding-top: 48px;
  padding-bottom: 48px;
  font-weight: 700;
  box-shadow: 0 6px 28px #170f490d;
}

.container-510px-center {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.text-underline {
  text-decoration: underline;
}

.text-underline.primary-color {
  color: #4a3aff;
}

.form-newsletter-wrapper {
  position: relative;
}

.mg-right-12px {
  background-color: var(--letters);
  border-radius: 20px;
  margin-right: 12px;
}

.containercenter {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.error-message-2.newsletter {
  color: #fff;
  text-align: center;
  background-color: #ff7b7d;
  border-radius: 11px;
  margin-top: 22px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 28px;
}

.button-primary {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button-primary:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button-primary.newsletter {
  background-color: var(--letters);
  color: var(--white);
  font-size: var(--parafontsize);
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
  inset: 14px 14px 14px auto;
}

.button-primary.newsletter:hover {
  background-color: var(--lettercolor);
}

.blob-hero {
  z-index: -1;
  opacity: .29;
  filter: blur(130px);
  position: absolute;
  inset: auto auto -25% -8%;
  overflow: hidden;
}

.success-message-image {
  margin-bottom: 23px;
}

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

.subscribersection {
  padding-top: 72px;
  padding-bottom: 72px;
}

.subscribersection.hero {
  background-color: var(--transparent);
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.subscribersection.cloneables-listing {
  background-color: var(--transparent);
  padding-top: 140px;
  padding-bottom: 72px;
  display: block;
}

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

.containerdefault {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.text-uppercase.subtitle {
  color: #4a3aff;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.flex {
  display: flex;
}

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

.flex.center.mg-top-24px {
  align-items: flex-end;
}

.form-newsletter {
  padding-top: 40px;
}

.input-relative {
  border: 1px solid #eff0f6;
  border-radius: 100px;
  min-height: 64px;
  margin-bottom: 24px;
  padding: 32px 24px;
}

.input-relative:focus {
  color: #0d0a2c;
  border-color: #4a3aff;
}

.input-relative::placeholder {
  color: #615e83;
  font-size: 18px;
  line-height: 20px;
}

.input-relative.newsletter {
  min-height: 84px;
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  transition: all .35s;
  box-shadow: 0 4px 25px #0d0a2c0f;
}

.input-relative.newsletter:hover {
  border-color: #4a3aff;
  box-shadow: 0 8px 28px #170f4914;
}

.input-relative.newsletter:focus {
  border-color: #4a3aff;
  box-shadow: 0 7px 28px #170f4914;
}

.input-relative.newsletter::placeholder {
  font-size: 18px;
}

.position-relative {
  position: relative;
}

.social-media-grid-top {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  place-content: stretch start;
  place-items: stretch start;
}

.author-image-square---brix {
  background-image: url('../images/placeholder-author-bio-image-v2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  width: 55%;
}

.author-image-square---brix.float-image {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cloneable-header-grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  align-items: center;
}

.cloneable-container-default {
  background-color: #f7f7fb;
  border-radius: 20px;
  min-height: 624px;
  transform: translate(0);
}

.cloneable-container-default.center {
  border-radius: 0;
  align-items: center;
  min-height: auto;
  padding-top: 116px;
  padding-bottom: 116px;
}

.cloneable-container-default.center.bg-transparent {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.end {
  justify-content: flex-end;
}

.badge-author---brix {
  background-color: var(--letters);
  color: #fff;
  border-radius: 100px;
  padding: 15px 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  inset: auto auto 40px 40px;
}

.social-icon-square {
  background-color: #f3f1ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: transform .3s;
  display: none;
}

.social-icon-square:hover {
  transform: translate(0, -4px);
}

.heading-size-3 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 28px;
}

.cloneable-header {
  background-color: #fff;
  border-radius: 18px;
  margin-bottom: 44px;
  padding: 32px;
  box-shadow: 0 3px 14px #4a3aff08, 0 -2px 4px #14142b05, 0 12px 24px #14142b03;
}

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

.container-865px-center {
  max-width: 865px;
  margin-left: auto;
  margin-right: auto;
}

.card-author---brix {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 4px 4px 14px #080f340a;
}

.card-author---brix.right {
  z-index: 1;
  min-width: 530px;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}

.mg-bottom-32ps {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  margin-bottom: 32px;
}

.right-content-v2---brix {
  max-width: 530px;
  padding: 60px 48px;
}

.faq-text {
  color: var(--ashcolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
}

.text-block-2 {
  color: var(--ashcolor);
  font-size: var(--subheadingsize);
  text-align: center;
}

.pricing-left-col {
  color: #6f7cb2;
  text-align: left;
  padding-top: 5px;
}

.section-6 {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
}

.section-6.no-top-space {
  padding-top: 0;
}

.section-6.no-top-space.bg-gray-3 {
  background-color: var(--transparent);
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.wide-container-80 {
  width: 90vw;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.black-button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 30px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px 25px 10px;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  box-shadow: 0 14px 28px #00000040;
}

.black-button:hover {
  background-color: #242e44;
}

.black-button.bottom-of-section-button {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
  position: relative;
  top: 20px;
}

.contact-us-link {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  margin-left: 5px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.faq-right-div {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 20px;
}

.contact-us-text {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  display: inline-block;
}

.container {
  z-index: 3;
  width: 100%;
  max-width: 1272px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}

.container.text-center {
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.fold-out-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 55vh;
  margin-top: 40px;
  position: relative;
}

.lrg {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
  text-align: center;
  letter-spacing: .2px;
}

.cover {
  z-index: 10;
  background-color: #fff;
  background-image: linear-gradient(#0000001a, #fff 2%), linear-gradient(270deg, #0000 92%, #0003);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 25%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: absolute;
  box-shadow: 1px 0 13px -4px #0009;
}

.cover.fold-1 {
  z-index: 9;
  box-shadow: none;
  background-image: linear-gradient(#0000001a, #fff 2%), linear-gradient(270deg, #0000 92%, #0003);
  border-left: 1px solid #0003;
  border-right: 1px solid #00000080;
  padding-right: 20px;
}

.cover.fold-2 {
  z-index: 8;
  box-shadow: none;
  border-right: 1px solid #00000080;
  left: 50%;
}

.cover.fold-3 {
  z-index: 7;
  left: 75%;
}

.cover.fold-1 {
  z-index: 9;
  box-shadow: none;
  background-image: linear-gradient(#0000001a, #fff 2%), linear-gradient(270deg, #0000 92%, #0003);
  border-left: 1px solid #0003;
  border-right: 1px solid #00000080;
  padding-right: 20px;
  left: 25%;
}

.sml {
  text-align: justify;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

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

.sml.indent {
  text-indent: 40px;
  margin-bottom: 3px;
}

.sml.mrgn-btm {
  margin-bottom: 8px;
}

.fold-conten-2 {
  margin-bottom: 8px;
  margin-left: 40px;
}

.fold-conten-2.none {
  margin-left: 0;
}

.planet {
  width: auto;
  margin-bottom: 5px;
}

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

.footer-content {
  flex-direction: column;
  align-items: stretch;
}

.middle-content-container {
  margin-top: 20px;
}

.scroll-note {
  z-index: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.book-wrapper {
  z-index: 10;
  transform-style: preserve-3d;
  align-items: center;
  display: flex;
  position: relative;
  transform: rotateX(0)rotateY(.1deg)rotateZ(0);
}

.text-line {
  background-color: #c7c7c7;
  width: 100%;
  height: 7px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.text-line._4 {
  width: 89%;
}

.text-line._3 {
  width: 93%;
}

.text-line._2 {
  width: 79%;
}

.flex-row {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.book-cover-inner {
  z-index: 3;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: linear-gradient(270deg, #ee4e27, #d44725 96%);
  position: absolute;
  inset: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.text-line-wrapper {
  transform-style: preserve-3d;
  margin: 20px;
  position: absolute;
  inset: 0;
  transform: translate3d(0, 0, 10px);
}

.text-line-wrapper._2 {
  transform-style: preserve-3d;
  transform: translate(0)rotateX(0)rotateY(180deg)rotateZ(0);
}

.body-wrapper {
  min-height: 2500px;
}

.page-2 {
  z-index: 4;
  transform-origin: 100%;
  width: 197px;
  height: 96%;
  transform-style: preserve-3d;
  background-color: #f1f1f1;
  background-image: linear-gradient(270deg, #0000001c, #fff);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1.5%;
  bottom: 0;
  right: 0;
  transform: rotateX(0)rotateY(-95deg)rotateZ(0);
}

.book-cover {
  z-index: 5;
  backface-visibility: hidden;
  transform-origin: 100%;
  width: 200px;
  position: relative;
}

.book-spine {
  transform-origin: 100%;
  width: 10px;
  transform-style: preserve-3d;
  background-color: #e24a25;
  align-self: stretch;
  align-items: center;
  position: relative;
  transform: rotateX(0)rotateY(-90deg)rotateZ(0);
}

.book-back-cover {
  z-index: 5;
  transform-origin: 100%;
  width: 200px;
  height: 323px;
  transform-style: preserve-3d;
  background-color: #ee4e27;
  background-image: linear-gradient(to right, #00000017, #00000021 0%, #fff0);
  margin-right: -10px;
  position: relative;
  transform: translate3d(0, 0, -10px)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.text-column {
  z-index: 20;
  text-align: right;
  max-width: 33%;
  position: relative;
}

.book-cover-wrapper {
  transform-origin: 0%;
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(0)rotateY(-13deg)rotateZ(0);
}

.button-3 {
  background-color: #02ca32;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 11px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.button-3:hover {
  background-color: #111;
}

.main-wrapper-2 {
  perspective: 580px;
  color: #fff;
  background-image: linear-gradient(45deg, #f85a22, #f60);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.page-1 {
  z-index: 4;
  transform-origin: 100%;
  width: 197px;
  height: 96%;
  transform-style: preserve-3d;
  background-color: #f1f1f1;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1.5%;
  bottom: 0;
  right: 0;
  transform: rotateX(0)rotateY(-93deg)rotateZ(0);
}

.z-index-text {
  color: #000;
  transform-style: preserve-3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 33px;
  transform: perspective(580px)translate3d(0, 0, 20px);
}

.z-index-text.logo {
  max-width: 70%;
  transform-style: preserve-3d;
  transform: perspective(580px)translate3d(0, 0, -20px)rotateX(0)rotateY(180deg)rotateZ(0);
}

.text-block {
  transform: rotate(90deg);
}

.hr {
  background-color: #e75a00;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.price {
  background-color: #009c26;
  background-image: linear-gradient(to right, #00000017, #fff0 13%);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  align-self: stretch;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 14px;
  display: flex;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.paragraph {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.main-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: block;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper._15p-right {
  margin-right: 15px;
}

.spacer-m {
  width: 100%;
  height: 20px;
}

.content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content-wrap.vertical-center {
  justify-content: center;
}

.form-inner {
  flex-direction: column;
  display: flex;
}

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

._1-2-grid._75-space {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
}

.page-wrapper-2 {
  width: 100%;
  overflow: hidden;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

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

.button-4 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-4:hover {
  box-shadow: none;
  background-color: #000;
}

.button-4.in-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.button-4.secondary {
  color: #434de7;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #434de7;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 25px;
}

.button-4.secondary:hover {
  color: #000;
  border-color: #000;
}

.spacer-l {
  width: 100%;
  height: 30px;
}

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

.bold-text {
  color: var(--letters);
  font-size: var(--subheadingsize);
  text-transform: capitalize;
}

.column {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
}

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

.slide-2 {
  background-color: #fff;
}

.slide-nav {
  color: #ff9f27;
}

.right-arrow {
  z-index: 100;
  width: 10%;
  color: var(--letters);
}

.heading-13 {
  color: #aa4100;
  text-align: center;
  margin-top: 10px;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.section-7 {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  display: flex;
}

.left-arrow {
  width: 10%;
  color: var(--letters);
  -webkit-text-stroke-color: var(--letters);
}

.slide-1-5 {
  background-color: #fff;
}

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

.latest-reviews {
  color: #ff9f27;
  margin-top: 100px;
  font-size: 40px;
  line-height: 47px;
}

.grid-8 {
  width: 90%;
  margin-top: 20px;
}

.latert-reviews {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask {
  text-align: center;
  flex: 0 auto;
  align-self: center;
  width: 80%;
  height: 300px;
}

.slide {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.heading-8 {
  color: #ff9f27;
  text-align: center;
  width: 100%;
  font-size: 40px;
  line-height: 56px;
}

.slide-1 {
  background-color: #fff;
}

.image-32 {
  width: 100%;
  height: auto;
}

.slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 90vw;
  height: 400px;
  display: flex;
}

.image-33 {
  align-self: center;
}

.button-5 {
  background-color: #02ca32;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 11px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.button-5:hover {
  background-color: #111;
}

.main-wrapper-3 {
  perspective: 580px;
  color: #fff;
  background-image: linear-gradient(45deg, #f85a22, #f60);
  justify-content: center;
  align-items: center;
  height: 100vw;
  min-height: 100vh;
  display: flex;
}

.text-block-5 {
  transform: rotate(90deg);
}

.link-block-14:hover {
  transform: scale(1.2);
}

.track {
  flex-direction: column;
  align-items: center;
  height: 100vw;
  display: block;
}

.camrera {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90vw;
  height: auto;
  display: flex;
  position: sticky;
  top: 10vh;
  overflow: hidden;
}

.heading-18 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.image-15 {
  object-fit: cover;
  height: 40%;
}

.item {
  flex: none;
  width: 25vw;
  height: 100%;
  margin-right: 2vw;
  padding: 0;
}

.div-block-10 {
  object-fit: cover;
  background-color: #c15405;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 60%;
  padding: 20px;
  display: flex;
}

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

.frame {
  align-items: center;
  width: 90vw;
  height: 100%;
  display: flex;
}

.playbuttondiv {
  background-image: url('../images/Play.svg');
  background-position: 0 0;
  background-size: auto;
  width: 60px;
  height: 60px;
}

.playbuttondiv._6 {
  cursor: pointer;
}

.playbuttondiv._6:hover {
  transform: scale(1.2);
}

.text-block-9 {
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.logosection {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

.logopadding {
  padding: 2em 5%;
}

.logopadding.s0 {
  background-color: var(--transparent);
  padding-top: 2em;
  padding-bottom: 2em;
}

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

.logocomponentslider {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 2200px;
  display: flex;
}

.logosliderimage {
  width: 200px;
}

.div-block-28 {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.body-2 {
  -webkit-text-stroke-color: #161616;
  background-color: #f4f4f4;
  overflow: visible;
}

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

.post-image1 {
  transition: transform .2s;
}

.post-image1:hover {
  transform: translate(0, -9px);
  box-shadow: -2px 6px 11px -2px #00000021;
}

.post-image {
  border-bottom: 1px #dbdbdb;
  overflow: visible;
}

.post-image:hover {
  border-bottom-color: #fff;
}

.number-of-pages {
  float: left;
  color: #a8a8a8;
  text-align: center;
  border: 1px solid #dfdfdf;
  width: 50px;
  height: 50px;
  margin-right: -1px;
  padding-top: 15px;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  top: -1px;
}

.number-of-pages:hover {
  color: #7a7a7a;
  border-color: #cecece;
}

.number-of-pages.arrow-next-number {
  float: right;
  color: #5f5f5f;
  border-style: none;
  border-color: #414141;
  font-size: 34px;
}

.number-of-pages.arrow-next-number:hover {
  color: #0f0f0f;
  background-color: #313131;
}

.number-of-pages.current-page {
  color: #5c5c5c;
}

.container-2 {
  max-width: 1100px;
  padding-top: 7px;
}

.post-link {
  color: #353535;
  text-decoration: none;
}

.prefix {
  color: #5c5c5c;
  margin-top: 30px;
  margin-bottom: 54px;
  font-size: 14px;
  line-height: 22px;
}

.prefix.post-card {
  margin-top: 0;
}

.list-of-posts {
  border-top: 1px solid #e4e4e4;
  padding-top: 50px;
  padding-bottom: 100px;
}

.pagination {
  border-top: 1px solid #e5e5e5;
  margin-top: 60px;
}

.catagory {
  color: #414141;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin-right: 10px;
  padding: 2px 20px;
  font-size: 10px;
  text-decoration: none;
}

.catagory:hover {
  color: #1a1a1a;
  background-color: #ececec;
  border-color: #eee;
}

.post-row {
  margin-top: 60px;
}

.post-card-title {
  opacity: .79;
  padding-bottom: 10px;
}

.post-card-title:hover {
  opacity: 1;
}

.post-column {
  padding-right: 20px;
}

.demo-wrapper {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

._150-image-row-wrapper {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.section-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 60px;
  display: flex;
}

._150-image-wrapper-outer {
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

._150-image {
  background-image: url('../images/will-turner-yS4VEyOgMEw-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

._150-image._21 {
  background-image: url('../images/nong-vang-0mt7Pk8JDS0-unsplash.jpg');
}

._150-image._18 {
  background-image: url('../images/matthew-ronder-seid-OwsvmAr3PiE-unsplash.jpg');
}

._150-image._2 {
  background-image: url('../images/erik-mclean-jcsxshwzvk0-unsplash.jpg');
}

._150-image._20 {
  background-image: url('../images/james-adams-HW2jyY7lmig-unsplash.jpg');
}

._150-image._26 {
  background-image: url('../images/daniel-j-schwarz-kRsJuiJs_b4-unsplash.jpg');
}

._150-image._4 {
  background-image: url('../images/lukas-blaskevicius-2jIBhXbdE8U-unsplash.jpg');
}

._150-image._28 {
  background-image: url('../images/danil-shostak-wVso9-blKFw-unsplash.jpg');
}

._150-image._23 {
  background-image: url('../images/dave-herring-3-cPvawkg-I-unsplash.jpg');
}

._150-image._24 {
  background-image: url('../images/rob-coates-0WSnv89w8NU-unsplash.jpg');
}

._150-image._29 {
  background-image: url('../images/ulysse-pointcheval-rTFcoptOQ4U-unsplash.jpg');
}

._150-image._3 {
  background-image: url('../images/daniel-j-schwarz-CH7-NJQM4zg-unsplash.jpg');
}

._150-image._7 {
  background-image: url('../images/josh-hild-_TuI8tZHlk4-unsplash.jpg');
}

._150-image._12 {
  background-image: url('../images/andre-iv-RM73MZdIioQ-unsplash.jpg');
}

._150-image._11 {
  background-image: url('../images/david-lezcano-vMjfhNAw7mk-unsplash.jpg');
}

._150-image._8 {
  background-image: url('../images/john-vicente-uYPEkDOa6DI-unsplash.jpg');
}

._150-image._22 {
  background-image: url('../images/marvin-meyer-NI5PYkdl8kU-unsplash.jpg');
}

._150-image._15 {
  background-image: url('../images/sergio-souza-IR4zdB8TDkY-unsplash.jpg');
}

._150-image._9 {
  background-image: url('../images/jack-nelson-MS5CuKPFJzg-unsplash.jpg');
}

._150-image._6 {
  background-image: url('../images/pang-yuhao-Sdske9tEDyg-unsplash.jpg');
}

._150-image._10 {
  background-image: url('../images/jon-s-9x2l1o67wx0-unsplash.jpg');
}

._150-image._27 {
  background-image: url('../images/alexander-jawfox-4DxFFn8cq90-unsplash.jpg');
}

._150-image._25 {
  background-image: url('../images/touann-gatouillat-vergos-Izjg-QZRPgI-unsplash.jpg');
}

._150-image._16 {
  background-image: url('../images/moises-alex-0AlDmz8Twv0-unsplash.jpg');
}

._150-image._14 {
  background-image: url('../images/isaac-madrid-kMuFaJk-d0Y-unsplash.jpg');
}

._150-image._19 {
  background-image: url('../images/toby-christopher--FdDxSryyEo-unsplash.jpg');
}

._150-image._13 {
  background-image: url('../images/artin-bakhan-f1olIOxfMeQ-unsplash.jpg');
}

._150-image._5 {
  background-image: url('../images/daniel-j-schwarz-E3QoGwsVLDo-unsplash.jpg');
}

._150-image._30 {
  background-image: url('../images/pars-sahin-puEX_dvFWhc-unsplash.jpg');
}

._150-image._17 {
  background-image: url('../images/james-adams-hdHz6O8rLng-unsplash.jpg');
}

.demo-container {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

._150-image-wrapper-inner {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150vw;
  height: 200vh;
  display: flex;
  position: relative;
  transform: rotate(20deg);
}

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

.other-books-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.image-36 {
  height: 340px;
}

.benifitparagraph, .paragraph-4, .paragraph-5 {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
}

.text-block-10 {
  color: var(--lettercolor);
  font-size: var(--smallfont);
}

.text-block-11 {
  color: var(--lettercolor);
  font-size: var(--parafontsize);
  line-height: var(--paraheight);
}

.collectionitem {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fanwrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex;
}

.fancontainer {
  justify-content: space-around;
  align-items: flex-start;
  width: 90vw;
  height: 100vh;
  padding-top: 60px;
  display: flex;
  position: sticky;
  inset: 0%;
  overflow: hidden;
}

.fancolumn {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 28vw;
  display: flex;
}

.fancolumn._2 {
  margin-top: 10vw;
}

.imgwrapper {
  cursor: pointer;
  border-radius: 20px;
  width: 28vw;
  height: 28vw;
  margin-bottom: 6vw;
  position: relative;
  overflow: hidden;
}

.fanimage {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.signupimage {
  width: 100%;
  height: 100%;
}

.image-37 {
  width: 152%;
  max-width: 164%;
  height: 90%;
  margin-top: 3px;
  margin-left: -116px;
  margin-right: 0;
  overflow: hidden;
}

.image-38 {
  width: 146%;
  max-width: 120%;
  margin-top: -14px;
  margin-left: -94px;
  padding-top: 0;
  padding-left: 0;
  overflow: hidden;
}

.image-39 {
  width: 152%;
  max-width: 156%;
  height: 98%;
  margin-top: -13px;
  margin-left: -112px;
}

.div-block-29 {
  display: none;
}

.gallery-scroll {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  display: none;
  position: relative;
}

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

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link:hover {
  color: #1a1b1fcc;
}

.gallery-link.w--current {
  font-weight: 600;
}

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

.gallery-image-wrapper {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-image-text {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.reject-button {
  color: #000;
  background-color: #fff;
  padding: 12px 28px;
  font-weight: bold;
}

.accept-button {
  color: #fff;
  background-color: #000;
  padding: 12px 28px;
  font-weight: bold;
}

.cookie-buttons-group {
  column-gap: 20px;
  display: flex;
}

.cookie-description {
  color: #000;
  margin: 30px 0 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.cookie-heading {
  color: #000;
  margin: 0;
  font-size: 26px;
  font-weight: bold;
  line-height: 31px;
}

.flowappz-cookie-consent {
  z-index: 99999;
  background-color: #fff;
  width: 350px;
  height: fit-content;
  padding: 0 2.5rem;
  position: fixed;
  bottom: 4.5rem;
  left: 4rem;
  box-shadow: 0 0 20px #0000001a;
}

.section-43 {
  margin-left: 150px;
  margin-right: 150px;
}

.container-77 {
  max-width: 1290px;
}

.text-block-180 {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
}

.text-block-180._1 {
  margin-top: 8px;
}

.text-block-181 {
  margin-top: 36px;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.image-260 {
  border-radius: 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-323 {
  margin-top: 24px;
  margin-left: 56px;
  margin-right: 56px;
}

.div-block-322 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-324 {
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-319 {
  margin-top: 24px;
  margin-left: 56px;
  margin-right: 56px;
}

.text-block-177 {
  font-size: 16px;
  line-height: 24px;
}

.section-42 {
  margin-left: 150px;
  margin-right: 150px;
}

.image-258 {
  border-radius: 16px;
  margin-top: 24px;
}

.text-block-176 {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.list-item-16 {
  margin-top: 8px;
}

.image-257 {
  border-radius: 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-259 {
  border-radius: 16px;
  margin-top: 24px;
}

.div-block-321 {
  margin-top: 64px;
  display: block;
}

.text-block-179 {
  margin-top: 36px;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.text-block-178 {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
}

.list-item-17 {
  margin-top: 16px;
}

.container-76 {
  max-width: 1290px;
}

.text-block-175 {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}

.image-256 {
  border-radius: 16px;
  margin-top: 24px;
}

.div-block-320 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.global {
  position: fixed;
}

.minful-mind-section {
  margin-top: 48px;
}

.close-btn-wrapper {
  z-index: 5;
  opacity: 1;
  color: #000;
  background-color: #fff;
  background-image: linear-gradient(148deg, #ffdead, #ffa04c);
  border-radius: 999em;
  padding: 17px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: fixed;
  inset: 40px 45px auto auto;
}

.close-btn-wrapper:hover {
  background-image: linear-gradient(355deg, #ffdead, #ffa04c);
  transform: scale(1.2);
}

.image-261 {
  width: 50px;
  height: 50px;
}

.section-44 {
  padding-bottom: 23px;
}

.div-block-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between;
  margin-top: 48px;
  display: flex;
}

.container-w1 {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.latest-finace-academy-articles-container {
  grid-column-gap: 77px;
  grid-row-gap: 77px;
  flex-flow: column;
  display: block;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  border-radius: 24px;
  width: 329px;
  margin-top: 0;
  padding: 12px;
}

.swiper.is-team {
  width: 100%;
  margin-top: 3rem;
  overflow: hidden;
}

.nav-button-wrapper {
  grid-column-gap: 14.27px;
  grid-row-gap: 14.27px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  display: grid;
}

.main-nav-inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 88px;
  display: none;
}

.swiper-button__border {
  border: 1px dashed #ff5e00;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.collection-list-wrapper-2 {
  margin-right: 20px;
}

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

.nav-items {
  z-index: 1;
  flex-direction: column;
  place-content: flex-end center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-325 {
  display: flex;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
}

.swiper-button__wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.swiper-button__arrow {
  width: 1rem;
}

.swiper-button__arrow.is-2 {
  position: absolute;
}

.collection-list-wrapper-4 {
  margin-right: 20px;
}

.nav-bar-sub-text-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.button-primary-2 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  text-transform: capitalize;
  background-color: #ecbe07;
  border: 2px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 132px;
  height: 48px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px #000000e6;
}

.button-primary-2.white {
  letter-spacing: 0;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 92px;
  display: flex;
}

.button-primary-2.white.view-all {
  width: 114px;
}

.button-primary-2.white.view-all.mobile {
  display: none;
}

.button-primary-2.white.read-article {
  width: 144px;
}

.button-primary-2.share {
  width: 81px;
  height: 38px;
}

.container-9 {
  margin-top: 70px;
}

.nav-dropdown {
  margin-left: 0;
  margin-right: 32px;
}

.nav-bar-links-wrapper {
  color: #000;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 14.5px 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-bar-links-wrapper:hover {
  color: #42775d;
  background-color: #d3e9de;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.articles-colection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.heading-19 {
  letter-spacing: 0;
  font-size: clamp(.9375rem, 1.3vw, 1.125rem);
  font-weight: 400;
  line-height: 20.8px;
}

.nav-dropdown-toggle {
  color: #000;
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #42775d;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

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

.navbar-no-shadow {
  position: static;
}

.company-announcement-section {
  margin-top: 48px;
}

.swiper-slide.is-team {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.body-secondary-sm {
  font-size: 12px;
  line-height: 20.4px;
}

.main-nav {
  background-color: #ffe9d6;
  position: sticky;
  top: 0;
}

.section-45 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.body-sm {
  color: #000;
  font-size: clamp(.6875rem, 1vw, .775rem);
  font-weight: 400;
  line-height: 20.4px;
  display: block;
}

.body-sm.company-announcements {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 500;
  display: block;
}

.nav-wrapper {
  z-index: 10;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-wrapper.w--open {
  background-color: #0000;
}

.collection-list-6.vertical {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-menu {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.swiper-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.swiper-wrapper.is-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.nav-toggle-btn {
  z-index: 5;
  opacity: 1;
  background-color: #fff;
  background-image: linear-gradient(148deg, #ffdead, #ffa04c);
  border-radius: 999em;
  padding: 17px;
  font-size: 1em;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-toggle-btn:hover {
  background-image: linear-gradient(355deg, #ffdead, #ffa04c);
  transform: scale(1.2);
}

.page-wrapper {
  background-color: #f5f2eb;
}

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

.featured-blog-post {
  background-color: #d3e9de;
  margin-top: 0;
  padding-top: 115px;
  padding-bottom: 70px;
  position: relative;
  top: -88px;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.swiper-button {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.swiper-button.swiper-btn-prev {
  transform: rotate(180deg);
}

.collection-item-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #bfbfbf;
  padding: 32px 12px;
  display: block;
}

.collection-item-5.company-announcement-items {
  background-color: #fff;
  border-radius: 24px;
  padding: 0;
}

.div-block-54 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-55 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.body-extrasmall {
  color: #000;
  font-size: 10px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.body-extrasmall.articles {
  vertical-align: middle;
}

.heading-1 {
  color: #000;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: clamp(2.25rem, 4.5vw, 2.5rem);
  font-weight: 400;
  line-height: 52px;
}

.featured-blog-post-thumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  width: 493.33px;
  height: 321px;
}

.div-block-61 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  font-size: 12px;
  display: none;
  position: static;
  top: 798.594px;
}

.div-block-60 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-decoration: none;
  transition: all 50ms;
  display: flex;
}

.overlay {
  z-index: 1;
  background-color: #50856b40;
  border-radius: 7px;
  width: 178px;
  height: 100px;
  display: none;
  position: absolute;
}

.heading-21 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.375rem, 2.5vw, 1.5rem);
  font-weight: 400;
  line-height: 31.2px;
  text-decoration: none;
}

.div-block-59 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.thumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 7px;
  flex: none;
  width: 178px;
  height: 100px;
}

.div-block-327 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.div-block-327.date-and-tag {
  width: 100%;
  margin-bottom: 0;
}

.redirect-link {
  text-decoration: none;
}

.div-block-328 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  font-size: 12px;
  display: none;
  position: static;
  top: 798.594px;
}

.heading-22 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.375rem, 2.5vw, 1.5rem);
  font-weight: 400;
  line-height: 31.2px;
  text-decoration: none;
}

.thumbnail-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  height: 218px;
}

.div-block-329 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.div-block-64 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding: 41px 20px 32px;
  display: flex;
}

.div-block-58 {
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 48px;
  display: flex;
}

.div-block-57 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-23 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.375rem, 2.5vw, 1.5rem);
  font-weight: 400;
  line-height: 31.2px;
  text-decoration: none;
}

.div-block-330 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  font-size: 12px;
  display: none;
  position: static;
  top: 798.594px;
}

.div-block-331 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-decoration: none;
  transition: all 50ms;
  display: flex;
}

.heading-24 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.375rem, 2.5vw, 1.5rem);
  font-weight: 400;
  line-height: 31.2px;
  text-decoration: none;
}

.div-block-332 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.div-block-107 {
  width: 35%;
  height: 0%;
}

.div-block-333 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.div-block-333.date-and-tag {
  width: 100%;
  margin-bottom: 0;
}

.image-47 {
  width: 40px;
  height: 40px;
}

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

.div-block-99 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
  min-width: 189px;
  display: flex;
}

.collection-list-wrapper-10 {
  margin-right: 20px;
}

.div-block-112 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 12px;
  display: grid;
}

.container-16 {
  display: flex;
}

.collection-list-wrapper-3 {
  margin-right: 20px;
}

.body-contend-article {
  color: #000;
  letter-spacing: 1px;
  width: 600px;
  line-height: 135%;
  position: static;
}

.div-block-115 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.collection-item-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  flex-flow: column;
  margin-bottom: 12px;
  display: block;
}

.empty-state-5 {
  display: block;
}

.container-78 {
  margin-top: 70px;
}

.section-46 {
  margin-bottom: 59px;
}

.article-hero-wrapper {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-50 {
  margin-bottom: -8px;
  margin-left: -39px;
  position: static;
  top: 613px;
  left: 204.5px;
}

.div-block-110 {
  width: 260px;
}

.container-15 {
  border-radius: 0;
  margin-bottom: 33px;
}

.div-block-111 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.125rem, 1.8vw, 1.375rem);
  font-weight: 400;
  line-height: 26px;
}

.div-block-334 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.heading-25 {
  color: #000;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: clamp(2.25rem, 4.5vw, 2.5rem);
  font-weight: 400;
  line-height: 52px;
}

.rich-text-block-7 {
  border-left: 1px solid #000;
}

.div-block-102 {
  justify-content: space-between;
  margin-top: 48px;
  display: flex;
}

.div-block-101 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-335 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between;
  margin-top: 48px;
  display: flex;
}

.collection-list-wrapper-11 {
  margin-right: 20px;
}

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

.collection-list-wrapper-12, .collection-list-wrapper-13 {
  margin-right: 20px;
}

@media screen and (min-width: 1280px) {
  .sectionparagraph {
    margin-top: 20px;
  }

  .seconddivblock {
    margin-top: 60px;
  }

  .heroheader {
    display: block;
  }

  .maingrid {
    grid-template-columns: 1fr .75fr;
  }

  .herosection {
    padding-bottom: 0;
  }

  .bookparagraph {
    margin-top: 20px;
  }

  .videosection {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .videodivone {
    justify-content: center;
    align-items: stretch;
  }

  .sectionsubheading {
    text-align: center;
  }

  .mask {
    height: 350px;
  }

  .image-39 {
    height: 103%;
    margin-top: -30px;
    margin-left: -132px;
  }

  .section-43, .section-42 {
    margin-left: 150px;
    margin-right: 150px;
  }
}

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

  .herosubheading {
    font-size: 40px;
  }

  .heroheader {
    font-size: 150px;
    line-height: 180px;
  }

  .maingrid {
    grid-column-gap: 108px;
    grid-template-columns: 1fr .75fr;
  }

  .herosection {
    padding-bottom: 0;
  }

  .bookparagraph {
    font-size: 30px;
    line-height: 46px;
  }

  .videosection {
    padding-top: 100px;
  }

  .sectionheading {
    margin-bottom: 20px;
    font-size: 44px;
  }

  .videodivone {
    justify-content: center;
    align-items: center;
  }

  .sectionsubheading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .ganstavisiontitle {
    font-size: 50px;
  }

  .gangstavisiontext {
    margin-top: 20px;
    font-size: 24px;
  }

  .grangtavisionpara {
    font-size: 24px;
  }

  .fansheading, .heading-12 {
    font-size: 50px;
  }

  .editordesignation {
    font-size: 16px;
  }

  .editorreview {
    font-size: 20px;
    line-height: 26px;
  }

  .editorname {
    font-size: 20px;
  }

  .latest-reviews {
    font-size: 50px;
  }

  .image-31, .image-21 {
    width: 100%;
  }

  .mask {
    height: 450px;
    margin-bottom: 60px;
  }

  .heading-8 {
    font-size: 50px;
  }

  .slider {
    height: 480px;
    margin-top: 60px;
  }

  .image-34 {
    width: 100%;
  }

  .image-37 {
    width: 140%;
    height: 516px;
    margin-top: 9px;
    margin-left: -147px;
  }

  .image-38 {
    margin-left: -149px;
  }

  .image-39 {
    width: 147%;
    height: 116%;
  }

  .company-announcements-container, .latest-finace-academy-articles-container {
    max-width: 1020px;
  }

  .nav-button-wrapper {
    display: flex;
  }

  .mindful-mind-container, .container-9, .mindful-miles-featued-post {
    max-width: 1020px;
  }

  .body-sm {
    font-size: clamp(.6875rem, 1vw, .775rem);
  }

  .nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .container-13 {
    max-width: 1020px;
  }

  .navbar-no-shadow-container {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-54 {
    max-width: 1020px;
  }

  .container-16 {
    flex-flow: row;
    justify-content: space-between;
    max-width: 1020px;
  }

  .body-contend-article {
    width: 673px;
  }

  .container-78 {
    max-width: 1020px;
  }

  .container-15 {
    margin-bottom: 33px;
  }

  .container-79 {
    max-width: 1020px;
  }
}

@media screen and (min-width: 1920px) {
  .seconddivblock {
    padding-top: 40px;
  }

  .maingrid {
    grid-column-gap: 185px;
    grid-template-columns: 1fr .5fr;
  }

  .herosection, .bookcontentsection {
    padding-bottom: 40px;
  }

  .error-message-2 {
    color: #ff2a2a;
    background-color: #fff2f2;
    border-radius: 80px;
    margin-top: 27px;
    padding: 19px 28px;
  }

  .blob-hero {
    left: -4%;
  }

  .input-relative::placeholder {
    color: #615e83;
    font-size: 16px;
  }

  .grid-8 {
    margin-top: 60px;
  }

  .mask {
    height: 500px;
    margin-bottom: 100px;
  }

  .slider {
    height: 550px;
  }

  .track {
    height: 60vw;
  }

  .heading-18 {
    font-size: 32px;
  }

  .text-block-9 {
    font-size: 20px;
    line-height: 22px;
  }

  .image-37 {
    width: 102%;
  }

  .image-39 {
    margin-left: -154px;
  }

  .image-258, .image-259, .image-256 {
    width: 100%;
  }

  .nav-button-wrapper {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .button-primary-2 {
    font-size: 14px;
  }

  .heading-19 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
  }

  .mobile-margin-top-10 {
    justify-content: flex-end;
    align-items: center;
    display: block;
  }

  .body-sm {
    font-size: clamp(.75rem, 1.2vw, .7rem);
  }

  .navbar-wrapper {
    display: flex;
  }

  .div-block-54 {
    grid-column-gap: 71px;
    grid-row-gap: 71px;
  }

  .div-block-55 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-1 {
    font-size: clamp(2.5rem, 5vw, 2.75rem);
  }

  .heading-21 {
    font-size: clamp(1.5rem, 3vw, 1.625rem);
  }

  .div-block-327 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-327.date-and-tag {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-22 {
    font-size: clamp(1.5rem, 3vw, 1.625rem);
  }

  .div-block-329 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-23, .heading-24 {
    font-size: clamp(1.5rem, 3vw, 1.625rem);
  }

  .div-block-333 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-333.date-and-tag {
    justify-content: flex-start;
    align-items: center;
  }

  .container-16, .empty-state-5 {
    display: block;
  }

  .article-hero-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .div-block-104 {
    display: block;
  }

  .div-block-111 {
    justify-content: space-between;
    display: flex;
  }

  .heading-4 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
  }

  .div-block-334 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-25 {
    font-size: clamp(2.5rem, 5vw, 2.75rem);
  }
}

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

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .hide-tablet {
    display: none;
  }

  .containerlarge {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
  }

  .pagepadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .show-tablet {
    display: block;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .marginbottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xlarge {
    flex-direction: column;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

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

  .paddingvertical.padding-xhuge {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paddingvertical.padding-xxlarge {
    flex-direction: column;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-xxlarge {
    font-size: 3.25rem;
  }

  .heading-medium {
    font-size: 1.75rem;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .heading-xlarge {
    font-size: 2.75rem;
  }

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

  .heading-xhuge {
    font-size: 3.75rem;
  }

  .button-row-grid.tablet-1-col {
    grid-auto-flow: row;
  }

  .heading-xxhuge {
    font-size: 4rem;
  }

  .navbar_tablet-menu-button {
    width: 100%;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .navbar_menu-left {
    z-index: 1;
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    margin-left: 0;
    padding-bottom: 2.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .menu-icon3_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon3_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbarlink {
    padding: .75rem 0;
    font-size: 1.125rem;
    position: static;
  }

  .menu-icon3_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .navbar_container {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar_menu-background {
    z-index: 0;
    background-color: #00000080;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .navbar_logo-link-menu {
    float: none;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    display: flex;
    position: static;
  }

  .navbar_menu-right {
    z-index: 1;
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    margin-left: 0;
    padding-bottom: 2.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .header_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .header_content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .cta_content {
    margin-right: 3rem;
  }

  .cta_component {
    grid-column-gap: 3rem;
    text-align: center;
    grid-template-columns: minmax(max-content, 1fr);
  }

  .cta_button-row {
    flex: none;
    justify-content: center;
  }

  .leadmagnetcontent {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .leadmagnetcomponent {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
    min-height: auto;
  }

  .leadmagnetimagewrapper {
    background-size: cover;
  }

  .avatar {
    width: 72px;
    height: 72px;
  }

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

  .contentwidthlarge {
    margin-left: 0;
    margin-right: 0;
  }

  .contentwidthlarge.tabsrowcontent {
    margin-top: 48px;
    margin-left: 0;
    margin-right: 0;
  }

  .contentwidthsmall.cardtabs {
    width: 80vw;
  }

  .tabsrow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: flex;
  }

  .meetauthor_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .footer_top-wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 120px;
  }

  .benefits-left_component, .benefitsrightcomponent {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .navbar2_menu {
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    padding: 1rem 5% 2.5rem;
    display: flex;
    overflow: auto;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .menu-icon2_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_menu-button {
    padding: 0;
  }

  .navbar2_menu-button.w--open {
    background-color: #0000;
  }

  .menuiconlinemiddleinner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_link {
    text-align: center;
    padding: 1rem 0;
    font-size: 1.125rem;
  }

  .menu-icon2_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .menuiconlinebottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

  .menuiconlinemiddle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .menuicon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menuiconlinetop {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbarmenu {
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    overflow: auto;
  }

  .navbarmenubutton.w--open {
    background-color: #0000;
  }

  .navbar1_button-wrapper {
    flex-direction: column;
    margin-bottom: 1rem;
    margin-left: 0;
    display: flex;
  }

  .seconddivblock {
    background-position: 45%;
    background-repeat: repeat;
    background-size: 277%;
    background-attachment: scroll;
    padding-top: 100px;
  }

  .socialmediagrid {
    margin-top: 100px;
  }

  .herosubheading {
    display: none;
  }

  .heroheader {
    margin-top: 140px;
    font-size: 100px;
    line-height: 100px;
    display: block;
  }

  .buttonsgrid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .herosection {
    padding-top: 0;
  }

  .bookparagraph {
    font-size: 20px;
    line-height: 28px;
  }

  .sectionheading {
    font-size: 34px;
  }

  .sectionsubheading {
    margin-top: 0;
    font-size: 18px;
  }

  .gangstavisiontext {
    font-size: 18px;
  }

  .bookcontentgrid {
    grid-template-columns: 1.25fr 1fr;
  }

  .grangtavisionpara {
    padding-right: 20px;
    font-size: 18px;
    line-height: 32px;
  }

  .reviewsgrid {
    grid-column-gap: 41px;
    grid-template-columns: 1fr 1fr;
  }

  .blob-hero {
    width: 40%;
  }

  .author-image-square---brix.float-image {
    width: 100%;
    min-height: 500px;
    position: static;
  }

  .flex-horizontal.end.tablet-vertical {
    flex-direction: column;
  }

  .card-author---brix.right {
    min-width: auto;
    margin-top: -58px;
    margin-bottom: 0;
  }

  .right-content-v2---brix {
    max-width: none;
  }

  .section-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .fold-out-container {
    display: none;
  }

  .main-wrapper-2 {
    padding-left: 30px;
  }

  ._1-2-grid {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .mask {
    height: 250px;
  }

  .slider {
    height: 350px;
  }

  .main-wrapper-3 {
    padding-left: 30px;
  }

  .track {
    height: 200vw;
  }

  .image-15 {
    height: 30%;
  }

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

  .logosection {
    overflow: hidden;
  }

  .logopadding.s0 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .logocomponentslider {
    grid-column-gap: 3rem;
  }

  .logosliderimage {
    width: 174px;
  }

  .demo-wrapper {
    flex: 0 auto;
  }

  .section-8 {
    clear: both;
  }

  ._150-image-wrapper-outer {
    justify-content: center;
    align-items: flex-start;
  }

  .demo-container {
    clear: both;
    flex-direction: row;
    justify-content: center;
    display: flex;
    overflow: hidden;
  }

  ._150-image-wrapper-inner {
    width: 200vw;
  }

  .other-books-section {
    display: block;
  }

  .image-37 {
    width: 172%;
    max-width: 165%;
    height: 56%;
    margin-top: 141px;
    margin-left: -126px;
  }

  .image-38 {
    width: 155%;
    max-width: 122%;
    height: 330px;
    margin-top: 215px;
  }

  .image-39 {
    width: 120%;
    height: 109%;
    margin-top: -1px;
  }

  .gallery-scroll {
    background-color: #f5f7fa00;
    display: block;
  }

  .container-3 {
    max-width: 728px;
  }

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

  .gallery-sticky {
    position: relative;
    top: 0;
  }

  .gallery-grid {
    grid-column-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-image.shadow-two {
    height: 100%;
  }

  .section-43 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .div-block-323, .div-block-319 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .section-42 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .list-item {
    display: none;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .close-btn-wrapper {
    z-index: 50;
    background-color: #fff0;
    background-image: none;
    margin-top: 40px;
    margin-right: 32px;
    padding: 0;
    top: 0;
  }

  .close-btn-wrapper:hover {
    background-image: none;
  }

  .container-w1 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    z-index: 34;
    background-color: #f5f2eb;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 26px 45px;
    display: flex;
    position: fixed;
    top: 0;
  }

  .main-nav-inner {
    display: flex;
  }

  .collection-list-wrapper-2 {
    margin-right: 0;
  }

  .div-block-23 {
    flex-flow: column;
  }

  .nav-items {
    height: 151%;
    margin-top: 91px;
    padding-top: 0;
    padding-left: 45px;
    padding-right: 45px;
  }

  .image-262 {
    width: 32px;
    height: 32px;
  }

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

  .list-item-2 {
    display: none;
  }

  .collection-list-wrapper-9 {
    flex-flow: row;
    display: block;
  }

  .collection-list-wrapper-4 {
    margin-right: 0;
  }

  .div-block-53 {
    background-color: #fff;
    border-radius: 24px;
  }

  .image-263 {
    width: 18px;
    height: 18px;
  }

  .button-primary-2.white.view-all {
    display: none;
  }

  .button-primary-2.white.view-all.mobile {
    width: 100%;
    height: 70px;
    font-size: 20px;
    display: flex;
  }

  .button-primary-2.white.view-all.mobile._2 {
    margin-top: 48px;
  }

  .button-primary-2.white.read-article {
    width: 100%;
    height: 70px;
    margin-top: 0;
    font-size: 20px;
    line-height: 110%;
  }

  .container-9 {
    margin-top: 0;
  }

  .collection-item-8, .collection-list-9 {
    width: 100%;
  }

  .nav-bar-links-wrapper {
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    text-decoration: none;
  }

  .div-block-52 {
    display: flex;
  }

  .div-block-326 {
    width: 100%;
    height: 100%;
    margin-top: 0;
    position: relative;
  }

  .navbar-no-shadow {
    display: none;
  }

  .image-30 {
    width: 32px;
    height: 32px;
  }

  .mindful-miles-featued-post {
    display: none;
  }

  .body-secondary-sm {
    font-weight: 400;
  }

  .main-nav {
    background-color: #ffe9d600;
    position: static;
  }

  .body-sm {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 4px;
    font-size: 12px;
    line-height: 18px;
    display: block;
  }

  .latest-finace-academy-articles-section {
    margin-top: 48px;
  }

  .nav-wrapper {
    background-color: #f5f2eb;
    height: 200%;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    overflow: auto;
  }

  .collection-list-6 {
    flex-flow: column;
    display: flex;
  }

  .collection-list-6.vertical {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    display: flex;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: block;
  }

  .nav-toggle-btn {
    background-color: #fff0;
    background-image: none;
    padding: 0;
  }

  .nav-toggle-btn:hover {
    background-image: none;
  }

  .heading-20 {
    text-align: left;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
  }

  .navbar-wrapper {
    display: flex;
  }

  .featured-blog-post {
    margin-top: 0;
    padding-top: 55px;
    padding-bottom: 55px;
    position: static;
  }

  .collection-item-5 {
    border-bottom-style: none;
    flex-flow: row;
    margin-bottom: 48px;
    padding: 0;
    display: block;
  }

  .collection-item-5.company-announcement-items {
    margin-bottom: 0;
  }

  .div-block-54 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column-reverse;
    display: flex;
  }

  .div-block-55 {
    margin-bottom: 8px;
  }

  .body-extrasmall {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .body-extrasmall.articles {
    font-size: 14px;
    line-height: 25px;
  }

  .heading-1 {
    margin-bottom: 19px;
    font-size: clamp(2.25rem, 4.5vw, 2.5rem);
  }

  .featured-blog-post-thumbnail {
    width: auto;
    height: 321px;
  }

  .div-block-61 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 32px;
    display: none;
  }

  .div-block-61.ms {
    margin-bottom: 0;
    display: flex;
  }

  .div-block-60 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 24px;
    flex-flow: column;
  }

  .div-block-59 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 41px 20px 32px;
  }

  .thumbnail {
    background-size: cover;
    border-radius: 24px 24px 0 0;
    width: 100%;
    height: 218px;
    position: static;
    bottom: 23px;
  }

  .div-block-327 {
    margin-bottom: 8px;
  }

  .redirect-link {
    width: 100%;
  }

  .div-block-108 {
    display: none;
  }

  .div-block-328 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 32px;
    display: none;
  }

  .div-block-329 {
    margin-bottom: 8px;
  }

  .div-block-58 {
    margin-bottom: 48px;
  }

  .div-block-330 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 32px;
    display: none;
  }

  .div-block-331 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 24px;
    flex-flow: column;
  }

  .div-block-332 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 41px 20px 32px;
  }

  .div-block-333 {
    margin-bottom: 8px;
  }

  .collection-list-wrapper-10 {
    margin-right: 0;
  }

  .container-16 {
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .collection-list-wrapper-3 {
    margin-right: 0;
  }

  .body-contend-article {
    width: auto;
  }

  .container-78 {
    margin-top: 0;
  }

  .section-46 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-hero-wrapper {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column-reverse;
    display: flex;
  }

  .image-50 {
    margin-bottom: -13px;
    margin-left: -24px;
    position: static;
  }

  .div-block-110 {
    width: auto;
  }

  .container-15 {
    margin-bottom: 48px;
  }

  .div-block-111 {
    flex-flow: column;
  }

  .heading-4.mobile {
    font-size: 24px;
    line-height: 40px;
  }

  .div-block-334 {
    margin-bottom: 8px;
  }

  .heading-25 {
    margin-bottom: 19px;
    font-size: clamp(2.25rem, 4.5vw, 2.5rem);
  }

  .rich-text-block-7 {
    font-size: 16px;
    line-height: 135%;
  }

  .div-block-102 {
    margin-top: 8px;
  }

  .collection-list-wrapper-11 {
    margin-right: 0;
  }

  .div-block-336 {
    flex-flow: column;
  }

  .collection-list-wrapper-12, .collection-list-wrapper-13 {
    margin-right: 0;
  }

  .collection-item-10, .collection-list-10 {
    width: 100%;
  }
}

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

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .pagepadding {
    margin-top: -38px;
  }

  .show-mobile-landscape {
    display: block;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .marginbottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .sectionparagraph {
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .heading-xxlarge {
    font-size: 2.5rem;
  }

  .heading-medium {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-large {
    font-size: 2rem;
  }

  .heading-xsmall {
    font-size: 1.125rem;
  }

  .headingsmall {
    font-size: 1.25rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .heading-xlarge {
    font-size: 2.25rem;
  }

  .heading-huge, .heading-xhuge, .heading-xxhuge {
    font-size: 2.5rem;
  }

  .navbar_component {
    height: 4rem;
  }

  .header_component {
    grid-row-gap: 3rem;
  }

  .cta_button-wrapper {
    margin-left: 0;
    margin-right: 1rem;
  }

  .cta_content {
    margin-right: 0;
  }

  .cta_component {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta_button-row {
    justify-content: center;
    width: 100%;
  }

  .leadmagnetcomponent {
    grid-row-gap: 3rem;
  }

  .qoute-grid-card_top {
    padding-left: 16px;
    padding-right: 16px;
  }

  .avatar {
    width: 60px;
    height: 60px;
  }

  .quote-grid-card_bottom {
    padding: 16px;
  }

  .contentwidthlarge {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .contentwidthlarge.tabsrowcontent {
    margin-top: 36px;
  }

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

  .meetauthor_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .footer_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
    margin-top: 2rem;
  }

  .footer_credit-text {
    margin-top: 2rem;
  }

  .footer_link-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: max-content 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .footer_component.background-color-primary {
    margin-top: 0;
    padding-top: 100px;
  }

  .footer_bottom-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .style-guide-header {
    font-size: 1.5rem;
  }

  .benefits-left_component, .benefitsrightcomponent {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .logo_wrapper {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .testamonialname {
    font-size: 1.125rem;
  }

  .navbar2_component, .navbarcomponent {
    height: 4rem;
  }

  .largeqoute {
    font-size: 1.25rem;
  }

  .seconddivblock {
    padding-top: 0;
  }

  .socialmediagrid {
    place-items: center;
    margin-top: 80px;
  }

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

  .herosubheading {
    margin-top: 20px;
    font-size: 18px;
  }

  .div-block {
    justify-content: space-between;
    width: 85vw;
    font-size: 12px;
  }

  .heroheader {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 100px;
  }

  .buttonsgrid {
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .maingrid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 85%;
  }

  .herosection {
    padding-top: 40px;
  }

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

  .socialmedialink {
    margin-left: 100%;
  }

  .socialmediawraper {
    margin-left: 0;
  }

  .firstdivblock {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

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

  .videosection {
    margin-top: -101px;
  }

  .videodivtwo {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .videodivone {
    justify-content: center;
    align-items: center;
  }

  .sectionsubheading {
    text-align: center;
    align-self: center;
    max-width: 90vw;
    margin-top: 0;
  }

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

  .gangstavisiontext {
    text-align: center;
    width: 90vw;
    line-height: 25px;
  }

  .bookcontentgrid {
    grid-template-columns: 1.5fr;
    align-self: center;
    place-items: center;
  }

  .grangtavisionpara {
    font-size: 18px;
    line-height: 30px;
  }

  .bookimage {
    margin-left: auto;
    margin-right: auto;
  }

  .editorgrid {
    width: 50vw;
  }

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

  .button-primary {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .blob-hero {
    width: 50%;
    bottom: -14%;
    left: -27%;
  }

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

  .flex.center.mg-top-24px {
    align-items: flex-start;
  }

  .form-newsletter {
    width: 100%;
    padding-left: 0;
  }

  .author-image-square---brix.float-image {
    min-height: 402px;
  }

  .cloneable-header-grid {
    grid-template-columns: 1fr;
  }

  .right-content-v2---brix {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .fold-out-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .cover {
    flex-direction: column;
  }

  .intro-image {
    margin-top: 0;
  }

  .columns {
    flex-direction: column;
    align-items: center;
  }

  .right-arrow {
    display: none;
  }

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

  .left-arrow {
    display: none;
  }

  .image-21 {
    width: 100%;
  }

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

  .mask {
    width: 100%;
  }

  .link-block-14 {
    width: 30px;
    height: 30px;
  }

  .heading-18 {
    font-size: 16px;
    line-height: 20px;
  }

  .image-15 {
    height: 300px;
  }

  .item {
    width: 40vw;
  }

  .div-block-10 {
    padding: 5px 10px;
  }

  .playbuttondiv._6 {
    background-position: 50%;
    background-size: cover;
    width: 30px;
    height: 30px;
  }

  .playbuttondiv._3 {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .text-block-9 {
    font-size: 12px;
  }

  .logocomponentslider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .logosliderimage {
    width: 125px;
  }

  .demo-wrapper {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .demo-container {
    background-image: linear-gradient(#0000, #0000);
    background-attachment: scroll;
    align-items: center;
    display: flex;
  }

  .other-books-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid;
  }

  .image-36 {
    margin-top: 13px;
    padding-top: 9px;
    padding-bottom: 0;
    padding-left: 160px;
  }

  .image-37 {
    width: 134%;
    margin-top: 12px;
    margin-left: 0;
  }

  .image-38 {
    height: 99%;
    margin-top: 4px;
    margin-left: -73px;
  }

  .image-39 {
    margin-left: -84px;
  }

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

  .div-block-29 {
    margin-top: 0;
    padding-bottom: 134px;
    display: block;
  }

  .gallery-scroll {
    padding: 21px 15px 0;
    display: block;
  }

  .gallery-image.shadow-two {
    margin-top: -24px;
  }

  .gallery-image-text {
    padding-bottom: 14px;
  }

  .section-43, .div-block-323, .div-block-319, .section-42 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .minful-mind-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .close-btn-wrapper {
    z-index: 44;
    margin-top: 15px;
    padding: 0;
    font-size: 14px;
    top: 20px;
    right: 23px;
  }

  .company-announcements-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-button-wrapper {
    z-index: 22;
    top: 0;
  }

  .main-nav-inner {
    display: flex;
  }

  .nav-items {
    overflow: hidden;
  }

  .button-primary-2 {
    font-size: clamp(.875rem, 1.2vw, 1rem);
    display: flex;
  }

  .button-primary-2.white.view-all.mobile {
    width: 100%;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .heading-19 {
    font-size: clamp(.875rem, 1.2vw, 1rem);
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-326 {
    margin-top: 0;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .body-secondary-sm, .body-sm {
    font-size: clamp(.625rem, .875vw, .75rem);
  }

  .latest-finace-academy-articles-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-wrapper {
    padding-bottom: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-toggle-btn {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .container-13, .featured-blog-post {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-1 {
    font-size: clamp(2rem, 4vw, 2.25rem);
  }

  .featured-blog-post-thumbnail {
    height: 246px;
  }

  .div-block-61 {
    height: auto;
  }

  .div-block-60 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-21 {
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
  }

  .thumbnail {
    height: 200px;
    position: static;
  }

  .div-block-328 {
    height: auto;
  }

  .heading-22 {
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
  }

  .div-block-64 {
    padding-bottom: 0;
  }

  .heading-23 {
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
  }

  .div-block-330 {
    height: auto;
  }

  .div-block-331 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-24 {
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
  }

  .body-contend-article {
    width: auto;
  }

  .image-50 {
    margin-left: -33px;
  }

  .heading-4 {
    font-size: clamp(1.2rem, 1.5vw, 1.25rem);
  }

  .heading-25 {
    font-size: clamp(2rem, 4vw, 2.25rem);
  }

  .container-79 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

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

  .show-mobile-portrait {
    display: block;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .marginbottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xlarge {
    height: 100%;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .paddingvertical {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .paddingvertical.padding-xhuge {
    padding-top: 0;
  }

  .paddingvertical.padding-xxlarge {
    flex-direction: column;
    justify-content: space-around;
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .sectionparagraph {
    text-align: left;
  }

  .stylesystem-images_layout, .header_component, .leadmagnetcomponent {
    grid-template-columns: 1fr;
  }

  .leadmagnetform {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

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

  .quote-grid-card_bottom {
    padding: 12px;
  }

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

  .contentwidthlarge.tabsrowcontent {
    margin-top: 24px;
  }

  .contentwidthsmall {
    width: 100%;
  }

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

  .footer_top-wrapper {
    height: 160px;
  }

  .benefits-left_component, .benefitsrightcomponent {
    grid-template-columns: 1fr;
  }

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

  .heroimage {
    width: 80vw;
    height: auto;
  }

  .seconddivblock {
    margin-left: 0;
  }

  .socialmediagrid {
    width: 85vw;
    margin-top: 80px;
  }

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

  .herosubheading {
    width: 70vw;
  }

  .div-block {
    align-self: center;
    width: 85vw;
    font-size: 12px;
  }

  .heroheader {
    width: 85vw;
    line-height: 65px;
  }

  .buttonsgrid {
    justify-content: stretch;
    place-items: center;
    width: 85vw;
  }

  .maingrid {
    align-self: center;
    place-items: center;
  }

  .herosection {
    overflow: hidden;
  }

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

  .socialmedialink {
    margin-left: 10px;
  }

  .videosection {
    padding-top: 0;
  }

  .sectionheading, .sectionsubheading {
    text-align: center;
  }

  .videogrid {
    margin-top: 54px;
  }

  .bookcontentsection {
    padding-top: 0;
  }

  .ganstavisiontitle {
    font-size: 30px;
  }

  .gangstavisiontext {
    font-size: 16px;
  }

  .bookcontentgrid {
    margin-top: 20px;
  }

  .grangtavisionpara {
    font-size: 16px;
    line-height: 26px;
  }

  .bookimage {
    height: 80%;
  }

  .fansheading {
    text-align: center;
    font-size: 30px;
  }

  .editorsection {
    padding-top: 0;
  }

  .maineditordiv {
    padding: 20px;
  }

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

  .image-22 {
    height: 80px;
  }

  .image-24 {
    width: 80px;
    height: 80px;
  }

  .image-23 {
    height: 80px;
  }

  .editorreview {
    font-size: 16px;
    line-height: 20px;
  }

  .editorgrid {
    width: 100%;
  }

  .image-25, .image-26 {
    height: 80px;
  }

  .form-newsletter-wrapper {
    position: static;
  }

  .button-primary {
    padding: 15px 34px 16px;
  }

  .button-primary.newsletter {
    width: 100%;
    margin-top: 16px;
    padding-top: 19px;
    padding-bottom: 19px;
    position: static;
  }

  .blob-hero {
    width: 70%;
  }

  .subscribersection.hero {
    padding-top: 0;
  }

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

  .text-uppercase.subtitle {
    font-size: 14px;
  }

  .input-relative.newsletter {
    min-height: 64px;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 16px;
  }

  .input-relative.newsletter::placeholder {
    font-size: 16px;
    line-height: 18px;
  }

  .author-image-square---brix.float-image {
    min-height: 350px;
  }

  .section-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .wide-container-80 {
    width: 100%;
  }

  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .fold-out-container {
    flex-direction: row;
  }

  .cover {
    justify-content: center;
    align-items: center;
  }

  .h2 {
    font-size: 30px;
  }

  .main-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  ._1-2-grid._75-space {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .right-arrow {
    width: 10%;
  }

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

  .left-arrow {
    width: 10%;
  }

  .latest-reviews {
    font-size: 30px;
  }

  .image-31 {
    max-width: 90%;
  }

  .image-21 {
    width: 90%;
  }

  .mask {
    height: 180px;
  }

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

  .slider {
    width: 95vw;
    height: 280px;
  }

  .image-34 {
    max-width: 90%;
  }

  .track {
    height: 1400vw;
  }

  .camrera {
    top: 20vh;
  }

  .item {
    width: 90vw;
  }

  .logosection {
    margin-top: 0;
  }

  .logopadding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .logopadding.s0 {
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .logocomponentslider {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: hidden;
  }

  .logosliderimage {
    width: 100px;
  }

  .post {
    margin-bottom: 57px;
  }

  .prefix {
    margin-top: 10px;
    margin-bottom: 9px;
  }

  .catagories-hover-1 {
    display: none;
  }

  .post-column {
    padding-right: 10px;
  }

  ._150-image-wrapper-inner {
    width: 300vw;
  }

  .image-36 {
    margin-left: -76px;
  }

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

  .image-37 {
    width: 100%;
    height: 100%;
  }

  .image-38 {
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding-right: 40px;
    display: block;
  }

  .image-39 {
    width: 100%;
    height: 100%;
    margin-top: 68px;
    margin-left: -19px;
    margin-right: 0;
    padding-right: 0;
  }

  .gallery-scroll {
    background-image: none;
  }

  .container-3 {
    max-width: none;
  }

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

  .gallery-image-text {
    padding-bottom: 14px;
    font-size: 1.2rem;
    line-height: 1;
  }

  .cookie-buttons-group {
    flex-direction: column;
    row-gap: 20px;
  }

  .flowappz-cookie-consent {
    width: 100vw;
    left: 0;
  }

  .text-block-181 {
    font-size: 24px;
    line-height: 32px;
  }

  .div-block-323, .div-block-319 {
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-179 {
    font-size: 24px;
    line-height: 32px;
  }

  .minful-mind-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .close-btn-wrapper {
    margin-top: 40px;
    margin-right: 32px;
    padding: 0;
    top: 0;
  }

  .container-w1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-button-wrapper {
    z-index: 34;
    width: 100%;
    margin-top: 0;
    padding: 26px 45px;
    position: fixed;
    top: 0;
  }

  .main-nav-inner {
    display: flex;
  }

  .nav-items {
    height: 151%;
    margin-top: 91px;
    margin-bottom: 0;
    padding: 0 45px 100px;
    display: flex;
    overflow: auto;
  }

  .div-block-53 {
    margin-top: 0;
  }

  .button-primary-2.mobile {
    width: 43%;
  }

  .button-primary-2.white.view-all.mobile {
    margin-top: 48px;
  }

  .button-primary-2.white.mobile {
    width: 30%;
  }

  .nav-bar-links-wrapper:active {
    margin-left: 0;
  }

  .heading-19 {
    width: auto;
  }

  .div-block-326 {
    margin-top: 0;
    margin-bottom: 0;
    overflow: visible;
  }

  .body-secondary-sm {
    text-align: left;
  }

  .latest-finace-academy-articles-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-wrapper {
    height: 200%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .collection-list-6 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .nav-menu {
    flex-direction: column;
  }

  .container-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .collection-item-5 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-60 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-21 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .thumbnail {
    height: 200px;
    position: static;
    top: 52px;
    bottom: 0;
  }

  .heading-22 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .div-block-64 {
    padding-bottom: 32px;
  }

  .div-block-57 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-265 {
    width: 50px;
    height: 50px;
  }

  .heading-23 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .div-block-331 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-24 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .div-block-99 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    min-width: 220px;
  }

  .heading-4 {
    font-size: clamp(1.2rem, 1.5vw, 1.25rem);
  }
}

#w-node-_52527632-41cd-c6a2-9802-bda4cfef12ec-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52527632-41cd-c6a2-9802-bda4cfef12f4-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef12f6-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_52527632-41cd-c6a2-9802-bda4cfef1304-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1309-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1312-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce10-43bd4bc9, #w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce17-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce19-43bd4bc9, #w-node-fa62169b-8088-fbf4-d86c-c33595e8f97e-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3bc6b489-1a4d-43d5-3c91-c42d21445d7f-43bd4bc9 {
  place-self: stretch stretch;
}

#dany.w-node-_3bc6b489-1a4d-43d5-3c91-c42d21445d8a-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c324b-43bd4bc9 {
  place-self: stretch stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3251-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3252-43bd4bc9, #w-node-_1faca37a-dc05-04a7-601f-7c43963c3254-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3256-43bd4bc9 {
  place-self: stretch stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c325c-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c325d-43bd4bc9, #w-node-_1faca37a-dc05-04a7-601f-7c43963c325f-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3261-43bd4bc9 {
  place-self: stretch stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3267-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3268-43bd4bc9, #w-node-_1faca37a-dc05-04a7-601f-7c43963c326a-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c326c-43bd4bc9 {
  place-self: stretch stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3272-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_1faca37a-dc05-04a7-601f-7c43963c3273-43bd4bc9, #w-node-_1faca37a-dc05-04a7-601f-7c43963c3275-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_207eb78a-8bd3-1806-3d0c-c4309bdb80b1-43bd4bc9, #w-node-befa37f2-0da4-6bbb-1711-062d7b5a218b-43bd4bc9, #w-node-_3eba2faa-b55f-2823-587e-ccf6090167df-43bd4bc9, #w-node-_1b358382-9bab-e078-0212-9623e9083c0f-43bd4bc9, #w-node-a6c7ffa4-629b-380a-6d42-490a916b0b93-43bd4bc9, #w-node-_3db59f48-37d4-60b7-d076-af790ef469a2-43bd4bc9, #w-node-_55dd90a7-88af-8a38-4135-00f24047d23a-43bd4bc9, #w-node-b2fb231c-24e8-2866-929b-5e8c625e7a71-43bd4bc9, #w-node-_91648aa7-1514-e2cd-b94d-9c2dd8d68098-43bd4bc9, #w-node-adf28df8-e758-019c-3642-83bb610cbaea-43bd4bc9, #w-node-_0e170012-20e5-3a53-d40f-5f96425e1330-43bd4bc9, #w-node-d52c63d0-dec3-63cd-b72e-0d98dd13e755-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_87b2dce6-dd88-1cf0-7871-7fe728242a13-43bd4bc9 {
  place-self: center;
}

#w-node-_87b2dce6-dd88-1cf0-7871-7fe728242a1d-43bd4bc9, #w-node-_87b2dce6-dd88-1cf0-7871-7fe728242a23-43bd4bc9, #w-node-_87b2dce6-dd88-1cf0-7871-7fe728242a29-43bd4bc9 {
  align-self: start;
}

#w-node-_57c93246-7376-ac57-961c-f1b75ec97a9b-43bd4bc9, #w-node-ad1c7fd3-9ee4-d2eb-9325-bb58699b2873-43bd4bc9, #w-node-ad1c7fd3-9ee4-d2eb-9325-bb58699b2875-43bd4bc9, #w-node-ad1c7fd3-9ee4-d2eb-9325-bb58699b2877-43bd4bc9, #w-node-ad1c7fd3-9ee4-d2eb-9325-bb58699b2879-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c25d6ce-206e-d4da-3631-77ec28163bfe-43bd4bc9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#virtual-booths.w-node-_2c25d6ce-206e-d4da-3631-77ec28163bff-43bd4bc9, #w-node-_2c25d6ce-206e-d4da-3631-77ec28163c00-43bd4bc9, #access-dash.w-node-_2c25d6ce-206e-d4da-3631-77ec28163c03-43bd4bc9, #w-node-_2c25d6ce-206e-d4da-3631-77ec28163c04-43bd4bc9, #lead-retrieval.w-node-_2c25d6ce-206e-d4da-3631-77ec28163c07-43bd4bc9, #w-node-_2c25d6ce-206e-d4da-3631-77ec28163c08-43bd4bc9, #lead-scoring.w-node-_2c25d6ce-206e-d4da-3631-77ec28163c0b-43bd4bc9, #w-node-_2c25d6ce-206e-d4da-3631-77ec28163c0c-43bd4bc9, #w-node-_88ae91f6-1253-6eea-aba0-0d2b34cfab2c-43bd4bc9, #w-node-_59be30f9-38da-d350-d130-89702a9d3c37-43bd4bc9, #w-node-_529c68ac-2b67-aef7-b0f1-97c7bf3b2ac8-43bd4bc9, #w-node-f596b4e4-8a07-e06f-5b26-020b17ba750e-43bd4bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a414e968-396a-ebc3-7e47-7d3bb39ed3c6-43bd4bc9 {
  align-self: start;
}

#w-node-a414e968-396a-ebc3-7e47-7d3bb39ed44e-43bd4bc9 {
  grid-area: 1 / 1 / 2 / 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_52527632-41cd-c6a2-9802-bda4cfef130d-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a414e968-396a-ebc3-7e47-7d3bb39ed3c6-43bd4bc9 {
    align-self: start;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_52527632-41cd-c6a2-9802-bda4cfef12fe-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1303-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1308-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef130d-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce10-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce10-43bd4bc9 {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce17-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_3bc6b489-1a4d-43d5-3c91-c42d21445d7f-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch stretch;
  }

  #w-node-_3bc6b489-1a4d-43d5-3c91-c42d21445d81-43bd4bc9 {
    grid-area: 1 / 1 / 3 / 2;
    place-self: center;
  }

  #w-node-_88ae91f6-1253-6eea-aba0-0d2b34cfab2c-43bd4bc9, #w-node-_59be30f9-38da-d350-d130-89702a9d3c37-43bd4bc9, #w-node-_529c68ac-2b67-aef7-b0f1-97c7bf3b2ac8-43bd4bc9, #w-node-f596b4e4-8a07-e06f-5b26-020b17ba750e-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_52527632-41cd-c6a2-9802-bda4cfef12ec-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_52527632-41cd-c6a2-9802-bda4cfef12fe-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1303-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1308-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef130d-43bd4bc9, #w-node-_52527632-41cd-c6a2-9802-bda4cfef1312-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6cd4b72d-10b2-48a1-25d2-d6a64630ce17-43bd4bc9 {
    justify-self: center;
  }

  #w-node-_1faca37a-dc05-04a7-601f-7c43963c3251-43bd4bc9, #w-node-_1faca37a-dc05-04a7-601f-7c43963c325c-43bd4bc9 {
    justify-self: start;
  }

  #w-node-_87b2dce6-dd88-1cf0-7871-7fe728242a15-43bd4bc9 {
    order: -9999;
  }

  #w-node-_2c25d6ce-206e-d4da-3631-77ec28163beb-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_52527632-41cd-c6a2-9802-bda4cfef12ec-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_52527632-41cd-c6a2-9802-bda4cfef1312-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_2c25d6ce-206e-d4da-3631-77ec28163bfe-43bd4bc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Relative';
  src: url('../fonts/Relative-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Relative';
  src: url('../fonts/Relative-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Relative';
  src: url('../fonts/Relative-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}