:root {
  --white: #fbf8ff;
  --black: #1a1720;
  --nav-bg: #f2feb9;
  --violet: #8863ff;
  --green-bg: #deecc4;
  --pink-bg: #fce6e6;
  --yellow-bg: #fcf6bf;
  --violet-bg: #f2e5ff;
  --pale-red: #f41a99;
  --grey: #444;
}

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

.body {
  background-color: var(--white);
  color: var(--black);
  text-align: left;
  flex-flow: column;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.navdesktop {
  z-index: 1000;
  background-color: var(--nav-bg);
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  display: none;
  position: sticky;
  top: 0;
}

.navdlogo {
  text-decoration: none;
}

.nddiv1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  top: -4px;
}

.button1 {
  background-color: var(--violet);
  box-shadow: 4px 4px 0 2px var(--black);
  color: var(--white);
  text-align: center;
  border: 2px solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 6px 24px;
  font-family: Bungee, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button1:hover {
  background-color: var(--white);
  color: var(--violet);
  border: 2px solid #000;
}

.button1:active {
  box-shadow: none;
  transform: translate(4px, 4px);
}

.ndlinks {
  color: var(--black);
  text-decoration: none;
  transition: all .3s;
}

.ndlinks:hover {
  transform: scale(1.1);
}

.ndlinks:active {
  transform: none;
}

.ndlinks.hide {
  display: none;
}

.secdiv {
  justify-content: center;
  align-items: center;
  padding: 8vh 8vw;
  display: flex;
}

.secdiv.greenbg {
  background-color: var(--green-bg);
}

.secdiv.greenbg.padding-update {
  padding-top: 0;
}

.secdiv.pinkbg {
  background-color: var(--pink-bg);
}

.secdiv.pinkbg.hide {
  display: none;
}

.secdiv.yellowbg {
  background-color: var(--yellow-bg);
  display: none;
}

.secdiv.violetbg {
  background-color: var(--violet-bg);
}

.s1d1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.s1d2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.button2 {
  background-color: var(--white);
  box-shadow: 4px 4px 0 2px var(--black);
  color: var(--violet);
  text-align: center;
  border: 2px solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 6px 24px;
  font-family: Bungee, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

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

.button2:active {
  box-shadow: none;
  transform: translate(4px, 4px);
}

.button2.palered {
  color: var(--pale-red);
}

.button2.palered:hover, .button2.palered.overlayredbg {
  background-color: var(--pale-red);
  color: var(--white);
}

.button2.palered.overlayredbg:hover {
  background-color: var(--white);
  color: var(--pale-red);
}

.heading {
  font-family: Space Grotesk, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 110%;
}

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

.heading.center.violet, .span1 {
  color: var(--violet);
}

.bodytext {
  color: var(--grey);
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 120%;
}

.subheading {
  color: var(--grey);
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.subheading.pcard {
  color: var(--black);
  text-align: left;
}

.subheading.pcard.hide {
  opacity: 0;
}

.s1d3 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.s2d1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.s3d2 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.spanred {
  color: var(--pale-red);
}

.image {
  width: 50%;
}

.image.hide {
  display: none;
}

.s8d1 {
  grid-column-gap: 8vh;
  grid-row-gap: 8vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.s8d2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.s8d2.hide {
  display: none;
}

.s8images {
  width: 400px;
}

.spangrey {
  color: var(--grey);
}

.s9d1 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.s9d2 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.s9d3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--pink-bg);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 32px;
  transition: all .3s;
  display: flex;
}

.s9d3:hover {
  transform: scale(1.03);
}

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

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

.para {
  color: var(--grey);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

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

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

.headingm {
  color: var(--black);
  text-align: center;
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.s9d4 {
  justify-content: center;
  align-items: center;
  height: 30%;
  display: flex;
}

.s10d1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.s10d2 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pricecard {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  width: 30%;
  padding: 32px;
  transition: all .3s;
  display: flex;
  box-shadow: 4px 4px 0 2px #afafaf;
}

.pricecard:hover {
  transform: scale(1.03);
}

.checkpoint {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.s10d4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.buttontext {
  color: var(--pale-red);
  text-align: left;
  font-family: Bungee, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.s10d5 {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.s11d1 {
  flex-flow: column;
  width: 100vw;
  padding-left: 8vw;
  padding-right: 8vw;
  transition: all .3s;
  display: flex;
}

.dropdown {
  border-bottom: 1px solid var(--black);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px 0;
  display: flex;
}

.dropdown-list {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.dropdown-list.w--open {
  background-color: #fbf8ff00;
  width: 100%;
}

.ddcontwrapper {
  width: 100%;
  padding-bottom: 24px;
}

.accordioniconwrapper {
  background-color: var(--violet);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.fdiv1 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fdiv2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  display: flex;
}

.fdiv3 {
  margin-top: 8px;
}

.fdiv4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.fdiv5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flink {
  color: var(--black);
  text-align: center;
  text-decoration: none;
}

.flink.hide {
  display: none;
}

.flogoimage {
  width: 30%;
}

.view-more {
  color: var(--black);
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.acq {
  color: var(--black);
  text-align: left;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  width: 100%;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.pricingcheck {
  width: 24px;
}

.flogoimagemob {
  width: 80%;
  display: none;
}

.s8d4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  transition: all .5s;
  display: flex;
}

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

._16reg {
  text-align: center;
  font-size: 16px;
}

.s7d1 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  overflow: visible;
}

.s10d6 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex-flow: column;
  display: flex;
}

._20med {
  font-weight: 500;
}

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

.link {
  color: var(--violet);
  text-decoration: none;
}

.marqueetrack {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 580%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  overflow: auto;
}

.marqueewrapper {
  width: 100vw;
  overflow: hidden;
}

.secwebm {
  width: 50%;
}

.faqquestion, .faqanswer {
  white-space: normal;
  width: 100%;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
}

.navbar {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}

.navbar-no-shadow {
  z-index: 10000;
  background-color: var(--nav-bg);
  position: sticky;
  top: 0;
}

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

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

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

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

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

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

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

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

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

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

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

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

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

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

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

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

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

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

.image-3 {
  width: 120%;
}

@media screen and (max-width: 991px) {
  .navdesktop {
    justify-content: center;
  }

  .nddiv1 {
    display: none;
  }

  .s1d1 {
    order: -1;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .heading {
    text-align: center;
  }

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

  .bodytext {
    text-align: center;
  }

  .s1d3, .s3d2 {
    flex-flow: column;
  }

  .image {
    width: 100%;
  }

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

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

  .s9d3 {
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
  }

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

  .s10d2 {
    flex-flow: column;
  }

  .pricecard {
    width: 100%;
  }

  .fdiv2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .fdiv4 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

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

  .secwebm {
    width: 100%;
  }

  .faqquestion {
    white-space: normal;
    width: 100%;
  }

  .navbar-no-shadow-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }

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

  .nav-menu-2 {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }
}

@media screen and (max-width: 767px) {
  .para.left {
    text-align: center;
  }

  .fdiv2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .fdiv4 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

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

  .flogoimage, .flogoimagemob {
    width: 40%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-2 {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

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

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

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

  .mobile-margin-top-10 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 479px) {
  .navdesktop {
    padding: 16px 24px 16px 16px;
  }

  .secdiv {
    padding: 5vh 20px;
  }

  .secdiv.greenbg {
    padding: 32px 20px;
  }

  .heading {
    font-size: 32px;
  }

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

  .bodytext, .subheading {
    font-size: 16px;
  }

  .s1d3, .s3d2 {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
  }

  .s8d1 {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
  }

  .s8images {
    width: 260px;
  }

  .s9d3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

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

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

  .headingm {
    font-size: 24px;
  }

  .s10d2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .fdiv4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .fdiv5 {
    flex-flow: wrap;
  }

  .flogoimage {
    width: 50%;
    display: none;
  }

  .image-2 {
    width: 80%;
  }

  .flogoimagemob {
    width: 50%;
    display: block;
  }

  .s8d4 {
    width: 240px;
  }

  .animation {
    width: 100%;
  }

  .s7d1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .marqueetrack {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .secwebm {
    width: 100%;
  }

  .navbar-no-shadow-container {
    padding: 8px 16px 8px 24px;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }
}