@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --dark-slate-blue-gradient: #0038a7;
  --medium-blue: #0170f00a;
  --light-black: #1a1b1f;
  --light-blue: #f4f9ff;
  --purple: #5d01f0;
  --orange-red: #ff5e00;
  --hot-pink: #f001a0;
  --dark-khaki: #bead26;
  --medium-sea-green: #00c566;
  --purple-secondary: #975ddc;
  --ghost-white-backgrounds: #f9f5fe;
  --alice-blue-backgrounds: var(--section-logo);
  --one-tap-blue-med: var(--royal-blue);
  --royal-blue: #0170f0;
  --steel-blue: #0070c5;
  --section-logo: #eaf0fd;
  --section-logo-2: #e5deff;
  --white: white;
  --text-grey: #909090;
  --teal: #01a8f0;
  --saddle-brown: #523322;
}

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

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

@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 {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  color: #6d6d6d;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

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

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
  color: #000;
}

.button {
  color: #242424;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #006ef1;
  border-radius: 3px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: opacity .2s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #006ef1;
}

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

.button.button---navigation-bar-cta {
  z-index: 1;
  border-color: var(--dark-slate-blue-gradient);
  width: auto;
  max-width: none;
  color: var(--dark-slate-blue-gradient);
  background-color: #0000;
  background-image: none;
  border-radius: 3px;
  flex: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.button.cc-white-button {
  border-width: 1.5px;
  border-color: var(--light-black);
  color: #000;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
  transition-property: none;
}

.button.cc-white-button:hover {
  color: #000;
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.section---label, .label.label---section-label-ii {
  opacity: .6;
  color: var(--light-black);
  text-align: center;
  font-size: 18px;
}

.heading-jumbo {
  text-transform: none;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
}

.navbar-logo {
  z-index: 1;
}

.navbar-logo:hover {
  opacity: .8;
}

.navbar-logo:active {
  opacity: .7;
}

.menu {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navigation-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navigation {
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
  position: static;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.logo-image {
  display: block;
}

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

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

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

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.page-404-wrap {
  text-align: center;
  padding: 30px;
}

._404-content-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.hero-section {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.flex-container {
  text-align: left;
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading---title {
  color: #000;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
}

.button---cta {
  background-color: var(--medium-blue);
  text-align: center;
  border-radius: 3px;
  width: 200px;
  margin: auto;
  display: block;
}

.button---cta:hover {
  color: #d4d4d4;
}

.section---footer {
  float: none;
  clear: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 25px;
  position: static;
  inset: auto 0% 0%;
}

.footer-image {
  text-align: left;
  width: 250px;
  margin: auto;
  display: block;
  position: static;
  overflow: visible;
}

.footer-link {
  color: #9c9c9c;
  margin-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: #1a1b1f;
  font-weight: 400;
}

.container---center {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.container---center.container---gap-y10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.text-copywrite-footer {
  color: #00000070;
  font-weight: 400;
}

.cards-section {
  padding-top: 0;
  padding-bottom: 0;
}

.cards-section.membership {
  padding: 100px;
}

.section-logo-parent {
  background-color: #f8f8f8;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 100px;
  display: none;
}

.heading---testimonial {
  color: #444;
  text-align: center;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
}

.paragraph---logo-quote {
  color: #616161;
  text-align: center;
  margin: auto;
  font-size: 18px;
}

.heading-1 {
  max-width: 700px;
  color: var(--light-black);
  margin-left: auto;
  margin-right: auto;
}

.cards---image-mask-customers {
  border-radius: 0%;
  padding-top: 100%;
  position: relative;
}

.hero {
  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;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 5% 4rem;
  display: block;
}

.image---card-grid {
  object-position: 50% 50%;
  width: 90%;
}

.feature-image-mask {
  flex: 0 auto;
  width: 100%;
  min-width: 25%;
  margin-right: 40px;
}

.centered-container-3 {
  color: var(--light-black);
  text-align: center;
  flex: 1;
}

.dropdown-toggle {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.dropdown-link {
  background-color: #f4f4f4;
}

.dropdown-link:hover {
  color: #959699;
  background-color: #ebebeb;
}

.cards-image-4 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid---customers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

.paragraph-18, .paragraph-19, .paragraph-20 {
  font-family: Montserrat, sans-serif;
  font-size: 19px;
}

.grid-logos {
  grid-column-gap: 5px;
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  overflow: scroll;
}

.image---grid-logo {
  text-align: left;
  max-width: 150px;
  max-height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-11 {
  padding-right: 20px;
}

.div-block-12 {
  padding-left: 20px;
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 220px;
  padding-right: 0;
  display: block;
}

.div-block-14 {
  text-align: center;
  align-self: center;
  padding-left: 40px;
}

.section---edu-graphic {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/edu-cartoon-graphics-small.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 500px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1px;
  display: block;
}

.text-span-4 {
  color: var(--light-black);
}

.section-13 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  text-align: center;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  display: block;
  overflow: visible;
}

.hero-image-mask {
  text-align: left;
  flex: 0 auto;
  width: 100%;
  margin-left: 40px;
  margin-right: 0;
  padding-right: 0;
}

.div---feature-section-contents {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-17 {
  text-align: center;
}

.heading---feature-purple, .bold-text-3 {
  color: var(--purple);
}

.heading---feature-green {
  color: #00b600;
}

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

.feature-heading-3 {
  color: var(--light-black);
  text-transform: none;
  white-space: normal;
}

.heading---feature-orange {
  color: var(--orange-red);
}

.heading---feature-blue {
  color: var(--medium-blue);
}

.image-feature-3 {
  margin-top: 0;
  padding-bottom: 0;
}

.feature-section-image-2 {
  margin-left: 40px;
  margin-right: 0;
}

.heading---feature-pink {
  color: var(--hot-pink);
}

.div---feature-block-left {
  flex: none;
}

.div---feature-block-left-2 {
  flex: 0 auto;
}

.feature-section-cta {
  border: 2px solid var(--medium-blue);
  background-color: var(--light-blue);
  color: var(--medium-blue);
  object-fit: fill;
  border-radius: 10px;
  padding-top: 9px;
  overflow: visible;
}

.heading---feature-gold {
  color: var(--dark-khaki);
}

.button-app-dl {
  background-color: #0000;
  background-image: url('../images/checkin-app-ios-download.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 160px 50px;
  width: 160px;
  height: 50px;
  margin-top: 20px;
}

.paragraph---home-heading-description {
  color: var(--light-black);
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.heading---title-lp {
  color: var(--light-black);
  text-align: left;
}

.list-item---heading {
  color: var(--light-black);
}

.heading-jumbo-small---color-1 {
  color: var(--medium-sea-green);
  text-align: center;
  text-transform: none;
  margin: 10px auto 15px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
}

.section---logos {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.paragraph---feature-description {
  color: var(--light-black);
  text-align: center;
}

.list---feature-details {
  text-align: left;
}

.button---cta-signup-lp {
  background-color: var(--medium-blue);
  text-align: left;
  border-radius: 3px;
  justify-content: center;
  margin: 10px auto auto;
  display: flex;
}

.button---cta-signup-lp:hover {
  color: #d4d4d4;
}

.div-block---lp-header-cta {
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  margin: auto;
  display: block;
}

.button---cta-footer-lp {
  background-color: var(--hot-pink);
  color: #fff;
  justify-content: center;
  width: 300px;
  margin: 10px auto;
  display: flex;
}

.button---cta-demo {
  border: 1.7px dashed var(--light-black);
  width: 250px;
  color: var(--light-black);
  text-align: left;
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  margin: auto;
  display: flex;
}

.button---cta-demo:hover {
  color: #d4d4d4;
}

.button---cta-demo.button-cta-demo-home-alignment {
  text-align: center;
  border-width: 2px;
  border-radius: 9px;
  width: auto;
  height: auto;
  margin: 0 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.button---cta-demo.button-cta-demo-home-alignment.button-cta-demo-home-width-300 {
  width: 300px;
}

.button---cta-demo.button-cta-demo-home-alignment.button-cta-demo-home-width-300.button---demo-faq-home {
  border: 1px solid var(--purple-secondary);
  color: var(--purple-secondary);
}

.button---cta-demo.button-cta-demo-home-alignment.button-cta-demo-home-width-300.button-demo-home-n {
  background-color: var(--purple-secondary);
  color: var(--light-blue);
  border-style: none;
  border-color: #975ddc1a;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
  box-shadow: 2px 3px 3px #975ddc99;
}

.section---logo {
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
  display: none;
}

.flex---feature-container {
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.image---feature-sm {
  object-fit: contain;
  object-position: 50% 50%;
  width: 400px;
}

.link---brand {
  padding-top: 10px;
}

.link---brand.w--current {
  order: 0;
  padding-top: 0;
}

.link---brand.link---navbar-logo {
  z-index: 1;
  padding-top: 0;
}

.navigation-menu {
  position: relative;
}

.section---hero-home {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.section---footer-event {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image---grid-logo-dynamic {
  text-align: left;
  max-width: 150px;
  max-height: 150px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.section---home-customers {
  padding-top: 80px;
  padding-bottom: 40px;
}

.container---center-customers {
  text-align: center;
  flex: 1;
}

.button---cta-read-more {
  background-color: var(--light-black);
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
}

.card-customer-grid {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.button---read-disabled {
  color: #818181;
  text-align: left;
  background-color: #6e6e6e00;
  border: 2px dashed #888686;
}

.feature-section {
  padding: 100px 5%;
}

.feature-image-mask-2 {
  width: 100%;
  margin-right: 40px;
}

.feature-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.flex-container-3 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.cards-grid-container-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

.heading-23 {
  color: var(--light-black);
  text-align: center;
  background-color: #0000;
}

.container---mid-cta {
  color: #fcfcfc;
  text-align: center;
}

.cta---2 {
  color: var(--light-black);
  background-color: #ebebeb;
  border: 2px dashed #000;
}

.section---pre-footer-cta {
  padding: 60px 5%;
}

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

.feature-image-left-pad {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  padding-left: 24px;
}

.section---quote-mini {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f8f8f8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 60px 150px;
}

.paragraph---quote {
  color: #616161;
  text-align: center;
  margin: auto;
  padding-top: 10px;
  font-size: 18px;
}

.image---customer-logo {
  text-align: left;
  max-width: 150px;
  max-height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.section---usp {
  background-color: #fff;
  border: 1px dashed #000;
  padding-top: 40px;
  padding-bottom: 40px;
}

.paragraph---center {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
}

.heading---title-lp-center {
  max-width: 700px;
  color: var(--light-black);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading---cta-section {
  color: var(--light-black);
}

.div-block---section-cta-content {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section---purple {
  background-color: var(--ghost-white-backgrounds);
  border: 1.7px #000;
  margin-left: auto;
  margin-right: auto;
}

.image---heading {
  flex: 0 auto;
}

.image---heading.padding-top-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.div---dual-cta-container {
  text-align: center;
  flex: 1;
  padding-top: 15px;
  padding-bottom: 15px;
}

.button---cta-pricing {
  background-color: var(--light-black);
  width: 250px;
  color: var(--light-blue);
  text-align: center;
  border: 1.7px #000;
  border-radius: 3px;
  margin: auto;
  display: block;
}

.button---cta-pricing:hover {
  color: #d4d4d4;
}

.paragraph---title-description-lp {
  color: var(--light-black);
  text-align: left;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.section---home {
  padding: 100px 5%;
}

.heading---center {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}

.column---feature-body-legacy {
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.column---feature-body-legacy.book-a-demo {
  padding-left: 0;
}

.div---hero-contents-holder {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div---section-title-divider-advoy {
  background-color: #0000;
  background-image: linear-gradient(to right, #0038a7, var(--medium-blue));
  width: 1000px;
  height: 2px;
  margin-bottom: 30px;
  padding-left: 0;
}

.paragraph---blog-advoy-beige {
  color: #1f3d52;
  text-align: left;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.heading---section-title-advoy-center {
  color: #1f3d52;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 58px;
  font-weight: 400;
}

.heading---blog-section-title-advoy {
  color: var(--purple-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.column-right---advoy {
  height: 500px;
}

.div---section-inset-padding {
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.section---title-advoy {
  background-color: var(--alice-blue-backgrounds);
}

.text-card {
  color: #1f3d52;
  text-align: center;
  margin-bottom: 20px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.grid---blog-table-content-advoy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.div-block-5 {
  justify-content: center;
  display: flex;
}

.icon-table-of-content {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#975ddc66, #975ddc24 56%, #802edf00);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 60px;
  margin-bottom: 0;
  font-family: "Fa solid 900", sans-serif;
  font-size: 80px;
  line-height: 90px;
  text-decoration: none;
}

.heading-card {
  color: #1f3d52;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-4 {
  max-width: 1000px;
}

.card---table-content-advoy {
  cursor: pointer;
  background-color: #0000;
  background-image: linear-gradient(#2d6ae94a, #2d6ae926 42%, #fff);
  border-radius: 10px;
  flex-direction: column;
  padding: 0 40px;
  text-decoration: none;
  display: flex;
}

.card---table-content-advoy:hover {
  background-image: linear-gradient(#2d6ae94a, #2d6ae926 100%, #fff);
}

.section---container-advoy-padding {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 150px;
  display: flex;
}

.section-hero-2 {
  font-family: Montserrat, sans-serif;
}

.div-block-6 {
  min-width: 1000px;
}

.list---numbered-advoy {
  list-style-type: decimal;
}

.heading---advoy-blog-beige {
  color: #1f3d52;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.list-item---blog-advoy-blue {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
}

.link---list-item {
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
}

.colum-image-2 {
  text-align: left;
  flex-direction: row;
  justify-content: center;
  height: 400px;
  display: flex;
}

.list---blog-body-text {
  margin-bottom: 30px;
}

.section---feature-white-bg {
  text-align: left;
}

.columns---advoy-wide {
  min-width: 1000px;
}

.paragraph---temp-advoy-1 {
  color: #1f3d52;
  margin-top: 30px;
  font-size: 18px;
}

.container---page-section-advoy-blue {
  background-color: #eaf0fd;
  justify-content: center;
  display: flex;
}

.button---primary-cta-large {
  background-color: #0000;
  background-image: linear-gradient(135deg, #003295, var(--medium-blue));
  text-align: center;
  border-radius: 9px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
}

.button---primary-cta-large:hover {
  background-image: linear-gradient(315deg, #003295, var(--medium-blue));
  color: #fff;
}

.column-2 {
  flex-direction: column;
  display: flex;
}

.image {
  flex: 0 auto;
  margin: 150px 30px 30px;
  padding-top: 0;
}

.div---list-item {
  margin-top: 0;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  display: flex;
  overflow: visible;
}

.div---list-item.hide-element {
  display: none;
}

.tab---pricing-container-1 {
  justify-content: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.button-pricing-cta {
  border: 1px solid var(--medium-blue);
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--medium-blue));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0 0 19px 19px;
  width: 100%;
  margin-top: 30px;
  padding: 15px 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.button-pricing-cta:hover {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--purple-secondary), var(--purple-secondary));
  border-width: 1px;
}

.text-block-2 {
  color: #1f3d52;
  text-align: right;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 32px;
  padding-bottom: 0;
  font-size: 18px;
  display: flex;
}

.container---pricing {
  text-align: center;
  margin: 0;
  padding: 60px 15%;
}

.div---pricing-card {
  border: 1px solid var(--alice-blue-backgrounds);
  background-color: #fff;
  border-radius: 10px 10px 20px 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  display: flex;
  box-shadow: -4px 4px 16px -4px #00000017;
}

.div---pricing-card:hover {
  border-color: var(--medium-blue);
}

.div---gradient-border {
  background-color: #fff;
  border: 0 #f2eafc;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.tabs---pricing {
  padding-bottom: 0;
}

.div---pricing-title-label {
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  display: block;
}

.list-item---pricing-text {
  color: #1f3d52;
  text-align: left;
  padding-left: 0;
  font-size: 14px;
}

.button-pricing-cta-selected {
  background-color: var(--one-tap-blue-med);
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--medium-blue) 99%, #802edf);
  color: #fff;
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
  margin-top: 30px;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
}

.button-pricing-cta-selected:hover {
  background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #fff;
}

.div---divider-line {
  background-image: linear-gradient(to bottom, var(--dark-slate-blue-gradient), var(--medium-blue));
  width: 100%;
  height: 1px;
}

.heading---pricing-title {
  color: #1f3d52;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

.tab-link---pricing-monthly {
  border: 1px solid var(--alice-blue-backgrounds);
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.tab-link---pricing-monthly.w--current {
  background-image: linear-gradient(90deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #fff;
  border-style: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.grid---pricing-plans-5 {
  grid-column-gap: 30px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  min-width: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.tab-link---pricing-annual {
  border: 1px solid var(--alice-blue-backgrounds);
  color: #1f3d52;
  background-color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.tab-link---pricing-annual.w--current {
  background-image: linear-gradient(135deg, #0038a7, var(--one-tap-blue-med));
  color: #fff;
}

.paragraph---blog-paragraph-advoy {
  text-align: center;
  margin-bottom: 30px;
  font-size: 18px;
}

.paragraph-23 {
  color: #1f3d52;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 18px;
}

.columns-3 {
  width: 100%;
}

.paragraph---center-legacy {
  color: #1f3d52;
  text-align: center;
  font-size: 18px;
}

.heading-list-2 {
  color: #1f3d52;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
}

.link---paragraph {
  clear: none;
  color: var(--purple-secondary);
  object-fit: fill;
  text-decoration: none;
  display: inline-block;
}

.div---pricing-tab-content {
  flex-direction: row;
  justify-content: center;
  margin-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.container---pricing-faq-inner {
  text-align: left;
  max-width: 948px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.accordion-wrapper {
  background-color: var(--alice-blue-backgrounds);
  cursor: pointer;
  background-image: linear-gradient(135deg, #61cfb11a, #61a1f833);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
}

.container---pricing-faq {
  opacity: 1;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  max-width: 1296px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.accordion-body-inner {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  padding-bottom: 24px;
  padding-left: 36px;
  padding-right: 36px;
}

.accordion-header {
  border-bottom: 1px solid var(--dark-slate-blue-gradient);
  background-color: #0000;
  background-image: linear-gradient(135deg, #2d6ae91a 13%, #0038a733 93%);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 24px 36px;
  display: flex;
}

.accordion-icon {
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin-left: 24px;
}

.grid-accordion-vertical {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading---pricing-faq {
  color: #000;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
}

.accordion-body {
  overflow: hidden;
}

.paragraph-faq {
  margin-bottom: 30px;
  padding-top: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div---pricing-faq-container {
  padding-left: 0;
}

.paragraph---title-hero-description {
  color: #000;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

.button---primary-cta {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--medium-blue));
  text-align: center;
  border-radius: 6px;
  width: 100%;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.button---primary-cta:hover {
  background-color: #0000;
  background-image: linear-gradient(45deg, var(--dark-slate-blue-gradient), var(--medium-blue));
  color: #fff;
}

.button---primary-cta.button---mobile-cta {
  display: none;
}

.button---primary-cta.button---book-a-demo {
  border: 2px solid var(--purple-secondary);
  max-width: 500px;
  color: var(--purple-secondary);
  background-color: #0000;
  background-image: none;
  border-radius: 9px;
}

.button---primary-cta.button---book-a-demo:hover {
  border-color: var(--medium-blue);
  color: var(--medium-blue);
}

.button---primary-cta.button---book-a-demo.mobile {
  display: none;
}

.button---primary-cta.button---book-a-demo-filled {
  border: 2px solid var(--purple-secondary);
  background-color: var(--purple-secondary);
  max-width: 500px;
  color: var(--light-blue);
  background-image: none;
}

.button---primary-cta.button---book-a-demo-filled:hover {
  border-color: var(--medium-blue);
  background-color: var(--light-blue);
  outline-offset: 0px;
  color: var(--purple-secondary);
  outline: 2px solid #975ddc;
}

.button---primary-cta.button---book-a-demo-iii {
  border: 2px solid var(--purple-secondary);
  max-width: 500px;
  color: var(--purple-secondary);
  background-color: #0000;
  background-image: none;
  border-radius: 9px;
}

.button---primary-cta.button---book-a-demo-iii:hover {
  border-color: var(--medium-blue);
  font-weight: 500;
}

.column-hero-home-left {
  flex-flow: column wrap;
  place-content: space-between;
  align-items: stretch;
}

.text---secondary-cta {
  color: #802edf;
}

.columns-hero-home.columns---hero-home-bonus {
  align-items: center;
  display: flex;
}

.columns-hero-home.columns-hero-home-vcenter {
  display: flex;
}

.flex---outer-header-left {
  flex-direction: row;
  justify-content: flex-start;
  width: 1200px;
  min-width: auto;
  padding: 0;
  display: flex;
}

.div---s1-auto-layout-section-right {
  z-index: -1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.div---s1-auto-layout-section-right.martial-arts-image, .div---s1-auto-layout-section-right.school-classroom-image, .div---s1-auto-layout-section-right.school-dismissal, .div---s1-auto-layout-section-right.memberships {
  background-image: none;
}

.div---header-left {
  background-color: var(--light-blue);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 470px;
  padding: 15px;
  display: flex;
  position: static;
  inset: 25% auto auto 25%;
}

.div---s1-auto-layout-section-left {
  justify-content: flex-end;
  padding: 100px;
  display: flex;
}

.heading---page-title {
  background-color: #0000;
  margin-bottom: 30px;
}

.heading---page-title.heading---demo-title-pb-100 {
  text-align: center;
  margin-bottom: 100px;
}

.section---dynamite-layout-section {
  background-color: #0000;
  position: relative;
}

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

.section---customers {
  background-color: #eaf0fd;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.text---customer-quote {
  color: #0f1529cc;
  letter-spacing: -.02em;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.container---customers-home {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.flex---logo-customer-grid-vert {
  background-image: linear-gradient(to right, #ffffff0d, #fff);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 140%;
  height: 100%;
  min-height: 120px;
  display: flex;
}

.heading---testimonials {
  color: #18191f;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

.grid---customers-home-right {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid---customers-home {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  grid-template-rows: auto;
}

.title---customer-section {
  color: var(--purple-secondary);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 24px;
}

.flex---logo-customer-grid-horiz {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.custom-tooltips {
  display: none;
}

.div---customer-home-statement-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.navigation-dropdown-item-icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  color: var(--medium-blue);
  background-color: #383838;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  display: flex;
}

.section---navigation-dropdown {
  border-top-left-radius: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
}

.navigation-bar-item-link {
  color: #000;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: all .35s;
}

.navigation-bar-item-link:hover {
  color: #07f;
}

.button---navigation-cta {
  letter-spacing: .7px;
  text-transform: none;
  background-color: #0000;
  background-image: linear-gradient(135deg, #0038a7, #2d6ae9);
  border-radius: 7px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 400;
  transition: all .35s;
}

.button---navigation-cta:hover {
  color: var(--light-blue);
  background-color: #0000;
  background-image: linear-gradient(315deg, #0038a7, #2d6ae9);
}

.navigation-dropdown-item-description {
  opacity: .5;
  font-size: 16px;
  line-height: 1.5;
}

.navigation-dropdown-item-description:hover {
  color: var(--royal-blue);
  font-weight: 400;
}

.link---navigation-login {
  color: #802edf;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.link---navigation-dropdown-item {
  color: #00104b;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.link---navigation-dropdown-item:hover {
  color: var(--royal-blue);
  font-weight: 400;
}

.container---navitgation-bar-items {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.chevron {
  margin-right: 5px;
}

.text---menu-item {
  font-family: Montserrat, sans-serif;
}

.container---navigation-dropdown {
  border: 2px solid var(--light-black);
  background-color: #fff;
  border-radius: 9px;
  flex-direction: column;
  box-shadow: 8px 39px 65px -10px #0000001a;
}

.container---navigation-dropdown.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.navigation-bar-item-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.navigation-dropdown {
  width: 1000px;
  min-width: 600px;
  display: none;
}

.navigation-dropdown.w--open {
  background-color: #0000;
  width: 1000px;
  left: -180px;
}

.navigation-dropdown.dropdown-compact-width {
  width: 600px;
  min-width: 400px;
  left: -71px;
}

.navigation-menu-mega {
  align-items: center;
  display: flex;
}

.navigation-bar-cta-buttons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  display: flex;
}

.navigation-bar-item-toggle {
  color: #000;
  padding-left: 12px;
  padding-right: 24px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.navigation-bar-item-toggle:hover {
  color: var(--royal-blue);
}

.navigation-dropdown-item-title {
  font-size: 15px;
}

.navigation-dropdown-item-title:hover {
  font-weight: 400;
}

.section---pricing-features {
  background-color: var(--light-blue);
  justify-content: center;
  padding: 100px 15%;
  display: flex;
}

.button---secondary-cta-link {
  width: auto;
  color: var(--purple-secondary);
  text-align: center;
  background-color: #0000;
  border-radius: 3px;
  margin: auto;
  display: block;
}

.button---secondary-cta-link:hover {
  color: #d4d4d4;
}

.colum---features {
  display: flex;
}

.image---feature {
  border-radius: 0;
  width: 300px;
}

.image---feature.image---book-a-demo {
  margin-top: 0;
  margin-bottom: 30px;
}

.paragraph---features-section-text {
  color: var(--light-black);
  margin-bottom: 30px;
}

.section---feature {
  background-color: #0160ce00;
}

.image---feature-border-blue {
  border: 1px solid var(--medium-blue);
  border-radius: 9px;
}

.image---feature-border-blue.image---feature-400w {
  width: 400px;
}

.column-10 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.column-10.book-a-demo {
  justify-content: center;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.button---cta-purple {
  border: 1px solid var(--purple-secondary);
  opacity: 1;
  color: var(--purple-secondary);
  background-color: #0000;
  border-radius: 6px;
}

.section---pricing {
  background-color: var(--light-blue);
  justify-content: center;
  padding: 100px 15%;
  display: flex;
}

.div---hero-flex-image {
  width: 90%;
}

.div---hero-flex-content {
  text-align: left;
}

.column---features-right {
  flex-direction: column;
  display: flex;
}

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

.list-item---blog-advoy-black {
  color: var(--light-black);
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
}

.utility---padding-bottom-30 {
  margin-bottom: 30px;
  font-weight: 400;
}

.utility---padding-bottom-30.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.utility---padding-bottom-30.utility---text-center {
  text-align: center;
  font-weight: 500;
}

.image---title {
  float: left;
  text-align: center;
  width: 100%;
  height: auto;
  position: relative;
  right: 0;
}

.link---blog-post-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 46px;
  text-decoration: none;
}

.number-wrap-event {
  background-color: #2d6ae91a;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 30px;
  padding: 12px;
  display: flex;
}

.number-event {
  color: #2d6ae9;
  font-size: 18px;
  font-weight: 700;
}

.tabs---holder {
  margin-bottom: 86px;
  display: flex;
}

.line-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.grid-cell---how-it-works-step {
  display: flex;
}

.feature-paragraph-event {
  color: #4f4f4f;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.text-icon-event {
  text-align: center;
  margin-right: 11px;
  font-family: "Fa solid 900", sans-serif;
}

.div---tab-container-title-holder {
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.tab-container-line {
  background-color: #000;
  width: 60px;
  height: 1px;
  margin-left: 24px;
  margin-right: 24px;
}

.title---how-it-works {
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
}

.tab---tab-section {
  color: #626262;
  background-color: #0000;
  border-bottom: 2px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all .3s;
  display: flex;
}

.tab---tab-section:hover {
  border-bottom-color: #2d6ae9;
}

.tab---tab-section.w--current {
  color: #2d6ae9;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #2d6ae9;
  width: 100%;
  display: flex;
}

.divider---tab-content-body-container-divider {
  justify-content: center;
  align-items: center;
  display: flex;
}

.temp---title-tab-container {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div---container-how-it-works-title {
  max-width: 574px;
}

.container---how-it-works-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}

.divider-event {
  background-color: #e5e5e5;
  width: 1px;
  height: 80px;
}

.section---tab-container {
  background-color: #fff;
  background-image: none;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 80px 3%;
}

.grid---how-it-works {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1.75fr 1.75fr;
  margin-top: 40px;
}

.heading---temp {
  color: #000;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.image---feature-grid-icon-m {
  border-radius: 10px;
  width: 90px;
}

.image---feature-grid-icon-m.image---feature-grid-icon-s {
  width: 45px;
}

.title---feature-grid-cell {
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 10px;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.2em;
}

.grid---features {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: .5fr auto auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
}

.container---feature-grid {
  max-width: 1140px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.feature-paragraph-2-event-2 {
  color: #4f4f4f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.card---feature-grid {
  color: #000;
  border-radius: 10px;
  padding: 40px;
  text-decoration: none;
  transition: box-shadow .4s;
}

.card---feature-grid:hover {
  box-shadow: 0 20px 60px #e5e5e566;
}

.image---feature-grid-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 24px;
  display: flex;
}

.image---feature-grid-icon.image---feature-grid-icon-size {
  background-color: #2d6ae91a;
  border-radius: 10px;
  justify-content: center;
  min-width: 150px;
  margin-left: 0;
  margin-right: 0;
}

.div---feature-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  display: flex;
}

.div-centered {
  justify-content: center;
  display: flex;
}

.div-centered.members {
  margin-top: 60px;
}

.new-grid-for-karsh {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.tab-container-content {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 32px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.tab-container-content:hover {
  border-color: var(--medium-blue);
}

.vertical-line-for-karsh {
  background-color: #1f2937;
  width: 3px;
  height: 100%;
  position: absolute;
}

.tab-container-content-title {
  color: #0a071b;
  letter-spacing: -.02em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px 5px 0;
  font-weight: 500;
  display: flex;
}

.new-containter-for-karsh {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.horizontal-line-for-karsh {
  background-color: #1f2937;
  width: 100%;
  height: 3px;
}

.title-for-karsh {
  color: var(--light-black);
  font-weight: 500;
  line-height: 32px;
}

.icon---tab-container-plus-button {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.tab-container-content-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: auto;
}

.tab-container-content-paragraph {
  color: var(--light-black);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 32px;
  display: block;
  overflow: auto;
}

.tab-container-content-collapsible {
  overflow: hidden;
}

.text-span-7, .text-span-8 {
  color: var(--purple-secondary);
}

.video {
  width: 600px;
  height: 360px;
}

.heading---pricing-disclaimer {
  color: var(--purple-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.text-span-9 {
  color: #929296;
}

.icon---pricing-feature-img {
  max-width: 25px;
  max-height: 25px;
  margin-left: 5px;
  margin-right: 10px;
}

.div---pricing-list-items-container {
  margin: 20px 0 0 10px;
}

.div---pricing-faq-disclaimer {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.grid---features-grid {
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: start center;
}

.text---feature-grid-cell-title {
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.image---feature-grid-cell {
  min-width: 150px;
  min-height: 150px;
  max-height: 150px;
  padding: 18%;
  display: block;
  overflow: visible;
}

.div-block---feature-grid-cell {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph---feature-grid-cell-text {
  font-size: 13px;
  display: block;
}

.div---feature-grid-cell-container {
  text-align: center;
  display: block;
}

.image-4 {
  min-width: 20px;
  max-width: 30px;
  min-height: 20px;
  max-height: 30px;
  display: inline-block;
}

.link-inline {
  display: inline-block;
}

.label---pricing-value-text {
  color: #1f3d52;
  text-align: right;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 32px;
  padding-bottom: 0;
  font-size: 18px;
  display: flex;
}

.section---guide---home {
  background-color: var(--light-blue);
  min-height: 200px;
  padding: 50px;
  display: block;
}

.heading---guides {
  text-align: center;
  line-height: 60px;
  position: relative;
}

.grid---guides {
  grid-template: ". ."
                 ". Area"
                 / 2fr 2fr;
  margin: 100px 60px;
}

.description---guides, .grid-container---guide-title {
  text-align: center;
}

.grid-container---guide-image {
  width: 300px;
}

.grid-container---guides {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.grid-container---guide-image-holder {
  text-align: center;
  display: inline-block;
}

.section---guide-page {
  padding: 50px;
}

.button---download-guide {
  background-color: var(--light-black);
}

.image---guide-page-cover-image {
  width: 400px;
}

.image---guide-page-cover-image-holder {
  text-align: center;
  display: inline-block;
}

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

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

.column-15 {
  display: block;
}

.column---container-guide-page {
  align-items: center;
  display: flex;
}

.container-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
}

.container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.small-heading---onetap {
  color: #975ddc;
  font-size: 20px;
  font-weight: 700;
}

.logo-card-opt-in {
  border: 1px solid #f3f5fb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 96px;
  padding: 24px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.logo-card-opt-in:hover {
  box-shadow: 23px 23px 64px -16px #393b6a0f;
}

.flex-wrapper-right---opt-in {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.paragraph-large---opt-in {
  color: #000;
  text-align: left;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.paragraph-opt-in-disclosure {
  text-align: left;
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 24px;
}

.heading---h2-landing-page-opt-in {
  letter-spacing: -.04em;
  margin-top: 0;
  font-size: 56px;
  line-height: 1.2;
}

.heading---h2-landing-page-opt-in.margin-bottom-24 {
  color: #000;
  text-align: left;
  font-size: 44px;
}

.form-submit-onetap {
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #0038a7;
  background-image: linear-gradient(135deg, #0038a7, #0170f0);
  border-radius: 48px;
  outline: 2px solid #0000;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.form-submit-onetap:hover {
  background-color: #282556;
  background-image: linear-gradient(315deg, #0038a7, #0170f0);
}

.form-submit-onetap:active {
  background-color: #160042;
}

.form-submit-onetap:focus {
  outline-offset: 0px;
  outline: 2px solid #6b7094;
}

.form-wrapper--opt-in {
  align-items: center;
  display: flex;
}

.form---opt-in {
  margin-bottom: 16px;
}

.wrapper---opt-in {
  display: flex;
}

.margin---top-48 {
  width: 80%;
  max-width: 80%;
  margin-top: 48px;
}

.input-opt-in {
  border: 1px solid #e4e6f1;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  margin-right: 16px;
  padding: 12px 16px;
}

.logo-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 72px;
}

.section---opt-in-page {
  padding: 120px 5%;
  position: relative;
}

.section---opt-in-page.section---opt-in-page-padding-bottom {
  padding-top: 0;
}

.list-item {
  color: var(--light-black);
}

.paragraph---feature-grid-cell-description {
  color: #4f4f4f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.title---feature-grid-cell-edit {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2em;
}

.button---cta-black {
  background-color: var(--light-black);
  text-align: center;
  border-radius: 6px;
  width: 300px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.button---cta-black:hover {
  color: #d4d4d4;
}

.column---feature-body {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section---book-demo {
  background-color: var(--ghost-white-backgrounds);
  border: 1.7px #000;
}

.columns---book-demo {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column---center-contents {
  justify-content: center;
  display: flex;
}

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

.text---benefit-highlight {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.container---benefit-section {
  justify-content: center;
  padding-top: 65px;
  padding-bottom: 65px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.section---book-demo-purple-bg {
  background-color: #975ddc12;
}

.section-container---book-demo-padding {
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.section-container---benefits-section-padding {
  justify-content: center;
  padding-top: 75px;
  padding-bottom: 75px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.image---feature-sm-custom {
  object-fit: contain;
  object-position: 50% 50%;
  width: 300px;
}

.container---pre-footer-padding {
  padding-top: 65px;
  padding-bottom: 65px;
}

.column---feature-image {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.image---feature-uk {
  width: 400px;
}

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

.mw---section---hero-home {
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
}

.mw---column---hero-home-left {
  flex-flow: column wrap;
  place-content: space-between;
  align-items: stretch;
}

.heading---hero-home {
  color: #1371ec;
}

.heading---hero-home.heading-mobile {
  color: #0170f0;
  -webkit-text-stroke-color: transparent;
}

.image---heading-ii {
  flex: 0 auto;
}

.mw---grid---customers-hero-home {
  flex-direction: row;
  grid-template: ". . . . Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
}

.mw---hero-customers {
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.text---customers-hero-home---cal {
  text-align: center;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
}

.heading---section-home {
  margin-top: 20px;
}

.heading---section-home.text-bold {
  font-weight: 600;
}

.heading---section-home.text-bold.text-center {
  text-align: center;
}

.heading---section-home.text-center, .heading---section-home.heading-text-center {
  text-align: center;
  justify-content: center;
}

.heading---section-home.font-book-a-demo {
  font-family: Montserrat, sans-serif;
  font-size: 30px;
}

.title---grid-use-cases-home {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-use-cases-home.text---color-steel-blue {
  color: var(--one-tap-blue-med);
  margin-top: 10px;
  font-size: 18px;
}

.mw---title---use-case-home {
  color: #975ddc;
  font-weight: 600;
  display: block;
}

.heading---transformation-home {
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 45px;
  display: flex;
}

.heading---transformation-home.heading-color {
  color: #0170f0;
}

.subheading---transformation-home {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-size: 18px;
  display: flex;
}

.image---item-column-transformation-home {
  width: 65px;
}

.div---holder-cta-block-section-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.container---how-it-works {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1080px;
  display: flex;
}

.heading---how-works {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  padding-right: 100px;
  font-size: 35px;
  font-weight: 600;
}

.sub-heading---how-works {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
}

.div---column-transformation-home {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: flex-start;
  justify-items: stretch;
  display: flex;
}

.text---vs-transformation-home {
  color: #f5f5f5;
  background-color: #0170f0;
  border-radius: 5px;
  flex-flow: column;
  place-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  padding: 5px 30px;
  font-size: 18px;
  font-weight: 700;
}

.div---column-l-transformation-home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.heading---list-item-transformation-home {
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  display: flex;
}

.subheading---list-item-transformation-home {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.image---logo-r-transformation-home {
  width: 64px;
}

.mw---grid---how-it-works-i {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  margin-top: 40px;
}

.div---how-works-contnet-left {
  display: flex;
}

.heading---how-it-works {
  color: #0166db;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 18px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  display: flex;
}

.para---how-it-works-left {
  color: #0c0c0c;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.mw---grid---how-it-works-ii {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  margin-top: 140px;
}

.image---section-how-it-works {
  display: inline-block;
  position: static;
}

.div---img-multiple-check-ins {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.heading-2---section-home {
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}

.image---how-it-works-analytics {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
}

.title-view---cell-grid-feature-home {
  flex-direction: row;
  align-items: flex-start;
  line-height: 24px;
  display: flex;
}

.heading-text-bold {
  line-height: 51px;
}

.description---grid-cell-feature-home {
  color: #0c0c0c;
  text-align: left;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  display: flex;
}

.grid---features-home {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr 1.75fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.heading---feature {
  color: #0166db;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.div---inner-use-case-home {
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.grid---use-cases-home {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.item-container---grid-use-case {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case.hv2 {
  grid-row-gap: 20px;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.grid---industries-use-case-home {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: center;
  margin-top: 60px;
}

.section---home-nnn {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---home-nnn.section---home-bg-light-blue {
  background-color: #f4f9ff;
}

.section---home-nnn.section---home-bg-light-blue.section---home-bg-dark-blue {
  background-color: var(--section-logo);
}

.section---home-nnn.hv2 {
  background-color: var(--light-blue);
}

.mw---section---how-it-works-old {
  background-color: #dee7f9;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.heading---number-how-it-works {
  color: #0166db;
  font-family: Exo, sans-serif;
  font-size: 35px;
}

.description---left-col-how-it-works {
  text-align: left;
}

.heading---3 {
  color: #0166db;
  text-shadow: 0 1px 1px #0003;
  font-family: Exo, sans-serif;
  font-size: 40px;
}

.heading---content-3 {
  color: #0166db;
  text-align: left;
  text-shadow: 0 1px 1px #0003;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 18px;
  padding-left: 20px;
  font-size: 27px;
  font-weight: 500;
  line-height: 28px;
  display: flex;
}

.image---cell-grid-feature-home {
  border-radius: 50%;
}

.heading---book-demo-home {
  font-weight: 500;
}

.mw---grid---reviews-hero-home {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  display: flex;
}

.text---trusted-by {
  padding-left: 0;
  font-size: 14px;
  font-weight: 400;
}

.icon---ratings-home.icon-fixed-width-hero-home {
  width: 120px;
  height: 25px;
}

.icons---grid-use-case-home {
  flex: 0 auto;
  align-self: auto;
}

.bold-text-7 {
  font-size: 38px;
}

.bold-text-8 {
  font-size: 24px;
}

.mw---grid---how-it-works-prev-version {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 / 1.75fr 1.75fr;
  grid-auto-rows: minmax(auto, .25fr);
  grid-auto-flow: row;
  margin-top: 40px;
  display: none;
}

.div---title-view-how-it-works {
  display: flex;
}

.image---right-col-how-it-works {
  flex: none;
}

.c-text-1 {
  color: #5f6668;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.lib-at-title-wrapper {
  margin-bottom: 16px;
}

.lib-at-title-wrapper.cc-title-nomargin {
  margin-bottom: 0;
}

.c-autotabs_paragraph {
  color: #5f6668;
}

.lib-at-autotabs {
  z-index: 1;
  justify-content: space-around;
  display: flex;
  position: relative;
}

.c-autotabs_load {
  background-color: #4e5bed;
  border-radius: 20px;
  width: 100%;
  height: 0%;
  overflow: visible;
}

.c-autotabs_line {
  background-color: #e8edf6;
  border-radius: 20px;
  width: 6px;
  position: absolute;
  inset: 20px auto 20px 40px;
  overflow: hidden;
}

.c-autotabs_content-2 {
  width: 50%;
  padding-top: 20px;
  padding-left: 20px;
  position: static;
  overflow: visible;
}

.c-title-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6em;
}

.c-autotabs_image.cc-pane-crypto.image-extra-width {
  width: 100%;
}

.lib-at-autotabs_link {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 22px 80px 22px 90px;
}

.lib-at-autotabs_link.w--current {
  background-color: #fff;
  border-radius: 12px;
  padding-top: 49px;
  padding-bottom: 49px;
  box-shadow: 0 8px 48px -10px #c0c7e2;
}

.c-autotabs_pane {
  position: static;
}

.lib-at-autotabs_menu {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.lib-at-container {
  border-radius: 4px;
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.lib-at-container.lib-at-10cols {
  max-width: 1144px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---dotted-arrows-home {
  text-align: left;
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.image-11 {
  text-align: center;
  width: 20%;
  position: absolute;
}

.text---grid-cell-use-case-home {
  font-weight: 500;
}

.list-item---grid-use-cases-home {
  text-align: left;
  padding-left: 26px;
  list-style-type: none;
}

.div---cta---use-case-home {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.subheading---section-home {
  justify-content: center;
  font-size: 20px;
}

.span---check-in-process---how-it-works {
  color: #1a1b1f;
  font-size: 21px;
  font-weight: 500;
  text-decoration: underline;
}

.grid---joined-by {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  place-content: space-between;
  place-items: stretch stretch;
  padding-top: 6px;
  display: flex;
}

.img---social-proof-home {
  margin-top: 100px;
}

.container---faq-slider-home {
  flex-direction: column;
  max-width: 1080px;
  display: flex;
}

.heading---faq-left-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 500;
}

.grid-cta-holder---faq-home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.button---secondary-cta {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--medium-blue));
  text-align: center;
  border-radius: 6px;
  width: 100%;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.button---secondary-cta:hover {
  background-color: #0000;
  background-image: linear-gradient(45deg, var(--dark-slate-blue-gradient), var(--medium-blue));
  color: #fff;
}

.button---secondary-cta.button-cta-demo-home-override {
  border-radius: 9px;
  width: 300px;
  max-width: none;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button---secondary-cta.button-cta-demo-home-override.button-cta-demo-extra-tb-padding {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  padding-top: 15px;
  padding-bottom: 20px;
}

.subheading---demo-home {
  font-size: 18px;
}

.div---holder-demo-home {
  background-color: var(--ghost-white-backgrounds);
  border-radius: 15px;
  padding: 60px 40px;
  box-shadow: 0 2px 5px #0003;
}

.faq-wrapper {
  display: block;
}

.faq-text-wrapper-home {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100px;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.faq-text-row-wrapper {
  display: flex;
}

.faq-text-row-wrapper.second {
  display: none;
  left: 100%;
}

.faq-text-wrapper {
  background-color: var(--light-blue);
  box-shadow: 3px 3px 5px 0 var(--section-logo-2);
  text-align: left;
  border-radius: 3px;
  flex-direction: row;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  display: flex;
}

.d-101-logo-row-wrapper {
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
}

.d-101-logo-row-wrapper.second {
  left: 100%;
}

.d-101-logo-text {
  font-family: Oswald, sans-serif;
  font-size: 20px;
}

.d-101-wrapper {
  width: 100%;
}

.d-101-logos-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.demo-wrapper {
  flex-flow: column-reverse;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0%;
  display: flex;
  position: relative;
}

.d-101-logo-wrapper {
  background-color: #ff47f9;
  border-radius: 2px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.d-101-logo-wrapper.square {
  flex: 0 auto;
  width: 100px;
}

.d-101-section-home {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.demo-container-3 {
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div---columns-how-it-works {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 60px;
  display: flex;
}

.container---section-home {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container---section-home.container---extra-wide {
  align-items: center;
  max-width: 1080px;
  display: block;
}

.container---section-home.container---extra-wide.container---section-home-h-center {
  align-items: center;
}

.container---section-home.max-width {
  max-width: 1240px;
}

.container---section-home.container---extra-width {
  align-items: center;
  display: block;
}

.slider-arrow---brix {
  background-color: #4a3aff;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  max-height: 64px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 22px;
  transition: box-shadow .35s, background-color .35s, color .35s, transform .35s;
  box-shadow: 0 4px 4px #0c046633;
}

.slider-arrow---brix:hover {
  color: #170f49;
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 20px -8px #0c04661a;
}

.slider-arrow---brix:active {
  transform: scale(.94);
}

.slider-arrow---brix.small---brix {
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-top: auto;
  margin-bottom: auto;
}

.slider-arrow---brix.small---brix.right---brix {
  background-color: var(--medium-blue);
  left: auto;
}

.slider-arrow---brix.small---brix.left---brix {
  background-color: var(--medium-blue);
  right: auto;
}

.split-content---np.avatar-content---brix {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.split-content---np.testimonials-client-info---brix {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.split-content---np.hero-v1-right---brix {
  align-items: flex-start;
  width: 100%;
  max-width: 41%;
  display: flex;
}

.split-content---np.hero-v1-left---np {
  width: 100%;
  max-width: 45%;
}

.title {
  white-space: break-spaces;
}

.title.testimonial-v1---brix {
  color: #170f49;
  margin-bottom: 13px;
  font-size: 22.5px;
  font-weight: 600;
}

.title.avatar-name-v1---brix {
  margin-bottom: 0;
}

.title.testimonial---brix {
  text-align: center;
  margin-bottom: 0;
}

.slider---testimonial {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.display-none {
  display: none;
}

.subtitle---brix {
  color: var(--medium-blue);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 11px;
  font-weight: 500;
}

.card---brix {
  background-color: #fff;
  border: 1px solid #f7f7fb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 14px #080f340a;
}

.card---brix.testimonial-v1---brix {
  border-color: var(--section-logo);
  padding: 53px 54px 60px;
}

.container-default---brix {
  max-width: 1240px;
}

.container-default---brix.adjust-container-max-w {
  max-width: 1080px;
}

.slide---brix.testimonial-v1---brix {
  max-width: 500px;
  margin-right: 30px;
}

.image-wrapper---brix {
  overflow: hidden;
}

.image-wrapper---brix.testimonial-v1---brix {
  border-radius: 50%;
  margin-right: 18px;
  box-shadow: 0 4px 14px #2427291a;
}

.testimonial-main-wrapper-home.hidden-overflow---testimonial {
  overflow: hidden;
}

.top-content---testimonial.testimonial-margin-bottom {
  margin-bottom: 40px;
}

.mask---testimonials-home {
  border-radius: 20px;
}

.mask---testimonials-home.testimonial-v1---brix, .mask---testimonials-home.testimonial-v1 {
  max-width: 500px;
  overflow: visible;
}

.paragraph---brix.testimonial-v1---brix {
  color: #0c0c0c;
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: 400;
}

.paragraph---brix.hero-v1---brix {
  margin-bottom: 32px;
}

.image---brix.avatar---brix.testimonial-v1---brix {
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  max-height: 60px;
}

.div---description-item-column-transformation-home {
  flex-direction: column;
}

.div---items-list-column-transformation-home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.div---items-list-column-transformation-home.div---items-list-r-column-transformation-home {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
}

.div---item-column-transformation-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div---column-m-transformation-home {
  z-index: 9;
  align-self: flex-start;
  margin-top: 41px;
}

.div---cta-holder-demo-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: stretch;
  margin-top: 30px;
  display: flex;
}

.div---cta-holder-demo-home.demo-btn-holder {
  border: 0px solid var(--purple-secondary);
  border-radius: 11px;
  justify-content: flex-start;
}

.div---wrapper-demo-home {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: none;
}

.div--r-column-demo-home {
  justify-content: center;
  display: flex;
}

.div---column-faqs-home {
  background-color: var(--light-blue);
  box-shadow: 0 0 3px 0 var(--purple-secondary);
  flex-direction: column;
  flex: 0 auto;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 10px;
  display: block;
}

.div---cta---faq-home {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.heading---cta-faq-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.text---faqs-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  display: grid;
}

.text---faqs-home.masonry-grid {
  column-count: 3;
  column-gap: 20px;
  display: block;
}

.div--faq-home {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: flex-start;
  justify-items: stretch;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.div---image-l-faq-home {
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
}

.div---column-r-faqs-home {
  background-color: #0000;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: stretch;
  display: block;
}

.image---faq-home {
  display: block;
}

.container---hero-cla.container---extra-wide {
  max-width: 1040px;
}

.container---hero-cla.container---extra-width {
  max-width: 1140px;
}

.image---hero-image {
  border-radius: 24px;
  flex: 0 auto;
}

.description---grid-use-cases-home {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 33px;
}

.image---how-it-works.margin-top-60 {
  margin-top: 60px;
}

.section---mini-testimonial-home {
  background-color: var(--alice-blue-backgrounds);
  padding-bottom: 60px;
}

.h4---section-home {
  font-size: 20px;
}

.h4---section-home.text-center {
  text-align: center;
  padding-left: 32px;
  padding-right: 32px;
}

.h3-description---section-home {
  text-align: center;
  font-size: 22px;
  line-height: 36px;
}

.h3-description---section-home.h3-description-custom-padding {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

.h3-description---section-home.h3-description-custom-padding.semibold {
  font-size: 25px;
  font-weight: 600;
}

.h3-description---section-home.h3-description-text-right {
  text-align: left;
}

.div---spacer-section-title {
  text-align: center;
  padding-top: 40px;
}

.div---spacer-section-title.extra-space-40 {
  padding-top: 80px;
}

.div---spacer-40 {
  height: 40px;
}

.list---hero-home {
  padding-left: 10px;
  list-style-type: none;
}

.list-item---hero-home {
  background-image: url('../images/icon-bullet-checkmark-30px.png');
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-attachment: scroll;
  padding-left: 30px;
}

.button---secondary-cta-2 {
  text-align: center;
  background-image: linear-gradient(135deg, #0038a7, #0170f0);
  border-radius: 6px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

.button---secondary-cta-2:hover {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(45deg, #0038a7, #0170f0);
}

.text---trusted-by-home {
  color: #975ddc;
  font-weight: 500;
}

.section---hero-home-n {
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
}

.section---hero-home-n.section-cla-mobile-hpadding {
  padding-top: 100px;
  padding-bottom: 40px;
}

.hero-heading-text {
  color: #275dc9;
  font-size: 21px;
  line-height: 25px;
}

.hero-heading-text.heading-mobile {
  color: #013567;
  font-weight: 600;
}

.grid---hero-headings-texts {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto .75fr;
  grid-template-columns: 1.5fr 1.25fr;
  grid-auto-columns: 1fr;
  padding-right: 350px;
  display: flex;
}

.sub-heading---hero-home {
  color: #1371ec;
  line-height: 25px;
}

.sub-heading---hero-home.sub-heading-mobile-size {
  color: #0167f5;
  -webkit-text-stroke-color: transparent;
  font-size: 51px;
}

.heading-hero-home {
  color: #2e2e47;
  font-size: 51px;
  line-height: 65px;
}

.heading-hero-home.heading-hero-mobile {
  color: #0170f0;
  font-size: 50px;
}

.paragraph-hero-home {
  font-size: 18px;
  font-weight: 400;
}

.div---hero-list {
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.hero-paragraph-list-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.text-span-11 {
  font-size: 18px;
}

.text-span-12 {
  font-size: 15px;
}

.column---hero-lists {
  display: flex;
}

.column---hero-home-left {
  flex-flow: column wrap;
  place-content: space-between;
  align-items: stretch;
}

.section---home-n, .section---home-nn {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---column-l-transformation-home-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div---column-l-transformation-home-copy.div---column-r-transformation-home-n {
  background-color: var(--light-blue);
  background-color: #fff;
}

.div---inner-how-it-works-home {
  flex-direction: column;
  align-items: center;
}

.grid---how-onetap-works-home {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template: "Area"
  / 1.25fr .25fr 1.25fr .25fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-item---arrow-right {
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 0;
  display: flex;
}

.grid-item---arrow-right.ipad-asset {
  padding-left: 0;
  padding-right: 0;
}

.image---arrow---how-it-works {
  position: relative;
  left: 0;
  right: 0;
}

.image---feature-how-it-works {
  width: 400px;
}

.text-center {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
}

.div---image-block---how-it-works-home {
  text-align: center;
  padding-top: 60px;
}

.image---multiple-checkin {
  width: 87%;
  margin-top: 40px;
}

.heading-3---grid-item-best-title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.column-23 {
  padding-left: 0;
  padding-right: 0;
}

.column---image-bluetick-list {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.icon---checklist-hero-home {
  padding: 2px;
}

.column---image-bluetick-list {
  align-items: flex-start;
}

.icon---old-transformation-home, .icon---new-transformation-home {
  align-self: flex-start;
  width: 7%;
}

.div---item-column-old-transformation-home, .div---item-column-new-transformation-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.section---home-n-blue {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.span---gradient-text {
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0148ffde 50%, #a500c3c7);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.span---gradient-text.background-light {
  background-image: linear-gradient(#0148ffde 50%, #a500c3c7);
}

.span---gradient-text.hero-home {
  font-size: 51px;
  font-weight: 600;
}

.section---demo-home-n {
  background-color: #f9f5fe;
  padding-top: 100px;
  padding-bottom: 100px;
}

.span-text---demo-heading {
  font-size: 42px;
  font-weight: 500;
}

.list---demo-session {
  color: #1a1b1f;
  margin-top: 30px;
  padding-left: 20px;
}

.span-text---subheading-demo {
  color: #1a1b1f;
  font-size: 21px;
}

.div---padding-demo-cta-home {
  background-color: var(--alice-blue-backgrounds);
  border-radius: 15px;
  padding-top: 60px;
  padding-bottom: 60px;
  box-shadow: 0 2px 5px #0003;
}

.heading---cta-section-home {
  text-align: center;
  font-size: 31px;
  font-weight: 600;
}

.sub-heading---cta-section-home-copy {
  color: #000000b5;
  text-align: center;
  margin-top: 20px;
  font-size: 29px;
}

.img-user-review {
  width: 70px;
  margin-left: 0;
  padding-right: 10px;
}

.column---hero-home {
  align-items: center;
  display: flex;
}

.colum-l---hero-home {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.div---inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.grid---best-home {
  grid-column-gap: 40px;
  place-items: center;
}

.column---best-right {
  justify-content: flex-start;
  align-items: center;
}

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

.slide.testimonial-v1 {
  max-width: 500px;
  margin-right: 30px;
}

.card-testimonial {
  background-color: #fff;
  border: 1px solid #f7f7fb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 14px #080f340a;
}

.card-testimonial.testimonial-v1 {
  border-color: var(--section-logo);
  border-color: #eaf0fd;
  padding: 53px 54px 60px;
}

.split-content.testimonials-client-info {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.split-content.image-content---testimonial {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.paragraph---testimonial.testimonial-v1 {
  color: #0c0c0c;
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: 400;
}

.image-wrapper---testimonial {
  overflow: hidden;
}

.image-wrapper---testimonial.testimonial-v1 {
  border-radius: 50%;
  margin-right: 18px;
  box-shadow: 0 4px 14px #2427291a;
}

.customer-name-testimonial {
  white-space: break-spaces;
}

.customer-name-testimonial.onetap-customer-name---testimonial {
  color: #1a1b1f;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
}

.heading-testimonial {
  white-space: break-spaces;
}

.heading-testimonial.testimonial-v1 {
  color: #170f49;
  margin-bottom: 13px;
  font-size: 22px;
  font-weight: 600;
  line-height: 36px;
}

.image---testimonial.customer-image---testimonial.testimonial-v1 {
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  max-height: 60px;
}

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

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

.slider-arrow---testimonial-home {
  background-color: #4a3aff;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  max-height: 64px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 22px;
  transition: box-shadow .35s, background-color .35s, color .35s, transform .35s;
  box-shadow: 0 4px 4px #0c046633;
}

.slider-arrow---testimonial-home:hover {
  color: #170f49;
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 20px -8px #0c04661a;
}

.slider-arrow---testimonial-home:active {
  transform: scale(.94);
}

.slider-arrow---testimonial-home.small---testimonial-home {
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-top: auto;
  margin-bottom: auto;
}

.slider-arrow---testimonial-home.small---testimonial-home.left---testimonial-home {
  background-color: var(--royal-blue);
  background-color: #0170f0;
  right: auto;
}

.slider-arrow--testimonial-home {
  background-color: #4a3aff;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  max-height: 64px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 22px;
  transition: box-shadow .35s, background-color .35s, color .35s, transform .35s;
  box-shadow: 0 4px 4px #0c046633;
}

.slider-arrow--testimonial-home:hover {
  color: #170f49;
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 20px -8px #0c04661a;
}

.slider-arrow--testimonial-home:active {
  transform: scale(.94);
}

.slider-arrow--testimonial-home.small---testimonial-home {
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-top: auto;
  margin-bottom: auto;
}

.slider-arrow--testimonial-home.small---testimonial-home.right---testimonial-home {
  background-color: var(--royal-blue);
  background-color: #0170f0;
  left: auto;
}

.grid---hero-home {
  grid-column-gap: 25px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 2fr;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

.section---hero-customers {
  background-color: var(--section-logo);
  padding-top: 60px;
  padding-bottom: 60px;
}

.container---hero-case-study {
  max-width: 1140px;
}

.column---hero-case-study {
  grid-column-gap: 15px;
  display: flex;
}

.heading---hero-case-study {
  font-size: 34px;
  font-weight: 600;
  line-height: 48px;
}

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

.heading---section-customers {
  font-size: 30px;
  font-weight: 600;
}

.span---text-medium {
  color: #050505;
  font-weight: 500;
}

.span---text-medium.color-blue {
  color: var(--dark-slate-blue-gradient);
}

.span---text-medium.title-case {
  text-transform: capitalize;
  text-decoration: underline;
}

.span---text-medium.text-decoration---italic-underline {
  font-style: italic;
}

.span---text-medium.text-color---royal-blue {
  font-weight: 500;
}

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

.span---text-medium.text-color---green {
  color: #1a7;
}

.div---subsection-spacer-customers {
  padding-top: 40px;
}

.columns---analog-customers {
  display: flex;
}

.div---list-before-onetap {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.section---testimonial-customers {
  padding-top: 40px;
  padding-bottom: 10px;
}

.div---testimonial {
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  padding: 40px 140px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.heading---testimonial-customers {
  text-align: center;
  flex-direction: column;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 33px;
}

.section---solution-customers {
  padding-top: 80px;
  padding-bottom: 80px;
}

.link {
  transition-property: none;
  display: inline-block;
}

.div---solution-list-case-study {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.div---avatar-quote-customer {
  grid-column-gap: 15px;
  display: flex;
}

.column-r---heading-customer {
  flex-direction: row;
  align-items: center;
  position: static;
}

.image---hero-case-study {
  width: 87%;
}

.link---inline {
  display: inline;
}

.section---spacer-customers {
  height: 100px;
}

.section---demo-cta-customers {
  background-color: #eaf0fd3d;
  padding-top: 60px;
}

.div---about-onetap---customers {
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.div---about-ot-section-customers {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.section-helper---demo-cta-vpadding {
  grid-row-gap: 0px;
  background-image: url('../images/Rectangle-6.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 190% 159%;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.text---customers {
  font-size: 18px;
}

.column-l---logo-customer {
  align-self: center;
}

.button---primary-cta-ii {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 5px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

.button---primary-cta-ii:hover {
  background-color: #0000;
  background-image: linear-gradient(45deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

.div---cta-holder-customers {
  text-align: center;
}

.div---about-customer {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.column-l---about-logo-customer {
  align-self: center;
}

.div---dream-solution-customer {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.list---challenge-customers {
  font-size: 18px;
}

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

.spacer-80h {
  width: 100%;
  height: 80px;
}

.text---cta-book-demo {
  color: #696969;
  text-align: center;
  padding: 30px 20px;
  font-size: 24px;
}

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

.grid-item-customer {
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.heading---customer-grid-item {
  text-align: center;
}

.div---hero-cla-vlayout {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mw---hero-customers-cla {
  flex-direction: column;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  display: none;
}

.div---reviews-bottom-spacer-35 {
  height: 35px;
}

.mw---grid---customers-hero-cal {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.section---benefits-cal {
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading---benefits-cal {
  font-size: 28px;
  font-weight: 600;
}

.div---grid-item-benefits-cal {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: row;
  display: flex;
}

.icon---benefits-cla {
  width: 60px;
  height: 60px;
}

.div-block-24 {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.h3---grid-item-title-benefits-cal {
  margin-top: 0;
  font-size: 22px;
  line-height: 35px;
}

.div---spacer-60h {
  height: 60px;
}

.heading---section-benefits-cal {
  margin-top: 20px;
}

.heading---section-benefits-cal.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 100px;
  padding-right: 100px;
}

.heading---section-benefits-cal.heading-text-center.faq-section-heading-cal {
  padding-left: 15%;
  padding-right: 15%;
}

.sub-heading---section-benefits-cal {
  text-align: center;
  font-size: 21px;
  line-height: 36px;
}

.div---cta-holder-cla {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quote---section-benefits-cal {
  text-align: center;
  font-size: 21px;
  line-height: 36px;
  display: none;
}

.div---spacer-above-cta-cla {
  height: 60px;
}

.div---space-extra {
  height: 100px;
}

.section---faq-cla {
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-25 {
  grid-column-gap: 15px;
  display: flex;
}

.div---testimonial-benefits-cla {
  grid-row-gap: 15px;
  background-color: var(--alice-blue-backgrounds);
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.div---vspace-hero {
  height: 10px;
}

.sub-heading---hero-cal {
  text-align: center;
  font-size: 20px;
  line-height: 36px;
}

.sub-heading---hero-cal.sub-heading-w80p {
  max-width: 900px;
}

.text---heading-title-benefits-cal {
  font-weight: 600;
}

.grid---review-benefits {
  display: flex;
}

.icon---ratings-cla.icon-fixed-width-benefits-cla {
  width: 120px;
}

.text---trusted-by-benefits-cla {
  color: #1e5239;
  font-weight: 500;
}

.button---book-demo {
  text-align: center;
  background-image: linear-gradient(#975ddc, #975ddc);
  border-radius: 6px;
  width: 100%;
  max-width: 370px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}

.button---book-demo:hover {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(45deg, #0038a7, #0170f0);
}

.container---demo-cta-cla {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.container---demo-cta-cla.container-maxw-cla {
  max-width: 1000px;
  padding-left: 20%;
  padding-right: 20%;
}

.heading---section-demo-cta-cal-ii, .heading---section-demo-cta-cal-ii.heading-text-center {
  text-align: center;
}

.heading---bold-section-cla {
  color: #292929;
}

.heading---bold-section-cla-copy, .heading---bold-section-cta-cla {
  font-weight: 600;
}

.section---announcement-cla {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container---announcement-cla {
  background-color: var(--section-logo);
  text-align: center;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.text---announcement-cla {
  padding-left: 80px;
  padding-right: 80px;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}

.bold-text---announcement-cla {
  color: #006aa9;
}

.grid---hero-cla {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.5fr;
  grid-auto-flow: row;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div---inner-grid-hero-cla {
  grid-column-gap: 10px;
  font-size: 18px;
  display: flex;
}

.text---customers-hero-cla {
  text-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.grid---benefits-cla {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.icon---checklist-hero-cla {
  width: 25px;
  height: 25px;
  padding: 2px;
}

.hero-paragraph-list-text-cla {
  padding-right: 0;
}

.div---spacer-faq-cla {
  height: 40px;
}

.icon---plus-button-faq-cal {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
}

.icon---plus-button-faq-cal.icon---faq-home {
  width: 15px;
  height: 15px;
}

.grid---faq-cla {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.tab-container-content---faq-cla {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 32px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.tab-container-content---faq-cla:hover {
  border-color: var(--medium-blue);
}

.tab-container-content-title---faq-cla {
  color: #0a071b;
  letter-spacing: -.02em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  font-weight: 500;
  display: flex;
}

.title---faq-cal {
  color: var(--light-black);
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.tab-container-content-paragraph---faq-cal {
  color: var(--light-black);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  display: block;
}

.vertical-line---faq-cal {
  background-color: #1f2937;
  width: 3px;
  height: 100%;
  position: absolute;
}

.horizontal-line---faq-cal {
  background-color: #1f2937;
  width: 100%;
  height: 3px;
}

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

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

.heading---title-cal {
  color: var(--light-black);
  font-size: 50px;
  font-weight: 700;
}

.link-2 {
  display: inline;
}

.heading-hero-cla {
  color: #2e2e47;
  font-size: 51px;
  line-height: 65px;
}

.heading-hero-cla.heading-hero-mobile {
  color: var(--medium-blue);
  font-size: 50px;
}

.text---para-benefits-cal {
  font-size: 17px;
}

.image---customer-testimonial-cal {
  border-radius: 1000%;
}

.container---hero-home {
  max-width: 80%;
}

.container---hero-home.container---extra-width {
  max-width: 1140px;
}

.container---hero-home.container---extra-width.container---ipad-padding {
  max-width: 1080px;
}

.container---hero-cla-n.maxw-cla-110w {
  max-width: 1100px;
}

.section---hero-alternative {
  padding-top: 100px;
}

.div---hero-alternative {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading---hero-alt {
  text-align: center;
  font-size: 44px;
  line-height: 60px;
}

.sub-heading---hero-alt {
  text-align: center;
  font-size: 20px;
  line-height: 36px;
}

.section---onetap-alternative {
  padding-top: 100px;
  padding-bottom: 40px;
  display: none;
}

.text-span-20 {
  font-weight: 400;
}

.section---why-alternative {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container---why-alternative {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.heading---why-alternative {
  margin-top: 20px;
}

.heading---why-alternative.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 600;
}

.heading---bold-section-alt {
  font-weight: 600;
}

.grid---why-alternative {
  grid-column-gap: 50px;
  grid-row-gap: 35px;
  place-items: center;
}

.div---grid-item-why-alt {
  padding-right: 5%;
}

.section---feature-comparison-alternative {
  padding-top: 20px;
  padding-bottom: 100px;
}

.container---feature-comparison-alternative {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.span---primary-color {
  color: #0170f0;
}

.section---onetap-vs-myat-alternative {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---vs-alternative {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.heading---why-alternative-copy.heading-text-center {
  color: #050505;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.heading---why-alternative-copy.heading-text-center {
  text-align: center;
  font-size: 19px;
  font-weight: 600;
}

.sub-heading---vs-alt-copy {
  text-align: center;
  margin-top: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 36px;
}

.heading---text-hero-alt {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.div---customer-hero-alternative {
  flex-direction: column;
  align-items: center;
  display: block;
}

.grid---customers-hero-alt {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.div---column-l-myat-alternative {
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.div---column-r-onetap-alternative {
  grid-row-gap: 20px;
  background-color: var(--light-blue);
  flex-direction: column;
  padding: 40px 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div---myat-alternatives {
  background-color: #f3f3f3;
  padding: 20px;
}

.heading---onetap-alternative {
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
  display: flex;
}

.div---onetap-vs-myat-comparison-alternatives {
  flex-direction: column;
  align-items: center;
}

.div---spacer-div-alternatives {
  height: 100px;
}

.div-block-27 {
  border-top: 3px solid var(--alice-blue-backgrounds);
  width: 100px;
  height: 10px;
  margin-top: 10px;
}

.paragraph---myat-alternatives {
  font-size: 16px;
  font-style: italic;
}

.paragraph---onetap-alternative {
  font-size: 18px;
  font-weight: 400;
}

.paragraph-28 {
  margin-bottom: auto;
}

.section---last-cta-alternative {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---alternate-cta-wrapper {
  background-color: var(--alice-blue-backgrounds);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.sub-heading---cta-section-alternative {
  color: #000000b5;
  text-align: center;
  margin-top: 20px;
  font-size: 24px;
  line-height: 38px;
}

.heading---cta-section-alt {
  text-align: center;
  font-size: 31px;
  font-weight: 600;
}

.div---subheading-hero-alternative {
  padding-left: 8%;
  padding-right: 8%;
}

.column---myat-vs-onetap-alternative {
  flex-direction: row;
  display: flex;
}

.div---spacer-20-m {
  height: 40px;
}

.div---comparison {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: center;
  width: 80%;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div---items-list-column-transformation-home-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.div---items-list-column-transformation-home-copy.div---items-list-r-column-transformation-home-copy {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
}

.div---items-list-column-transformation-home-copy.div---items-list-r-column-transformation-home-copy.div---item-column-old-transformation-home-copy {
  flex-direction: column;
}

.heading---feature-comparison-alt {
  text-transform: none;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
}

.icon---feature-no {
  width: 20%;
}

.icon---feature-yes {
  align-self: center;
  width: 23%;
}

.grid---comparison-features-alternative {
  grid-template-columns: .75fr .25fr .25fr;
}

.div---feature-icon-no-alt {
  grid-column-gap: 100px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---feature-icon-yes-alt {
  justify-content: center;
  display: flex;
}

.div-block-30 {
  grid-column-gap: 95px;
  justify-content: flex-end;
  font-weight: 500;
  display: flex;
}

.div---spacer-60h-2 {
  padding-top: 60px;
}

.div---switch-to-onetap {
  display: flex;
}

.div---column-l-switch-alternative {
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.heading---switch-to-onetap-alt {
  font-weight: 600;
}

.div---cta-alternative {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.container---new-term-caa {
  background-color: var(--section-logo);
  text-align: center;
  flex-direction: column;
  padding: 20px 10px;
  display: flex;
}

.text---new-term-caa {
  font-weight: 400;
  line-height: 30px;
}

.heading---section-demo-cta-cau, .heading---section-demo-cta-cau.heading-text-center {
  text-align: center;
}

.navigation-bar-items {
  color: #000;
  display: flex;
}

.div---w370p {
  width: 100%;
  max-width: 370px;
}

.section---hero-attendance-tracker {
  padding-top: 100px;
  padding-bottom: 20px;
}

.div---top-hero-attendance-tracker {
  text-align: center;
  padding: 1% 5%;
}

.text---top-hero-attendance-tracker {
  color: var(--light-blue);
  text-transform: capitalize;
}

.sub-heading---hero-at {
  text-align: center;
  font-size: 22px;
  line-height: 36px;
}

.text---hero-customer-attendance-tracker {
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
}

.image---down-arrow-at {
  width: 6%;
}

.div---spacer-20 {
  height: 20px;
}

.section---better-way-attendance-tracker {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---better-way-attendance-tracker {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div---heading-attendance-tracker {
  text-align: center;
}

.sub-heading---attendance-tracker {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 500;
  line-height: 33px;
}

.grid---better-way-at {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
  place-items: center;
}

.div---old-way-at {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading-3---grid-item-old-way-at {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-old-way-at.text-height---mobile {
  color: #5f5e5e;
  text-align: center;
  font-size: 16px;
}

.heading-3---grid-item-old-way-at.text-height---mobile.text-color---royal-blue {
  color: var(--royal-blue);
}

.text---old-wat-at {
  cursor: pointer;
}

.div---testimonial-at {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.container---how-it-works-at {
  flex-direction: column;
  flex: 1;
  max-width: 1080px;
  display: flex;
}

.h2-heading---attendance-tracker {
  margin-top: 20px;
}

.h2-heading---attendance-tracker.heading-text-center {
  text-align: center;
  justify-content: center;
  font-weight: 600;
}

.div---video-container {
  padding: 20px;
}

.div---cta-attendance-tracker {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section---how-it-works-steps-attendance-tracker {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container---how-it-works-steps-at {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.image---arrow-l {
  width: 5%;
}

.div---check-in-process-at {
  flex-direction: column;
  align-items: center;
}

.column---check-in-process-at {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---column-l-steps-at {
  padding-bottom: 3%;
}

.div---column-r-steps-at {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: auto;
  padding: 40px 20px;
  display: flex;
}

.div---spacer-div-at {
  height: 50px;
}

.column2---check-in-process-at {
  flex-direction: row;
  display: flex;
}

.div---column2-r-steps-at {
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: auto;
  padding: 40px 5%;
  display: flex;
}

.div---column2-l-steps-at {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding: 3% 5%;
  display: flex;
}

.div---img-arrow-l {
  padding-left: 10%;
}

.div---img-arrow-r {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 25%;
  display: flex;
}

.image---arrow-r {
  width: 10%;
}

.div-block-31 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.paragraph-29 {
  text-align: center;
  font-size: 18px;
}

.span---text-color {
  color: #0170f0;
  text-transform: none;
}

.container---benefits-attendance-tracker {
  flex-direction: column;
}

.div---spacer-section-heading {
  padding-top: 20px;
}

.div---text-testimonial-attendance-tracker {
  text-align: center;
  background-color: #eff2fb;
  border-radius: 10px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 3% 10%;
}

.section---qrca-testimonials {
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---spacer-60 {
  text-align: center;
  height: 60px;
}

.image---before-after-icon {
  aspect-ratio: auto;
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  height: 300px;
}

.div---img-arrow-at {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100%;
  display: flex;
}

.grid---texts-old-way-at {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-weight: 400;
  display: grid;
}

.image---arrow-at {
  width: 33px;
  transform-style: preserve-3d;
  transform: rotateX(30deg)rotateY(21deg)rotateZ(-12deg);
}

.image---check-in-process-at {
  width: 75%;
}

.image---onetap-demo {
  border: 10px solid var(--light-black);
  border-radius: 10px;
  width: 100%;
}

.image---check-in-process {
  width: 100%;
}

.icon---better-way-at {
  padding-top: 40px;
  padding-bottom: 70px;
}

.section---hero-qrca {
  padding-top: 100px;
  padding-bottom: 60px;
}

.container---hero-qr-coed {
  text-align: center;
}

.div---hero-qrca {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading---text-hero-qr-code {
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 56px;
}

.div---subheading-hero-qr-code {
  padding-left: 10%;
  padding-right: 10%;
}

.img---hero-qr-code {
  width: 100%;
}

.div---hero-customer-qr-code {
  text-align: center;
  background-color: #eff2fb;
  padding: 2%;
}

.section---qrca-better-way {
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---qrca-better-way {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div---heading-qr-code {
  text-align: center;
  padding-left: 3%;
  padding-right: 3%;
}

.h2-heading---qr-code {
  margin-top: 20px;
}

.h2-heading---qr-code.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.grid---better-way-qr-code {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
}

.div---old-way-qr-code {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.section---qrca-how-it-works {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---qrca-demo {
  background-color: var(--ghost-white-backgrounds);
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---use-cases-qr-code {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---spacer-50h {
  height: 50px;
}

.section---qrca-features {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section---qrca-features.section-cla-mobile-hpadding {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.h2-heading---cta-qr-code {
  margin-top: 20px;
}

.h2-heading---cta-qr-code.heading-text-center {
  text-align: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 44px;
}

.container---demo-qr-code {
  flex-direction: column;
}

.div---text-testimonial-qrca {
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  font-weight: 400;
}

.div---demo-qr-code {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid---use-cases-qr-code {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.grid---benefits-qr-code-c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: .5fr auto auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
}

.grid---benefits-qr-code {
  grid-column-gap: 25px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.item-container---grid-benefits {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-benefits.hv2 {
  box-shadow: none;
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0 15%;
}

.title---grid-use-cases-qr {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-use-cases-qr.text---color-steel-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.section---hero-kiosk {
  padding-top: 100px;
}

.div---hero-kiosk {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading---text-hero-kiosk {
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 56px;
}

.div---subheading-hero-kiosk {
  text-align: center;
}

.sub-heading---hero-kiosk {
  font-size: 22px;
  line-height: 36px;
}

.div---hero-customer-quote-kiosk {
  text-align: center;
  padding: 2%;
}

.text---hero-customer-quote-kiosk {
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
}

.section---better-way-kiosk {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---better-way-kiosk {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div---heading-kiosk {
  text-align: center;
  padding-left: 3%;
  padding-right: 3%;
}

.h2-heading---kiosk {
  margin-top: 20px;
}

.h2-heading---kiosk.heading-text-center {
  text-align: center;
  justify-content: center;
  font-weight: 600;
}

.img---how-it-works-kiosk {
  width: 100%;
}

.grid---better-way-ipad-kiosk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
  display: none;
}

.div---spacer-section-title-60-copy {
  padding-top: 60px;
}

.div---spacer-section-title-60-copy.mobile-space {
  padding-top: 0;
}

.h2-heading---methods-kiosk {
  margin-top: 20px;
}

.h2-heading---methods-kiosk.heading-text-center {
  text-align: center;
  justify-content: center;
  font-weight: 600;
}

.grid---methods-kiosk {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.item-container---grid-check-in-kiosk {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-check-in-kiosk.hv2 {
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.title---grid-methods-check-in-kiosk {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-methods-check-in-kiosk.text---color-steel-blue {
  text-align: center;
}

.text-span-21 {
  font-weight: 600;
}

.text---grid-methods-check-in-kiosk {
  text-align: center;
  align-self: auto;
  font-size: 17px;
  line-height: 28px;
}

.heading-3---grid-item-old-way-qr {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-old-way-qr.text-height---mobile {
  text-align: center;
}

.heading-4---grid-item-old-way-at-copy {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-old-way-at-copy.text-height---mobile {
  text-align: center;
  font-size: 16px;
}

.heading-3---grid-item-new-way-qr {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-new-way-qr.text-height---mobile {
  text-align: center;
}

.heading-4---grid-item-new-way-qr {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-new-way-qr.text-height---mobile {
  color: var(--steel-blue);
  text-align: center;
  font-size: 16px;
}

.section---qrca-faq {
  padding-top: 60px;
  padding-bottom: 60px;
}

.item-container---grid-use-case-qr {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-qr.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.section---use-cases-qr {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-grey {
  color: var(--text-grey);
  font-style: normal;
}

.italic-text-6 {
  font-style: normal;
  text-decoration: none;
}

.link-3, .link-inline-2 {
  display: inline;
}

.heading---navigation-section {
  margin-top: 0;
  font-size: 20px;
}

.div---navigation-section-items {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.icon---navigation-dropdown-item {
  width: 28px;
  height: 28px;
}

.div-block-33 {
  align-items: center;
  display: flex;
}

.column---zero-padding {
  padding: 0;
}

.container-11 {
  background-color: var(--light-blue);
}

.columns---video-container-qr {
  align-items: flex-end;
  display: flex;
}

.h2-heading---how-it-works-qr {
  margin-top: 20px;
}

.h2-heading---how-it-works-qr.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 15%;
  padding-right: 15%;
  font-weight: 600;
}

.section---digital-kiosk {
  background-color: #0000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---subheading-digital-kiosk {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}

.grid---cost-vp-digital-kiosk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1.5fr;
  margin-bottom: 40px;
}

.heading-3---grid-item-digital-kiosk {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-digital-kiosk.text-height---mobile {
  font-size: 22px;
}

.grid---experiences-vp-digital-kiosk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 3.25fr;
}

.section---testimonials-kiosk {
  background-color: #f4f9ff;
  border: 1px solid #0000003d;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section---kiosk-demo {
  background-color: var(--ghost-white-backgrounds);
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading---demo-bold-section {
  color: #975ddc;
  font-weight: 600;
}

.image---why-kiosk {
  padding-top: 40px;
  padding-bottom: 70px;
}

.grid---why-visitor-check-in {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1.5fr;
}

.grid---texts-why-visitor-app-l {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.div---why-visitor-app-r {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid---why-visitor-checkin {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.5fr;
}

.div---why-visitor-app-l-copy {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid---benefits-visitor-app {
  grid-column-gap: 25px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.section---use-cases-visitor-app {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---use-cases-visitor-app {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1.25fr;
}

.grid---use-case-visitor-app {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  display: grid;
}

.item-container---grid-use-case-visitor-app {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-visitor-app.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.text-block-9 {
  font-weight: 400;
}

.item-container---grid-features-visitor-app {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-features-visitor-app.hv2 {
  padding-left: 10%;
  padding-right: 10%;
  box-shadow: 0 0 5px #0003;
}

.grid---features-visitor-app {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
}

.list-8 {
  margin-top: auto;
  margin-bottom: 20px;
}

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

.icons---grid-use-case-visitor-app {
  flex: 0 auto;
  align-self: auto;
}

.icons---grid-use-case-visitor-app.hv2 {
  width: 50px;
}

.h2-heading---visitor-app {
  margin-top: 20px;
}

.h2-heading---visitor-app.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  padding-left: 3%;
  padding-right: 3%;
  font-weight: 600;
}

.span---underline-color {
  text-underline-offset: 1px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--one-tap-blue-med);
  text-decoration-color: var(--one-tap-blue-med);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: under;
  text-decoration-style: solid;
  text-decoration-thickness: 1.4px;
}

.cta-heading---hero-visitor {
  text-align: center;
  font-size: 20px;
  line-height: 36px;
}

.div---app-btn-hero-visitor {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 2.5fr;
  grid-auto-columns: 1fr;
  width: 30%;
  display: grid;
}

.link-block-2 {
  text-align: right;
  flex: 1;
}

.link-block-3 {
  text-align: left;
}

.heading---text-hero-hiw {
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 500;
  line-height: 56px;
}

.subheading---text-hero-hiw {
  text-transform: capitalize;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}

.grid---hero-hiw {
  grid-column-gap: 24px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.grid---hero-hiw.center {
  grid-template-columns: 1fr 1fr;
}

.hero-hiw-list-text {
  font-size: 18px;
  font-weight: 500;
}

.section---how-hiw {
  padding-top: 100px;
  padding-bottom: 100px;
}

.h2-heading---hiw {
  margin-top: 20px;
}

.h2-heading---hiw.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 15px;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.grid---how-text-l-hiw {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
}

.heading-3---grid-item-how-hiw {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-how-hiw.text-height---mobile {
  color: #0c0c0c;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.div---how-img-r-hiw {
  flex-direction: column;
  padding-top: 40px;
  display: flex;
}

.section---processes-hiw {
  background-color: #0000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---how-admin-hiw {
  grid-column-gap: 24px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div---how-img-l-hiw {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.text---process-list-hiw {
  font-size: 17px;
  font-weight: 400;
}

.h3-heading---hiw {
  margin-top: 20px;
}

.h3-heading---hiw.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  font-weight: 600;
}

.heading-4---subheading {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---subheading.text-height---mobile {
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
}

.grid---self-hiw {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.icon---self-hiw {
  width: 33px;
  height: 33px;
  padding: 2px;
}

.h2-heading---processes-hiw {
  margin-top: 20px;
}

.h2-heading---processes-hiw.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  padding-left: 15%;
  padding-right: 15%;
  font-weight: 600;
}

.grid---selflink-hiw {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.25fr;
}

.div---selflink-text-l-hiw {
  flex-direction: column;
  display: flex;
}

.div---selfcheck-r-hiw {
  text-align: center;
}

.text-block-10 {
  font-size: 18px;
  font-weight: 400;
}

.section---social-proof {
  background-color: #f4f9ff;
}

.section---social-proof.py100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.icons---why-hiw {
  flex: 0 auto;
  width: 50%;
}

.icons---why-hiw.img-extra-width {
  width: 65%;
}

.text---why-onetap-hiw {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.text---why-onetap-hiw.text---color-steel-blue {
  text-align: center;
  font-weight: 500;
  line-height: 28px;
}

.section---testimonials-hiw {
  border: 1px #0000003d;
  padding-top: 60px;
  padding-bottom: 60px;
}

.sub-heading---demo-hiw {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 22px;
  line-height: 36px;
}

.container---why-onetap-hiw {
  flex-direction: column;
  max-width: 980px;
}

.heading-5---subheading-hiw {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-5---subheading-hiw.text-height---mobile {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.div---text-link-self-hiw {
  text-align: center;
  padding-left: 8%;
  padding-right: 8%;
}

.heading---span-text-color {
  color: #975ddc;
  font-weight: 600;
}

.img---hero-visitor-app {
  width: 50%;
}

.div---subheading-visitor-app {
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
}

.div---demo-heading-visitor-app {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}

.section---hero-visitor-app {
  padding-top: 100px;
  padding-bottom: 20px;
}

.h3-heading---demo-subheading-va {
  margin-top: 20px;
}

.h3-heading---demo-subheading-va.heading-text-center {
  text-align: center;
  justify-content: center;
}

.section---hero-howitworks {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---subheading-hero-visitor-app {
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
}

.div---h2-heading-visitor-app {
  text-align: center;
}

.container---use-how-it-works {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.heading-4---grid-item-img-hiw {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}

.heading-4---grid-item-img-hiw.text-height---mobile {
  text-align: center;
  font-size: 16px;
}

.heading-4---grid-item-img-hiw.span---text-color {
  font-size: 20px;
  line-height: 35px;
}

.dropdown-card-content {
  text-decoration: none;
  display: flex;
  position: relative;
}

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

.dropdown-column.third {
  padding-left: 20px;
  position: relative;
}

.dropdown-footer-copy {
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translate(0, -50%);
}

.blog-card-image {
  object-fit: cover;
  border: 1px solid #edf1f2;
  display: block;
}

.dropdown-column-title {
  color: #151b26;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e6e8;
  margin-bottom: 30px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.dropdown-card-icon {
  flex: 0 0 18px;
  width: 32px;
  margin-top: 2px;
  margin-right: 12px;
  line-height: 0;
  position: relative;
}

.dropdown-card-icon.arrow {
  opacity: .5;
  flex-basis: 14px;
  align-self: center;
  margin-left: 8px;
  margin-right: 0;
}

.dropdown-card-icon.is_-secondary {
  margin-top: 0;
}

.dropdown-bg-full {
  background-color: #fff;
  position: absolute;
  inset: 0%;
  box-shadow: 35px 35px 50px #24324226;
}

.footer-divider {
  margin-left: 24px;
  margin-right: 24px;
}

.dropdown-card-title {
  color: #151b26;
  margin-bottom: 8px;
  font-size: 15px;
}

.dropdown-card-title.is-secondary {
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 19px;
}

.dropdown-card-title.not-margin {
  margin-top: 2px;
  margin-bottom: 0;
}

.menu-right {
  display: flex;
}

.dropdown-card-bg {
  opacity: 0;
  border-radius: 3px;
  position: absolute;
  inset: -16px;
}

.dropdown-card-bg.is-yellow {
  background-color: #fffede;
}

.dropdown-card-bg.orange {
  background-color: #f9dc0026;
}

.dropdown-card-bg.is-blue {
  background-color: #edf8ff;
}

.dropdown-card-bg.is-green {
  background-color: #e2fffa;
}

.dropdown-card-bg.is-red {
  background-color: #ffedef;
}

.dropdown-card-bg.purple {
  background-color: #f0f0ff;
}

.dropdown-card-bg.white {
  background-color: #fff;
  border: 1px solid #edf1f2;
}

.dropdown-card-bg.light-blue {
  background-color: var(--light-blue);
  font-size: 13px;
  text-decoration: none;
}

.dropdown-card-bg.light-blue:hover {
  color: var(--dark-slate-blue-gradient);
  border-radius: 5px;
}

.dropdown-overflow {
  padding-top: 40px;
  overflow: auto;
}

.inline-footer {
  margin-left: .05em;
  margin-right: .05em;
  font-weight: 500;
  display: inline;
}

.inline-footer.svg {
  line-height: 0;
  position: relative;
  top: 3px;
}

.sidebar-column-bg {
  display: none;
}

.menu-left {
  display: flex;
}

.dropdown-card {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 36px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dropdown-card.is-secondary {
  margin-bottom: 20px;
}

.dropdown-card.has-icon {
  display: flex;
}

.navbar-wrapper {
  background-color: #0000;
  font-size: 12px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.dropdown-bg {
  position: absolute;
  inset: 0% 0% 96px;
}

.blog-card-link {
  color: #646f79;
  justify-content: space-between;
  margin-top: 8px;
  display: flex;
  position: static;
  inset: auto 0% 0% 12px;
}

.dropdown-footer-wrapper {
  background-color: #fbfdfe;
  border-top: 1px solid #e0e6e8;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.dropdown-footer-wrapper.tablet {
  display: none;
}

.dropdown-sidebar-bg {
  background-color: #f6f8f9;
  border-left: 1px solid #e0e6e8;
  width: 100vw;
  position: absolute;
  inset: 0 0 0 706px;
}

.dropdown-footer-link {
  color: #848f99;
  transition: color .2s;
}

.dropdown-footer-link:hover {
  color: #796eff;
}

.dropdown-card-text {
  font-weight: 400;
}

.blog-card-content {
  padding-left: 0;
  font-weight: 700;
}

.blog-card {
  background-color: #fff;
  border: 1px solid #edf1f2;
  flex-direction: column;
  margin-bottom: 12px;
  padding: 8px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.blog-card:hover {
  transform: translate(0, -2px);
  box-shadow: 4px 0 8px #24324214;
}

.blog-card.third {
  display: none;
}

.dropdown-footer-full {
  z-index: 1;
  opacity: 1;
  position: absolute;
  inset: 0 0% 96px;
}

.footer-copy-link {
  color: #796eff;
}

.nav-sales-text {
  display: none;
}

.reset-line-height {
  line-height: 0;
}

.navbar-bg {
  z-index: 1;
  opacity: 0;
  background-color: #0000001a;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-sales-icon {
  display: block;
}

.dropdown-footer {
  align-items: center;
  height: 45px;
  display: flex;
}

.dropdown-list-body {
  z-index: 3;
  position: relative;
}

.dropdown-inner-shadow {
  z-index: 4;
  background-image: linear-gradient(#24324214, #0000 15%);
  height: 56px;
  position: absolute;
  bottom: 100%;
  left: 0%;
  right: 0%;
  box-shadow: 0 3px 12px #24324214;
}

.blog-card-label {
  color: #9ca6af;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 12px;
}

.label-2 {
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #796eff;
  border-radius: 2px;
  margin-left: 4px;
  padding: 2px 5px 1px 6px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
}

.dropdown-toggle-text {
  margin-right: 6px;
  font-size: 17px;
}

.blog-card-title {
  font-size: 16px;
  line-height: 20px;
}

.developer---navigation-bar {
  background-color: #000;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 75px;
}

.developer---dropdown-content {
  display: none;
  overflow: hidden;
}

.developer---navigation-bar-button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  width: 150px;
}

.button---hiw-cta-2 {
  text-align: center;
  background-image: linear-gradient(135deg, #0038a7, #0170f0);
  border-radius: 6px;
  width: 350px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}

.button---hiw-cta-2:hover {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(45deg, #0038a7, #0170f0);
}

.section---hero, .section---use-cases-guestlist {
  padding-top: 100px;
  padding-bottom: 100px;
}

.h2-heading---guestlist {
  margin-top: 20px;
}

.h2-heading---guestlist.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  font-weight: 600;
}

.div---heading-guestlist {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}

.heading---text-hero-guestlist {
  text-align: center;
  text-transform: capitalize;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}

.h1-heading---hero-guestlist {
  color: var(--medium-blue);
  text-align: center;
  font-size: 22px;
  line-height: 36px;
}

.div---subheading-hero-guestlist {
  padding-left: 5%;
  padding-right: 5%;
}

.section---check-ins-guestlist {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---check-ins-guestlist {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.grid---check-ins-guestlist {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
}

.heading-3---grid-item-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-guestlist.text-height---mobile {
  font-size: 22px;
  line-height: 36px;
}

.grid---texts-check-in-guestlist-l {
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 3.25fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.grid---check-in-guestlist {
  grid-column-gap: 60px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.75fr;
}

.section---better-way-guestlist {
  padding-top: 60px;
  padding-bottom: 100px;
}

.grid---better-way-guestlist {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
}

.div---heading-old-way-guestlist {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-4---grid-item-old-way-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-old-way-guestlist.text-height---mobile {
  font-size: 18px;
}

.div---title-old-way-guestlist {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.grid---texts-old-way-guestlist {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.text---old-wat-guestlist {
  font-weight: 500;
}

.subtext---old-way-guestlist {
  cursor: pointer;
  font-weight: 400;
}

.div---heading-new-way-guestlist {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div---title-new-way-guestlist {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.heading-4---grid-item-new-way-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-new-way-guestlist.text-height---mobile {
  color: var(--one-tap-blue-med);
  text-align: center;
  font-size: 18px;
}

.grid---texts-new-way-guestlist {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.text---new-way-guestlist {
  font-size: 16px;
  font-weight: 500;
}

.subtext---new-way-guestlist {
  cursor: pointer;
  font-weight: 400;
}

.container---better-way-guestlist {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container---use-cases-guestlist {
  flex-direction: column;
}

.section---how-it-works-guestlist {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.sub-heading---hero-guestlist {
  font-size: 18px;
  line-height: 33px;
}

.div---subheading-guestlist {
  padding-left: 5%;
  padding-right: 5%;
}

.sub-heading---guestlist {
  text-align: center;
  font-size: 20px;
  line-height: 36px;
}

.sub-heading---guestlist.span---text-medium {
  font-size: 24px;
}

.grid---how-it-works-guestlist {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.item-container---grid-how-it-works-guestlist {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-how-it-works-guestlist.hv2 {
  background-color: var(--white);
  padding-left: 10%;
  padding-right: 10%;
  box-shadow: 0 0 5px #0003;
}

.title---grid-how-it-works-guestlist {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-how-it-works-guestlist.text---color-steel-blue, .title---grid-how-it-works-guestlist.text---color-blue-med {
  color: var(--one-tap-blue-med);
  text-align: center;
  font-size: 17px;
  line-height: 28px;
}

.description---grid-how-it-works-guestlist {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.grid---benefits-how-it-works-guestlist {
  grid-column-gap: 25px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr 1fr;
}

.title---grid-benefits-how-it-works-guestlist {
  align-self: auto;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.section---features-guestlist {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section---features-guestlist.section-cla-mobile-hpadding {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---features-guestlist {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.title---grid-features-guestlist {
  align-self: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.description---grid-features-guestlist {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.item-container---grid-features-guestlist {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-features-guestlist.hv2 {
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.div---heading-demo-guestlist {
  text-align: center;
}

.section---demo-guestlist {
  background-color: var(--ghost-white-backgrounds);
  padding-top: 100px;
  padding-bottom: 100px;
}

.img---hero-guestlist-app {
  width: 100%;
}

.image-29, .image-30 {
  width: 7%;
  height: 6%;
}

.heading---grid-item-old-way-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading---grid-item-old-way-guestlist.text-height---mobile {
  color: #1a1b1f;
  text-align: center;
  background-color: #0000001a;
  border: 1px #000;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 33px;
}

.heading---grid-item-new-way-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading---grid-item-new-way-guestlist.text-height---mobile {
  text-align: center;
  background-color: #3694ff3d;
  border: 1px #000;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 33px;
}

.div-block-38 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.item-container---grid-event {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-event.hv2 {
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.section---hero-event {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container---demo-guestlist {
  flex-direction: column;
}

.section---meeting-app {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section---meeting-app.section---grey-bg {
  background-color: #000;
}

.section---meeting-app.section---grey-bg.section---padding-100v {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cp---heading-meetingapp {
  font-size: 50px;
  font-weight: 700;
}

.cp---heading-ii-meetingapp {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.image-32 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cp---grid-of-benefits-in-meetingapp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
                 ". ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cp---cell-in-benefits-grid {
  flex-direction: column;
  display: flex;
}

.cp---hero-button {
  background-color: #000;
  border-radius: 6px;
}

.cp---cell {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: column;
  display: flex;
}

.grid-10 {
  margin: auto;
  padding-left: 0;
}

.cp---image-client-logo {
  border-radius: 20px;
}

.cp---company-of-client-in-cell {
  color: #696969;
}

.cp---name-of-client-in-cell {
  font-weight: 500;
}

.div-block-39 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.cp---header-of-cell {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  align-items: center;
  display: flex;
}

.cp---details-of-client {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: block;
}

.cp---image-of-benefit-in-cell {
  width: 100px;
  height: 100px;
}

.cp---title-of-benefit-in-cell {
  color: #fff;
  margin-bottom: 0;
}

.cp---description-of-benefit-in-cell {
  color: #f9faff;
  font-size: 14px;
}

.cp---contents-in-benefits-cell {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  display: flex;
}

.cp---description-stack-in-benefit-cell {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.cp--grid---customers---eventpage {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.cp---hero-customers-eventpage {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cp-texts-customers--eventpage {
  color: var(--light-black);
  text-align: center;
  align-items: center;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
}

.cp-managers--image {
  justify-content: center;
}

.cp---grid-personas {
  align-self: center;
}

.cp---title-persona-section {
  font-size: 24px;
  font-weight: 500;
}

.div-block-41 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.cp---section {
  background-color: var(--light-blue);
}

.cp---section.padding-100y {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 100px;
}

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

.cp---section.blue.padding-100y {
  background-color: var(--white);
}

.cp-grid---new-way {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
}

.div---the-old-way {
  flex-direction: column;
  display: flex;
}

.div---better-way-eventpage {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-heading---eventpage {
  color: #1a1b1f;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.heading-4---old-way-grid {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.grid--new-way-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.grid--old-way-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.grid--semibold {
  color: #5f5d5d;
  font-weight: 600;
}

.heading-4---grid-new-way-eventpage {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.div---event-entry-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cp---title-event-entry-section {
  font-size: 25px;
  font-weight: 600;
  line-height: 40px;
}

.semibold-black {
  color: #1a1b1f;
  font-weight: 600;
}

.span---text-normal {
  color: #1a1b1f;
  font-weight: 400;
}

.cp---grid-feature-events {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.cp---div-features-events {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
}

.cp---item-grid-benefits-events {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.cp---item-grid-benefits-events.hv2 {
  align-items: flex-start;
  padding-left: 10%;
  padding-right: 10%;
  box-shadow: 0 0 5px #0003;
}

.div-block-45 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.title---grid-benefits {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-benefits.text---color-steel-blue {
  color: var(--royal-blue);
  font-size: 17px;
  line-height: 30px;
}

.description---grid-benefits {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.div---heading-demo-section {
  text-align: center;
}

.h2-heading---demo-section {
  margin-top: 20px;
}

.h2-heading---demo-section.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 600;
}

.div---cta-demo-section {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image---before {
  text-align: left;
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  width: 42%;
  display: inline-block;
}

.container---hero {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.h1-heading---hero {
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
}

.div---subheading-hero {
  flex-flow: column;
  display: flex;
}

.quick-stack-3 {
  grid-row-gap: 0px;
}

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

.section---persona-guestlist {
  padding-top: 100px;
  padding-bottom: 100px;
}

.item-container---grid-persona {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-persona.hv2 {
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 0 5px #0003;
}

.quick-stack-4 {
  padding-left: 0;
  padding-right: 0;
}

.title---grid-benefit-persona {
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
}

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

.div---pesona-guestlist {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.description---grid-persona-guestlist {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.section---features-guestlist-app {
  padding-top: 60px;
  padding-bottom: 60px;
}

.list-item---gaddon-pains {
  font-weight: 400;
  line-height: 30px;
}

.list-item-3, .list-item-16, .list-item-17, .list-item-18 {
  font-weight: 400;
}

.text-span-38 {
  color: var(--royal-blue);
}

.section---event-workflow-guestlist {
  background-color: var(--medium-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---event-types {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.div---event-type {
  justify-content: center;
  display: flex;
}

.text---event-type {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
}

.div---title-r-event-workflow {
  color: var(--royal-blue);
}

.container---benefits-guestlist {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.section---benefits-guestlist {
  background-color: var(--medium-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.icon---event-workflow {
  order: 0;
  width: 25px;
  height: 25px;
}

.grid---item-benefits-guestlist {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.item-container---grid-benefits-guestlist {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-benefits-guestlist.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  padding: 10px 10%;
  box-shadow: 0 0 5px #0003;
}

.image---client-profile {
  border-radius: 100%;
  width: 60%;
  transform: skew(-6deg);
  box-shadow: 0 0 5px #0003;
}

.image---client-profile.mobile-img-width.width-50px {
  width: 50px;
}

.description---grid-benefits-guestlist {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.title---grid-benefits-guestlist {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-benefits-guestlist.text---color-steel-blue {
  color: var(--steel-blue);
  line-height: 25px;
}

.item-container---grid-persona-guestlist {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-persona-guestlist.hv2 {
  box-shadow: none;
  text-align: center;
  border-radius: 15px;
  padding: 0 0% 10px;
}

.item-container---grid-persona-guestlist.hv2.grid-item-skew2 {
  transform: skew(2deg, 2deg);
}

.item-container---grid-persona-guestlist.hv2.grid-item-skew2.grid-item-border-blue {
  border: 1px solid var(--royal-blue);
}

.item-container---grid-persona-guestlist.hv2.item-center-v {
  box-shadow: none;
  border-radius: 0;
  justify-content: center;
}

.grid---persona-guestlist {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---holder-cta-eventpage {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div---holder-cta-eventpage.padding-10 {
  align-items: flex-start;
  margin-top: 10px;
}

.image---grid-persona-guestlist {
  filter: grayscale();
  border-radius: 15px;
}

.div---subheading-event {
  padding-left: 15%;
  padding-right: 15%;
}

.cp---section-demo {
  background-color: var(--ghost-white-backgrounds);
  padding-top: 100px;
  padding-bottom: 100px;
}

.text---hero-customer-quote-guestlist {
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.grid---hero-customer-guestlist {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr;
}

.div---image-customer-quote {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div---text-customer-quote {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.heading-3---grid-item-features-guestlist {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-features-guestlist.text-height---mobile {
  text-align: center;
  font-size: 22px;
  line-height: 36px;
}

.grid---item-3c-benefits-guestlist {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.description---benefits-guestlist {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.div---event-workflow-guestlist {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-block-52 {
  grid-column-gap: 15px;
  flex-direction: row;
  font-weight: 400;
  display: flex;
}

.stack---event-workflow-guestlist {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.div---customer-quote {
  transform: skew(10deg);
  box-shadow: 0 6px 15px #0003;
}

.text-color---royal-blue {
  color: var(--royal-blue);
}

.text-color---royal-blue.align-y {
  background-color: var(--medium-blue);
  vertical-align: super;
  font-size: 10px;
}

.icon---quote {
  width: 3%;
}

.cell---hero-description {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.div---text-benefits-digital-kiosk {
  grid-row-gap: 20px;
  flex-direction: column;
  font-weight: 400;
  display: flex;
}

.stack---hero {
  grid-row-gap: 0px;
}

.stack---hero.responsive---tab {
  grid-column-gap: 46px;
}

.div---customer-quote-mobile {
  transform: skew(10deg);
  box-shadow: 0 6px 15px #0003;
}

.div---customer-quote-mobile.mobile-margin {
  display: block;
}

.grid---hero-customer-quote-m {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr;
}

.div---text-customer-quote-m {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.icon---quote-mobile {
  width: 30px;
}

.text---hero-customer-quote-guestlist-mobile {
  font-size: 16px;
  font-weight: 400;
}

.text-copywrite-footer---apple-wallet {
  color: #00000070;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
}

.grid---event-type {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

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

.section---santa {
  position: sticky;
  top: auto;
  bottom: 0;
}

.image---gif-santa {
  width: 10%;
}

.section---hero-blog {
  background-color: var(--section-logo);
  padding-top: 100px;
  padding-bottom: 20px;
}

.heading---text-hero-blog {
  text-transform: capitalize;
  font-weight: 700;
  line-height: 56px;
}

.sub-heading---hero-blog {
  width: 94%;
  font-size: 16px;
  line-height: 28px;
}

.container-21 {
  max-width: 1140px;
}

.cell-13 {
  align-items: center;
}

.text---blog {
  font-weight: 400;
  line-height: 30px;
}

.div---intro-text-blog {
  grid-row-gap: 20px;
  flex-direction: column;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.h2-heading---blog {
  align-self: auto;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
}

.div---heading-text-blog {
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.h3-heading---blog {
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
}

.div---benefits-text-blog {
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.icon---benefits-blog {
  width: 40%;
}

.h4-heading---blog {
  color: #1a1b1fe6;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.icon---best-blog {
  width: 30%;
}

.grid---best-texts-blog {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto;
  grid-template-columns: .25fr 3fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

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

.div---h4-heading-text-blog, .div---other-apps-blog {
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.div-left---table-blog {
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  width: 1440px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: sticky;
  top: 140px;
  bottom: 100px;
  box-shadow: 1px 1px 5px #0003;
}

.flex-block-2 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: space-between;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.flex-block-2.flex-mobile {
  grid-column-gap: 42px;
  max-width: 1440px;
}

.section---flex-box-blog {
  color: var(--light-black);
  padding-top: 60px;
  padding-bottom: 60px;
}

.list---why-now {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.grid---benefits-why-now-blog {
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: .25fr 3fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.div---onetap-blog {
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.grid---best-choice-blog {
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: .25fr 3fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.list---choose-best {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.h2-heading---final-thoughts {
  align-self: auto;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
}

.link---table-content {
  padding: 5px 40px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.link---table-content:hover {
  border-left: 2px solid var(--royal-blue);
  background-color: var(--alice-blue-backgrounds);
}

.link---table-content.w--current {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  display: flex;
}

.div---spacer-40-item-2, .div---spacer-40-item-3 {
  height: 40px;
}

.div---spacer-60-item-5 {
  height: 60px;
}

.columns-6 {
  border: 1px solid #000;
}

.div---alternate-cta-blog {
  background-color: var(--alice-blue-backgrounds);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div---cta-ii {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.text-block-19 {
  align-self: center;
  font-weight: 400;
}

.link-6, .link-8, .link-9 {
  color: var(--dark-slate-blue-gradient);
}

.heading-30 {
  margin-bottom: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  font-weight: 500;
}

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

.link-text-top {
  color: var(--dark-slate-blue-gradient);
}

.text---section {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div---content-blog {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.faq-links {
  color: var(--dark-slate-blue-gradient);
}

.faq-links:hover {
  color: var(--royal-blue);
}

.div---h2-heading-kiosk {
  text-align: center;
}

.div---disclaimer-text {
  color: var(--text-grey);
  padding-top: 10px;
  padding-bottom: 10px;
}

.div---better-way-kiosk {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.grid---texts-new-way-kiosk {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-weight: 400;
  display: grid;
}

.div---flexbox {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  border-radius: 12px;
  flex-wrap: wrap;
  box-shadow: 0 0 10px -3px #0000007a;
}

.div---description-cell {
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  width: 30%;
  padding: 10px;
  display: flex;
}

.div---description-cell.table-background-color-white {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 10px;
}

.addon-description-text {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.div---app-cell {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.div---rows-titles {
  margin-bottom: 10px;
  display: flex;
}

.pricing-check-mark {
  width: 16px;
}

.div---addon-rows {
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.pricing-description-col-titles {
  justify-content: center;
  align-items: flex-end;
  width: 27%;
  display: flex;
}

.pricing-component-titles {
  color: #245672;
  font-family: Lato, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
}

.text-block-48 {
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.text-block-48.text-color---royal-blue {
  color: var(--one-tap-blue-med);
}

.apply-buttons {
  color: #154058;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #a8d069;
  border-radius: 3px;
  padding: 11px 20px;
  font-family: Lato, sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .2s, all .2s;
  display: inline-block;
}

.apply-buttons:hover {
  background-color: #83aa46;
  transform: translate(0, -2px);
}

.apply-buttons:active {
  background-color: #729736;
  transform: translate(0, -5px);
}

.patron-disclaimer-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding-left: 5px;
  display: flex;
}

.div---rows {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.pricing-grid-flexbox-copy {
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
}

.member-price {
  color: #7ead31;
  font-weight: 700;
}

.member-events-description {
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
}

.member-level-title-and-apply {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div---column-titles {
  align-items: flex-end;
  padding-left: 5px;
  display: flex;
}

.horizontal-scroll {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.div---features-onetap {
  border: 1px solid #000;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div---text-features {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  display: flex;
}

.div---text-features.background-color-light-blue {
  background-color: var(--alice-blue-backgrounds);
}

.section---hero-add-on {
  padding-top: 100px;
  padding-bottom: 100px;
}

.sub-heading-hero-add-on {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
}

.hero-add-on-list-text {
  font-weight: 400;
}

.button---google-sheets-add-on {
  background-image: linear-gradient(120deg, #1ba071, #008979);
  border-radius: 6px;
  padding: 10px 40px;
  font-weight: 500;
}

.button---google-sheets-add-on:hover {
  color: #fff;
  box-shadow: 0 2px 5px #0003;
}

.h2-heading---add-on {
  color: #1a1b1f;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 33px;
  font-weight: 600;
}

.grid---how-to-install-add-on {
  align-self: center;
}

.list---install-add-on {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.image---use-add-on {
  box-shadow: 0 2px 10px #0003;
}

.section---troubleshoot-add-on {
  background-color: #00000003;
  padding-top: 60px;
  padding-bottom: 80px;
}

.grid---trobleshoot-add-ons {
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.bold-text-19 {
  color: #008979;
}

.tab-troubleshoot-content {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 32px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.tab-troubleshoot-content:hover {
  border-color: var(--medium-blue);
}

.h3-heading---addon {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}

.grid---how-to-use-left-addon {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  align-items: center;
}

.div---grid-how-to-use {
  padding-left: 40px;
}

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

.text---how-to-use-add-on {
  font-weight: 400;
}

.grid---how-to-use-right-addon {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr;
  align-items: center;
}

.div---grid-how-to-use-right {
  padding-right: 40px;
}

.pointer {
  z-index: 20;
  background-color: #fff;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 23%;
  transform: rotate(45deg);
}

.mw-navigation-dropdown {
  min-width: 140px;
}

.mw-navigation-dropdown.w--open {
  background-color: #0000;
  min-width: 320px;
  max-height: 100vh;
  padding-top: 10px;
  left: -100px;
}

.mw-navigation-dropdown.dropdown-long {
  min-width: 500px;
  left: -185px;
}

.mw-navigation-dropdown.dropdown-long.w--open {
  left: -190px;
}

.mw-navigation-dropdown.dropdown-long.dropdown-feature-posleft.w--open {
  left: -130px;
}

.dropdown-column-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.mw-dropdown-toggle {
  text-transform: none;
  padding-left: 12px;
  padding-right: 24px;
  transition: all .2s;
}

.mw-dropdown-toggle:hover {
  color: var(--royal-blue);
}

.navigation-left {
  align-items: stretch;
  width: 10%;
  display: flex;
}

.navigation-link {
  text-transform: none;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 15px;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover, .navigation-link:active, .navigation-link.w--current {
  color: var(--royal-blue);
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 12px;
  line-height: 28px;
  display: flex;
}

.nav-content-wrap:hover {
  color: var(--royal-blue);
}

.dropdown-wrapper-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  align-items: flex-start;
  width: 970px;
  padding: 30px 30px 15px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper-flex.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.dropdown-link-2 {
  z-index: 25;
  color: #283338;
  align-items: center;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown-link-2:hover {
  color: var(--royal-blue);
  background-color: #fafafacc;
}

.navigation-container {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.dropdown-pointer {
  position: relative;
}

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

.nav-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #283338;
  text-transform: uppercase;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  position: static;
}

.navigation-right {
  align-items: center;
  font-size: 16px;
  display: flex;
}

.icon-4 {
  margin-right: 5px;
}

.nav-link-details {
  color: #28333899;
  text-transform: none;
  white-space: normal;
  font-size: 14px;
  line-height: 26px;
}

.mw-navigation {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: sticky;
  top: 0;
}

.dropdown-link-mobile {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-mobile:hover {
  background-color: #f8faff;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-title {
  text-transform: none;
  margin-bottom: 2px;
  font-size: 15px;
  line-height: 24px;
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.icon-wrap {
  background-color: #222;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
}

.mw-navigation-bar-cta-buttons-copy {
  align-items: center;
  display: flex;
}

.section---hero-customer-stories {
  padding: 100px 5%;
}

.heading-dropdown-list {
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 19px;
}

.dropdown-wrapper-flex-lastmenu {
  background-color: #fff;
  border-radius: 10px;
  align-items: flex-start;
  width: 600px;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper-flex-lastmenu.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.pointer-lastmenu {
  z-index: 20;
  background-color: #fff;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 34%;
  transform: rotate(45deg);
}

.div---table-row-m {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--text-grey);
  align-items: stretch;
  display: flex;
}

.div-block-t {
  background-color: #f5f5f5;
  align-items: center;
  width: 20%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  display: flex;
}

.div-block-d {
  width: 30%;
  padding: 30px 20px;
}

.div-block-d.column-border {
  border-right: 1px solid var(--text-grey);
}

.flexbox---table-mobile {
  display: none;
  box-shadow: 0 10px 0 -3px #0003;
}

.table-heading-text {
  font-size: 16px;
  font-weight: 400;
}

.div---table-heading-row-m {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--text-grey);
  align-items: stretch;
  display: flex;
}

.div---heading-row {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.div---heading-row.lp-persona {
  position: sticky;
  top: 5px;
}

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

.div---heading-row.bg-color---white.border-bottom {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.div---heading-row.bg-color---f4f6f8 {
  background-color: #f4f6f8;
}

.div---hero-list-addons {
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 3%;
  padding-right: 3%;
  display: grid;
}

.div---video-hero-addons {
  box-shadow: 0 0 10px #0003;
}

.div---button-hero-addons {
  justify-content: center;
  display: flex;
}

.youtube {
  border: 1px solid var(--royal-blue);
  border-radius: 6px;
}

.div---text-disclaimer {
  grid-row-gap: 16px;
  flex-direction: column;
  font-size: 15px;
  display: flex;
}

.list---gaddon-pains {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.pricing-grid-flexbox {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 0 0 10px -3px #0000007a;
}

.pricing-check-cell {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pricing-description-cell {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding: 15px 20px;
  display: flex;
}

.pricing-rows-copy {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.addons-description-cell {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.addons-check-cell {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.addon-grid-flexbox {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 0 0 10px -3px #0000007a;
}

.pricing-rows-titles {
  margin-bottom: 10px;
  display: flex;
}

.div---width-1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-check-column-titles {
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.th---addon-rows {
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.th---addons-description-cell {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 60px 50px 60px 20px;
  display: flex;
}

.addons-row-titles {
  color: var(--light-black);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

.image-40 {
  width: 20%;
}

.addon-component-title {
  color: #245672;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.image---addon-check {
  width: 14%;
}

.sub-heading---hero-best-addons {
  width: 86%;
  font-size: 20px;
  line-height: 36px;
}

.image-41 {
  align-self: center;
  box-shadow: 0 0 10px 2px #0003;
}

.h3-heading---text-addons {
  margin-top: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.image---addons {
  box-shadow: 0 0 10px 5px #0003;
}

.image-43 {
  width: 55%;
}

.th---addons {
  grid-row-gap: 15px;
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.section---best-add-on-content {
  border-bottom: 1px solid var(--text-grey);
  padding-top: 60px;
  padding-bottom: 100px;
}

.grid---onetap-google-forms-alternative {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  place-items: center;
}

.table---onetap-vs-google-forms {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.div---flexbox-google-forms {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  margin-bottom: -10px;
  box-shadow: 0 0 10px -3px #0000007a;
}

.div---cell-alternative {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 26%;
  padding: 20px;
  display: flex;
}

.div---cell-alternative.lp---bts {
  width: 35%;
}

.div---description-cell-alternative {
  grid-row-gap: 15px;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 37%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div---description-cell-alternative.bg-white {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
}

.div---description-cell-alternative.bg-white.padding-top-20 {
  padding-top: 20px;
}

.image-45 {
  width: 20%;
}

.heading-text---google-forms-alternatives {
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 20px;
  line-height: 36px;
}

.div-copywright {
  align-self: flex-start;
  width: 40%;
}

.section---footer-onetap {
  border: .1px solid var(--text-grey);
  padding: 1em 5em;
  font-size: 1vw;
}

.gen-text-1 {
  color: var(--text-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6em;
}

.gen-wrap-8 {
  margin-bottom: 2em;
}

.social-media-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.div-footer-column-wrapper {
  grid-column-gap: 5em;
  grid-row-gap: 4.25em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.container-footer {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.div-footer-column-left {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  flex: 0 32%;
  align-items: stretch;
  display: flex;
}

.heading-column-footer {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.3em;
}

.gen-logo-1 {
  width: 14em;
}

.link-footer-disclaimer {
  color: var(--text-grey);
  text-align: left;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.gen-pic-1 {
  width: 10em;
}

.div-trademarks {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  width: 60%;
  font-size: 1em;
  display: flex;
}

.gen-wrap-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-top: 1px dashed #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
}

.link-footer-link {
  color: #595959;
  font-size: 1em;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.link-footer-link:hover {
  color: var(--royal-blue);
}

.gen-icon-1 {
  width: 1.5em;
}

.div-footer-columns {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.25em;
  flex-direction: column;
  display: flex;
}

.link-footer-copywright {
  color: var(--text-grey);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.container-footer-inner-wrap {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  border-top: 1px #000;
  padding-top: 7em;
  padding-bottom: 5em;
  display: flex;
}

.gen-wrap-1-1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.div-footer-column-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.heading---visitor-app-footer {
  color: #0c0c0c;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.3em;
}

.div---spacer-1-5em {
  height: 1.5em;
}

.text-span-43 {
  color: var(--royal-blue);
  font-size: .7em;
  font-style: italic;
  font-weight: 500;
}

.div-block-129 {
  grid-column-gap: 5px;
  display: flex;
}

.image-46 {
  width: 24px;
  height: 24px;
}

.heading---text-add-on-footer {
  color: #0c0c0c;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.3em;
}

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

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

.heading---text-alternative-left {
  font-size: 19px;
  font-weight: 600;
  line-height: 36px;
  display: none;
}

.text---google-forms-alternatives {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.cell-16 {
  justify-content: center;
}

.text---google-forms-alternative {
  font-size: 18px;
  line-height: 30px;
}

.text---feature-google-forms-alt {
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 18px;
  line-height: 30px;
}

.stack---visitor-app-google-forms-alt {
  grid-column-gap: 20px;
}

.heading---text-feature-visitor {
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
}

.div {
  grid-row-gap: 10px;
}

.cell-17, .cell-19 {
  align-items: flex-end;
}

.div---button-visitor-app {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section---visitor-app {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading---google-forms-alternative {
  margin-top: 20px;
}

.heading---google-forms-alternative.heading-text-center {
  text-align: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
}

.heading-3---grid-item-google-forms {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-google-forms.text-height---mobile {
  font-size: 18px;
  font-weight: 500;
}

.text-block-53 {
  text-align: center;
  font-weight: 500;
}

.cell-20 {
  justify-content: center;
}

.div---cta-with-heading {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.section---google-forms-alternative {
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading---google-forms-alt {
  margin-top: 20px;
}

.heading---google-forms-alt.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 600;
}

.heading---why-alternative-copy {
  margin-top: 20px;
}

.heading---why-alternative-copy.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 15%;
  padding-right: 15%;
  font-weight: 600;
}

.section---onetap-app-alternative {
  background-color: #f4f9ff;
  margin-top: -100px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.sub-heading---text-alt {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.cta-heading---visitor-app {
  text-align: center;
  line-height: 36px;
}

.div---grid-google-forms-alternatives {
  padding-left: 2%;
  padding-right: 2%;
}

.image-48 {
  width: 15%;
  position: relative;
}

.div---image-arrow-overlap {
  align-self: flex-end;
  width: 35%;
}

.div---google-forms-alternatives {
  padding: 20px;
}

.div---column-l-google-forms-alternative {
  background-color: #f3f3f3;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.image-49 {
  width: 30px;
}

.image-50, .image-51, .image-52, .image-53 {
  width: 20%;
}

.grid---google-forms-chaos-l {
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-flow: row;
  place-items: center;
  padding-left: 3%;
  padding-right: 3%;
}

.grid---why-visitor {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.why-visitor-text {
  font-size: 18px;
  font-weight: 400;
}

.div---text-subheading {
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
}

.text-block-54 {
  color: var(--text-grey);
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 10px;
}

.heading---onetap-vs-google-forms-alternative {
  margin-top: 20px;
}

.heading---onetap-vs-google-forms-alternative.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 26px;
  font-weight: 600;
}

.heading-3---grid-item-google-forms-alternative-title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-google-forms-alternative-title.text-height---mobile {
  font-size: 19px;
  font-weight: 500;
}

.container---google-forms-alternative {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div-block-135 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: none;
}

.image-55 {
  width: 8%;
  height: 10%;
}

.div-block-136 {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.section---problem-proxy-attendnace {
  background-color: #f4f9ff;
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---problems-proxy-attendance {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---heading-problems-proxy-attendance {
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.h2-heading---prob-proxy {
  text-align: center;
  margin-top: 20px;
  font-size: 34px;
  font-weight: 600;
}

.heading-text---prob-proxy {
  text-align: center;
  font-size: 20px;
  line-height: 35px;
}

.div---grid--problems-proxy {
  padding-left: 5%;
  padding-right: 5%;
}

.grid---texts-problems-proxy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  display: grid;
}

.icon---exclamation-mark {
  width: 24px;
}

.grid---problem-proxy {
  grid-column-gap: 35px;
  grid-row-gap: 45px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-items: center;
}

.grid---statistics-proxy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  grid-auto-flow: row;
}

.text---statistics {
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
}

.div---statistics-proxy-attendance {
  text-align: center;
  background-color: #3a64db;
  padding: 1% 5%;
}

.div---text-statistics {
  grid-row-gap: 30px;
  border: 1px solid #3a64db;
  flex-direction: column;
  padding-top: 3%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.div---text-stats {
  text-align: center;
  align-items: center;
  display: flex;
}

.icon---statistics {
  width: 5%;
}

.heading---proxy-alternative {
  margin-top: 20px;
}

.heading---proxy-alternative.heading-text-center {
  text-align: center;
  justify-content: center;
  font-weight: 600;
}

.tabs__link {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  padding: 24px;
  transition: background-color .2s;
  display: block;
}

.tabs__link.w--current {
  background-color: #ffffff1a;
}

.tab_text-wrapper {
  padding-top: 15px;
  overflow: hidden;
}

.strategy-illo_top {
  width: 100%;
  max-width: 600px;
  max-height: 460px;
  position: absolute;
  inset: 0%;
}

.tab_pane {
  overflow: visible;
}

.tab-link {
  opacity: .4;
  color: #182c4f;
  cursor: pointer;
  background-color: #0000;
  border-left: 4px solid #0000;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -28px;
  padding: 0 8% 0 28px;
  transition: border-color .2s, opacity .2s ease-out;
  display: block;
}

.tab-link:hover {
  border-left-color: var(--alice-blue-backgrounds);
  opacity: .6;
  text-decoration: none;
}

.tab-link.w--current {
  border-left-color: var(--royal-blue);
  opacity: 1;
  background-color: #0000;
}

.tab-link.w--current:active {
  border-left-color: var(--steel-blue);
}

.strategy-illo_bg {
  width: 100%;
  max-width: 600px;
  max-height: 460px;
}

.strategy-illo_bg.tab-col-img-kiosk {
  max-width: 152%;
  max-height: 100%;
}

.tab_illo-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.col {
  margin-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
}

.col._2col {
  flex: 0 50%;
}

.col._2col.overflow-visible {
  overflow: visible;
}

.col._2col.tab-menu {
  flex-direction: column;
  align-items: stretch;
  padding-right: 0;
  display: flex;
}

.tab-container---proxy-attendance {
  width: 88%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.row {
  margin-bottom: -32px;
  margin-left: -20px;
  margin-right: -20px;
}

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

.div-block-138 {
  grid-row-gap: 15px;
  flex-direction: column;
  padding-left: 3%;
  display: flex;
}

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

.heading---text-tab {
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 35px;
  display: flex;
}

.div---sub-text-proxy-solution {
  grid-column-gap: 20px;
  text-align: center;
  align-items: flex-start;
  padding-right: 10%;
  display: flex;
}

.text-block-55 {
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}

.grid---visitor-app-proxy {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  place-items: center;
}

.grid---academic-proxy-attendance {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr;
}

.text---cta-proxy-attendance {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.section---solution-proxy-attendance {
  background-color: #f4f9ff;
  margin-top: -100px;
  padding-top: 60px;
  padding-bottom: 100px;
}

.section---use-cases-proxy-attendance {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-56 {
  color: var(--royal-blue);
  margin-right: 7px;
}

.tab-button {
  opacity: .7;
  color: #151c34;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 192px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  display: flex;
}

.tab-button.w--current {
  opacity: 1;
  color: #151c34;
  background-color: #0000;
  position: relative;
}

.tabs-menu {
  grid-column-gap: 50px;
  justify-content: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.load-bar-base {
  background-color: var(--one-tap-blue-med);
  border-radius: 500px;
  max-width: 140px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.load-bar-base:active {
  background-color: var(--one-tap-blue-med);
}

.div---section-container-hiw-2 {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.text---tab-menu-how {
  font-weight: 400;
}

.paragraph-33 {
  color: #1a1b1f;
  padding-left: 25%;
  padding-right: 25%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.content-block {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.content-section {
  background-color: #0166f90f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 3%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow {
  color: var(--royal-blue);
}

.tab-grid {
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
}

.tabs-content {
  padding-top: 40px;
  overflow: visible;
}

.link-arrow {
  color: #6a35ff;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.title-wrap-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.tab-image {
  width: 33px;
  margin-right: 12px;
}

.tab-button-2 {
  opacity: .5;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  display: flex;
}

.tab-button-2.w--current {
  opacity: 1;
  color: #151c34;
  background-color: #0000;
  position: relative;
}

.animation-block {
  border-radius: 25px;
}

.load-bar-3 {
  background-color: var(--royal-blue);
  border-radius: 500px;
  width: 0%;
  height: 5px;
}

.tab-panel-3 {
  background-color: #fff;
  border-radius: 24px;
  align-items: center;
  min-height: 500px;
  padding: 30px 25px 40px;
  display: flex;
  box-shadow: 0 60px 100px -50px #151c344f;
}

.tabs-2 {
  width: 100%;
}

.div---content-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.text---content-block {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.grid---div-content-block-how {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.grid---div-profiles-content-block {
  grid-row-gap: 10px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.content-block---tab-check-in {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.grid---div-alerts-content-block-copy {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.text---collaborators-list-hiw {
  font-size: 16px;
  font-weight: 400;
}

.grid---collaborators-hiw {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-67 {
  font-weight: 500;
}

.grid---div-collaborators-how {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.grid---admin-dashboard-hiw {
  grid-column-gap: 24px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  align-self: center;
  justify-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.section---collaborators-hiw {
  background-color: #f4f9ff;
}

.section---collaborators-hiw.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-140 {
  height: 10px;
}

.grid---more-features-hiw {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.div---grid-more-features {
  padding-left: 40px;
  padding-right: 40px;
}

.div---text-more-features {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div---title-more-feature {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.title---more-features-how {
  font-weight: 500;
}

.text-block-68, .text-block-69 {
  font-weight: 400;
}

.grid---div-create-list-content-block {
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.container---social-proof {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.h2-heading---social-proof {
  margin-top: 20px;
}

.h2-heading---social-proof.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 15px;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.div---heading-social-proof {
  text-align: center;
}

.sub-heading---social-proof {
  color: #1a1b1f;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.div---text-social-proof {
  grid-row-gap: 15px;
  text-align: center;
  flex-direction: column;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.text-span-44 {
  color: var(--royal-blue);
}

.image-58 {
  position: relative;
}

.div-block-143 {
  text-align: right;
  width: 80%;
  font-weight: 900;
}

.image-60 {
  margin-top: -100px;
}

.div-block-144 {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.grid---div-why-onetap-how {
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-right: 10%;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.text-span-45 {
  color: var(--royal-blue);
}

.grid---div-reports-content-block {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.section---disclaimers {
  border: 1px #0000003d;
  padding-top: 60px;
  padding-bottom: 60px;
}

.text-color---royal-blue-semibord {
  color: var(--royal-blue);
}

.text---disclaimers {
  color: var(--text-grey);
  font-weight: 400;
}

.grid---visitor-how {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr;
}

.item-container---grid-visitor-how {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 0 0 6px #0003;
}

.grid---div-visitor-how {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.div---grid-hero-how-works {
  padding-left: 2%;
}

.div---grid-hero-how-works.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.grid---hero-how-works {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
  / 2fr .75fr 2fr .75fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.title---hero-steps-how {
  text-align: left;
  font-weight: 500;
}

.text---hero-steps-how {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
}

.div---steps-how-works {
  grid-row-gap: 15px;
  flex-direction: column;
  margin-left: -20px;
  display: flex;
}

.grid-item---arrow-right-how-works {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column wrap;
  display: flex;
}

.grid-item---arrow-right-how-works.extra-top-padding-120 {
  background-color: var(--white);
  padding-top: 120px;
}

.grid-item---arrow-right-how-works.extra-top-padding-20 {
  background-color: var(--white);
  padding-top: 20px;
}

.image---arrow-how-works {
  width: 80px;
  position: relative;
  left: 0;
  right: 0;
}

.div---steps-share-link-how-works {
  grid-row-gap: 15px;
  flex-direction: column;
  margin-left: -20px;
  padding-top: 201px;
  display: flex;
}

.div---steps-uploads-how-works {
  grid-row-gap: 15px;
  flex-direction: column;
  margin-left: -20px;
  padding-top: 103px;
  display: flex;
}

.icons---grid-visitor-how-works {
  flex: 0 auto;
  align-self: auto;
}

.div---description-demo {
  text-align: center;
}

.div---section-container-hiw {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-62 {
  width: 100%;
}

.heading---text-hero-addon {
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 56px;
}

.image-63, .image-64 {
  width: 70%;
}

.image-65 {
  width: 33px;
}

.div---heading-gaddon-painsbenefit {
  grid-column-gap: 5px;
  align-items: center;
  display: flex;
}

.image-tick-small {
  width: 24px;
}

.div---customer-quote-addon {
  transform: skew(10deg);
  box-shadow: 0 6px 15px #0003;
}

.div---customer-quote-addon.mobile-margin {
  display: none;
  transform: skew(5deg);
}

.bold-text-20 {
  font-weight: 500;
}

.div---spacer-lp-med {
  height: 40px;
}

.div---spacer-lp-lg {
  text-align: center;
  height: 60px;
}

.div---spacer-lp-sm {
  height: 20px;
}

.section---attendance-tracking-for-educators-gforms {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---spreadsheets-gforms-alternative {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading---text-blue-med {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.grid---before-after-sheets-gforms {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
}

.div---title-before-sheets-gforms {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.heading-4---grid-item-before-sheets-gforms {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-before-sheets-gforms.text-height---mobile {
  font-size: 17px;
  font-weight: 600;
}

.heading-4---grid-item-after-sheets-gforms {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-4---grid-item-after-sheets-gforms.text-height---mobile {
  color: var(--one-tap-blue-med);
  text-align: center;
  font-size: 17px;
}

.grid---texts-before {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.div---habit-gforms {
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.quick-stack---habit-gforms {
  grid-column-gap: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.text---habit-gforms {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
}

.text---list-habit-gforms {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 400;
}

.sub-heading---habit-gforms {
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 20px;
  line-height: 36px;
}

.quick-stack---benefits {
  padding-left: 40px;
  padding-right: 40px;
}

.cell---image-benefits {
  justify-content: flex-start;
  align-items: center;
}

.div---cell-benefits {
  grid-row-gap: 10px;
  flex-direction: column;
  font-size: 17px;
  display: flex;
}

.div---description-prob-proxy {
  font-weight: 400;
}

.section---hero-feature {
  padding: 100px 20px 60px;
}

.stack---hero-features {
  grid-row-gap: 0px;
  padding: 10px;
}

.sub-heading-top---hero-feature {
  background-color: var(--alice-blue-backgrounds);
  color: #2c2c2c;
  border: 1px solid #0000;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 33px;
}

.h1-heading---hero-feature {
  text-transform: capitalize;
  margin-top: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
}

.sub-heading---hero-feature {
  font-size: 18px;
  line-height: 30px;
}

.grid---hero-feature {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 400;
}

.text---hero-paragraph-list-feature {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 400;
}

.grid---use-cases-feature {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.title---grid-use-cases-feature {
  text-align: left;
  align-self: auto;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.description---grid-use-cases-feature {
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.div---item-use-case {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icons---grid-use-case-feature {
  flex: 0 auto;
  align-self: auto;
}

.icons---grid-use-case-feature.hv2 {
  width: 42px;
}

.item-container---grid-use-case-feature {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-feature.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  width: 296px;
  padding: 20px 25px;
  box-shadow: 0 0 5px #0003;
}

.section---use-cases-feature {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---feature {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div---heading-feature {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.grid---use-cases-feature-2c {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-flow: row;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
}

.item-container---grid-use-case-feature-c2 {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-feature-c2.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  width: 320px;
  padding: 20px 25px;
  box-shadow: 0 0 5px #0003;
}

.section---pain-check-out-feature {
  padding-top: 100px;
  padding-bottom: 60px;
}

.div---grid-item-pains-checkout {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: row;
  display: flex;
}

.icon---pains-checkout {
  width: 42px;
  height: 42px;
}

.text---pain-checkout {
  font-weight: 400;
}

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

.cell-22 {
  justify-content: center;
  align-items: center;
}

.section---checkout-feature {
  background-color: var(--light-blue);
  margin-top: -100px;
  padding-top: 60px;
  padding-bottom: 100px;
}

.grid---checkout-feature {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.5fr;
}

.item-container---grid-checkout-feature {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-checkout-feature.hv2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 30px;
  box-shadow: 0 0 5px #0003;
}

.title---grid-checkout-feature {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---grid-checkout-feature.text---color-blue-med {
  color: var(--one-tap-blue-med);
  text-align: center;
  font-size: 17px;
  line-height: 28px;
}

.description---grid-checkout-feature {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.text---grid-checkout-feature-copy {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.testimonial---checkout-feature {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.div---client-profile {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.section---benefits-checkout-feature {
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-3---grid-item-benefits-checkout {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-benefits-checkout.text-height---mobile {
  font-size: 16px;
  font-weight: 500;
  line-height: 33px;
}

.icon---benefits-checkout {
  width: 9%;
}

.grid---benefits-checkout {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start;
}

.div---grid-item-benefits-checkout {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div---title-benefit-checkout {
  grid-column-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.grid---benefits-checkout-r2 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div---grid-item-benefits-checkout-r2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---paper-sign-outs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.text-block-71, .div---checkout-solution {
  font-weight: 400;
}

.hero-paragraph-list-text---google-forms-solution {
  border-left: 3px solid var(--one-tap-blue-med);
  margin-bottom: auto;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 400;
}

.div---grid-item-google-forms-pains {
  padding-right: 5%;
}

.image-66 {
  width: 70%;
}

.grid---google-forms-chaos-r {
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-flow: row;
  place-items: center;
  padding-left: 3%;
  padding-right: 3%;
}

.image-68 {
  transform: translate(240px);
}

.hero-paragraph-list-text---google-forms {
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
}

.section---use-case-kiosk {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---heading-guestlist-copy {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}

.sub-heading---kiosk {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 36px;
}

.grid---use-case-kiosk {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.5fr;
}

.section---check-in-kiosk, .section---how-it-works-kiosk {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cell---hero-description-kiosk {
  justify-content: center;
  align-items: flex-start;
}

.item-container---grid-use-cases-kiosk {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.grid---list-use-case-kiosk {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

.description---grid-list-use-case {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.grid---texts-check-in-kiosk {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---tab-heading-kiosk {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.icons---tab-container-kiosk {
  flex: 0 auto;
  align-self: auto;
  width: 10%;
}

.div---inner-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon---ipad-kiosk-check-in {
  width: 30px;
  height: 35px;
  padding-top: 5px;
}

.text---liest-use-case-kiosk {
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
}

.table---comparison-kiosk {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div---description-feature-cell {
  flex-direction: column;
  padding: 10px;
  display: flex;
}

.div---feature-cell-kiosk {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 18%;
  padding: 15px 10px;
  display: flex;
}

.icon---title-use-case {
  width: 15%;
}

.div---title-use-case {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div---title-text-use-case {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.title---use-case-kiosk {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---use-case-kiosk.text---color-steel-blue {
  color: var(--one-tap-blue-med);
  margin-top: auto;
  margin-bottom: auto;
  font-size: 17px;
  line-height: 28px;
}

.img---hero-ipad-kiosk-app {
  border-radius: 10px;
}

.cell---hero-kiosk {
  justify-content: center;
  align-items: center;
}

.stack---hero-kiosk {
  grid-column-gap: 0px;
  padding: 0 10px 10px;
}

.container---hero-kiosk {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.h1-heading---hero-kiosk {
  text-transform: capitalize;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
}

.col-kiosk {
  margin-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
}

.col-kiosk._2col {
  flex: 0 50%;
}

.col-kiosk._2col.overflow-visible {
  overflow: visible;
}

.tabs-menu-kiosk {
  grid-column-gap: 50px;
  justify-content: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section---check-in-attachments {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-block---tab-kiosk {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
}

.grid---div-content-block-kiosk {
  grid-row-gap: 42px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.tab-panel-3---kiosk {
  background-color: #fff;
  border-radius: 24px;
  align-items: center;
  padding: 30px 25px 45px;
  display: flex;
  box-shadow: 0 60px 100px -50px #151c344f;
}

.div---column-titles-kiosk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.image---column-table-kiosk {
  width: 14%;
}

.sub-heading---hero-ipad-kiosk {
  padding-right: 60px;
  font-size: 18px;
  line-height: 30px;
}

.div---spacer-lp-xs {
  height: 10px;
}

.tab-button-kiosk {
  opacity: .7;
  color: #151c34;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  display: flex;
}

.tab-button-kiosk.w--current {
  border-bottom: 3px solid var(--royal-blue);
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  transition: border-color .2s, opacity .2s;
  position: relative;
}

.h1-heading---hero-gforms {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
  line-height: 60px;
}

.div---benefits-gforms {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---hero-gforms2 {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row dense;
}

.hero-paragraph-list-text-gforms {
  background-color: var(--section-logo);
  text-align: center;
  border-radius: 10px;
  margin-bottom: auto;
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.heading-text---gforms {
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 20px;
  line-height: 36px;
}

.heading---gforms-attendance {
  margin-top: 20px;
}

.heading---gforms-attendance.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.section---onetap-benefits-gforms {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---img-arrow-comparison {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15%;
  display: flex;
}

.mg-bottom-8px {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.tabs-v---gforms {
  align-self: center;
  margin-top: 48px;
}

.mg-bottom-16px {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 400;
}

.tabs-menu---brix {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.tab-link---gforms {
  color: #6f6c90;
  background-color: #fff;
  border: 1.5px solid #eff0f6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 14px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  transition: flex-grow .2s, border-color .3s, color .3s;
  display: flex;
  box-shadow: 2px 2px 14px #080f340a;
}

.tab-link---gforms:hover {
  border-color: #4a3aff;
}

.tab-link---gforms.w--current {
  border-color: var(--one-tap-blue-med);
  color: #4a3aff;
  -webkit-text-stroke-color: var(--one-tap-blue-med);
  background-color: #fff;
}

.tab-link---gforms.w--current:hover {
  color: var(--one-tap-blue-med);
}

.tab-link---gforms.tab-link---highlight {
  box-shadow: 2px 2px 1px 4px #0170fc;
}

.tab-link---gforms.tab-link---highlight.w--current {
  color: var(--one-tap-blue-med);
  transition: border-color .3s, color .3s;
  box-shadow: 2px 2px 1px 3px #0170fc;
}

.card-tabs {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 26px;
  box-shadow: 4px 4px 14px #080f340a;
}

.card-tabs.tabs-v1 {
  padding: 55px 63px;
}

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

.grid-tabs---2-columns._0-75fr-left {
  grid-template-columns: .75fr 1fr;
}

.grid-tabs---2-columns._0-75fr-left.grid-align-center {
  grid-template-columns: 1.75fr 1fr;
}

.tabs-content---brix {
  margin-top: 40px;
}

.text---tab-menu {
  color: var(--one-tap-blue-med);
  font-size: 14px;
}

.paragraph-38, .paragraph-40, .paragraph-42 {
  font-size: 15px;
  font-weight: 400;
}

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

.div---quote {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.heading-33 {
  color: #1b1b1b;
  font-size: 20px;
  line-height: 34px;
}

.div-block-151 {
  text-align: center;
}

.div-block-152 {
  margin-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}

.div---text-quote {
  grid-row-gap: 15px;
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 5%;
  margin-right: 5%;
  padding: 30px 16% 30px 15%;
  display: none;
  transform: skew(10deg);
  box-shadow: 0 2px 5px #0003;
}

.div---quote-hero {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 13%;
  padding-right: 13%;
  display: flex;
}

.icons---grid-use-case {
  filter: brightness(200%);
  width: 20%;
}

.grid---hero-gforms-mobile {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---benefits-gforms-mob {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
}

.div---check-ins-gforms-mob {
  display: none;
}

.stack---grid-use-case {
  grid-column-gap: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.cell---text-use-case {
  grid-row-gap: 5px;
}

.cell---img-use-case {
  justify-content: center;
  align-items: center;
}

.cell---text-use-case-left {
  grid-row-gap: 5px;
  padding-left: 60px;
}

.container---hero-google-forms-alternative {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.flexbox---table-gforms-mobile {
  display: none;
  box-shadow: 0 10px 0 -3px #0003;
}

.div---title-feature {
  background-color: #f5f5f5;
  align-items: center;
  width: 20%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  display: flex;
}

.table-text---feature-title {
  font-size: 16px;
  font-weight: 400;
}

.div---cell-title-feature {
  width: 30%;
  padding: 30px 20px;
}

.div---cell-title-feature.column-border {
  border-right: 1px solid var(--text-grey);
}

.top-heading---h2-hero-gforms {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
}

.section---visitor-app-mob {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.stack---hero-proxy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 10px;
}

.cell---hero-proxy {
  justify-content: flex-start;
  align-items: flex-end;
}

.sub-heading---hero-proxy {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}

.div---testimonial-img {
  display: none;
}

.section---visitor-check-in-app {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---column-r-onetap-attendance-app {
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-direction: column;
  align-self: auto;
  padding: 40px 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.link-11 {
  color: var(--royal-blue);
}

.stack---heading-blog {
  padding-top: 0;
  padding-bottom: 0;
}

.cell-28 {
  justify-content: center;
  align-items: center;
}

.section---content-blog {
  padding-top: 60px;
  padding-bottom: 100px;
}

.grid---benefits-blog {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.div---video {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.div-block-157 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.button---read-more-blog {
  background-color: var(--one-tap-blue-med);
  border-radius: 7px;
  box-shadow: 0 0 5px #0003;
}

.button---read-more-blog:hover {
  background-color: var(--dark-slate-blue-gradient);
  color: #fcfcfc;
}

.div---image-infographic {
  text-align: center;
}

.image-77 {
  border-radius: 10px;
  box-shadow: 0 0 5px #0003;
}

.item-container---grid-benefits-blog {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-benefits-blog.hv2 {
  background-color: var(--white);
  align-items: flex-start;
  padding: 10px 20px 20px;
  box-shadow: 0 0 5px #0003;
}

.grid---hero-class-at {
  grid-row-gap: 7px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.div---inner-grid-hero-class-at {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.icon---checklist-hero-class-at {
  width: 27px;
  height: 27px;
}

.hero-paragraph-list-text-class-at {
  margin-bottom: auto;
}

.item-container---grid-use-cases-class-at {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 24px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.item-container---grid-use-cases-class-at.grid-item-hightlight {
  box-shadow: 0 0 3px 0 var(--one-tap-blue-med);
  justify-content: flex-start;
  align-items: flex-start;
}

.grid---use-case-class-at {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.sub-heading---class-attendance-app {
  padding-left: 15%;
  padding-right: 15%;
  font-size: 20px;
  line-height: 36px;
}

.div---benefits-class-at {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.section---features-class-at {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---item-class-at {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6px;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
}

.grid---feature-class-at {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  padding-left: 25px;
  padding-right: 25px;
}

.section---how-class-at {
  padding-top: 40px;
  padding-bottom: 100px;
}

.tab-container---class-at {
  width: 88%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.section---why-onetap-class-at {
  padding-top: 100px;
}

.section---hero-class-attendance {
  padding-top: 100px;
  padding-bottom: 60px;
}

.h1-heading---text-hero-class-at {
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}

.container---class-attendance {
  flex-direction: column;
  flex: 1;
  max-width: 1080px;
  display: flex;
}

.div---title-use-case-class {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.heading---class-attendance {
  margin-top: 20px;
}

.heading---class-attendance.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.div---spacer-lp-xlg {
  text-align: center;
  height: 100px;
}

.grid-content-l--class-at-system {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.section---class-at-system {
  background-color: #0000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-3---grid-item-class-at-system {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-class-at-system.text-height---mobile {
  font-size: 26px;
  line-height: 42px;
}

.div-block-159 {
  border-radius: 15px;
}

.grid-content-r--class-at-system {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
  place-items: center;
}

.grid---institution-success-benefit-class-at {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.grid---item-benefits-class-at {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.grid---item-benefits-class-at.hv2 {
  background-color: var(--white);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
}

.description---grid-benefits-class-at {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.heading---cta-class-at {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  line-height: 33px;
}

.div---cta-class-at {
  background-color: var(--section-logo);
  border-radius: 20px;
  padding: 20px;
}

.cell-29 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding-bottom: 20px;
}

.image-78 {
  margin-top: -80px;
}

.quick-stack-9 {
  padding-top: 0;
  padding-bottom: 0;
}

.cell-30 {
  justify-content: center;
  align-items: center;
}

.title---cta-class-sys {
  color: var(--one-tap-blue-med);
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.grid--old-way-text-class-at {
  font-weight: 400;
}

.icon---grid-use-case {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.grid---text-use-case-class-at {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
  place-items: start;
}

.text---grid-text-class-at {
  margin-bottom: auto;
  font-weight: 400;
}

.div---h2-heading-case-study {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.h2-heading---case-study {
  margin-top: 20px;
}

.h2-heading---case-study.heading-text-center {
  text-align: center;
  justify-content: center;
  font-weight: 600;
}

.grid---case-study {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.item-container---grid-case-study {
  border: 1px solid var(--royal-blue);
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 25px 40px;
  display: flex;
  box-shadow: 0 0 5px #dbdada33;
}

.div---text-case-study {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  font-weight: 400;
  display: flex;
}

.heading---grid-item-case-study {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading---grid-item-case-study.text-height---mobile {
  text-align: center;
  font-size: 18px;
  line-height: 33px;
}

.heading---grid-item-case-study.text-height---mobile.text-color---royal-blue {
  margin-top: 40px;
  margin-bottom: 40px;
}

.text---case-study {
  font-size: 17px;
}

.div---title-text-case-study {
  flex-flow: column;
  align-items: flex-start;
}

.title---case-study {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
}

.subtext---case-study {
  cursor: pointer;
  font-weight: 400;
}

.icons---grid-features-qrc {
  flex: 0 auto;
  align-self: auto;
}

.icons---grid-features-qrc.hv2 {
  width: 42%;
}

.grid---before-case-study {
  grid-column-gap: 30px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.75fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---title-before-case-study {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.title---before {
  font-weight: 500;
}

.div---text-before {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.text---before {
  padding-left: 40px;
  font-weight: 400;
}

.image-79 {
  width: 6%;
}

.div---h2-heading-solution-case-study-copy {
  text-align: center;
  margin-top: 40px;
  padding-left: 20%;
  padding-right: 20%;
}

.div---text-solution-case-study {
  grid-row-gap: 25px;
  flex-direction: column;
  font-weight: 400;
  display: flex;
}

.div---text-after-case-study {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.div-block-160 {
  text-align: center;
  padding-top: 10px;
  padding-left: 220px;
}

.grid---after-case-study-class {
  grid-column-gap: 5px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid---result-case-study {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---result-case-study {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.title---result-case-study {
  color: var(--dark-slate-blue-gradient);
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.subtext---result-case-study {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.title---challange-case-study {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
}

.subtext---challange-case-study {
  cursor: pointer;
  font-weight: 400;
  line-height: 26px;
}

.item-container---grid-challange-case-study {
  grid-row-gap: 24px;
  border: 1px solid var(--text-grey);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 25px 10px 25px 15px;
  display: flex;
  box-shadow: 0 0 5px #dbdada33;
}

.div---quote-case-study {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text---quote-case-study {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.button---quote-case-study {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 6px;
  width: 240px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
}

.button---quote-case-study:hover {
  background-image: linear-gradient(45deg, var(--one-tap-blue-med), var(--medium-blue));
  color: #fff;
}

.image-80 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(85deg);
}

.div---quote-case-study-class-at {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.grid---cta-case-study {
  grid-column-gap: 45px;
  grid-row-gap: 43px;
  grid-template-rows: auto;
  grid-template-columns: 3.25fr 2.25fr;
  place-items: center stretch;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-161 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-81 {
  width: 100%;
}

.div---cta-case-study {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.text---after-case-study {
  font-size: 18px;
}

.paragraph-hero-class-at {
  font-weight: 400;
}

.content-wrap-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.content-wrap-left.lp-compliance {
  padding-top: 21px;
}

.tabs-content-01 {
  padding: 40px;
}

.tabs-menu-01 {
  border-right: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.tabs-menu-01.lp-compliance {
  justify-content: flex-start;
}

.tab-link-01 {
  opacity: .75;
  white-space: nowrap;
  background-color: #fff;
  border-right: 5px solid #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: all .2s;
}

.tab-link-01:hover {
  opacity: 1;
}

.tab-link-01.w--current {
  border-right-color: var(--one-tap-blue-med);
  background-color: var(--light-blue);
  opacity: 1;
  color: var(--one-tap-blue-med);
}

.tabs-01 {
  width: 100%;
  max-width: 1100px;
  display: flex;
}

.border-effect {
  z-index: 1;
  background-color: #fff;
  border: 5px solid #3b2ae5;
  position: absolute;
  inset: -20px -20px 15px 15px;
}

.border-effect.no-fill {
  border-color: var(--one-tap-blue-med);
  background-color: #0000;
  border-radius: 10px;
}

.content-section-inner-01 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  display: grid;
}

.tabs---class-attendance {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  display: flex;
}

.section---use-case-tabs-class-at {
  padding-top: 100px;
}

.section---grid-case-study {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.item-container---grid-use-cases-classes {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.image---use-cases {
  width: 65%;
}

.title---grid-use-cases-classes {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.top-heading---class-at {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 36px;
}

.div---h2-heading-class-at {
  text-align: center;
}

.in-tabs-image-tab1 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/university-event-check-in-onetap.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

.in-tabs-image-tab2 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/university-classes-attendance.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

.in-tabs-image-tab3 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/k12-school-attendance-tracking.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

.in-tabs-image-tab4 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/art-class-attendance.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

.in-tabs-image-tab5 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/yoga-classes.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

.in-tabs-image-tab6 {
  z-index: 5;
  background-color: #f0f0f0;
  background-image: url('../images/basketball-sport-club-attendance.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-height: 350px;
  margin-top: 20px;
  position: relative;
}

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

.padding-vertical.padding-xhuge {
  padding: 0;
}

.padding-vertical.padding-large {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hover-tabs_list-item {
  z-index: 0;
  grid-row-gap: 1rem;
  color: #353535;
  text-transform: none;
  background-color: #0000;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 5% 1.5% 5% 20%;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 0 1px #0000001a, 0 12px 32px #0000;
}

.hover-tabs_list-item:hover {
  background-color: #fff;
  border-bottom-color: #0000;
}

.div---persona-class-at {
  padding-left: 5%;
  padding-right: 5%;
}

.hover-tabs_list-item-2 {
  z-index: 0;
  grid-row-gap: 1rem;
  color: #353535;
  text-transform: none;
  background-color: #0000;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 5% 1.5rem 1.5% 5rem;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 0 1px #0000001a, 0 12px 32px #0000;
}

.hover-tabs_list-item-2:hover {
  background-color: #fff;
  border-bottom-color: #0000;
}

.grid---persona-class-at {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 5%;
}

.hover-tabs_list-item-3 {
  z-index: 0;
  grid-row-gap: 1rem;
  color: #353535;
  text-transform: none;
  background-color: #0000;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 1.5rem 1.5rem 1.5rem 5rem;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 0 1px #0000001a, 0 12px 32px #0000;
}

.hover-tabs_list-item-3:hover {
  background-color: #fff;
  border-bottom-color: #0000;
}

.tab-link-accordion---brix {
  color: #6f6c90;
  background-color: #fff;
  border: 1.5px solid #eff0f6;
  border-radius: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 20px 26px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  box-shadow: 4px 4px 14px #080f340a;
}

.tab-link-accordion---brix.w--current {
  padding-top: 20px;
  padding-bottom: 20px;
}

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

.flex-horizontal.space-between {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
}

.left-accordion {
  align-items: center;
  display: flex;
}

.tabs-menu---brix-2 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.tabs-menu---brix-2.v2 {
  flex-direction: column;
  width: 100%;
}

.text---persona-class-at {
  font-size: 18px;
  font-weight: 500;
}

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

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

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

.section---case-study-classes {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section---case-study-classes.case-study {
  background-color: var(--light-blue);
  padding-bottom: 140px;
}

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

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

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

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

.success-message {
  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-620px-center {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.flex {
  display: flex;
}

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

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

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

.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;
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
  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;
}

.input-relative.newsletter.footer {
  min-height: 72px;
}

.mg-right-12px {
  margin-right: 12px;
}

.paragraph-44 {
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}

.div---challange-case-study {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div---text-challenges-case-study {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  font-weight: 400;
  display: flex;
}

.text---challaneges-case-study {
  text-align: center;
  font-size: 17px;
}

.heading---title-before-case-study {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading---title-before-case-study.text-height---mobile {
  font-size: 18px;
  line-height: 33px;
}

.tabs---persona-class-at-2 {
  margin-top: 48px;
}

.tabs---persona-class-at-2.flex-horizontal {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tabs---persona-class-at-2.flex-horizontal.tablet-vertical {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.tabs-content---image-persona-2-copy {
  margin-top: 40px;
}

.tabs-content---image-persona-2-copy.v2 {
  margin-top: 0;
  margin-right: 50px;
}

.icon---before-onetap-class {
  width: 24px;
}

.tabs-content---image-persona-2 {
  margin-top: 40px;
}

.tabs-content---image-persona-2.v2 {
  margin-top: 0;
  margin-right: 50px;
}

.div---cta-case-study-class {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(180deg, var(--one-tap-blue-med), white);
  border-radius: 15px;
  flex-flow: column;
  align-items: center;
  margin-top: -190px;
  margin-left: 100px;
  margin-right: 100px;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.text---cta-case-study {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.heading-2---case-study {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-2---case-study.text-height---mobile {
  font-size: 26px;
  font-weight: 500;
  line-height: 35px;
}

.subtext---cta-case-study {
  font-weight: 400;
  line-height: 26px;
}

.top-heading---cta-case-study {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
}

.grid---why-onetap-class-attendance {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.grid---why-onetap-class-attendance-r2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  margin-top: 25px;
  padding-left: 220px;
  padding-right: 220px;
}

.image-405 {
  width: 12%;
}

.cell---content-hero-class {
  justify-content: flex-end;
  align-items: center;
}

.title---grid-benefits-class {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.h1-heading---hero-proxy-attendance {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 42px;
  font-weight: 700;
  line-height: 60px;
}

.item-container---grid-use-case-proxy-attendance {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-proxy-attendance.hv2 {
  grid-row-gap: 20px;
  background-color: var(--white);
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0 5px #0003;
}

.div---hero-heading {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.section---hero-proxy-at {
  padding-top: 20px;
  padding-bottom: 60px;
}

.div---top-hero-proxy-at {
  text-align: center;
  background-color: #3a64db;
  border-radius: 6px;
}

.text---top-hero-proxy-at {
  color: var(--light-blue);
  text-transform: capitalize;
  font-weight: 400;
}

.text-span---medium-white {
  color: var(--white);
  font-weight: 500;
}

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

.text---list-proxy-at {
  text-align: left;
  font-weight: 400;
}

.container---hero-proxy-at {
  text-align: center;
  max-width: 980px;
}

.div---customer-image-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image---customer {
  border-radius: 100%;
  width: 60px;
}

.text---hero-customer-quote {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}

.text---hero-quote {
  font-style: italic;
  font-weight: 400;
}

.section---problem-proxy-attendnace-old {
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---heading-problems-proxy-at {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.sub-heading-text---prob-proxy {
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.grid---problem-proxy-at {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-flow: row;
  place-items: center;
}

.heading-text---proxy-at {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 20px;
  line-height: 36px;
}

.section---solution-proxy-attendance-old {
  background-color: #f4f9ff;
  margin-top: -100px;
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---proxy-at {
  flex-direction: column;
  flex: 1;
  max-width: 980px;
  display: flex;
}

.div---cta-with-heading-proxy {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 180px;
  padding-right: 180px;
  display: flex;
}

.grid---persona-proxy-at {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---persona-proxy {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---persona-proxy-at2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  padding-left: 140px;
  padding-right: 140px;
}

.text---persona-proxy-at {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
}

.text-block-75 {
  font-size: 18px;
  font-weight: 500;
}

.grid---problems-proxy-at {
  grid-column-gap: 33px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  padding-left: 60px;
  padding-right: 40px;
}

.div---text-problems-proxy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text---problems-proxy {
  align-self: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.image-406 {
  width: 24px;
}

.div---heading-why-onetap {
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.grid---texts-reports-proxy {
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.div---heading-demo {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
}

.grid---persona-proxy {
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: stretch stretch;
}

.heading-3---grid-item-persona {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.div---grid-item-persona {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 6px;
  flex-flow: column;
  padding: 20px 20px 15px;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

.sub-heading-text---persona {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.section---persona-proxy {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---persona-proxy.extra-padding---mobile {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---persona-proxy {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container---persona-proxy.container---extra-width {
  align-items: center;
  display: block;
}

.section---why-onetap {
  background-color: #f4f9ff;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---dropdown-col-center {
  grid-column-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.div---inner-persona {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div---inner-persona-proxy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-408 {
  width: 24px;
}

.text-block-77 {
  font-size: 15px;
  font-weight: 400;
}

.cell---hero-list-proxy {
  justify-content: center;
  align-items: flex-start;
}

.div---image-cta {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.text---cta-proxy-at {
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  line-height: 33px;
}

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

.div---how-onetap {
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px 60px 40px;
  box-shadow: 0 0 5px #0003;
}

.div---how {
  padding-left: 20px;
  padding-right: 20px;
}

.grid---how-onetap-works {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area"
  / 1.25fr .25fr 1.25fr .25fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.heading---how-onetap {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.div---inner-how-onetap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h1-hero---proxy {
  padding-right: 330px;
  font-size: 14px;
  line-height: 22px;
}

.section---hero-proxy-attendance {
  padding-top: 100px;
  padding-bottom: 60px;
}

.section---prevent-proxy-attendance {
  padding-top: 60px;
  padding-bottom: 80px;
}

.stack---prevent-proxy-at {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  padding: 10px 10px 0;
}

.h2-heading---hero-proxy-attendance {
  text-transform: capitalize;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 42px;
  font-weight: 700;
}

.h2-heading---prevent-proxy-at {
  margin-top: 20px;
  font-size: 36px;
  font-weight: 600;
}

.sub-heading-text---prevent-proxy-at {
  padding-right: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div---attendance-proxy-at {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 10px;
  padding-right: 60px;
  display: flex;
}

.div-inner---attendance-proxy-at {
  flex-flow: column;
  display: flex;
}

.text---heading-proxy-at {
  text-align: left;
  font-size: 17px;
  font-weight: 500;
}

.text---attendance-proxy-at {
  font-weight: 400;
}

.container---hero-proxy-attendance {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---image-proxy-at {
  background-color: var(--light-blue);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.h3---cta-image {
  font-size: 20px;
  font-weight: 500;
}

.text---image-proxy-at {
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.div---h2-proxy-at {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.sub-heading-text---proxy-at {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div-inner---restrictions-proxy-l {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h3---heading-restrictions-proxy-at {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
}

.h4---heading-restrictions-proxy-at {
  color: #1a1b1f;
  margin-top: 5px;
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}

.text---restrictions-proxy-at {
  font-size: 16px;
  font-weight: 400;
}

.div-inner-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div---cta-proxy-at {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 0 3px #0003;
}

.h2-heading---cta-proxy {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
}

.stack---cta-proxy-at {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0 40px;
}

.text---cta-proxy {
  font-weight: 400;
}

.div---how-proxy-at {
  background-color: var(--white);
  border-radius: 10px;
  padding: 60px 60px 40px;
}

.section---persona-proxy-at {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---persona-proxy-at.extra-padding---mobile {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container---persona-proxy-at {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---grid-item-persona-proxy-at {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.div---customer-profile-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.text---hero-customer-quote-proxy-at {
  font-size: 16px;
  font-weight: 400;
}

.div---quote-proxy-at {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.section---problem-proxy-at {
  padding-top: 60px;
  padding-bottom: 0;
}

.div---problem-proxy-at {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.youtube-2 {
  opacity: 1;
  border-style: solid;
  border-width: 7px;
  border-radius: 7px;
  margin-top: -100px;
  box-shadow: 0 0 1px #0003;
}

.container---problems-proxy-at {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---cta-with-heading-proxy-at {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 180px;
  padding-right: 180px;
  display: flex;
}

.div---privacy-proxy-at {
  background-color: var(--section-logo);
  border-radius: 20px;
  padding: 40px 20px;
}

.heading-3---ferpa-proxy-at {
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 33px;
}

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

.div---heading-persona-proxy {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.sub-heading-text---persona-proxy {
  text-align: center;
  padding-left: 180px;
  padding-right: 180px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.heading-3---grid-item-persona-proxy-at {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.grid---persona-proxy-attendance {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text---persona-proxy {
  font-size: 15px;
  font-weight: 400;
}

.icon---persona-proxy-at {
  width: 33px;
}

.grid---persona-proxy-r2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 24px;
  padding-left: 40px;
  padding-right: 40px;
}

.text---client-quote {
  text-align: center;
  padding-left: 220px;
  padding-right: 220px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.div---quote-proxy-at1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.section---alternatives-proxy-attendance {
  padding-top: 60px;
  padding-bottom: 100px;
}

.column---other-apps {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div---other-alternatives {
  padding: 20px;
}

.paragraph---other-apps {
  color: #575757;
  font-weight: 400;
}

.heading---other-apps {
  color: var(--light-black);
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  display: flex;
}

.div---column-l-other-apps {
  background-color: #f3f3f3;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.div---column-r-onetap-attendance {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--light-blue);
  flex-flow: row;
  padding: 40px 30px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-166 {
  grid-column-gap: 5px;
  align-items: flex-start;
  display: flex;
}

.image---logo {
  width: 24%;
}

.text---before-onetap {
  padding-left: 20px;
  font-weight: 400;
  line-height: 30px;
}

.heading---after-onetap {
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  display: flex;
}

.sub-heading-text---other-apps-proxy-at {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div---heading-persona {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-411 {
  width: 42px;
  height: 42px;
}

.grid---check-in-restriction-l {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  padding-left: 50px;
  padding-right: 50px;
}

.div---check-in-l {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.div---check-in-l.grid---mobile {
  display: none;
}

.image-412.small-width---mobile {
  width: 240px;
}

.grid---check-in-restriction-r {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  padding-left: 50px;
  padding-right: 50px;
}

.div---image-check-in-l {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div---text-check-in-r {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.left, .right {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.popular-2 {
  background-color: var(--alice-blue-backgrounds);
  width: 70px;
  height: 30px;
  color: var(--one-tap-blue-med);
  border-radius: 10px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding-top: 10px;
  font-size: 13px;
  display: flex;
}

.popular-2.pricing-home {
  border-radius: 7px;
}

.features {
  margin-bottom: 30px;
}

.card-content-pricing {
  padding: 40px 24px;
}

.switch-p {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.card-buttons-pricing {
  margin-top: 20px;
}

.card-buttons-pricing.pricing-paid-home {
  margin-top: 10px;
}

.green {
  color: #adff14;
}

.card-price-pricing-new {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: auto;
  display: flex;
}

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

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

.card-header {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-top-pricing {
  padding: 20px 15px 0;
}

.card-top-pricing.white {
  border-bottom-color: #ffffff4d;
}

.capitalize {
  text-transform: uppercase;
}

.capitalize.mb-10 {
  margin-bottom: 10px;
}

.heading---plans-pricing {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.heading---plans-pricing.pro-plan-text {
  color: var(--light-blue);
  font-size: 36px;
}

.heading---plans-pricing.custom-plan {
  font-size: 33px;
  line-height: 33px;
}

.heading---plans-pricing.pricing---heading-home {
  font-size: 26px;
  line-height: 40px;
}

.heading---plans-pricing.pricing-home {
  margin-top: 11px;
  line-height: 40px;
}

.heading---plans-pricing.pricing-home.custom-pricing-home {
  margin-top: 18px;
  font-size: 42px;
  line-height: 40px;
}

.heading---plans-pricing.pricing-paid-home {
  font-size: 36px;
}

.heading---plans-pricing.pricing-bts-offer {
  margin-top: 20px;
  line-height: 40px;
}

.heading---plans-pricing.pricing-bts-offer.custom-pricing-home {
  margin-top: auto;
  font-size: 42px;
  line-height: 40px;
}

.heading---plans-pricing.pricing-bts-offer.custom-pricing-home.offer-pricing-bts-new {
  color: var(--one-tap-blue-med);
  margin-top: 8px;
}

.heading---plans-pricing.offer-pricing-bts {
  color: var(--one-tap-blue-med);
  margin-top: 0;
  font-size: 36px;
}

.heading---plans-pricing.current-pricing {
  margin-top: 10px;
  font-size: 36px;
}

.heading---plans-pricing.current-pricing-num {
  margin-top: 10px;
  font-size: 36px;
  -webkit-text-decoration: line-through #ce1e1e;
  text-decoration: line-through #ce1e1e;
  text-decoration-thickness: 4px;
}

.heading---plans-pricing.section-pricing.card-highlight-pricing, .heading---plans-pricing.section-pricing.text-color---white {
  color: var(--white);
}

.heading---plans-pricing.section-pricing {
  color: #020817;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.custom-css {
  display: none;
}

.check-line {
  grid-column-gap: 15px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.check-line.last {
  margin-bottom: 0;
}

.button---plan-pricing {
  color: #fff;
  white-space: nowrap;
  background-color: #111828;
  border: 1px solid #111828;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  text-decoration: none;
  display: flex;
}

.button---plan-pricing.mb-10 {
  margin-bottom: 10px;
  padding-top: 10px;
  transition: color .2s, border-color .2s, background-color .2s;
}

.button---plan-pricing.mb-10:hover {
  background-color: var(--one-tap-blue-med);
  font-weight: 500;
}

.button---plan-pricing.transparent {
  color: #111828;
  background-color: #fff;
  border-color: #1118284d;
  padding-top: 10px;
  transition: color .2s, background-color .2s;
}

.button---plan-pricing.transparent:hover {
  background-color: #11182880;
  border-color: #111828b3;
}

.button---plan-pricing.transparent.blue:hover {
  color: #fff;
  background-color: #0000;
  border-color: #ffffffb3;
}

.button---plan-pricing.green {
  color: #111828;
  background-color: #adff14;
}

.button---plan-pricing.green.mb-10 {
  border-color: var(--one-tap-blue-med);
  background-color: var(--light-blue);
  cursor: pointer;
  padding-top: 10px;
}

.button---plan-pricing.green.mb-10:hover {
  background-color: #fff;
  border-color: #fff;
}

.button---plan-pricing.green.mb-10.custom-plan {
  background-color: var(--light-black);
}

.button---plan-pricing.green.mb-10.pricing-home {
  border-radius: 7px;
  height: 48px;
}

.button---plan-pricing.green.mb-10.pricing-home.pro-plan-home {
  background-color: var(--one-tap-blue-med);
  padding-left: 20px;
  padding-right: 20px;
}

.button---plan-pricing.green.mb-10.pricing-home.card-free-priciing-home {
  border-color: var(--text-grey);
  background-color: var(--white);
}

.button---plan-pricing.green.mb-10.pricing-paid-home {
  height: 48px;
}

.button---plan-pricing.green.mb-10.pricing-paid-home:hover {
  border-color: var(--one-tap-blue-med);
}

.cards-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  display: grid;
}

.cards-wrap.pricing-home {
  grid-column-gap: 5px;
}

.switch---pricing {
  border: 1px solid #1118284d;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 390px;
  height: 57px;
  padding: 2px;
  display: flex;
  position: relative;
}

.card-3 {
  border: 1px solid #1118284d;
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 3px 5px #0003;
}

.card-3.blue {
  background-color: #111828;
}

.card-3.background-black {
  background-color: var(--light-black);
  color: var(--light-blue);
}

.card-3.pricing-home {
  background-color: #fff;
  flex-flow: column;
  align-items: stretch;
  padding: 20px;
}

.card-3.pricing-home.free-plan-home {
  padding-left: 20px;
  padding-right: 20px;
}

.card-3.pricing-home.card-highlight-pricing {
  background-color: var(--light-black);
  color: var(--white);
}

.wrap---annual-pricing {
  cursor: pointer;
  margin-right: 5px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.heading---plan-pricing {
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.heading---plan-pricing.pricing-home {
  font-size: 25px;
}

.container---plan-pricing {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

.wrap---monthly-pricing {
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.switch-wrap-pricing-2 {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.shadow-3 {
  display: none;
}

.switcher-3 {
  z-index: -1;
  background-color: #111828;
  border-radius: 8px;
  width: 150px;
  height: 50px;
  position: absolute;
}

.section---plan-pricing {
  padding-top: 20px;
  padding-bottom: 40px;
}

.tabs-menu-plan-pricing {
  display: none;
}

.text---plan-pricing {
  color: gray;
  padding-right: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.text---plan-pricing.pro-plan-text {
  color: var(--light-blue);
}

.text---plan-pricing.pricing-home {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-size: 13px;
  font-weight: 400;
}

.text---plan-pricing.pricing-home.card-highlight-pricing {
  color: #d4d4d8;
}

.subtext---plan-pricing-copy {
  font-weight: 500;
  line-height: 24px;
}

.paragraph-48 {
  font-weight: 600;
}

.paragraph-48.pricing-home {
  font-weight: 500;
}

.button-text---pricing.text-color---white {
  color: var(--one-tap-blue-med);
  font-weight: 600;
}

.button-text---pricing.text-color---white.custom-plan {
  color: var(--alice-blue-backgrounds);
  font-weight: 500;
}

.button-text---pricing.text-color---white.pricing-home {
  font-weight: 500;
}

.button-text---pricing.text-color---white.pricing-home.pro-plan-home {
  color: var(--light-blue);
}

.button-text---pricing.text-color---white.pricing-home.card-free-priciing-home {
  color: var(--light-black);
}

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

.text-size-small.text-color-grey {
  color: var(--light-black);
  font-weight: 400;
  line-height: 23px;
}

.heading---hero-pricing {
  text-align: center;
  margin-top: 20px;
  font-size: 46px;
  font-weight: 700;
}

.h1-hero---pricing {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  line-height: 22px;
}

.paragraph-49 {
  text-align: center;
  margin-top: 60px;
  font-weight: 400;
}

.section---why-onetap-pricing {
  padding-top: 40px;
  padding-bottom: 100px;
}

.grid---why-onetap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.item-container---why-onetap {
  grid-row-gap: 10px;
  background-color: #f4f9ff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 15px 20px 20px;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.title---grid-why-onetap {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.div---why-onetap {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-inner---why-onetap {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.icon---why-onetap-pricing {
  width: 20px;
  height: 20px;
}

.text---why-onetap {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.padding-global-2 {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-2.padding-section-large {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

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

.faq-item {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.minus {
  background-color: #6b7280;
  border-radius: 20px;
  width: 72%;
  height: 2px;
  position: absolute;
}

.faq-answer {
  text-align: left;
  border-bottom: 1px #cfcfcf;
  width: 100%;
  overflow: hidden;
}

.faqs-heading {
  width: 96%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.faq-p {
  color: #4b5563;
  margin-bottom: 25px;
  margin-left: 34px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 26px;
}

.accordion-wrap {
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 17px 14px 40px #9c9c9c26;
}

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

.plus {
  background-color: #6b7280;
  border-radius: 20px;
  width: 2px;
  height: 72%;
  position: absolute;
}

.faq-question-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #222;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 25px 20px 25px 34px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.faq-question-2:hover {
  color: #0170f0;
}

.p-m-wrap {
  border: 2px solid #6b7280;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.faqs-section-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.heading---faq-pricing {
  text-align: center;
  margin-top: 20px;
  font-size: 26px;
}

.sticky-grid-pricing {
  z-index: 4;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #edf1fd;
  background-color: #f2f3ff;
  border-bottom: 1px solid #f2f3ff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 5px;
  position: sticky;
  top: 70px;
}

.table-cell {
  color: #b7bbd1;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.table-cell.featured {
  background-color: var(--light-blue);
  color: #434de7;
}

.table-cell.pro-plan-border-lr {
  border-right: 2px solid var(--one-tap-blue-med);
  border-left: 2px solid var(--one-tap-blue-med);
}

.spacer-xxl {
  width: 100%;
  height: 50px;
}

.price-category-wrap {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: -5px;
  display: flex;
}

.main-container {
  width: 100%;
  max-width: 1100px;
}

.pricing-chart-grid {
  grid-column-gap: 1px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  font-size: 18px;
}

.placeholder-spacer {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: 65px;
}

.icon-5 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.icon-5.dark {
  color: #000;
}

.icon-5.features-all {
  color: #000;
  width: 21px;
  height: 21px;
}

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

.pricing-sticky-bg-wrap {
  background-color: #000;
  border-top-right-radius: 5px;
  padding-top: 0;
}

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

.content-wrap-center.max-width-800 {
  max-width: 800px;
}

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

.chart-wrap {
  border: 1px solid #f2f3ff;
  border-radius: 0;
  width: 100%;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

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

.pricing-title-wrap-sticky {
  color: #fff;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.pricing-title-wrap-sticky.custom-plan {
  background-color: var(--light-blue);
  color: #000;
  border-radius: 0;
  font-weight: 600;
}

.pricing-title-wrap-sticky.middle {
  background-color: #fff;
}

.pricing-title-wrap-sticky.pro-plan {
  border-top: 2px solid var(--royal-blue);
  border-right: 2px solid var(--royal-blue);
  border-left: 2px solid var(--royal-blue);
}

.outer-chart-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f2f3ff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.table-cell-title {
  grid-row-gap: 10px;
  color: #000;
  text-align: left;
  background-color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 75px;
  padding: 20px;
  display: flex;
}

.blurb-txt {
  color: #000;
  font-weight: 600;
}

.blurb-txt.text-color {
  color: var(--one-tap-blue-med);
}

.text-block-78 {
  font-weight: 500;
  line-height: 24px;
}

.text---feature-description-pricing {
  color: var(--text-grey);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.pricing-tab-link {
  text-align: center;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  transition: all .2s;
}

.pricing-tab-link.w--current {
  background-color: var(--one-tap-blue-med);
  color: #fff;
  text-align: center;
  border-radius: 8px;
}

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

.tabs-menu---switch-pricing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu---switch-pricing.pricing-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 20px;
}

.tabs-content---pricing {
  overflow: visible;
}

.div---compare-pricing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--one-tap-blue-med);
  justify-content: center;
  align-items: center;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.image-413 {
  width: 15px;
}

.text-block-79 {
  font-weight: 500;
}

.price-box--pro4 {
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.pricing-item {
  background-color: #fff;
  border: 1px #333;
  flex-direction: column;
  display: flex;
  position: relative;
}

.pricing-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.price-box--pro2 {
  margin-bottom: 10px;
  display: none;
}

.pricing-controls {
  flex-direction: column;
  align-items: center;
  margin-bottom: 43px;
  display: flex;
}

.pricing-controls.absolute {
  z-index: 6;
  align-items: flex-end;
  margin-bottom: 0;
}

.profiles-item {
  color: #0065f7;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 25px;
  text-decoration: none;
}

.profiles-item.in-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0 5px 14px;
  line-height: 25px;
}

.profiles-item.in-dropdown.w--open {
  line-height: 25px;
}

.profiles-item.in-dropdown.flex {
  color: #171819;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.profiles-item.in-dropdown-list {
  color: #171819;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  font-size: 20px;
  line-height: 24px;
  transition: all .2s;
}

.profiles-item.in-dropdown-list {
  color: #171819;
  text-align: left;
  text-transform: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  transition: all .2s;
}

.profiles-item.in-dropdown-list:hover {
  color: #636363;
}

.pro2-label, .pro4-label, .pro5-label {
  font-size: 15px;
  line-height: 22px;
  display: none;
}

.zar-label-2, .ghs-label-2 {
  font-size: 17px;
  display: none;
}

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

.pricing-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-content: center;
  max-width: 1226px;
}

.pro1-label {
  font-size: 15px;
  line-height: 22px;
  display: block;
}

.dropdown-container-2 {
  background-color: #fff;
  border: 1px solid gray;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  margin-top: 3px;
  display: none;
  overflow: hidden;
}

.pricing-wrapper-2 {
  font-family: Montserrat, sans-serif;
  position: relative;
}

.div---pricing-details {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.pro3-label {
  font-size: 15px;
  line-height: 22px;
  display: none;
}

.sgd-label-2 {
  font-size: 17px;
  display: none;
}

.div---pricing-feature {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.dropdown-trigger-2 {
  background-color: #e8eaf6;
  border-radius: 6px;
  align-items: center;
  width: 180px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-trigger-2:hover {
  background-color: #c3c9e8;
}

.price-box-pro-plus1 {
  margin-bottom: 10px;
  display: block;
}

.price-box-pro3 {
  display: none;
}

.price-box-pro5 {
  padding-left: 0;
  display: none;
}

.inr-label-2 {
  font-size: 17px;
  display: none;
}

.section---use-case-courses {
  background-color: var(--section-logo);
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---use-case-courses {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.tabs---use-cases {
  width: 100%;
  max-width: 1140px;
}

.tabs-menu-use-cases {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-grid---use-cases {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  width: 100%;
  height: 100%;
}

.tab-panel---use-cases {
  background-color: #fff;
  border-radius: 15px;
  align-items: center;
  min-height: 500px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  box-shadow: 0 60px 100px -50px #151c344f;
}

.tabs-content---use-cases {
  padding-top: 40px;
  overflow: visible;
}

.content-block---use-case {
  background-color: var(--light-blue);
  text-align: left;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.heading-3---title-use-cases {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---title-use-cases.text-height---mobile {
  color: #0c0c0c;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.subheading---use-cases {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.subheading---use-cases.text-height---mobile {
  color: #0c0c0c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.grid---courses-use-case {
  grid-template-columns: 1fr 1fr 1fr;
}

.div---courses {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 20px 10px 5px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.heading-3---courses-use-case {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.div---content-block-use-case {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div---feature-use-case {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon---use-case {
  width: 24px;
  height: 24px;
}

.heading--feature-use-case {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.text---tab-menu-use-case {
  font-weight: 400;
  line-height: 24px;
}

.tab-button-use-case {
  opacity: .7;
  color: #151c34;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  display: flex;
}

.tab-button-use-case.w--current {
  opacity: 1;
  color: #151c34;
  background-color: #0000;
  position: relative;
}

.section---benefits-courses-attendance {
  background-color: #0000;
  padding-top: 100px;
  padding-bottom: 10px;
}

.grid---check-in-methods-courses {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.div---content-check-in-method {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.title---check-in-method {
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}

.title---check-in-method.text---color-steel-blue {
  color: var(--one-tap-blue-med);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.text---content-block-inner {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.grid---other-check-ins-courses {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 20px;
  display: grid;
}

.div-block-170 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.main-wrapper.taller {
  width: 100%;
  height: 15vh;
}

.heading-large {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-large.rotate-text {
  color: #dcdfea;
  white-space: nowrap;
  font-weight: 600;
}

.infinite-rotation-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track-vertical {
  flex-direction: column;
  padding-right: 10px;
  display: flex;
  position: absolute;
}

.vertical-scroll-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 42ch;
  padding-left: 10px;
  position: relative;
}

.text-rotation-wrapper {
  display: flex;
}

.container---hero-training-course {
  max-width: 90%;
}

.container---hero-training-course.container---extra-width {
  max-width: 1140px;
}

.container---hero-training-course.container---extra-width.container---ipad-padding {
  max-width: 1080px;
}

.heading---hero-training-course {
  font-weight: 700;
  line-height: 55px;
}

.subheading---hero-training-course {
  font-size: 18px;
  font-weight: 400;
}

.section---testimonial-course {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---testimonial-course.extra-padding---mobile {
  background-color: var(--light-blue);
}

.grid---others-training-courses-app {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.cell-33 {
  justify-content: center;
  align-items: center;
}

.quick-stack-10 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.mw-navigation-old {
  background-color: #fff;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: sticky;
  top: 0;
}

.div---cta-nav {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--section-logo);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.image-414 {
  border-radius: 10px;
  margin-bottom: 5px;
}

.text-block-81 {
  text-transform: none;
}

.div---list-nav {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-415 {
  width: 9%;
}

.text-block-83 {
  font-size: 13px;
  line-height: 20px;
}

.dropdown-column-left-center {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  height: 100%;
  display: flex;
}

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

.dropdown-column-right-cta {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35%;
  height: 100%;
  display: flex;
}

.dropdown-wrapper-flex-features {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 10px;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper-flex-features.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.horizontal-line {
  background-color: #8080806b;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.color-currency {
  color: gray;
  vertical-align: super;
  font-size: 24px;
  text-decoration: none;
}

.color-currency.pro-plan-text {
  color: var(--light-blue);
}

.div---profiles {
  -webkit-text-stroke-color: #e8eaf6;
  background-color: #e8eaf6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.text---profiles {
  color: #212529;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
}

.card-bottom-features {
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.tick-icon {
  width: 10%;
  margin-top: 3px;
}

.feature-list---pricing {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #8080806b;
  flex-flow: column;
  margin-top: 20px;
  padding-top: 30px;
  display: flex;
}

.plan-list-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.plan-box {
  grid-column-gap: 8px;
  align-items: center;
  margin-top: 8px;
  font-weight: 500;
  line-height: 2;
  display: flex;
}

.plan-box.hover {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.pricing-hover-text.pro-plan-text {
  color: var(--light-black);
}

.pricing-hover {
  text-align: center;
  background-color: #e8eaf6;
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  display: none;
  position: absolute;
  inset: auto 0% 111%;
}

.tool-tip {
  background-color: #e8eaf6;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: auto auto -4px 10%;
  transform: rotate(45deg);
}

.div---spacer-lp-xsm {
  height: 10px;
}

.div---cta-nav-i {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--section-logo);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 40px;
  padding: 20px;
  display: flex;
}

.dropdown-column-r {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  display: flex;
}

.subtext---hero-self-check-in {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 400;
}

.section---hero-self-check-in-qr {
  padding-top: 100px;
  padding-bottom: 60px;
}

.section---feature-comparison-alternative-copy {
  padding-top: 20px;
  padding-bottom: 100px;
}

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

.quick-stack---benefits-self-check-in-qr {
  padding-left: 40px;
  padding-right: 40px;
}

.grid---benefits-self-check-in-qr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.item-container---grid-benefits-self-check-in-qr {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  padding: 40px 25px;
  display: flex;
  box-shadow: 0 0 6px #0003;
}

.item-container---grid-benefits-self-check-in-qr.gforms-alternative {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-blue);
  box-shadow: none;
  border-radius: 0;
  padding: 20px 10px;
}

.grid---title-benefits-self-check-ins {
  align-self: auto;
  margin-top: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

.grid---title-benefits-self-check-ins.extra-font-size {
  color: var(--one-tap-blue-med);
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 600;
}

.div---grid-title-benefits {
  flex-flow: column;
}

.text-benefits-self-check-ins {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.grid---list-benefits-self-check-in-qr {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr 1.75fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  padding-top: 20px;
  display: grid;
}

.div---benefits-self-check-ins {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title---more-benefits {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.div---text-more-benefits {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.section---features-attendance-tracking {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---features-attendance-tracking {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
}

.text---feature-attendance-tracking {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.div---grid-features {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-417 {
  width: 33px;
}

.heading-3---grid-features {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-features.text-height---mobile {
  font-size: 19px;
  font-weight: 500;
  line-height: 30px;
}

.item-container---grid-how-it-works-self-check-in-qr {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-how-it-works-self-check-in-qr.hv2 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  box-shadow: 0 0 5px #0003;
}

.description---grid-how-it-works-self-check-in-qr {
  margin-top: 0;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.title---grid-how-it-works-self-check-in-qr {
  align-self: auto;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}

.hero-paragraph-list-text-gforms-qr-code {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.div---hero-list-gforms {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--light-blue);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.image-418 {
  padding-top: 1px;
}

.quick-stack-11 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding: 10px 0;
}

.section---persona-google-form-qr {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.tabs-menu---forms-qr {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title---personal-form-qr {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.container---google-forms-qr {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.tab-link---gforms-qr {
  color: #6f6c90;
  background-color: #fff;
  border: 1.5px solid #eff0f6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  transition: flex-grow .2s, border-color .3s, color .3s;
  display: flex;
  box-shadow: 2px 2px 14px #080f340a;
}

.tab-link---gforms-qr:hover {
  border-color: #4a3aff;
}

.tab-link---gforms-qr.w--current {
  border-color: var(--one-tap-blue-med);
  color: #4a3aff;
  -webkit-text-stroke-color: var(--one-tap-blue-med);
  background-color: #fff;
}

.tab-link---gforms-qr.w--current:hover {
  color: var(--one-tap-blue-med);
}

.section---why-onetap-over-gforms-qr {
  padding-top: 100px;
  padding-bottom: 100px;
}

.column---gform-qr-vs-onetap {
  flex-direction: row;
  display: flex;
}

.section---why-onetap-gforms {
  padding-top: 100px;
  padding-bottom: 100px;
}

.subtext---hero-self-check-in-qr {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 400;
}

.cell-34 {
  justify-content: flex-start;
  align-items: stretch;
}

.trigger-card-2 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 240px 0% auto;
}

.card-main-image-container {
  z-index: -2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.section-24 {
  background-color: #f4f9ff;
  width: 100%;
  height: 1000px;
  padding: 5vh;
  position: relative;
}

.trigger-card-3 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 330px 0% auto;
}

.text-wrapper-2 {
  padding-top: 0;
}

.card-content-icon {
  width: 30px;
}

.card-wrapper {
  background-color: #fff;
  border: 1px solid #ffdede99;
  border-radius: 15px;
  width: 800px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: relative;
  transform: translate(0, 350px);
  box-shadow: 0 30px 40px #806f6f26;
}

.cards-container {
  perspective: 2000px;
  height: 90vh;
  padding-top: 100px;
  position: sticky;
  top: 5vh;
}

.trigger-card-1 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 140px 0% auto;
}

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

.card-content-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  margin: auto;
}

.heading---gforms-qr {
  margin-top: 20px;
}

.heading---gforms-qr.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.div---benefits-user-gforms-qr {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

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

.text---title-container-persona {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.trigger-card-4 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 420px 0% auto;
}

.button-10 {
  background-image: linear-gradient(180deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #000;
  border-radius: 5px;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
}

.button-10:hover {
  box-shadow: 1px 1px 6px #0000004d;
}

.button-10.white {
  grid-column-gap: 15px;
  color: #fff;
  background-color: #7bf4e000;
  border: 1px solid #fff;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-25 {
  background-color: #f4f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.text {
  margin-top: 20px;
  font-size: 18px;
  line-height: 26px;
}

.card-image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 444px;
}

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

.button-box {
  grid-column-gap: 20px;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.horizontal-social-wrapper {
  grid-column-gap: 20px;
  color: #fff;
  align-items: center;
  margin-top: 30px;
  font-style: italic;
  font-weight: 300;
  display: flex;
}

.horizontal-content {
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.stacking-cards-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.navigator-flex {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  border: .3px solid var(--medium-blue);
  background-color: #fff;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 80%;
  margin-bottom: 0;
  padding: 65px 60px;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 0 7px #806f6f26;
}

.navigator-flex.reverse-flex {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row-reverse;
}

.grad-span {
  -webkit-text-fill-color: transparent;
  background-color: #7bf4e0;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.hero-heading {
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 40px;
}

.identity-box {
  grid-column-gap: 10px;
  color: #000;
  background-color: #ffffff1a;
  border-radius: 6px;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.hero-text {
  text-align: center;
  max-width: 700px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 36px;
}

.tab-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
}

.text-block-86 {
  font-weight: 500;
}

.cell-35 {
  align-items: stretch;
}

.h2-heading-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.h2-heading-wrapper.taller {
  width: 100%;
  height: 15vh;
  padding-left: 5%;
  padding-right: 0%;
}

.container---use-case-google-forms {
  flex-direction: column;
  flex: 1;
  max-width: 1080px;
  display: flex;
}

.title---feature-comparison-table {
  color: var(--light-black);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.title---feature-comparison-table.text-color---royal-blue {
  color: var(--one-tap-blue-med);
}

.heading---column-r-onetap-alternative {
  text-align: left;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
  display: flex;
}

.h2-vertical-scroll-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 3px;
  position: relative;
}

.h2-infinite-rotation-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 10%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-image-1 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 480px;
}

.card-image-2 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 400px;
}

.card-image-3 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 370px;
}

.card-image-4 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 250px;
}

.card-image-5 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 270px;
}

.section---use-case-forms-qr {
  background-color: #f4f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.tabs-v---gforms-qr {
  align-self: center;
  margin-top: 20px;
}

.button-box---gforms-qr {
  grid-column-gap: 20px;
  align-items: stretch;
  margin-top: 24px;
  display: flex;
}

.section---use-case-forms-qr-mobile {
  background-color: #f4f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
  position: relative;
}

.card-tabs-mobile {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 26px;
  box-shadow: 4px 4px 14px #080f340a;
}

.card-tabs-mobile.tabs-v1 {
  padding: 55px 63px;
}

.navigator-image-gforms-qr {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---icon-text {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-image-mobile {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 480px;
}

.title---personal-form-qr-mobile {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.container---google-forms-alternative-copy {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.text---feature-gforms-qr {
  text-align: center;
  margin-top: 60px;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.div---hero-gforms-qr-mobile {
  display: none;
}

.section---hero-gforms-templates {
  background-color: var(--one-tap-blue-med);
  background-image: url('../images/Gradient.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading--hero-gforms-templates-lp {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 700;
}

.container---hero-gforms-templates {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.stack---hero-gforms-templates {
  grid-column-gap: 30px;
  padding: 0 10px 10px;
}

.cell---hero-image-gforms-templates {
  justify-content: center;
  align-items: center;
}

.img---hero-google-forms-templates {
  border-radius: 10px;
  height: 850px;
  position: absolute;
  inset: 20% auto auto;
}

.sub-heading---hero-gforms-templates {
  color: #fcfcfc;
  padding-right: 60px;
  font-size: 18px;
  line-height: 30px;
}

.cell---hero-description-gforms-templates {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: flex-start;
}

.section---gforms-templates {
  padding-top: 60px;
  padding-bottom: 20px;
}

.subheading---hero-paragraph {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.button---gforms-templates {
  background-color: var(--light-black);
  border-radius: 15px;
  padding: 10px 20px;
  font-size: 17px;
  font-weight: 500;
}

.button---gforms-templates:hover {
  color: #fff;
  box-shadow: 0 0 3px #f8f7f761;
}

.container---gforms-templates {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---gforms-templates {
  flex-flow: column;
  width: 450px;
  display: flex;
}

.heading---gforms-templates {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}

.para---gforms-templates {
  font-size: 14px;
  font-weight: 400;
}

.section---create-gforms-templates {
  background-color: var(--light-blue);
  background-image: url('../images/Gradient-4.svg'), url('../images/Gradient-3.svg');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding-top: 150px;
  padding-bottom: 140px;
}

.div---heading-gforms-templates {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.subheading---gforms-templates {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 400;
}

.div---button-gforms-templates {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.sub-heading---top-gforms-templates {
  font-size: 18px;
  line-height: 30px;
}

.heading-39 {
  font-size: 30px;
  font-weight: 500;
  line-height: 42px;
}

.cell-36 {
  justify-content: flex-end;
  align-items: flex-end;
}

.button---gforms-templates-lp {
  background-color: #494949;
  border-radius: 15px;
  padding: 10px 20px;
  font-size: 17px;
  font-weight: 500;
}

.button---gforms-templates-lp:hover {
  color: #fff;
  box-shadow: 0 0 3px #f8f7f761;
}

.para---gforms-templates-lp {
  font-size: 16px;
  font-weight: 400;
}

.quick-stack-12 {
  padding-left: 0;
  padding-right: 0;
}

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

.section---other-gforms-templates {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section---onetap-gforms-templates {
  background-color: var(--light-blue);
  background-image: url('../images/Gradient-3.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 150px;
  padding-bottom: 100px;
}

.div---subheading-gforms-templates-onetap {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.subheading---para-gforms-templates {
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  font-weight: 400;
}

.button---onetap-gforms-templates {
  background-color: var(--royal-blue);
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 17px;
  font-weight: 600;
}

.button---onetap-gforms-templates:hover {
  color: #fff;
  box-shadow: 0 0 3px #f8f7f761;
}

.image-419 {
  align-self: center;
  width: 90%;
}

.section---google-forms-templates {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cell---image-hero-google-forms-templates {
  justify-content: center;
  align-items: center;
}

.grid---google-forms-tempaltes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
}

.div---list-google-forms-templates {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--one-tap-blue-med);
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.image---list-gforms {
  position: relative;
  top: -35px;
}

.title---text-gforms-templates {
  color: #fcfcfc;
  font-size: 17px;
  line-height: 28px;
}

.div-block-174 {
  align-self: flex-start;
  padding-top: 10px;
}

.para---text-gforms-templates {
  color: #fcfcfc;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 300;
}

.link---gforms-templates {
  color: #fcfcfc;
}

.image-421 {
  border-radius: 10px;
  box-shadow: 0 0 5px #0003;
}

.div---list-google-forms-templates-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #0170f0;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-176 {
  align-self: flex-start;
  padding-top: 10px;
}

.image---create-google-forms {
  border-radius: 10px;
  margin-top: 20px;
}

.navmenu__dropdown-section-link-heading {
  margin-right: 8px;
  line-height: 1.5;
}

.navbar__container {
  justify-content: space-between;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navmenu__dropdown-container {
  z-index: 1;
  justify-content: space-between;
  max-width: 1280px;
  display: flex;
  position: static;
}

.cta-button__sub-text {
  opacity: .8;
  font-weight: 400;
}

.navbar__navmenu-mobile {
  display: none;
}

.navmenu__dropdown-section-link {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link:hover, .navmenu__dropdown-section-link:focus {
  color: #4353ff;
}

.link-list__dropdown-toggle {
  color: #1b1b1b;
  align-items: center;
  height: 100%;
  padding: 16px 0;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__dropdown-toggle:hover {
  color: #4353ff;
  box-shadow: inset 0 -3px #4353ff;
}

.link-list__dropdown-toggle.w--open {
  box-shadow: inset 0 -3px #4353ff;
}

.navbar__mobile-overlay {
  display: none;
}

.navmenu__dropdown-right {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  padding-top: 12px;
  padding-bottom: 52px;
}

.link-list__dropdown-icon {
  align-self: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.navmenu__dropdown {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navmenu__dropdown.w--open {
  max-height: 90vh;
  overflow: auto;
}

.navmenu__flex-container {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.link-list__list-item {
  margin-right: 32px;
  display: flex;
}

.link-list__link {
  color: #1b1b1b;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__link:hover {
  color: #4353ff;
  box-shadow: inset 0 -3px #4353ff;
}

.navmenu__dropdown-section {
  margin-bottom: 40px;
}

.navmenu__dropdown-section.cc-last {
  margin-bottom: 0;
}

.navmenu__dropdown-section-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.navbar-mobile {
  z-index: 9999;
  font-size: 1rem;
  line-height: 1.7;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  transform: none;
}

.nav-menu__cta-button {
  color: #fff;
  cursor: pointer;
  background-color: #4353ff;
  align-items: center;
  padding: 12px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s, background-color .2s;
  display: flex;
}

.nav-menu__cta-button:hover {
  background-color: #3545ee;
}

.navmenu__dropdown-section-heading {
  color: #666;
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 28px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
}

.navmenu__dropdown-block {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  flex: 0 0 34%;
  padding-left: 60px;
}

.navmenu__cta-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.img---logo-nav-mobile {
  color: #1b1b1b;
  align-self: center;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: color .2s;
}

.img---logo-nav-mobile:hover {
  color: #4353ff;
}

.navmenu__dropdown-list {
  margin-bottom: 0;
}

.navbar__navmenu {
  flex: 1;
  justify-content: space-between;
  margin-left: 32px;
  transition: all .2s;
  display: flex;
  position: static;
}

.navmenu__dropdown-banner-link {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  margin-bottom: 40px;
  text-decoration: none;
}

.navmenu__content-block-overlay {
  background-color: #fafafa;
}

.navbar__wrapper {
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}

.navmenu__link-list {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.link-list__dropdown-wrapper {
  align-items: center;
  font-weight: 500;
  display: flex;
  position: static;
}

.sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  overflow: hidden;
}

.navmenu__banner-image {
  margin-bottom: -50px;
}

.navmenu__dropdown-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-right: 60px;
  display: grid;
}

.navmenu__dropdown-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  width: 100%;
  display: grid;
}

.icon-wrap-nav-mobile {
  background-color: #222;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 11px;
  display: flex;
}

.h1-heading---hero-gforms-location {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 25px;
  line-height: 60px;
}

.subtext---hero-gforms-location {
  text-align: center;
  padding-left: 6%;
  padding-right: 6%;
  font-size: 18px;
  font-weight: 400;
}

.h2-heading-wrapper---gforms-location {
  width: 100vw;
  height: 15vh;
  display: flex;
  position: relative;
}

.h2-heading-wrapper---gforms-location.taller {
  flex-flow: row;
  width: 100%;
  height: 5vh;
}

.h2-infinite-rotation-holder---gforms-location {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 25%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-large-gforms {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.25;
}

.section---hero-gforms-location {
  padding-top: 100px;
  padding-bottom: 20px;
}

.grid---title-benefits-location-tracking-onetap {
  align-self: auto;
  margin-top: 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 33px;
}

.div---inner-use-cases-gforms {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.title---inner-use-case {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.texy---use-cases {
  font-size: 16px;
  font-weight: 400;
}

.grid-tabs--use-cases {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
}

.grid-tabs--use-cases._0-75fr-left {
  grid-template-columns: .75fr 1fr;
}

.grid-tabs--use-cases._0-75fr-left.grid-align-center {
  grid-template-columns: 2fr 1fr;
}

.grid---features-gforms-location {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
}

.section---features-gforms-location {
  padding-top: 40px;
  padding-bottom: 100px;
}

.section---comparison-gforms-vs-onetap-location {
  padding-top: 40px;
  padding-bottom: 60px;
}

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

.div---inner-hero-img-l {
  width: 60%;
}

.div---inner-hero-img-r {
  width: 51%;
}

.image-423 {
  height: 200px;
}

.title---use-case-gforms-location {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.h2-heading---how-it-works {
  margin-top: 20px;
}

.h2-heading---how-it-works.heading-text-center {
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  font-weight: 600;
}

.subtext---hero-cta-gforms-location {
  text-align: center;
  padding: 5px 6% 10px;
  font-size: 12px;
  font-weight: 400;
}

.div---gforms-location {
  background-color: var(--light-blue);
  border-radius: 12px;
  padding: 20px 30px;
}

.image-424 {
  width: 30px;
}

.section---why-onetap-over-gforms-location {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-87 {
  font-size: 14px;
}

.heading---demo-gforms-attendance {
  margin-top: 20px;
  font-size: 38px;
  font-weight: 600;
}

.subtext---demo {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.div---grid-title-benefits-gforms {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.heading---gforms-location {
  margin-top: 20px;
}

.heading---gforms-location.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  font-weight: 600;
}

.grid---title-benefits-gforms-location {
  align-self: auto;
  margin-top: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container---benefits-gforms-location {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.text---benefits-gforms-location {
  padding-left: 34px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.div---cta-comparison {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---list-items-hero-onetap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text---col-l-onetap {
  font-weight: 500;
  line-height: 22px;
}

.text-span-46 {
  color: var(--one-tap-blue-med);
  vertical-align: super;
  font-size: 10px;
  font-weight: 500;
}

.section---hero-excel-alternative {
  padding-top: 100px;
  padding-bottom: 80px;
}

.container---hero-excel-alternative {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.stack---hero-excel-alternative {
  grid-column-gap: 55px;
  padding: 0 0 10px;
}

.cell---img-hero-excel-alternative {
  justify-content: center;
  align-items: center;
}

.cell---hero-description-excel-alternative {
  justify-content: center;
  align-items: flex-start;
}

.text-span---strickethrough {
  text-decoration: line-through;
  text-decoration-thickness: 3px;
}

.grid-24 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
}

.h1-heading---hero-excel-alternative {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
  line-height: 55px;
}

.div---table-left-hero-excel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--one-tap-blue-med);
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---table-right-hero-excel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: .5px solid var(--royal-blue);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.div---list-items-hero-excel {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-177 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-text---col-r-excel {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.text---col-r-excel {
  font-weight: 400;
  line-height: 22px;
}

.div---cta-hero-alternative {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img---hero-excel-alterntive {
  margin-top: 60px;
}

.section---benefit-onetap-vs-excel-alternative {
  padding-top: 60px;
  padding-bottom: 80px;
}

.heading---benefit-onetap-vs-excel-alternative {
  margin-top: 20px;
  font-weight: 600;
}

.grid---benefits-excel {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5px solid var(--text-grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.div---inner-benefits-l {
  border-top: .5px solid var(--text-grey);
  border-right: .5px solid var(--text-grey);
  padding-top: 40px;
  padding-bottom: 60px;
  padding-right: 40px;
}

.heading---title-benefit {
  margin-top: 20px;
  margin-bottom: auto;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
}

.text---benefits {
  font-weight: 400;
  line-height: 26px;
}

.div---inner-benefits-r {
  border-top: .5px solid var(--text-grey);
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 40px;
}

.section---why-onetap-vs-excel-alternative {
  background-color: #f4f9ff;
  padding-top: 60px;
  padding-bottom: 100px;
}

.grid---benefits-excel-alternatives-l {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  place-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.grid---benefits-excel-alternatives-r {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  place-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.heading---benefits-excel-alternatives-l {
  color: #1a1b1f;
  margin-top: 5px;
  margin-bottom: auto;
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
}

.div---benefits-excel-alternatives-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-right: 30px;
  display: flex;
}

.text---benefits-excel-alternatives-l {
  font-size: 17px;
  font-weight: 400;
}

.div---inner-text-benefits-excel-alternatives-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-heading-text---benefits-excel-alternatives {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.container---hero-excel-attendance-alternative {
  flex-direction: column;
  flex: 1;
  max-width: 1040px;
  display: flex;
}

.div---benefits-excel-alternatives-r {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.div---inner-text-benefits-excel-alternatives-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text---benefits-excel-alternatives-r {
  font-size: 17px;
  font-weight: 400;
}

.section---comparison-excel-vs-onetap {
  padding-top: 100px;
  padding-bottom: 60px;
}

.heading---benefits-excel-alternatives {
  text-align: center;
  margin-top: 20px;
  font-weight: 600;
}

.heading---feature-onetap-v-excel {
  margin-top: 20px;
}

.heading---feature-onetap-v-excel.heading-text-center {
  text-align: center;
  justify-content: center;
  padding-left: 15%;
  padding-right: 15%;
  font-weight: 600;
}

.grid---customers-logos-excel-alternatives {
  flex-direction: row;
  grid-template: ". . . . Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
}

.sub-heading---hero-excel-alternative {
  padding-right: 30px;
  font-size: 18px;
  line-height: 30px;
}

.section---hero-attendance-home {
  background-image: url('../images/OneTap-Hero-Home.svg');
  background-position: 50% 0;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.section---hero-attendance-home.v2 {
  padding-top: 33px;
  display: block;
}

.text---hero-home {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---heading-hero {
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.heading---hero-home-25 {
  margin-bottom: 5px;
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
}

.primary-button {
  z-index: 1;
  color: #fff;
  background-image: linear-gradient(135deg, #19fb9b .87%, #5497d5 48.75%, #9945ff);
  border: 1px solid #fff3;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 18px 28px;
  font-size: 17px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.banner-v1-title-marked {
  background-image: linear-gradient(92deg, var(--one-tap-blue-med) 50%, var(--dark-slate-blue-gradient) 84%, var(--dark-slate-blue-gradient));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.container---hero-home-25 {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.secondary-button-2 {
  z-index: 1;
  color: #fff;
  background-color: #00011c;
  border: 1px solid #fff3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 18px 28px;
  font-size: 17px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section---social-proof-hero-home {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-home.logos {
  z-index: 2;
  padding-top: 100px;
  padding-bottom: 20px;
}

.container---social-proof-home {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.client-logo-ticker-wrapper {
  border-top: 1px solid #ffffff1f;
  border-bottom: 1px solid #ffffff1f;
  margin-top: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.partner-ticker-wrap {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.single-ticker-wrap {
  flex: none;
  align-items: center;
  display: flex;
}

.partner-icon {
  flex: none;
  margin-right: 60px;
}

.div---social-proof-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text---social-proof {
  text-align: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.use-cases-tab-grid-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.09fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-cases-tab-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-title-2 {
  color: #fff;
  margin-bottom: 7px;
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
}

.section-title-2.works {
  color: var(--light-black);
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
}

.use-cases-tab-menu {
  z-index: 9;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 80px;
}

.use-case-content-wrapper {
  border-radius: 15px;
  height: 100%;
  padding: 40px 100px 45px 0;
}

.use-cases-tab-link-flex {
  justify-content: center;
  align-items: center;
}

.core-feature-img-wrap {
  position: relative;
}

.div-title-wrap {
  margin-bottom: 52px;
}

.div-title-wrap.center {
  text-align: center;
  padding-top: 30px;
  padding-left: 182px;
  padding-right: 182px;
}

.section---use-cases-home {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---use-cases-home.industry {
  padding-top: 100px;
  padding-bottom: 45px;
}

.use-cases-single-tab-link {
  background-color: #0000;
  border-radius: 15px;
  padding: 10px;
}

.use-cases-single-tab-link.w--current {
  background-color: var(--white);
  border-radius: 5px;
  height: 100%;
  padding-left: 10px;
  box-shadow: 0 0 5px #0003;
}

.container---use-cases-home {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.use-case-title {
  color: var(--light-black);
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.border-white-lenier {
  background-image: linear-gradient(#fff6, #fff3);
  border-radius: 15px;
  padding: 1px;
}

.use-cases-tab-link-details {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-weight: 500;
  line-height: 24px;
}

.use-case-img-wrapper {
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: underline;
  display: flex;
}

.section-sub-title {
  color: var(--white);
  font-size: 16px;
  line-height: 120%;
}

.div---heading-wrapper {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.heading---home {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.heading---home.comparison-home {
  padding-left: 100px;
  padding-right: 100px;
}

.heading-text---home {
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---use-cases {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  flex-flow: column;
  grid-template-columns: 2fr 1.5fr;
  margin-top: 30px;
  display: flex;
}

.div---use-cases-wrap {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-428 {
  width: 25px;
}

.list---use-cases {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.core-feature-v2-icon-flex {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.it-work-img-wrap {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 80px 50px;
  overflow: hidden;
}

.check-ins-tab-link {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 5px #0003;
}

.check-ins-tab-link.w--current {
  background-color: var(--white);
  box-shadow: 0 0 5px #0003;
}

.multiple-check-ins-tab-wrap {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.core-feature-v2-accordion-question {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.multiple-check-in-tab-menu {
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.section---persona-home {
  padding-top: 45px;
  padding-bottom: 100px;
}

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

.persona-tab-menu {
  grid-column-gap: 93px;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px 60px;
  display: flex;
}

.persona-single-tab-link {
  background-color: #0000;
  border-radius: 15px;
  align-self: center;
  padding: 10px;
}

.persona-single-tab-link.w--current {
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 0 0 4px #0003;
}

.persona-tab-link-details {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 136%;
}

.persona-tab-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---cta-hero-home {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---cta-trusted-by {
  grid-column-gap: 5px;
  grid-template-rows: auto;
  place-content: space-between center;
  place-items: center stretch;
  padding-top: 10px;
  display: flex;
}

.section---comparison-home {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---comparison-home {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.grid---comparison-columns {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.div---col-paper, .div---col-google {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 5px;
  flex-flow: column;
  padding: 40px 20px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---col-onetap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 5px;
  flex-flow: column;
  width: 33%;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div---col-onetap.bg-color---royal-blue {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: .3px solid var(--royal-blue);
  background-color: var(--light-blue);
  width: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.div---item-col-paper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div---item-col-google, .div---item-col-onetap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.text---item-col-paper {
  align-self: flex-start;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.icon---col-compare {
  align-self: flex-start;
  width: 18px;
  padding-top: 3px;
}

.title---col-comparison {
  -webkit-text-stroke-color: var(--light-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 136%;
}

.works-list-wrap {
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.single-it-works-wrapper {
  border-top: 1px solid #ffffff1a;
  padding-top: 40px;
  padding-bottom: 80px;
}

.single-works-grid-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.single-works-grid-wrap._2 {
  grid-template-columns: 1.07fr 1fr;
}

.section---how-works {
  padding-top: 100px;
  padding-bottom: 100px;
}

.works-list-item {
  grid-column-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.works-list-item._2 {
  max-width: 570px;
}

.works-list-item._1 {
  max-width: 511px;
}

.container---how-works {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.work-list-contents {
  font-size: 16px;
}

.work-list-details {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.text---top-list {
  color: var(--one-tap-blue-med);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.single-feature-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.feature-title-4 {
  color: #fff;
  margin-bottom: 12px;
  font-size: 42px;
  font-weight: 600;
  line-height: 120%;
}

.feature-card-img-wrap {
  justify-content: center;
  display: flex;
}

.feature-flex-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.integration-v2-img-wrap {
  text-align: center;
  position: absolute;
  inset: auto 0% 0%;
}

.feature-card {
  border-radius: 15px;
}

.feature-card._1 {
  transform: rotate(-15deg);
  box-shadow: 0 2px 5px #0003;
}

.feature-card._4, .feature-card._2 {
  margin-left: -9px;
  transform: rotate(15deg);
  box-shadow: 0 2px 5px #0003;
}

.feature-card._3 {
  margin-left: -9px;
  transform: rotate(-15deg);
  box-shadow: 0 2px 5px #0003;
}

.feature-details {
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
}

.feature-details.white {
  color: #fff;
  margin-bottom: 15px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
}

.single-feature-wrapper {
  background-image: linear-gradient(#151436, #070918);
  border: 1px solid #ffffff4d;
  border-radius: 15px;
  overflow: hidden;
}

.single-feature-wrapper._2 {
  background-color: #f7f7f8;
  background-image: none;
  padding: 43px 30px;
  position: relative;
  overflow: hidden;
}

.single-feature-wrapper._1 {
  background-color: #f7f7f8;
  background-image: none;
  padding: 43px 40px 50px;
}

.single-feature-wrapper.small {
  background-color: #f7f7f8;
  background-image: none;
  padding: 13px 15px 13px 35px;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.single-feature-wrapper._4 {
  background-color: var(--royal-blue);
  background-image: none;
  border-radius: 10px;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  box-shadow: 2px 2px 5px #0003;
}

.feature-title-wrap.center {
  text-align: center;
  margin-bottom: 47px;
}

.feature-title-wrap.center._3 {
  margin-bottom: 15px;
}

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

.feature-grid-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-content-wrap {
  max-width: 292px;
}

.container---features {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.feature-content-wrapper.flex {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.feature-grid-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.86fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.feature-title {
  margin-bottom: 14px;
  font-size: 23px;
  line-height: 130%;
}

.feature-grid-wrap-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.86fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  display: grid;
}

.div---feature-security {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  display: flex;
}

.subtext---feature-security {
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  box-shadow: 0 0 5px #0003;
}

.feature-security-details {
  padding-left: 30px;
  padding-right: 30px;
  line-height: 160%;
}

.section---testimonial-home {
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---testimonial-home {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.grid---testimonial {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: stretch;
}

.div---testimonial-wrap {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 1px 1px 5px #0003;
}

.text---customer-testimonial {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.div---customer-details {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text---info-client {
  font-size: 14px;
  line-height: 24px;
}

.div---testimonial-wrap-two {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f7f7f8;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 25px 20px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---testimonial-wrap-three {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--one-tap-blue-med);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 20px;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

.single-plan-tab-link {
  background-color: #0c0b24;
  border-radius: 15px;
  padding: 26px 30px;
}

.single-plan-tab-link.w--current {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
}

.section---faq-home {
  background-color: var(--light-blue);
  padding-top: 40px;
  padding-bottom: 40px;
}

.container---faq-home {
  background-color: #f4f9ff;
  border-radius: 25px;
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding: 60px;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

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

.heading---faq-home {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.grid---faq-home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.tab---faq {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 5px 20px 15px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.tab---faq:hover {
  border-color: var(--medium-blue);
}

.div-block-178 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.title---faq-home {
  color: var(--light-black);
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
}

.text---ans-faq-home {
  color: var(--light-black);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

.section---multiple-check-ins {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---multiple-check-ins {
  border-radius: 10px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.div-block-179 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.container---demo {
  flex-flow: column;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.core-feature-v2-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}

.core-feature-v2-accordion-details-2 {
  color: #1a1b1fe6;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 20px;
  font-weight: 400;
  line-height: 160%;
}

.core-feature-v2-arrow-2 {
  color: #b2b3b8;
  font-family: "Fa solid 900", sans-serif;
  font-size: 18px;
}

.it-work-img-wrap-2 {
  text-align: center;
  background-image: radial-gradient(circle at 50% 5%, #15143600, #070918), url('../images/It-Work-Bg.png'), linear-gradient(#151436, #070918);
  background-position: 0 0, 50% 0, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, 100%, auto;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding-top: 100px;
  padding-left: 65px;
  padding-right: 65px;
  overflow: hidden;
}

.it-work-img-wrap-2.v2 {
  background-image: none;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

.multiple-check-in-tab-link {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 3px #0003;
}

.multiple-check-in-tab-link.w--current {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 3px #0003;
}

.multiple-check-in-tab-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template: "Tabs-Menu"
  / 2fr 1.22fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.core-feature-v2-accordion-ans {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.core-feature-v2-accordion-ans.tab---highlighted {
  padding-left: 10px;
}

.grid---persona-tab-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.div---inner-persona-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: .1px solid var(--text-grey);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 2.4px #0003;
}

.title---persona-tab {
  -webkit-text-stroke-color: var(--light-black);
  font-size: 17px;
  font-weight: 500;
  line-height: 136%;
}

.text---section-disclaimer {
  align-self: flex-start;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}

.container---feature-cta-home {
  background-color: var(--light-blue);
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---feature-cta-home {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 50px;
  padding-bottom: 40px;
  display: flex;
}

.heading---feature-home {
  font-size: 33px;
  font-weight: 600;
  line-height: 46px;
}

.div---text-feature2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.grid---feature-cta {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3.75fr;
  place-items: center stretch;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div---img-hero-home {
  flex-flow: column;
  margin: 40px auto -90px;
  display: flex;
}

.text---rotate {
  text-align: center;
  font-weight: 400;
  transform: skew(-6deg, -1deg);
}

.div---rotate {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 290px;
  margin-top: -40px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.icon---text-arrow {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.div---rotate-text-wrapper-right {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div---rotate-text-wrapper-left {
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16%;
  display: flex;
}

.text---rotate-left {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  transform: skew(-1deg, -3deg);
}

.div---rotate-left {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 250px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div---use-case-content-bottom {
  border-top: .3px solid var(--text-grey);
  margin-top: 40px;
  padding-top: 20px;
}

.text---use-csae-bottom-content {
  margin-left: auto;
  margin-right: auto;
  padding-right: 90px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.pricing-description-col-titles-3 {
  justify-content: center;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.pricing-description-text {
  color: #73b71a;
  font-family: Lato, sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 100%;
}

.pricing-rows {
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.div-block-181 {
  border-right: 1px solid #bec3c7;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.text-block-88 {
  color: #245672;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 150%;
}

.section-27 {
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.div-block-182 {
  width: 40%;
}

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

.rotate-wrap {
  color: #0170f0;
  height: 100px;
  margin-top: -30px;
  position: relative;
  overflow: hidden;
}

.rotatingtext {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 100px;
  position: absolute;
  inset: 0%;
}

.img---persona-home {
  border-radius: 5px;
  width: 60px;
}

.process-border-wrapper {
  justify-content: center;
  align-items: flex-start;
  max-width: 912px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.process-logo-wrap {
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  margin-top: -82px;
  display: flex;
  position: absolute;
}

.process-border {
  width: 350px;
}

.process-logo {
  z-index: 1;
  position: absolute;
}

.div---rotate-left-persona {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 270px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div---rotate-text-wrapper-left-persona {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  display: flex;
}

.div---rotate-text-wrapper-center-persona {
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div---rotate-center-persona {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 270px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text---rotate-center {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.div---rotate-text-wrapper-right-persona {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10%;
  display: flex;
}

.text---rotate-right {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  transform: skew(-1deg, 3deg);
}

.div---rotate-right-persona {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 270px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.heading---persona-home {
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.section---how-works-sample {
  padding-top: 100px;
  padding-bottom: 40px;
}

.section---onetap-pricing-home {
  padding-top: 60px;
  padding-bottom: 10px;
}

.container---onetap-pricing-home {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  transition: all .2s;
}

.container---pricing-home {
  max-width: 1140px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.text-small-pricing {
  color: gray;
  font-size: 15px;
  line-height: 15px;
}

.text-small-pricing.pro-plan-text {
  color: var(--white);
}

.tab---check-ins {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.tab---check-ins:hover {
  border-color: var(--medium-blue);
}

.tab---check-ins.tab---highlighted-shadow {
  border-width: 2px;
  border-color: var(--one-tap-blue-med);
  box-shadow: 0 0 30px 20px #55557c14;
}

.grid---check-ins, .grid---check-ins-col1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

.image-430 {
  padding-left: 90px;
  padding-right: 90px;
}

.icon---tab-highlighted-home {
  width: 20px;
  padding-top: 3px;
}

.div---cechk-ins-highlighted {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 7px;
  font-size: 15px;
  display: flex;
}

.div-block-185 {
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.list-11 {
  color: var(--one-tap-blue-med);
  margin-top: 10px;
  padding-left: 30px;
}

.div---quote-home {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.list---feature-tab-cta {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.image-431 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 65px;
  padding-right: 65px;
}

.icon---check {
  width: 25px;
  margin-top: 3px;
}

.list---text-feature {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.feature-img-analytics {
  width: 90%;
}

.text-block---usecase-disclaimer-note {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 24px;
}

.grid---check-in-methods-home {
  grid-template-columns: 1fr 1fr 1fr;
}

.div---check-ins-methods {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---check-ins-methods:hover {
  border-color: var(--medium-blue);
}

.div---check-ins-methods.tab---highlighted-shadow {
  border-width: 2px;
  border-color: var(--one-tap-blue-med);
  box-shadow: 0 0 30px 20px #55557c14;
}

.div---check-ins-methods.ipad-kiosk-check-in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.h3---title-check-in-methods {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.text---check-in-methods {
  color: #1a1b1fe6;
  margin-top: 15px;
  font-weight: 400;
  line-height: 160%;
}

.image-432 {
  border-radius: 10px;
  height: 184px;
  margin-left: 30px;
}

.image-433 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.image---check-in-methods {
  text-align: center;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.image---visitor-check-in-method {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 80px;
  padding-right: 60px;
}

.div-block-186 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.cta---title-check-in-methods {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.video---attendance-app-onetap {
  z-index: 9;
  aspect-ratio: 16 / 8.7;
  object-fit: fill;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 0 10px #0003;
}

.div---wrapper-cta-home {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div---feature-cta-wrap {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon---feature-cta {
  width: 25px;
  margin-top: 3px;
}

.icon---text-arrow-video {
  transform: rotate(0);
}

.icon---text-arrow-center, .icon---text-arrow-right {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.grid---use-cases-wrap-home-mob {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.div---use-case-home-mob {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---use-case-home-mob:hover {
  border-color: var(--medium-blue);
}

.text---title-use-case {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.text---use-case-content-wrapper {
  border-radius: 15px;
  height: 100%;
  padding: 40px 30px 45px 0;
}

.div---text-use-cases-wrap-mob {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text---use-csae-bottom-content-mob {
  margin-left: auto;
  margin-right: auto;
  padding-right: 90px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.div---use-case-content-bottom-mob {
  border-top: .3px solid var(--text-grey);
  margin-top: 40px;
  padding-top: 20px;
}

.div---use-cases-mob {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-columns: 2fr 1.5fr;
  margin-top: 30px;
  display: flex;
}

.use-case-title-mob {
  color: var(--light-black);
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

.div---wrapper-demo-home-mob {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: none;
}

.div-block-190 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.section---device-image {
  z-index: 9;
  margin-top: -320px;
  display: block;
  position: relative;
}

.section---device-image.v2 {
  display: block;
}

.container-30 {
  width: 100%;
  max-width: 1180px;
}

.image-436 {
  width: 320px;
}

.section---hero-university {
  padding: 100px 20px 60px;
}

.heading---hero-univ {
  font-size: 50px;
  font-weight: 700;
  line-height: 54px;
}

.stack---hero-univ {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  padding: 0 10px;
}

.sub-heading---hero-univ {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 28px;
}

.cell---hero-description-univ {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-right: 40px;
}

.container---hero-univ {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  display: flex;
}

.section---social-proof-hero-univ {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-univ.logos {
  z-index: 2;
  padding-top: 20px;
  padding-bottom: 60px;
}

.cell---hero-univ {
  justify-content: center;
  align-items: center;
}

.section---univ {
  padding: 100px 40px;
}

.container---univ {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.heading---univ {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.div---heading-wrapper-univ {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.div---text-univ {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.heading-hero---univ {
  margin-top: auto;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.div---univ {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.section---benefits-univ {
  padding: 100px 20px;
}

.heading---benefit-univ {
  color: #1a1b1f;
  margin-top: 5px;
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
}

.div---case-study-univ {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.text---case-study-univ {
  text-align: left;
  margin-bottom: auto;
  font-weight: 400;
  line-height: 26px;
}

.text---univ-copy {
  text-align: left;
  margin-bottom: auto;
  font-weight: 400;
}

.div-block-194 {
  justify-content: center;
  align-items: stretch;
}

.div---quote-univ {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.section---feature-univ {
  background-color: var(--light-blue);
  padding: 100px 40px;
}

.grid---features-univ {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  margin-top: 20px;
}

.icon---feature-univ {
  width: 30px;
}

.div---grid-item-feature-univ {
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.heading-3---grid-item-features-univ {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-features-univ.text-height---mobile {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.text---features-univ {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.title---grid-how-it-works-univ {
  text-align: center;
  align-self: auto;
  margin-top: 20px;
  font-size: 19px;
  font-weight: 500;
  line-height: 27px;
}

.item-container---grid-how-it-works-univ {
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 10px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.description---grid-how-it-works-univ {
  color: var(--light-black);
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  line-height: 26px;
}

.persona-tab-menu---univ {
  z-index: 9;
  text-align: center;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 80px;
}

.persona-single-tab-link---univ {
  background-color: #0000;
  border-radius: 15px;
  padding: 10px 30px;
}

.persona-single-tab-link---univ.w--current {
  background-color: var(--white);
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 0 5px #0003;
}

.div---customer-univ {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 10px;
  margin-bottom: 60px;
  display: grid;
}

.persona-img-wrapper---univ {
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div---cta---univ {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.paragraph-52 {
  text-align: center;
  font-size: 25px;
  line-height: 25px;
}

.rotate-wrap-2 {
  width: 800px;
  height: 100px;
  position: relative;
  overflow: hidden;
}

.rotatingtext-2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  line-height: 100px;
  display: block;
  position: absolute;
  inset: 0%;
}

.button-container {
  flex-direction: column;
  margin-top: 80px;
}

.button-12 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.vertical-text.cc-demo {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.u-text-bg-green {
  color: #fff;
  background-color: #125a66;
  border-radius: .5rem;
  padding: .1rem 1rem;
  display: inline-block;
  transform: rotate(4deg);
}

.u-container-l {
  max-width: 100rem;
}

.slider01_slide {
  width: 100%;
  margin-right: 2rem;
}

.title-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.slider01_mask {
  width: 33.33%;
  overflow: visible;
}

.testimonial20_arrow-icon {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.testimonial-card_stars-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.slider_arrow {
  border: 2px solid #585858;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .3s ease-out;
  display: flex;
  inset: auto 0% 0% auto;
}

.slider_arrow:hover {
  background-color: #d5d1c9;
}

.slider_arrow.is-left {
  right: 4rem;
}

.slider01_comp {
  background-color: #0000;
  height: auto;
  padding-bottom: 5rem;
  position: relative;
}

.section-29 {
  overflow: hidden;
}

.testimonial-card_content-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.testimonial-person_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.section_inner {
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.u-txt-semibold {
  font-weight: 600;
}

.testimonial-person_img {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.slider_pagination {
  height: 1.75rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.testimonial-card_star {
  width: 1.25rem;
  height: 1.25rem;
}

.testimonial-card1_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #49432829;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.slide-nav-none {
  display: none;
}

.feature-wrap {
  max-width: 240px;
  overflow: visible;
}

.single-feature-content {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.feature-single-slide {
  margin-right: 25px;
  overflow: visible;
}

.feature-arrow {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 54px;
  display: flex;
}

.feature-arrow.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.feature-arrow.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.feature-arrow.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.feature-arrow.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: 29px auto auto 250px;
  transform: translate(0, -50%);
}

.slider {
  z-index: 2;
  background-color: #0000;
  height: 100%;
  position: relative;
}

.slider.testimonial-v2 {
  position: relative;
}

.grid---use-case-univ {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  padding-left: 60px;
  padding-right: 60px;
}

.section---persona-univ {
  padding: 100px 40px;
}

.section---use-case-univ {
  background-color: #f4f9ff;
  padding: 100px 40px;
}

.image---use-case {
  margin-top: 10px;
  margin-bottom: 10px;
}

.image---hero-univ {
  border-radius: 10px;
  width: 100%;
}

.div---heading-cell {
  grid-row-gap: 15px;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 37%;
  padding: 10px;
  display: flex;
}

.div---text-cell {
  grid-row-gap: 15px;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 37%;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div---cell-alternative-benefits {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 26%;
  padding: 20px;
  display: flex;
}

.div---heading-row-compare {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.div---flexbox-comparison {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  box-shadow: 0 0 10px -3px #0000007a;
}

.table---comparison-univ {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.section---feature-comparison-univ {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---comparison-text {
  text-align: center;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.text---compare {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 165%;
}

.text---compare1 {
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 165%;
}

.grid---feature-comparison-univ {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.item-container---feature-comparison {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---feature-comparison.hv2 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 10px 5% 20px;
  box-shadow: 0 0 5px #0003;
}

.div---programs-univ {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.div---text-programs-univ {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title---benefit {
  color: #fff;
  margin-bottom: 7px;
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
}

.title---benefit.univ, .title---benefit.after-school, .title---benefit.grants {
  color: var(--light-black);
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 500;
  line-height: 145%;
}

.title---benefit.ce-credits {
  color: var(--light-black);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.container---benefits-uni {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.feature-slider-wrap {
  max-width: 1040px;
  margin-left: 20px;
  padding-left: 40px;
}

.single-feature {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  height: 270px;
  padding: 30px;
}

.single-feature.use-case-school {
  background-color: var(--light-blue);
}

.section---demo-univ {
  background-color: var(--ghost-white-backgrounds);
  padding: 100px 40px;
}

.grid---demo-univ {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

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

.item-container---grid-demo {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-demo.hv2 {
  background-color: var(--white);
  justify-content: center;
  align-items: flex-start;
  padding: 10px 20px 20px;
  box-shadow: 0 0 5px #0003;
}

.title---grid-demo {
  align-self: auto;
  font-size: 19px;
  font-weight: 500;
  line-height: 27px;
}

.text---demo {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

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

.div---cta-demo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

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

.image---benefits-univ {
  width: 100%;
}

.persona-tab-grid-wrap---univ {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.09fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section---case-study {
  background-color: var(--light-blue);
  padding: 100px 40px;
}

.div---cta-hero-univ {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.container---mobile-benefits-uni {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.text---cta-benefit-sm, .text---benefits-details-mobile {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.div---benefits-wrapper {
  border-top: 1px solid #ffffff1a;
  padding-top: 40px;
  padding-bottom: 80px;
}

.grid---persona-wrap-univ-mob {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.div---persona-univ-mob {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---persona-univ-mob:hover {
  border-color: var(--medium-blue);
}

.text---title-persona {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.div---imag-benefits-wrap {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 80px 50px;
  overflow: hidden;
}

.div---imag-benefits-wrap.lp---np {
  padding-bottom: 0;
}

.div---imag-benefits-wrap {
  padding: 30px;
}

.accordion-trigger---faq {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.large-open-close-line---faq {
  background-color: #514f6e;
  border-radius: 500px;
  flex: none;
  width: 100%;
  height: 2.6px;
  min-height: 2.6px;
  position: absolute;
}

.large-open-close-line---faq.second-line---faq {
  transform: rotate(90deg);
}

.accordion-content---faq {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.open-close-icon-wrapper---faq {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-height: 14px;
  display: flex;
  position: relative;
}

.open-close-icon-wrapper---faq.large-icon---faq {
  width: 12px;
  min-height: 12px;
}

.accordion-paragraph---faq {
  width: 100%;
  max-width: 90%;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 400;
}

.column---faq {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.faq-columns-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accordion-item-title---faq {
  color: #170f49;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-item-title---faq.accordion-3---faq {
  color: var(--light-black);
  padding-right: 5px;
  font-size: 17px;
}

.accordion-3-open-close-icon-wrapper---faq {
  background-color: var(--light-blue);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-height: 30px;
  display: flex;
}

.accordion-item---faq {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---faq.accordion-3---faq {
  border: 2px solid #0000;
  margin-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 2px 6px #13124212;
}

.accordion-item---faq.accordion-3---faq:hover {
  box-shadow: none;
  background-color: #fafafa;
}

.accordion-item---faq.accordion-3---faq.last-accordion-item---brix {
  margin-bottom: 0;
}

.sub-heading---text-hero-univ {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 28px;
}

.grid---how-it-works-univ {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.title---how-it-works-univ {
  color: var(--one-tap-blue-med);
  text-align: center;
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.text---description-how-univ {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  line-height: 26px;
}

.item-container---grid-use-case-univ {
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 4px 2px 5px #0003;
}

.item-container---grid-use-case-univ.hv2 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 25px 30px;
  box-shadow: 0 0 5px #0003;
}

.div---cell-alternative-univ {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 26%;
  padding: 20px;
  display: flex;
}

.div---text-cell-univ {
  grid-row-gap: 15px;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 37%;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.single-comparison {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  height: 270px;
  padding: 30px;
}

.single-comparison-content {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.heading---title-comparison {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.text---comparison-univ {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.heading---grid-item-comparison-univ {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.div---comparison-mobile {
  display: none;
}

.cta-text---comparison {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.button---cta-use-case {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 7px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-use-case:hover {
  color: var(--white);
}

.button---cta-use-case.university {
  border-radius: 10px;
}

.button---cta-use-case.halloween-cta {
  background-image: linear-gradient(#f46207, #f46207);
  width: 350px;
}

.div---cta-hero-university {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cell---hero-description-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
}

.stack---hero-school {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  padding: 0 10px;
}

.cell---image-hero-school {
  justify-content: center;
  align-items: center;
}

.persona-tab-menu---school {
  z-index: 9;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 20px 30px;
  display: flex;
  position: sticky;
  top: 90px;
}

.grid---use-case-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.item-container---grid-use-case-school {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 10px 20px 30px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.div---text-use-cases-school {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text---use-cases-school {
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.section---benefits-school {
  padding: 100px 20px 40px;
}

.text-wrap {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.section---feature-school {
  padding: 100px 40px;
}

.div---heading-wrapper-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 220px;
  padding-right: 220px;
}

.div---quote-school {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 13%;
  padding-right: 13%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.text---social-proof-school {
  text-align: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.grid---hero-school-classroom {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
  padding-right: 45px;
}

.paragraph---hero-list {
  margin-bottom: auto;
  font-weight: 400;
}

.div---inner-grid-hero-schoolclassroom {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.div---inner-grid-hero-schoolclassroom.text---center-tab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.div---cta-hero-school-classroom {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.section---quote-school {
  background-color: var(--light-blue);
  padding: 50px 20px;
}

.section---persona-school {
  padding: 100px 40px 60px;
}

.div---benefit-content-bottom-school {
  border-top: .3px solid #0000004d;
  margin-top: 10px;
  padding-top: 20px;
}

.text---benefit-bottom-content {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.image---kiosk-benefits-school {
  width: 280px;
}

.image---persona-school {
  background-color: #f9f9fb;
}

.persona-img-wrapper---school {
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div---image-benefits-school {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 80px 50px;
  overflow: hidden;
}

.heading---school {
  font-size: 36px;
  font-weight: 600;
  line-height: 52px;
}

.container---benefits-school {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.text---description-how-school {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  line-height: 26px;
}

.image---how-school {
  border-radius: 30px;
}

.div---heading-wrap-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 140px;
  padding-right: 140px;
}

.div---heading-wrap-usecase-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.grid---persona-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.item-container---grid-persona-school {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 10px 25px;
  display: flex;
}

.img---div-persona {
  width: 50px;
}

.stack---hero-after-school {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  padding: 0 10px;
}

.sub-heading---hero-after-school {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 15px;
  font-size: 17px;
  line-height: 30px;
}

.cell---hero-description-after-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
}

.section---grid-after-school {
  background-color: var(--light-blue);
  padding: 60px 40px 80px;
}

.item-container---grid-after-school {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 15px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---cta---school {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.paragraph---hero-list-school {
  margin-bottom: auto;
  font-weight: 400;
}

.grid---hero-school {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
  padding-right: 45px;
}

.div---inner-grid-hero-school {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.section---use-case-after-school {
  background-color: #f4f9ff;
  padding: 100px 40px;
}

.div---heading-usecase-after-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.div---heading-benefits-after-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.image---benefits-after-school {
  width: 100%;
}

.table---comparison-after-school {
  width: 100%;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.div---heading-row-after-school, .div---heading-row-grids-after-school {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.table-text-after-school {
  font-weight: 500;
  line-height: 26px;
}

.item-container---grid-use-case-after-school {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 40px 25px 35px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.image---use-case-after-school {
  width: 30px;
  height: 30px;
}

.div---cell-as {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 26%;
  padding: 20px;
  display: flex;
}

.div---text-cell-as {
  grid-row-gap: 15px;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 37%;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.container---mobile-benefits-after-school {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.grid---value-afterschool {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 80px;
  padding: 20px 40px;
  display: grid;
}

.div---text-value-afterschool {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.text---value-afterschool {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.img---div-value-afterschool {
  width: 40px;
}

.container---value-afterschool {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  display: flex;
  overflow: hidden;
}

.div---value-wrap-afterschool {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.section---benefit-hg-after-school {
  background-color: var(--light-blue);
  padding: 100px 40px;
}

.div---cta-benefit-hg-afterschool {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section---persona-afterschool {
  padding: 100px 40px 60px;
}

.persona-tab-link-details-afterschool {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.persona-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 15px;
  flex-flow: column;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 45px;
  display: flex;
}

.div---persona-content-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: .1px solid var(--text-grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  padding: 20px;
  display: flex;
}

.persona-img-wrapper---afterschool {
  text-align: center;
  background-color: #f9f9fb;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.persona-tab-menu---afterschool {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 20px 10px;
  display: flex;
}

.tem-container---grid-persona-afterschool {
  padding-left: 10px;
  padding-right: 10px;
}

.grid---value-after-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 100px;
  margin-bottom: 20px;
}

.text---afterschool {
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  line-height: 26px;
}

.text---persona-afterschool {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.div---use-case-afterschool {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title---use-case-afterschool {
  text-align: center;
  align-self: auto;
  font-size: 19px;
  font-weight: 500;
  line-height: 27px;
}

.div---persona-afterschool-mob {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---persona-afterschool-mob:hover {
  border-color: var(--medium-blue);
}

.persona-title-mob {
  color: var(--light-black);
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

.text---persona-content-wrapper {
  border-radius: 15px;
  height: 100%;
  padding: 40px 30px 45px 0;
}

.div---text-value-usecase-afterschool {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text---value-after-school {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.heading---afterschool {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.div---quote-afterschool {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.div---persona-home-mob {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  display: none;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---persona-home-mob:hover {
  border-color: var(--medium-blue);
}

.text---persona-home {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.text---persona-content-wrapper-home {
  border-radius: 15px;
  height: 100%;
  padding: 40px 30px 45px 0;
}

.div---persona-content-wrap-top, .div---persona-content-wrap-bottom {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: .1px solid var(--text-grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  padding: 20px;
  display: flex;
}

.div---persona-home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.grid---how-it-works-home {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.div---ipad-kiosk-check-in-home {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.div---inner-text-kiosk {
  width: 70%;
}

.div---inner-video-kiosk {
  width: 100%;
}

.video---ipad-kiosk-check-in {
  z-index: 9;
  border-radius: 10px;
}

.div---inner-wrap-kiosk {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list---text-inner-ipad-kiosk {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.text---link-kiosk-check-in-app {
  color: #1a1b1fe6;
  margin-top: 30px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.link---ipad-kiosk-app:hover {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.heading---check-ins-home {
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.section---reports-home {
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---reports-home {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 3.25fr 3.75fr;
  place-items: center stretch;
  margin-top: 100px;
  margin-bottom: 20px;
}

.div---text-reports-home {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.title---text-reports {
  color: var(--one-tap-blue-med);
  -webkit-text-stroke-color: var(--light-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 136%;
}

.text---reports {
  align-self: flex-start;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.heading---reports-home {
  padding-left: 200px;
  padding-right: 200px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.heading-text---reports-home {
  margin-left: auto;
  margin-right: auto;
  padding-left: 230px;
  padding-right: 230px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.grid---hero-grants {
  grid-row-gap: 7px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.div---inner-grid-hero-grants {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.list---hero-grants {
  margin-bottom: auto;
}

.grid---use-case-grants {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.item-container---grid-use-case-grants {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 40px 30px 35px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---use-case-grants {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title---use-case-grants {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.list---use-cases-grants {
  color: var(--royal-blue);
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 15px;
}

.text---use-cases-grants {
  color: var(--light-black);
  margin-bottom: 0;
  padding-right: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.list-text---use-cases-grants {
  color: var(--light-black);
  margin-bottom: 0;
  padding-left: 5px;
  font-weight: 400;
  line-height: 23px;
}

.div---heading-usecase-grants {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.sub-heading---grants {
  text-align: center;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

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

.button-13 {
  color: #000;
  background-color: #7bf4e0;
  border-radius: 5px;
  padding: 10px 25px;
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
}

.button-13:hover {
  box-shadow: 1px 1px 6px #0000004d;
}

.button-13.white {
  grid-column-gap: 15px;
  color: #fff;
  background-color: #7bf4e000;
  border: 1px solid #fff;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-31 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.email-icon {
  filter: invert();
  width: 70px;
}

.page-wrapper {
  background-image: url('../images/Background_1Background.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.branding-navbar {
  background-color: #ddd0;
  border-bottom: 1px #5c5c5c;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.footer-left-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5rem;
  padding-left: 10%;
  display: flex;
}

.card-image-6 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 342.129px;
}

.navigator-image-2 {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.footer-heading {
  color: #fff0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.branding-footer {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.footer-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.footer-text {
  max-width: 50ch;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
}

.button-text-2 {
  z-index: 1;
  opacity: 0;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  position: relative;
  overflow: hidden;
}

.cursor {
  z-index: 99999;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.nav-button-icon {
  z-index: 99;
  width: 25px;
  height: 25px;
  position: absolute;
}

.brand-4 {
  width: 220px;
  display: flex;
}

.conationer-2 {
  width: 95%;
  max-width: 1360px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.footer-right-div {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-top-left-radius: 80px;
  padding: 5rem 2rem 10rem;
}

.navbar-container {
  justify-content: space-between;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.horizontal-content-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 44%;
  display: flex;
}

.footer-brand {
  width: 250px;
  margin-bottom: 20px;
}

.social-media-branding-div {
  grid-column-gap: 30px;
  margin-bottom: 60px;
  display: flex;
}

.email-text {
  z-index: 2;
  color: #fff6e0;
  font-size: 16px;
  font-weight: 200;
  position: relative;
  top: -5px;
  left: -10px;
}

.stacking-cards-wrapper-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.navigator-flex-2 {
  background-color: #585858;
  background-image: linear-gradient(#0003, #0003), linear-gradient(#ffffff1a, #ffffff1a), url('../images/Background-2_1Background 2.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  height: 75vh;
  margin-bottom: 0;
  padding: 80px 60px;
  display: flex;
  position: sticky;
  top: 80px;
}

.navigator-flex-2.reverse-flex {
  flex-direction: row-reverse;
}

.bottom-div-footer {
  background-color: #181818;
  justify-content: center;
  padding: 1rem 5%;
  display: flex;
}

.social-icon {
  width: 24px;
  height: 24px;
}

.mail-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  left: -16px;
}

.cursor-dot {
  background-color: #cfccc8;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 5px;
  display: flex;
  position: relative;
}

.footer-text-block {
  text-transform: uppercase;
  font-size: 16px;
}

.nav-button-2 {
  color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px 15px;
  text-decoration: none;
  transition: border-radius .45s cubic-bezier(0, -.935, 1, 2.141);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 3px -3px #0000008f;
}

.nav-button-2:hover {
  border-radius: 40px;
}

.cursor-circle {
  border: 1px solid #ffffff80;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  position: absolute;
}

.div---hover-use-cases-grants {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.breaking---wrap {
  font-size: 14.4px;
  line-height: 1.6em;
}

.tooltip-circle {
  background-color: var(--white);
  color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-height: 45px;
  padding: 10px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.tooltip-anchor {
  z-index: 100;
  background-color: #0000;
  justify-content: center;
  width: 100%;
  height: 10px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
  position: absolute;
  inset: 100% 0% 0;
}

.tooltip-anchor.w--open {
  background-color: #0000;
  display: flex;
}

.tooltip-anchor.top {
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 12px;
  inset: auto 0% 100%;
}

.tooltip-anchor.top.w--open {
  display: flex;
}

.tooltip-dropdown {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  inset: 0%;
}

.tooltip-wrapper {
  color: #112953;
  text-align: left;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  width: 300px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 8px 1px #2d3e501f;
}

.tooltip-wrapper.dark {
  color: #fff;
  background-color: #112953;
  border-color: #000;
  border-radius: 5px;
  width: 180px;
  position: absolute;
}

.tooltip-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.tooltip-section.first {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  padding-top: 70px;
  padding-bottom: 0;
}

.tooltip-container {
  z-index: 3;
  background-color: #fafbfe;
  border-radius: 9px;
  padding: 16px;
  font-size: 12.5px;
  position: relative;
}

.tooltip-container.dark {
  background-color: #112953;
}

.tooltip-content {
  padding: 0;
  display: block;
}

.tooltip-diamond {
  z-index: 2;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7px 0% auto;
  transform: rotate(45deg);
  box-shadow: 0 -3px 8px #2d3e500f;
}

.tooltip-diamond.bottom {
  top: auto;
  bottom: -7px;
}

.tooltip-diamond.bottom.dark {
  background-color: #112953;
}

.text-block-91 {
  text-align: center;
  white-space: normal;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

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

.tooltip-section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.tooltip-section-2.first {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  padding-top: 50px;
  padding-bottom: 20px;
}

.section---list-use-case-grants {
  padding: 100px 40px;
}

.tabs-menu---grants {
  grid-column-gap: 100px;
  justify-content: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text---tab-menu-grants {
  font-size: 18px;
  font-weight: 400;
}

.tab-panel-3---grants {
  min-height: 500px;
  box-shadow: 0 0 30px -50px var(--light-black);
  background-color: #fff;
  border-radius: 24px;
  align-items: center;
  padding: 30px 25px 40px;
  display: flex;
}

.tab-grid---grants {
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
}

.div---content-block-grants {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.grid---div-content-block-grants {
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  font-size: 17px;
  font-weight: 400;
  display: grid;
}

.container---grants {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  display: flex;
  overflow: hidden;
}

.grid---benefit-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.list---benefits-grants {
  margin-bottom: auto;
}

.grid---benefit-grants-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.grid---benefit-grants-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.grid---features-grants {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.single-feature---grants {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  padding: 30px;
}

.div---image-grants {
  border-radius: 25px;
}

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

.grid---faq-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.grid---faq-col2-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.container---faq-grants {
  border-radius: 25px;
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding: 40px 60px;
  display: flex;
}

.heading-3---grid-item-cta-features-grants {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-3---grid-item-cta-features-grants.text-height---mobile {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.sub-heading---usecase-grants {
  text-align: center;
  margin-top: 15px;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.sub-heading---simplify-grants {
  text-align: center;
  margin-top: 15px;
  padding-left: 190px;
  padding-right: 190px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.sub-heading---compare-grants {
  text-align: center;
  margin-top: 15px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.image---use-case-grants {
  width: 45px;
}

.heading---usecase-programs {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
}

.div---heading-usecase-grants-programs {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin: 100px auto 30px;
}

.section---use-case-grants {
  background-color: #f4f9ff;
  padding: 100px 40px;
}

.container---value-grants {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  display: flex;
  overflow: hidden;
}

.grid---list-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
}

.sub-heading---benefits-grants {
  text-align: center;
  margin-top: 15px;
  padding-left: 120px;
  padding-right: 120px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.section---modern-solution-grants {
  background-color: var(--light-blue);
  padding: 100px 40px;
}

.container---modern-solution {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  display: flex;
  overflow: hidden;
}

.grid---modern-solution-grants {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr .25fr 1.5fr;
  margin-top: 30px;
  margin-bottom: 100px;
}

.div---heading-modern-grants {
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 30px;
}

.heading---modern-grants {
  font-weight: 600;
  line-height: 52px;
}

.sub-heading---modern-grants {
  margin-top: 15px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.div---modern-prob-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div---list-modenr-prob {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon---close {
  width: 30px;
  height: 30px;
}

.text---modern-grants {
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.div---modern-solu-grants {
  flex-direction: column;
  padding-left: 30px;
  display: flex;
}

.div---img-arrow-grants {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading---grants {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.grid---cta-grants {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 80px;
  padding: 20px 30px;
  display: grid;
}

.div---cta-grants {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---value-grants {
  grid-column-gap: 90px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.58fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 80px;
  padding: 20px 80px;
  display: grid;
}

.heading---grants-mgmt {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.grid-wrap---benefits-grants {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.text---cta-benefit-grants {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.div---heading-compare-grants {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.div---cta-demo-grants {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.div---cta-section-grants {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 12px;
  display: flex;
}

.button---cta-benefits-grants {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 7px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-benefits-grants:hover {
  color: var(--white);
}

.button---cta-benefits-grants.grants {
  width: 210px;
}

.div---cta-home {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.heading---check-ins-methods-home {
  margin-top: auto;
  font-size: 40px;
  font-weight: 600;
}

.section---faq {
  padding-top: 40px;
  padding-bottom: 40px;
}

.grid---onetap-attendance-system {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.item-container---onetap-attendance-system {
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 10px;
  display: flex;
}

.text---onetap-attendance-system {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.div---img-attendance {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---cta-demo-home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.heading---grants-management {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.div---image-benefits-grants {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 80px 50px;
  overflow: hidden;
}

.single-feature---cta-grants {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  padding: 30px;
}

.div---ipad-kiosk-home {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.div---inner-text-kiosk-home {
  width: 70%;
}

.div---wrapper-cta-feature-home {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 21px;
  display: flex;
}

.img---feature-wrap-home {
  width: 90%;
}

.grid---cta-feature-wrap-home {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: start stretch;
  margin-top: 20px;
}

.cta---signup-home {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 5px;
  width: 300px;
  max-width: 450px;
  font-weight: 400;
}

.cta---signup-home:hover {
  background-color: #0000;
  background-image: linear-gradient(45deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

.cta---signup-home.grid---mobile {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}

.cta---signup-home.grid---mobile.feature---cta {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
}

.div---text-feature-wrap-home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 70px;
  font-weight: 400;
  display: flex;
}

.grid---faq-after-school {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.section---faq-school {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section---after-school {
  padding: 0 40px 100px;
}

.div---cta-comparison-afterschool {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section---social-proof-hero-class {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-class.logos {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 100px;
}

.div---quote-hero-proxy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.section---onetap-pricing-plan {
  padding-top: 40px;
}

.div---check-ins-methods-home {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px 20px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---check-ins-methods-home:hover {
  border-color: var(--medium-blue);
}

.img---check-in-methods-home {
  border-radius: 10px;
  width: 210px;
}

.div---cta-pricing {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.div-heading---hero-pricing {
  flex-direction: column;
  margin-bottom: 70px;
  display: flex;
}

.img---qr-check-in-methods-home {
  border-radius: 10px;
}

.div---img-arrow {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: rotate(90deg);
}

.heading-top---hero-feature {
  background-color: var(--alice-blue-backgrounds);
  border: 1px solid #0000;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 22px;
}

.stack---hero-feature {
  grid-column-gap: 70px;
  grid-row-gap: 0px;
  padding-top: 0;
  padding-bottom: 0;
}

.image---hero-feature {
  border-radius: 10px;
}

.cell---image-hero-feature {
  justify-content: center;
  align-items: flex-end;
}

.section---use-case-pain-feature {
  background-color: #f4f9ff;
  padding: 100px 40px;
}

.div---heading-features {
  text-align: center;
  padding-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
}

.sub-heading---feature {
  text-align: center;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.grid---pain-features {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.item-container---grid-features {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 20px 30px 25px;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

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

.grid---hero-features {
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  place-items: center start;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 400;
}

.text---list-feature {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.title---grid-feature {
  text-align: left;
  align-self: auto;
  margin-bottom: auto;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
}

.container---feature-webpage {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.section---benefits-feature {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---inner-benefits-wrap-feature {
  background-color: #f9f9fb;
  border-radius: 12px;
  padding: 30px 30px 0;
}

.title---grid-benefits-feature {
  text-align: left;
  align-self: auto;
  margin-bottom: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.text---benefit-feature {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.grid-26 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
}

.grid---highlight-feature {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.heading---features {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.heading---hero-features {
  margin-top: 15px;
  font-size: 48px;
  font-weight: 700;
  line-height: 55px;
}

.div---heading-how-features {
  text-align: center;
  margin-bottom: 40px;
  padding-left: 140px;
  padding-right: 140px;
}

.sub-heading---how-feature {
  text-align: center;
  margin-top: 15px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.image---benefits-features {
  border-radius: 12px;
}

.div---heading-demo-features {
  text-align: center;
}

.div---heading-sec3-features {
  text-align: center;
  margin-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.section---social-proof-hero {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero.logos {
  z-index: 2;
  padding-top: 60px;
  padding-bottom: 20px;
}

.tab-container---kiosk {
  width: 88%;
  max-width: 1000px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.section---social-proof-hero-attendance {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-attendance.logos {
  z-index: 2;
  padding-top: 160px;
  padding-bottom: 20px;
}

.text-color---royal-blue-4, .text-color---royal-blue-5 {
  color: #0170f0;
}

.section---social-proof-hero-visitor {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-visitor.logos {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 20px;
}

.text-color---royal-blue-6 {
  color: #0170f0;
}

.section---social-proof-hero-uni {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-uni.logos {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 60px;
}

.termly-display-preferences {
  color: var(--light-black);
}

.use-cases-tab-wrapper---features {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text---integration-feature {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.div---integration-feature {
  flex-flow: column;
  display: flex;
}

.tab-menu---trigger-action-feature {
  z-index: 9;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  border-radius: 15px;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 20px 10px;
  display: flex;
}

.single-tab---link-action {
  background-color: #f9fafb;
  border-radius: 3px;
  padding: 10px 20px;
}

.single-tab---link-action.w--current {
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0 0 5px #0003;
}

.div---inner-wrap-integration-feature {
  grid-column-gap: 30px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  display: grid;
}

.div---text-inner-integration-feature {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title---integration-feature {
  font-weight: 500;
  line-height: 24px;
}

.div---connect-integrations {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 30px;
  margin-bottom: 100px;
  display: grid;
}

.div---img-connect-integration {
  background-image: linear-gradient(#fff6, #fff3);
  border-radius: 15px;
  padding: 1px;
}

.section---integration-feature {
  padding-top: 60px;
  padding-bottom: 100px;
}

.container---integration-features {
  max-width: 1140px;
  padding-left: 30px;
  padding-right: 30px;
}

.subheading---feature {
  text-align: center;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.image---icon-logo {
  border-radius: 5px;
  width: 21px;
}

.image---icon-logo.width-extra {
  width: 27px;
}

.text---actions-integration-feature {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.heading---how-integrations {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

.div---text-how-integration {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 20px;
  display: flex;
}

.text---how-integration-feature {
  font-size: 18px;
  font-weight: 400;
}

.button---integration {
  text-align: center;
  background-color: #ff4a00;
  border-radius: 7px;
  width: 210px;
  margin-top: 10px;
  font-weight: 500;
}

.button---integration:hover {
  color: var(--white);
  background-color: #f54700;
}

.section---use-case-integration {
  background-color: #f4f9ff;
  padding: 100px 40px;
}

.grid---use-cases-integration {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---quote-integration {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.div---inner-wrap-integration {
  grid-column-gap: 50px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto;
  grid-template-columns: .75fr .75fr .75fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  display: grid;
}

.tab-menu---integration {
  z-index: 9;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 10px;
  display: flex;
}

.div---heading-integration, .div---use-case-integration {
  text-align: center;
  margin-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.div---connect-jotform-integrations {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 30px;
  display: grid;
}

.inner-text---how-integration-jotform {
  margin-top: -12px;
  padding-left: 21px;
  font-size: 18px;
  font-weight: 400;
}

.grid---use-cases-integration-jotform {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.link-text---how-integration {
  font-size: 18px;
  font-weight: 400;
}

.grid---use-cases-integration-rest-api {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr;
}

.div---use-cases-integrations {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  padding: 30px;
}

.container---usecase-integration {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.title---text-integrations {
  text-align: center;
  align-self: auto;
  margin-top: 20px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.text-link---integrations {
  font-weight: 400;
}

.text---description-integrations {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  line-height: 26px;
}

.container---other-integrations {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.item-container---other-integrations {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 40px;
  display: flex;
  box-shadow: 0 0 3px .3px #0003;
}

.grid---other-integrations {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.section---other-integrations {
  padding: 100px 40px;
}

.section---demo-integration {
  background-color: var(--ghost-white-backgrounds);
  padding-top: 100px;
  padding-bottom: 100px;
}

.subheading---integration-jotform {
  text-align: center;
  margin-top: 15px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading---integrations {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.subheading---other-integration {
  text-align: center;
  margin-top: 15px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.image---hero-integration {
  border-radius: 10px;
}

.div---social-proof-integration {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 50px;
  display: flex;
}

.div---heading-integration-rest {
  text-align: center;
  margin-bottom: 60px;
}

.div---use-case-integration-rest {
  text-align: center;
  margin-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.image-wrap---connect-integration {
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.grid---integrations {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.5fr;
  padding-left: 40px;
  padding-right: 40px;
}

.div---heading-demo-integration {
  text-align: center;
}

.div---connect-integrations-webhooks {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.text---webhooks-integration {
  font-size: 17px;
  font-weight: 400;
}

.div---text-webhooks-integration {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-right: 20px;
  font-size: 17px;
  display: flex;
}

.image-wrap---connect-integration-webhooks {
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 10px;
  display: flex;
}

.section---integration-webhooks {
  padding-top: 70px;
  padding-bottom: 100px;
}

.grid---webhook-integration {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.div---text-webhook-integration {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px solid #fff3;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 16px;
  display: flex;
}

.image-wrap---n8n-integration {
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.section---n8n-integration {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading---features-integration {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.subheading---feature-integration {
  text-align: center;
  margin-top: 15px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.cell---hero-description-feature-integrations {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
}

.sub-heading---hero-feature-integrations {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 15px;
  font-size: 17px;
  line-height: 30px;
}

.section---other-integration {
  padding: 40px 40px 100px;
}

.text---hero-compliance {
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}

.heading---persona-compliance {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.div---heading-wrap-persona-compliance {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.heading-text---compliance {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---cta-compliance {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.div---features-compliance {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
}

.heading---feature-compliance {
  margin-top: auto;
  font-weight: 600;
}

.grid---feature-compliance {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
}

.div---feature-compliance {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button---cta-demo-compliance {
  background-color: var(--purple-secondary);
  -webkit-text-stroke-color: var(--light-blue);
  border-radius: 9px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 2px 3px 3px #0003;
}

.button---cta-demo-compliance:hover {
  color: var(--white);
}

.section---persona-compliance {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---reports-compliance {
  padding-top: 100px;
  padding-bottom: 100px;
}

.title---text-reports-compliance {
  color: var(--one-tap-blue-med);
  -webkit-text-stroke-color: var(--light-black);
  font-size: 19px;
  font-weight: 500;
  line-height: 136%;
}

.section---compliance {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.container---compliance {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.heading---compliance {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.div---concerns-compliance {
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

.section---how-onetap-compliance {
  padding-top: 100px;
  padding-bottom: 50px;
}

.text---cta-demo {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.dekstop-navigation {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: sticky;
  top: 0;
}

.section---hero-compliance {
  background-image: url('../images/OneTap-Hero-Home.svg');
  background-position: 50% 0;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.button---navigation-cta-demo {
  background-color: var(--purple-secondary);
  -webkit-text-stroke-color: var(--light-blue);
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: 500;
  transition: all .35s;
  box-shadow: 2px 3px 3px #975ddc99;
}

.button---navigation-cta-demo:hover {
  background-color: var(--section-logo-2);
  color: var(--purple-secondary);
  box-shadow: 0 0 3px #975ddc99;
}

.column---concern-compliance {
  flex-direction: row;
  margin-bottom: 30px;
  display: flex;
}

.image---compliance-reports {
  width: 100%;
}

.grid---persona-compliance-mob {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.div---inner-grid-persona-compliance {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.text---grid-text-persona-compliance {
  margin-bottom: auto;
  font-weight: 400;
}

.icon---grid-compliance {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.grid---text-persona-compliance {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-flow: row;
  place-items: start;
}

.image---compliance {
  margin-top: 10px;
  margin-bottom: 10px;
}

.div---persona-compliance {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---persona-compliance:hover {
  border-color: var(--medium-blue);
}

.text---cta {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  line-height: 150%;
}

.div---cta-gforms-vs {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.image---arrow-right {
  width: 33px;
}

.div---cta-kiosk {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 20px;
  display: flex;
}

.text---quote-kiosk {
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
}

.div---cta-self-checl-in-kiosk {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---heading-school {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.section---social-proof-alternatives {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-alternatives.logos {
  z-index: 2;
  padding-top: 50px;
  padding-bottom: 20px;
}

.button---cta-align-left {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 7px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-align-left:hover {
  color: var(--white);
}

.button---cta-align-left.gforms-vs {
  text-align: center;
  width: 210px;
  margin-top: 30px;
}

.div---heading-wrapper-afterschool {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.heading---feature-grants {
  font-size: 41px;
  font-weight: 600;
  line-height: 52px;
}

.div---heading-features-grants {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.table---onetap-vs-google-form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.flexbox---table-gforms-mob {
  display: none;
  box-shadow: 0 10px 0 -3px #0003;
}

.div---text-usecases-school {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---content-block-how-works {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section---before-after-compliance {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.icon---old-way-compliance {
  align-self: flex-start;
  width: 18px;
  padding-top: 3px;
}

.subheading---list-item-compliance {
  color: #1a1b1f;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.grid---old-way-compliance {
  grid-column-gap: 5px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 4fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---old-way-compliance {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.icon---new-way-compliance {
  align-self: flex-start;
  width: 20px;
  padding-top: 3px;
}

.grid---transformation-compliance {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: flex-start;
  justify-items: stretch;
  display: grid;
}

.section---usecase-compliance {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---usecases-compliance {
  grid-template-columns: 1fr 1fr 1fr;
}

.div---usecases-compliance {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 25px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---usecases-compliance:hover {
  border-color: var(--medium-blue);
}

.h3---title-usecase {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.text---persona-usecase {
  color: #1a1b1fe6;
  font-weight: 400;
  line-height: 160%;
}

.text---usecase-compliance {
  color: #1a1b1fe6;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.text---highlight-usecase {
  background-color: var(--light-blue);
  color: #1a1b1fe6;
  border-radius: 5px;
  padding: 15px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}

.button---cta-use-case-compliance {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 7px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-use-case-compliance:hover {
  color: var(--white);
}

.section---hero-attendance-tracker-app {
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  position: relative;
}

.heading---hero-attendance-tracker {
  margin-bottom: 21px;
  font-size: 55px;
  font-weight: 700;
  line-height: 65px;
}

.text---hero-attendance-tracker {
  padding-left: 177px;
  padding-right: 177px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.text---top-hero-attendance-tracker-app {
  background-color: var(--alice-blue-backgrounds);
  color: var(--one-tap-blue-med);
  border-radius: 7px;
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}

.section---use-cases-attendance-tracker {
  background-color: var(--medium-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---use-cases-attendance-tracker {
  grid-template-columns: 1fr 1fr 1fr;
}

.div---use-case-attendance-tracker {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 18px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---use-case-attendance-tracker:hover {
  border-color: var(--medium-blue);
}

.div---inner-wrap-usecase {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list---text-usecase {
  text-align: left;
  margin-bottom: 0;
  font-weight: 400;
}

.section---social-proof-hero-qr {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section---social-proof-hero-qr.logos {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 20px;
}

.div---grid-cta-attendance {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text---usecase-at {
  color: #1a1b1fe6;
  font-weight: 400;
  line-height: 160%;
}

.div---use-case-cta-attendance-tracker {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
  display: flex;
}

.div---use-case-cta-attendance-tracker:hover {
  border-color: var(--medium-blue);
}

.heading-text---attendance-tracker {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.section---solution-attendance-tracker {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text---pain-attendance-tracker {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px;
  font-weight: 300;
}

.list---benefits-attendance-tracker {
  color: var(--one-tap-blue-med);
  margin-top: 15px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 20px;
}

.text---list-benefits {
  color: var(--light-black);
  font-size: 17px;
  font-weight: 400;
}

.text---benefits-attendance-tracker {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}

.div---flex-benefits-attendance-tracker {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  background-color: #fff;
  border: .3px solid #d4e1fd;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 80%;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 30px 30px #806f6f26;
}

.div---content-benefits-at {
  flex-direction: column;
  align-items: flex-start;
  width: 55%;
  display: flex;
}

.div---image-benefits-at {
  justify-content: center;
  align-items: center;
  width: 35%;
  display: flex;
}

.list---benefits-at {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 400;
}

.grid---comparison-attendance-tracker {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.div---comparison-col-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.h3---title-comparison-at {
  margin-bottom: auto;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
}

.div---text-comparison-col-left {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon---comparison-col-left {
  width: 25px;
}

.div---content-comparison-col-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.image---arrow-right-at {
  width: 30px;
  padding-top: 40px;
}

.div---setup-attendance-tracker {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 10px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.section---cta-attendance-tracker {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---cta-at {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: radial-gradient(circle closest-corner at 100% 50%, var(--one-tap-blue-med) 100%, white);
  border-radius: 15px;
  flex-flow: column;
  align-items: center;
  margin-left: 100px;
  margin-right: 100px;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.section---testimonial-at {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---heading-wrapper-at {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.cta---signup-at {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 5px;
  width: 300px;
  max-width: 450px;
  font-weight: 400;
}

.cta---signup-at:hover {
  background-color: #0000;
  background-image: linear-gradient(45deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

.cta---signup-at.grid---mobile {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}

.cta---signup-at.grid---mobile.feature---cta {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
}

.heading---hero-bts {
  margin-bottom: 21px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 55px;
  font-weight: 700;
  line-height: 65px;
}

.text---hero-bts {
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---top-hero-bts {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--alice-blue-backgrounds);
  text-align: center;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---use-case-bts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---use-case-bts:hover {
  border-color: var(--medium-blue);
}

.grid---use-cases-bts {
  grid-template-rows: auto auto auto;
  grid-template-columns: .75fr 1fr;
}

.section---solution-bts {
  padding: 100px 20px;
}

.div---heading-wrapper-bts {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.heading---bts {
  margin-top: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 40px;
  font-weight: 600;
}

.div---heading-wrapper-bts-benefits {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.section---benefit-bts {
  padding-top: 100px;
  padding-bottom: 80px;
}

.grid---benefits-bts {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5px solid var(--text-grey);
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.div---use-case-cta-bts {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.div---use-case-cta-bts:hover {
  border-color: var(--medium-blue);
}

.img---bts {
  border-radius: 10px;
}

.div---inner-benefits-l-bts {
  border-right: .5px solid var(--text-grey);
  border-bottom: .5px solid var(--text-grey);
  padding-top: 40px;
  padding-bottom: 60px;
  padding-right: 40px;
}

.div---inner-benefits-r-bts {
  border-bottom: .5px solid var(--text-grey);
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 40px;
}

.text---benefits-bts {
  margin-top: 10px;
  font-weight: 400;
  line-height: 26px;
}

.countdown_wrapper {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  font-size: 7px;
  display: grid;
}

.countdown_number {
  font-size: 17px;
  line-height: 1.2;
}

.countdown_label {
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-size: 12px;
}

.hide {
  display: none;
}

.div---countdown-timer {
  width: 100%;
  max-width: 18rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 3px;
  font-weight: 400;
}

.text---top-hero-bts-timer {
  color: var(--one-tap-blue-med);
  border-radius: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}

.div---countdown-timer-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  font-size: 5px;
  font-weight: 500;
  display: flex;
}

.heading-text---bts {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading---offer-bts {
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}

.heading-text---offer-bts {
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.grid---title-offer-bts {
  align-self: auto;
  margin-top: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

.grid---title-offer-bts.extra-font-size {
  color: var(--one-tap-blue-med);
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 600;
}

.grid---title-benefits-self-check-ins-copy {
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

.section---pricing-offer-bts {
  padding-top: 100px;
  padding-bottom: 100px;
}

.offer-25 {
  font-size: 21px;
}

.image---benefits-bts {
  width: 60%;
}

.image---feature-bts {
  width: 75%;
}

.heading-text---reports-bts {
  margin-left: auto;
  margin-right: auto;
  padding-left: 150px;
  padding-right: 150px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.text---image-offer-bts {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.navbar__container-offer {
  justify-content: space-between;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div---grid-cta-bts {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.title---benefit-bts {
  margin-bottom: 7px;
  font-size: 28px;
  font-weight: 500;
  line-height: 150%;
}

.div---text-reports-bts {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2---offer-bts {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-2---offer-bts.text-height---mobile {
  font-size: 26px;
  line-height: 35px;
}

.faq-columns-wrapper---bts {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accordion-paragraph---faq-bts {
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 400;
}

.div---pricing-bts {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.div-block-203 {
  padding-top: 5px;
}

.div---pricing-bts-old {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin-top: 45px;
  display: flex;
}

.subheading-text---attendance-tracker {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 400;
}

.div---heading-wrapper-attendace-tracker {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.img---feature-attendance-tracher {
  width: 60%;
}

.image-441 {
  align-self: center;
  margin-bottom: 10px;
}

.div---cta-feature-at {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: radial-gradient(circle closest-corner at 100% 50%, var(--one-tap-blue-med) 100%, white);
  border-radius: 15px;
  flex-flow: column;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.div---column-r-forms-solution {
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-direction: column;
  padding: 40px 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.image---comparison-col-left-at {
  aspect-ratio: auto;
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  margin-bottom: 30px;
}

.image---comparison-col-right-at {
  margin-bottom: 30px;
}

.heading-text---at {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---heading-at {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.section---cta-at {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cell---hero-article {
  align-items: center;
}

.cell---img-hero-article {
  justify-content: flex-start;
  align-items: flex-end;
}

.heading---text-hero-article {
  text-transform: capitalize;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
}

.container---article, .container---hero-article {
  max-width: 1040px;
}

.div---flexbox-article {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  box-shadow: 0 0 10px -3px #0000007a;
}

.div---heading-row-article {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.div---app-cell-article {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.div---description-cell-article {
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  padding: 20px 10px 20px 20px;
  display: flex;
}

.div---description-cell-details-article {
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  width: 45%;
  padding: 20px;
  display: flex;
}

.div---rows-article {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.heading---table-article {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

.text---article {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div---heading-text-article {
  flex-direction: column;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.suntext---article {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.list---article {
  flex-direction: column;
  display: flex;
}

.div---cta-hero-horizontal {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  display: flex;
}

.sub-heading---grants-management {
  text-align: center;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---cta-hero-demo {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text---demo-hero {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.grid---pain-point {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.div---inner-right {
  border-bottom: .1px solid var(--text-grey);
  border-right-width: .5px;
  border-right-color: var(--text-grey);
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 20px;
}

.div---inner-l {
  border-right: .5px solid var(--text-grey);
  border-bottom: .1px solid var(--text-grey);
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.heading-text---halloween-lp {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.section---hero-lp {
  background-image: url('../images/halloween-party-guest-check-in.webp');
  background-position: 50%;
  background-size: cover;
  padding: 100px 20px;
}

.stack---hero-lp {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  padding: 0 10px;
}

.heading---hero-lp {
  color: #fcfcfc;
  font-size: 51px;
  font-weight: 700;
  line-height: 58px;
}

.sub-heading---hero-lp {
  color: #fcfcfc;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 40px;
  font-size: 17px;
  line-height: 30px;
}

.section---usecase-lp {
  background-image: url('../images/halloween-usecase-bg-1-1.webp');
  background-position: 50%;
  background-size: cover;
  padding: 100px 40px;
}

.container---lp {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.div---heading-wrapper-lp {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.grid---lp {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 50px;
}

.div---grid-usecase-lp {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 30px 20px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.title---grid-lp {
  text-align: center;
  align-self: auto;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.text---grid-lp {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.h2-heading---lp {
  margin-top: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 40px;
  font-weight: 600;
}

.section---lp {
  padding: 100px 40px;
}

.section---halloween-lp {
  background-image: url('../images/halloween-bg1.webp');
  background-position: 0 100%;
  background-size: cover;
  padding: 100px 40px 200px;
}

.heading-text---onetap-halloween-lp {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading-text---onetap-halloween-lp.text-color---white {
  font-size: 23px;
  font-weight: 500;
}

.section---how-lp {
  padding-top: 100px;
}

.div---how-lp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  align-items: center;
  margin: -200px 50px 100px;
  padding: 50px 30px 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.heading-2---how-lp {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-2---how-lp.text-height---mobile {
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  line-height: 35px;
}

.div---heading-wrapper-how-lp {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.grid---comparison-columns-lp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.icon---lp {
  border-radius: 100px;
  width: 9%;
}

.div-block-204 {
  text-align: center;
}

.section---cta-lp {
  background-image: url('../images/halloween-guestlist-tracking-onetap-app.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 100px 40px;
}

.grid---usecase-lp {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 50px;
}

.div---text-usecase-lp {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text---use-case-lp {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text---grid-usecase-lp {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-205 {
  text-align: center;
}

.grid-2---lp {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 50px;
  padding-left: 140px;
  padding-right: 140px;
}

.link-14 {
  color: var(--orange-red);
  font-size: 16px;
}

.link---demo-lp {
  color: var(--orange-red);
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.link---demo-hero:hover {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.heading---demo-hero {
  margin-bottom: 0;
  font-size: 65px;
  font-weight: 700;
  line-height: 80px;
}

.subheading---demo-hero {
  margin-top: 0;
  margin-bottom: 21px;
  font-size: 50px;
  font-weight: 600;
}

.text---hero-demo {
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---heading-hero-copy {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 42px;
}

.section---hero-demo-booked {
  background-image: url('../images/OneTap-Hero-Home.svg');
  background-position: 50% 0;
  background-size: auto;
  padding-top: 100px;
  display: block;
  position: relative;
}

.subtext---demo-cta {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}

.div---hero-quote-np {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img---quote {
  filter: drop-shadow(0 .3px 1px #000000b3);
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.subtext---quote {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.div---heading-wrapper-np {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.heading---section-np {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 60px;
}

.div---grant-solution-np {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 80px;
  display: grid;
}

.div---pain-np {
  grid-column-gap: 12px;
  text-align: left;
  flex-flow: row;
  margin-top: 12px;
  display: flex;
}

.heading---pain-np {
  color: var(--text-grey);
  margin-top: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.div---inner-wrap-np {
  flex-flow: column;
  display: flex;
}

.list---inner-text-np {
  text-align: left;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.list---inner-text-np.span---text-medium {
  font-weight: 500;
}

.icon---cross {
  opacity: .85;
  width: 21px;
  height: 21px;
  margin-top: 3px;
}

.icon---check-dark {
  width: 25px;
}

.grid---pain-solution-np {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 6px;
  grid-template-columns: 1fr;
  padding: 35px 30px 30px 25px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  box-shadow: 0 0 3px #0003;
}

.grid---pain-solution-np:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.text---demo-cta {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 160%;
}

.paragraph---persona {
  font-size: 17px;
  font-weight: 400;
}

.div---quote-inner-persona {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f9f9fb;
  border-radius: 12px;
  flex-flow: column;
  margin-top: 12px;
  padding-top: 19px;
  padding-bottom: 20px;
  padding-left: 15px;
  display: flex;
}

.icon---quote-persona {
  width: 18px;
}

.paragraph---persona-quote {
  color: var(--text-grey);
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
}

.content-wrapper---persona {
  border-radius: 15px;
  flex-flow: column;
  height: 100%;
  padding: 30px 10px 35px 30px;
  display: flex;
}

.div---paragraph-persona {
  margin-bottom: 10px;
}

.tab---persona-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.09fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider-wrap---use-cases {
  max-width: 1040px;
  margin-left: 20px;
  padding-left: 40px;
}

.slide---single-use-case {
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 20px;
  padding: 25px 20px;
}

.usecase-single-slide {
  margin-right: 30px;
  overflow: visible;
}

.use-case-wrap {
  max-width: 300px;
  overflow: visible;
}

.text---use-case {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 25px;
}

.container---use-case-nonprofits {
  max-width: 1350px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.text---use-case-np {
  text-align: center;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.div---text-use-case-np {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 190px;
  padding-right: 190px;
  display: flex;
}

.ticker-wrapper---use-cases {
  border-top: 1px solid #ffffff1f;
  border-bottom: 1px solid #ffffff1f;
  margin-top: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.div---ticker-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon---ticker {
  width: 50px;
}

.text---ticker {
  text-align: center;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.single-ticker-wrap---use-cases {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex: none;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div---cta-demo-np {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.grid---steps-np {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5px solid var(--text-grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.div---inner-cta {
  border-bottom: .5px solid var(--text-grey);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 40px;
  display: flex;
}

.heading---title-cta-inner {
  margin-top: 20px;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
}

.heading-text---np {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---comparison-np {
  grid-row-gap: 15px;
  background-color: var(--white);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 37%;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.div---testimonial-wrap-two-np {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f7f7f8;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 25px 20px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.section---faq-np {
  padding-top: 40px;
  padding-bottom: 40px;
}

.div---cta-faq-both {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div---cta-demo-faq-np {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.subtitle-wrapper---hero {
  align-items: center;
  display: flex;
}

.hero-image---np.hero-image-left---np {
  border-radius: 24px;
  width: 48%;
  position: absolute;
  inset: 40px auto auto -24%;
  box-shadow: 0 20px 40px #170f491f;
}

.hero-image---np.hero-image-right---np {
  border-radius: 24px;
  width: 48%;
  position: absolute;
  inset: auto -3% -21px auto;
  box-shadow: 0 3px 10px #170f4929;
}

.hero-image---np.hero-np {
  border-radius: 24px;
}

.divider---logo {
  background-color: #d9dbe9;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.logo-image---brix {
  max-height: 38px;
}

.button-secondary---brix {
  color: #4a3aff;
  text-align: center;
  background-color: #f3f1ff;
  border-radius: 80px;
  padding: 15px 48px;
  line-height: 20px;
  transition: color .3s, background-color .3s;
}

.button-secondary---brix:hover {
  color: #fff;
  background-color: #4a3aff;
}

.button-secondary---brix.variant-01---brix {
  background-color: #0000;
  border: 1px solid #4a3aff;
  padding: 20px 40px 21px;
  transition: transform .3s, border-color .3s, color .3s, background-color .3s;
}

.button-secondary---brix.variant-01---brix:hover {
  background-color: #4a3aff;
  transform: translate(0, -2px);
}

.button-secondary---brix.variant-01---brix.color-white {
  color: #fff;
  border-color: #fff;
}

.button-secondary---brix.variant-01---brix.color-white:hover {
  color: #4a3aff;
  background-color: #fff;
}

.button-secondary---brix.cloneable-header-button {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.div---hero-np {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.container-default-2 {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

._2-buttons---brix {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

._2-buttons---brix.hero-v2---brix {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.subtitle-dash---brix {
  background-color: #4a3aff;
  border-radius: 10px;
  width: 22px;
  min-height: 2px;
  margin-right: 10px;
}

.hero-composition---brix {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-composition---brix.hero-v6---brix, .hero-composition---brix.hero-v2---brix {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.title---brix.hero-v1-title---brix, .title---brix.hero-v3---brix {
  margin-bottom: 12px;
}

.button---demo {
  background-color: var(--one-tap-blue-med);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 18px 40px 19px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button---demo:hover {
  color: #fff;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.subtitle---np {
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.text---hero-np {
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 400;
}

.button---demo-np {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div---hero-wrap-np {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  font-size: 16px;
  display: flex;
}

.div---persona-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.subtext---quote-np {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
}

.section---solution-np {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-image---brix.hero-v5-image-left---brix {
  border-radius: 24px;
  width: 48%;
  position: absolute;
  inset: 40px auto auto -24%;
  box-shadow: 0 20px 40px #170f491f;
}

.hero-image---brix.hero-v5-image-right---brix {
  border-radius: 24px;
  width: 48%;
  position: absolute;
  inset: auto -13% 40px auto;
  box-shadow: 0 14px 40px #170f4929;
}

.hero-image---brix.hero-v5---brix {
  border-radius: 24px;
}

.hero-image---brix.hero-v2---brix {
  margin-bottom: 0;
  display: block;
}

.hero-image---brix.hero-v2---brix._03---brix {
  z-index: 2;
  border-radius: 22px;
  max-width: 20%;
  position: absolute;
  inset: auto 0 auto auto;
  box-shadow: 0 38px 98px #20248a17;
}

.hero-image---brix.hero-v2---brix._02---brix {
  z-index: 2;
  border-radius: 22px;
  max-width: 20%;
  position: absolute;
  inset: auto auto auto 0;
  box-shadow: 0 38px 98px #20248a17;
}

.hero-image---brix.hero-v2---brix._01---brix {
  z-index: 1;
  border-radius: 34px;
  max-width: 85%;
  position: relative;
  box-shadow: 0 26px 117px #20248a0f;
}

.hero-image---brix.hero-v3---brix {
  object-fit: cover;
  display: none;
}

.hero-image---brix.hero-v3---brix.full-display {
  width: 50vw;
  min-height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hero-image---brix.hero-v6---brix {
  margin-bottom: 0;
  display: block;
}

.hero-image---brix.hero-v6---brix._02---brix {
  z-index: 2;
  border-radius: 22px;
  max-width: 35%;
  position: absolute;
  inset: auto auto -12% 0%;
  box-shadow: 0 38px 98px #20248a17;
}

.hero-image---brix.hero-v6---brix._03---brix {
  z-index: 2;
  border-radius: 22px;
  max-width: 24%;
  position: absolute;
  inset: 6% 0% auto auto;
  box-shadow: 0 38px 98px #20248a17;
}

.hero-image---brix.hero-v6---brix._01---brix {
  z-index: 1;
  border-radius: 28px;
  max-width: 85%;
  position: relative;
  box-shadow: 0 26px 117px #20248a0f;
}

.hero-image---brix.hero-v1---brix {
  border-radius: 22px;
  display: block;
  position: absolute;
  box-shadow: 0 33px 84px #20248a17;
}

.hero-image---brix.hero-v1---brix._02---brix {
  z-index: 2;
  max-width: 37%;
  margin-top: 144px;
  margin-left: -33px;
  margin-right: auto;
}

.hero-image---brix.hero-v1---brix._01---brix {
  z-index: 1;
  max-width: 93%;
  margin-left: 32px;
}

.component-section---brix {
  min-height: 60vh;
  padding-top: 80px;
  padding-bottom: 80px;
}

.component-section---brix.hero-v5---brix {
  border-top: 1px solid #eff0f6;
  border-bottom: 1px solid #eff0f6;
  padding-top: 134px;
  padding-bottom: 134px;
  position: relative;
  overflow: hidden;
}

.component-section---brix.hero-v3---brix {
  border-top: 1px solid #eff0f6;
  border-bottom: 1px solid #eff0f6;
  align-items: center;
  min-height: 71vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-v5-split---brix {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

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

.button-primary---brix {
  color: #fff;
  text-align: center;
  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---brix:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button-primary---brix._2-buttons---brix {
  margin-right: 24px;
  display: block;
}

.button-primary---brix.brix {
  background-color: #ff2d46;
  box-shadow: 0 2px 4px #ff2d461f;
}

.button-primary---brix.brix:hover {
  transform: none;
}

.button-primary---brix.newsletter {
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
  inset: 14px 14px 14px auto;
}

.button-primary---brix.newsletter:hover {
  transform: none;
}

.button-primary---brix.newsletter.button-footer {
  padding: 6px 28px;
  top: 12px;
  bottom: 12px;
  right: 12px;
}

.button-primary---brix.button-header {
  white-space: nowrap;
}

.subtitle---brix-4 {
  color: #4a3aff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.subtitle---brix-4.hero-v3---brix {
  margin-bottom: 24px;
}

.subtitle---brix-4.hero-v2---brix {
  margin-bottom: 16px;
}

.subtitle---brix-4.color-white {
  color: #fff;
}

.divider-4 {
  background-color: #d9dbe9;
  width: 100%;
  height: 1px;
  margin-top: 64px;
  margin-bottom: 64px;
}

.section---hero-nonprofit {
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 60px;
}

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

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

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

.heading---hero-np {
  margin-bottom: 25px;
  font-size: 63px;
  font-weight: 700;
  line-height: 68px;
}

.div---solution-np {
  grid-column-gap: 12px;
  text-align: left;
  flex-flow: row;
  margin-top: 12px;
  display: flex;
}

.div---subtitle-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.subtitle-text-highlight {
  border: .2px solid var(--one-tap-blue-med);
  background-color: var(--light-blue);
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 500;
}

.section---features-np {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---features-np {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.div---feature-single-np {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px 25px 25px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.section---persona-np {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.tab-content---np {
  background-color: var(--white);
  border: 3px solid #f9f9fb;
  border-radius: 15px;
}

.tabs-wrapper---persona-np {
  margin-bottom: 100px;
}

.heading-text---section-np {
  padding-left: 220px;
  padding-right: 220px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---content-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.img---content-np.lp---np {
  width: 80%;
}

.div---solution-content-wrapper-np {
  border-top: 1px solid #ffffff1a;
  padding: 50px 60px;
}

.img---feature-attendance-tracker-copy {
  border-radius: 10px;
}

.div---list-wrapper-np {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list---features-np {
  text-align: left;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 25px;
}

.div---features-np {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-columns: 2fr 1.5fr;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.tab-title---persona-np {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.heading-text---best-np {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading---best-np {
  margin-top: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.table---attndance-app-for-np {
  width: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.section---demo-np {
  padding: 100px 40px;
}

.text-banner---np {
  background-color: var(--one-tap-blue-med);
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
  box-shadow: 0 0 5px #0000004d;
}

.grid---persona-wrap-np-mob {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.div---quote-persona-np {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.div---persona-content-wrap-np {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: .1px solid var(--text-grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  padding: 20px;
  display: flex;
}

.div---persona-np-mob {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px 20px 20px;
  text-decoration: none;
  transition: border-color .2s;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---persona-np-mob:hover {
  border-color: var(--medium-blue);
}

.text---quote-name {
  align-self: flex-start;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}

.title---features-np {
  align-self: auto;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
}

.section---other-np {
  padding-top: 100px;
  padding-bottom: 80px;
}

.div---column-titles-np {
  align-items: flex-end;
  padding-left: 5px;
  display: flex;
}

.heading---grid-item-comparison-np {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.text---comparison-np {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.heading---section-feature-np {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.heading-text---feature-np {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.section---use-cases-np {
  background-color: var(--light-blue);
  padding: 100px 40px;
}

.heading-text---use-case-np {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.text---logo-np {
  color: var(--text-grey);
  font-weight: 400;
  line-height: 26px;
}

.gradient-text {
  background-image: linear-gradient(92deg, var(--one-tap-blue-med) 50%, var(--dark-slate-blue-gradient) 84%, var(--dark-slate-blue-gradient));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.div---content-wrapper-mob {
  border-top: 1px solid #ffffff1a;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.div---wrap-mob {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.list---inner-text-mob {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.div---content-wrap-mob {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div---grant-features-np {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.persona-img-wrapper---np {
  text-align: center;
  background-image: url('../images/event-check-in-app-onetap.webp');
  background-position: 0%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.list---inner-text-pain-np {
  text-align: left;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.hero-v5-right---brix-4 {
  z-index: -1;
  background-color: #4a3aff;
  width: 36%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.footer-grid-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .74fr;
  align-items: center;
}

.subtitle-wrapper---brix {
  align-items: center;
  display: flex;
}

.subtitle-wrapper---brix.hero-section-v1---brix {
  margin-bottom: 27px;
}

.logo-bar-grid-hero-v2---brix {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.hero-feature-item---brix {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.top-content---brix {
  text-align: center;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.top-content---brix.hero-v2---brix {
  margin-bottom: 80px;
}

.submit-button---brix {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 18px 40px 19px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s, background-color .3s;
  display: flex;
  position: absolute;
  inset: 12px 12px 12px auto;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.submit-button---brix:hover {
  background-color: #3527d8;
  box-shadow: 0 4px 10px #4a3aff26;
}

.section-32 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section-32.hero {
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.section-32.cta-cards {
  padding-top: 0;
}

.section-32.cloneables-listing {
  padding-top: 0;
  padding-bottom: 140px;
}

.hero-v5-wrapper---brix {
  background-image: linear-gradient(#0009, #0009), url('../images/hero-image-webflow-cloneable-template-brix-templates.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 88vh;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.button-arrow {
  margin-left: 6px;
}

.footer-logo-container {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo-container:hover {
  transform: scale3d(.94, .94, 1.01);
}

.grid-header {
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  align-items: center;
}

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

.error-message---brix {
  color: #170f49;
  text-align: center;
  border-radius: 16px;
  margin-top: 24px;
  padding: 20px;
}

.succes-message---brix {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 16px;
  padding: 20px;
}

.cta-card-logo {
  width: 250px;
}

.cta-card-logo.white {
  width: 119px;
}

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

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

.header-logo {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.header-logo:hover {
  transform: scale3d(.94, .94, 1.01);
}

.heading-size-7 {
  color: #170f49;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.check---brix {
  margin-right: 12px;
}

.hero-form-block---brix.hero-v1---brix {
  margin-bottom: 32px;
}

.logo-bar-grid-hero-v1---brix {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.logo-bar-grid-hero-v5---brix-3 {
  grid-column-gap: 38px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.footer-logo {
  width: 252px;
  margin-bottom: 16px;
}

.subscribe-footer-bottom {
  color: #170f49;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
}

.footer {
  background-color: #fff;
  border-top: 1px solid #eff0f6;
  padding-top: 58px;
  padding-bottom: 58px;
}

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

.button-white {
  color: #4a3aff;
  background-color: #fff;
  border-radius: 140px;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.button-white.cta {
  justify-content: center;
  box-shadow: 0 3px 12px #14142b1a;
}

.hero-features-list---brix {
  margin-bottom: -14px;
  padding-left: 0;
  list-style-type: none;
}

.color-white {
  color: #fff;
}

.cta-card-image {
  max-width: 114%;
  display: block;
  position: absolute;
  top: auto;
  bottom: -29%;
  left: -5%;
}

.cta-card-image.white {
  max-width: 131%;
  bottom: -10%;
  left: -20%;
}

.hero-v3-wrapper---brix {
  grid-column-gap: 84px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.hero-form---brix.absolute-button---brix {
  display: flex;
  position: relative;
}

.cloneable-container-default-2 {
  background-color: #f7f7fb;
  border-top: 1px solid #eff0f6;
  border-bottom: 1px solid #eff0f6;
  border-radius: 20px;
  min-height: 624px;
  padding-top: 80px;
  padding-bottom: 80px;
  transform: translate(0);
}

.cloneable-container-default-2.bg-neutral-100 {
  background-color: #fff;
}

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

.header {
  background-color: #fff;
  padding-top: 28px;
  padding-bottom: 28px;
}

.split-content---brix.hero-v3-right---brix {
  z-index: 9999;
  object-position: 0% 0%;
  width: 48vw;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.split-content---brix.hero-v1-right---brix {
  align-items: flex-start;
  width: 100%;
  max-width: 42%;
  display: flex;
}

.split-content---brix.hero-v3-left---brix {
  width: 100%;
}

.split-content---brix.hero-v1-left---brix-copy, .split-content---brix.hero-v1-left---brix {
  width: 100%;
  max-width: 45%;
}

.cta-title {
  color: #fff;
  margin-top: 26px;
  margin-bottom: 10px;
}

.cta-title.white {
  color: #170f49;
}

.grid-2-columns {
  grid-column-gap: 32px;
  grid-template-rows: auto;
}

.cta-card {
  color: #fff;
  background-image: linear-gradient(to right, #4a3aff, #6d3aff);
  border-radius: 40px;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 40px 380px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-card.white {
  background-color: #fff;
  background-image: none;
  border: 1px solid #eff0f6;
  box-shadow: 0 7px 24px #14142b0d;
}

.hero-v2-wrapper---brix {
  margin-bottom: 88px;
}

.input {
  border: 1px solid #f7f7fb;
  border-radius: 100px;
  height: 56px;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.input:focus {
  color: #514f6e;
  border-color: #4a3aff;
}

.input.hero-v1---brix {
  height: auto;
  min-height: 78px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 18px;
  transition: border-color .3s;
}

.input.hero-v1---brix:hover {
  border-color: #4a3aff;
}

.input.hero-v1---brix::placeholder {
  font-size: 18px;
  line-height: 1;
}

.hero-v1-split---brix {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 120px;
  display: flex;
}

.section---onetap-np {
  background-color: var(--light-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.card---how-onetap-np {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card---how-onetap-np.content-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 32px;
  display: flex;
}

.card---how-onetap-np.content-left.link-card {
  color: #6e7191;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card---how-onetap-np.content-left.link-card:hover {
  transform: scale3d(.94, .94, 1.01);
}

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

.mg-bottom-48px {
  margin-bottom: 35px;
}

.image-443.width-100 {
  border-radius: 0 0 21px 21px;
}

.border-radius-24px {
  z-index: -1;
  border-radius: 24px;
  transform: translate(0);
}

.border-radius-24px.overflow-hidden.width-100 {
  margin-bottom: 0;
}

.heading---how-onetap-np {
  color: var(--light-black);
  margin-top: 20px;
  margin-bottom: 21px;
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
}

.text---how-onetap-np {
  color: var(--light-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.div---how-onetap-np {
  padding-left: 35px;
  padding-right: 35px;
}

.div---cta-np {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: radial-gradient(circle closest-corner at 100% 50%, var(--one-tap-blue-med) 100%, white);
  border-radius: 15px;
  flex-flow: column;
  align-items: center;
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding: 10px 40px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.button---signup {
  border: 1px solid var(--one-tap-blue-med);
  color: var(--light-black);
  text-align: center;
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 17px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: transform .1s, box-shadow .1s, background-color .1s;
  display: flex;
}

.button---signup:hover {
  font-weight: 500;
  transform: translate(0, -1px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button---cta-demo-np {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button---cta-demo-np-faq {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-28 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.div-content-wrapper---persona {
  background-color: var(--white);
  border-radius: 12px;
  flex-flow: column;
  height: 100%;
  padding: 25px 25px 30px;
  display: flex;
  box-shadow: 0 0 3px .3px #0003;
}

.div---content-wrap-persona {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 21px;
  display: flex;
}

.list---inner-text-persona {
  text-align: left;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.heading---persona {
  color: var(--light-black);
  margin-top: 16px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}

.section---persona-tab-np {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---case-study-np {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid---case-study-np {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: 1fr;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---content-case-study {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-button {
  color: #32343a;
  background-color: #0000;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  display: flex;
}

.text-button:hover {
  font-weight: 400;
}

.text---case-study-np {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.text---social-proof-events {
  text-align: center;
  margin-bottom: 24px;
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
}

.container-default-4 {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.gradient-text-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(92deg, #0170f0 50%, #0038a7 84%, #0038a7);
  -webkit-background-clip: text;
  background-clip: text;
}

.section---hero-events {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 72px;
}

.div---hero-events {
  justify-content: space-around;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.heading---hero-events {
  text-align: center;
  margin-bottom: 25px;
  font-size: 63px;
  font-weight: 700;
  line-height: 68px;
}

.split-content---events.hero-v1-left---events {
  width: 100%;
  max-width: 54%;
  padding-left: 30px;
}

.section---solution-events {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---heading-wrapper-events {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div---solution-events-l {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.heading---title-solution-events {
  margin-top: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.div---inner-solutions-events {
  margin-bottom: 30px;
}

.subtext---solutionevents {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 500;
}

.div---wrap-events {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.heading---text-blue-med-2 {
  color: #0170f0;
}

.div---testimonial-wrap-three-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #0170f0;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 20px;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

.link-15 {
  color: var(--text-grey);
}

.text-contact-footer {
  color: var(--text-grey);
  margin-top: 12px;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.6em;
}

.text-wrap-contact-footer {
  margin-top: 12px;
  margin-bottom: 12px;
}

.dropdown-column-r1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.dropdown-column-l1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown-column-left-l1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 60px;
  display: flex;
}

.dropdown-wrapper-features {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper-features.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.dropdown-column-right-r1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-column-left1, .dropdown-column-left3, .dropdown-column-left2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35%;
  height: 100%;
  display: flex;
}

.split-content---event.hero-v1-right---brix {
  align-items: flex-start;
  width: 100%;
  max-width: 35%;
  height: 100%;
  display: flex;
}

.div---solution-events-wrap {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: column;
  display: flex;
}

.div---solution-events-r {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.section---event-attendance {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-text---events {
  padding-left: 70px;
  padding-right: 70px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div---pain-events {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

.grid---solution-events {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 6px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  padding: 20px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  box-shadow: 0 0 3px #0003;
}

.grid---solution-events:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.div---solution-events {
  grid-column-gap: 12px;
  text-align: left;
  flex-flow: row;
  margin-top: 12px;
  display: flex;
}

.list---inner-text-pain-events {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.div---solution-events-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  margin-bottom: 80px;
  display: grid;
}

.section---onetap-events {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-text---onetap-events {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div-content-wrapper---events {
  background-color: var(--white);
  border-radius: 12px;
  flex-flow: column;
  height: 100%;
  padding: 25px 20px 30px;
  display: flex;
  box-shadow: 0 0 3px .3px #0003;
}

.list---inner-text-events {
  text-align: left;
  margin-bottom: 30px;
  font-weight: 400;
  line-height: 27px;
}

.grid---onetap-events {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.section---social-proof-events {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---hero-quote-events {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.heading---section-events {
  margin-top: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.text---subheadline-hero-events {
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 400;
}

.section---cta-events {
  background-image: url('../images/event-attendance-onetap.png');
  background-position: 50%;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---cta-heading {
  grid-row-gap: 21px;
  text-align: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heading-2---cta-heading {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading-2---cta-heading.text-height---mobile {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 35px;
}

.heading-text---cta-events {
  color: #f1f1f1;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading---section-cta-events {
  color: var(--white);
  margin-top: auto;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

.button---secondary-demo {
  border: 1px solid var(--one-tap-blue-med);
  text-align: center;
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 17px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: transform .1s, box-shadow .1s, background-color .1s;
  display: flex;
}

.button---secondary-demo:hover {
  color: var(--alice-blue-backgrounds);
  font-weight: 500;
  transform: translate(0, -1px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button---secondary-demo.text-color---black {
  color: #1a1b1f;
}

.button---secondary-demo.text-color---black.hero-bts {
  border-style: none;
  padding-left: 5px;
  padding-right: 5px;
}

.button---secondary-demo.text-color---black.hero-bts:hover {
  box-shadow: none;
}

.button---primary-signup {
  color: #fff;
  text-align: center;
  background-color: #0170f0;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 18px 40px 19px;
  font-size: 16px;
  font-weight: 600;
  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-signup:hover {
  color: #fff;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button---primary-signup.hero-bts {
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.button---primary-signup.section-pricing.card-highlight-pricing {
  background-color: var(--white);
  color: #18181b;
  background-color: #fff;
}

.button---primary-signup.section-pricing {
  background-color: #18181b;
  border-radius: 5px;
  max-width: 200px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
}

.image---hero-events {
  width: 100%;
  height: 100%;
}

.image---events.hero-np {
  border-radius: 24px;
  width: 70%;
}

.div---img-events-wrap {
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.section---case-study-events {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---video-events {
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  overflow: hidden;
}

.div---cta-case-study-left {
  flex-flow: column;
  margin-top: 12px;
  display: flex;
}

.grid---case-study-events {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-rows: 1fr;
  grid-template-columns: 2fr 1.25fr;
  grid-auto-columns: 1fr;
  padding-left: 65px;
  padding-right: 65px;
  display: grid;
}

.section---device-image-bts-jan {
  z-index: 9;
  margin-top: -320px;
  display: block;
  position: relative;
}

.section---device-image-bts-jan.v2 {
  margin-top: -395px;
  display: none;
}

.section---outcome-bts-jan {
  background-color: var(--light-blue);
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.subheadline---outcome-bts-jan {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.subheadline---after-bts-jan {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.heading---pain-bts-jan {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.heading---solution-bts-jan {
  color: var(--one-tap-blue-med);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.section---ce-use-cases {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.mobile-link {
  display: none;
}

.tab-content-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.tab-wrapper {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.tab-link-2 {
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #4b94ff00;
  border-radius: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 24px 50px 24px 24px;
}

.tab-link-2:hover {
  color: #000;
  border-color: #e4e4e4;
}

.tab-link-2.w--current {
  background-color: #fff;
  border-color: #4b94ff;
  box-shadow: inset 1px 1px 10px #0000000d, 0 2px 5px #3d5cff1a;
}

.stacked-tab-holder {
  width: 100%;
}

.stacked-tab-holder._02 {
  z-index: 3;
  opacity: .7;
  position: absolute;
  transform: scale(.9)translate(76px);
}

.stacked-tab-holder._01 {
  z-index: 4;
  position: relative;
}

.stacked-tab-holder._03 {
  z-index: 2;
  opacity: .3;
  position: absolute;
  transform: scale(.8)translate(167px);
}

.stacked-tabs-container {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 590px;
  min-width: 590px;
  display: flex;
  position: relative;
}

.tab-paragraph {
  font-weight: 400;
  line-height: 1.5;
}

.stacked-tabs-content-holder {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-gradient {
  z-index: 9;
  width: 70vw;
  height: 120%;
  position: absolute;
  left: -50vw;
  right: auto;
}

.stacked-tabs-pane-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-tab-image {
  width: 100%;
}

.stacked-tabs-holder {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.tab-circle {
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  display: flex;
  box-shadow: 6px 6px 26px #65656542, inset -6px -6px 15px #7978781a;
}

.tab-title {
  font-size: 21px;
  font-weight: 500;
}

.tab-icon {
  width: 24px;
  height: 24px;
}

.tab-icon._01 {
  width: 16px;
  height: 16px;
}

.grid---columns-bts-jan {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 100px;
  margin-bottom: 100px;
  display: grid;
}

.text---cta-bts-jan {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.grid---text-pain-bts-jan {
  grid-column-gap: 25px;
  grid-row-gap: 21px;
  background-color: var(--white);
  border-radius: 6px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  padding: 35px 30px 30px;
}

.grid---text-solution-bts-jan {
  grid-column-gap: 25px;
  grid-row-gap: 21px;
  background-color: var(--white);
  border-radius: 6px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  justify-items: stretch;
  padding: 35px 40px 30px 30px;
}

.grid---text-solution-bts-jan:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
}

.div---pain-solution-bts-jan {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  display: grid;
}

.section---befotre-after-jan {
  margin-left: auto;
  margin-right: auto;
  padding-top: 155px;
  padding-bottom: 100px;
}

.grid---check-in-methods-bts-jan {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div---check-ins-method {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 21px 12px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  box-shadow: 70px 23px 96px -32px #55557c14;
}

.div---check-ins-method:hover {
  border-color: var(--medium-blue);
}

.list---text-inner {
  text-align: left;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.icon---tick {
  width: 25px;
}

.div---inner-wrap {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section---admin-attendance {
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 100px;
}

.image---check-ins {
  border-radius: 10px;
  box-shadow: 0 0 1px #0003;
}

.grid---features-bts-jan {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr .75fr;
  margin-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.div---cta-bts {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div---heading-wrap-bts {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.banner-text---headline-np {
  color: #fcfcfc;
  letter-spacing: .3px;
  border-radius: 5px;
  padding: 5px 21px;
  font-size: 18px;
  font-weight: 500;
}

.grid---use-cases-ce-credits {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
}

.section---onetap-attendance {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}

.grid---content-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 135px;
  display: grid;
}

.text-wrap---bts-jan {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.image---attendance-bts {
  width: 90%;
}

.text---inner-use-case {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.title---use-cases {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
}

.table---comparison-bts {
  width: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.div---comparison-bts {
  grid-row-gap: 15px;
  background-color: var(--white);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33%;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text---title-comparison-bts {
  color: var(--light-black);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 23px;
}

.text---title-comparison-bts.text-color---royal-blue {
  color: var(--one-tap-blue-med);
}

.div---text-comparison {
  grid-row-gap: 15px;
  background-color: var(--white);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33%;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.table-text---comparison-bts {
  font-weight: 500;
  line-height: 26px;
}

.div---hero-bts {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.split-content---hero.hero-v1-right---brix {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 43%;
  display: flex;
}

.split-content---hero.hero-left {
  width: 100%;
  max-width: 50%;
}

.hero-image---bts.hero-np {
  border-radius: 24px;
}

.button---cta-hero-bts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  margin-top: 35px;
  display: flex;
}

.div---use-cases-bts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
}

.div---use-cases-bts:hover {
  border-color: var(--medium-blue);
}

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

.image---icon {
  width: 30px;
}

.div---feature-single {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.list---inner-text-feature {
  text-align: center;
  font-weight: 400;
  line-height: 28px;
}

.div---feature-single-bts {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--one-tap-blue-med);
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.div---vertical-border {
  height: 70%;
}

.div---vertical-border:hover {
  border-color: var(--medium-blue);
}

.div---vertical {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  border: 1px dashed #d1d1d1;
  border-radius: 10px;
  height: 100%;
}

.div---vertical:hover {
  border-color: var(--medium-blue);
}

.heading---section-use-case-ce {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 43px;
  font-weight: 600;
  line-height: 60px;
}

.div---content-use-case-ce {
  padding-top: 10px;
}

.container---faq-ce {
  flex-direction: column;
  flex: 1;
  max-width: 1140px;
  padding: 60px 10px;
  display: flex;
}

.div---faq-columns-wrapper {
  flex-flow: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accordion-item---faq-ce {
  cursor: pointer;
  border-bottom: .3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 30px 40px;
  display: flex;
}

.accordion-ans---faq {
  width: 100%;
  max-width: 90%;
  margin-bottom: 0;
  font-weight: 400;
}

.image---location-tracking {
  width: 70%;
}

.text---hero-ce {
  margin-bottom: 20px;
  padding-right: 30px;
  font-size: 17px;
  font-weight: 400;
}

.div---heading-wrapper-ce {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.subheadline---text-ce {
  text-align: center;
  margin-top: 85px;
  padding-left: 220px;
  padding-right: 220px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.text---top-headline {
  color: var(--one-tap-blue-med);
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 500;
  line-height: 160%;
}

.subtitle-wrap---hero {
  align-items: center;
  display: flex;
}

.heading---hero {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 63px;
  font-weight: 700;
  line-height: 68px;
}

.div---quote-feature {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 120px;
  padding-right: 120px;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.div---quote-comparison {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  line-height: 33px;
  display: flex;
}

.section---features-ce {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.navmenu_dropdown-section-link-heading-2 {
  margin-right: 8px;
  font-size: 14px;
  text-decoration: none;
}

.navmenu_dropdown-section-link-heading-2:hover {
  color: var(--dark-slate-blue-gradient);
}

.navmenu__dropdown-section-link-2 {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link-2:hover {
  color: var(--one-tap-blue-med);
}

.navmenu__dropdown-section-link-2:focus {
  color: var(--one-tap-blue-med);
  -webkit-text-stroke-color: var(--one-tap-blue-med);
}

.navmenu__dropdown-section-heading-2 {
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 28px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
}

.navmenu__dropdown-list-2 {
  margin-bottom: 0;
}

.navmenu__dropdown-banner-link-2 {
  text-align: center;
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  margin-bottom: 40px;
  text-decoration: none;
}

.navbar_navmenu-mobile {
  display: none;
}

.navbar_menu_container {
  justify-content: space-between;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar_menu {
  z-index: 9999;
  font-size: 1rem;
  line-height: 1.7;
  position: sticky;
  inset: 0% 0% auto;
  transform: none;
  box-shadow: 0 1px 1px #0003;
}

.link-list_dropdown-wrapper {
  align-items: center;
  font-weight: 500;
  display: flex;
  position: static;
}

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

.brand_image {
  color: #1b1b1b;
  align-self: center;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: color .2s;
}

.brand_image:hover {
  color: #4353ff;
}

.navmenu_flex-container {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.link-list_list-item {
  margin-right: 32px;
  display: flex;
}

.link-list__link-4 {
  color: #1b1b1b;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__link-4:hover {
  box-shadow: inset 0 -3px 0 0 var(--one-tap-blue-med);
  color: var(--one-tap-blue-med);
}

.navbar_menu_mobile-overlay {
  display: none;
}

.navbar_navmenu {
  flex: 1;
  justify-content: space-between;
  margin-bottom: -10px;
  margin-left: 32px;
  transition: all .2s;
  display: flex;
  position: static;
}

.link-list__dropdown-toggle-4 {
  color: #1b1b1b;
  align-items: center;
  height: 100%;
  padding: 16px 0;
  font-size: 14px;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__dropdown-toggle-4:hover {
  box-shadow: inset 0 -3px 0 0 var(--one-tap-blue-med);
  color: var(--one-tap-blue-med);
  -webkit-text-stroke-color: var(--one-tap-blue-med);
}

.link-list__dropdown-toggle-4.w--open {
  box-shadow: inset 0 -3px 0 0 var(--one-tap-blue-med);
}

.navbar_menu_wrapper-2 {
  z-index: 100;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.navmenu_link-list-2 {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 10px;
  display: flex;
}

.heading---hero-credits {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 55px;
  font-weight: 700;
  line-height: 65px;
}

.div---hero-credits {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.split-content---hero-credits.hero-left {
  width: 100%;
  max-width: 55%;
}

.text---hero-credits {
  margin-bottom: 30px;
  padding-right: 40px;
  font-size: 17px;
  font-weight: 400;
}

.sticky-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 75%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.sticky-section---use-case {
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: visible;
}

.left-content {
  height: auto;
  position: sticky;
  top: 40%;
}

.container---sticky {
  justify-content: center;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: visible;
}

.sticky-left {
  flex: 0 auto;
  align-self: auto;
  width: 50%;
  height: 1140px;
  min-height: 100%;
  margin-top: 0;
  position: static;
  top: 100px;
}

.div---sticky-heading-wrapper {
  grid-row-gap: 10px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-right: 55px;
  display: flex;
}

.heading---sticky {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 54px;
}

.subheadline---text-sticky {
  font-weight: 400;
  line-height: 160%;
}

.grid---sticky-use-case {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto auto auto auto;
  padding-left: 10px;
  padding-right: 10px;
}

.div---sticky-use-case {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: .3px solid var(--text-grey);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 25px 20px 14px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---sticky-title-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.image---icon-use-case {
  width: 30px;
  height: 30px;
}

.text---sticky-content-inner-use-case {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.grid---sticky-onetap {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  padding-left: 10px;
  padding-right: 10px;
}

.div---content-stickty-credits {
  margin-top: 5px;
}

.text---sticky-content {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.div---content-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.div---sticky-solution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: .3px solid var(--text-grey);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 25px 30px 14px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.cursor---tab-scroll {
  z-index: 99999;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.section---solution-onetap {
  background-color: #f4f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.container---credits {
  flex-direction: column;
  flex: 1;
  max-width: 1240px;
  display: flex;
}

.div---flex-wrap-cme {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  background-color: #fff;
  border: .3px solid #d4e1fd;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 80%;
  margin-bottom: 0;
  padding: 60px;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 0 30px #806f6f26;
}

.div---flex-wrap-cme.reverse-flex {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row-reverse;
}

.stacking-cards-wrapper---cme {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.section---sol {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.card-image---cme {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 300px;
}

.div---feature-cme {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.split-content---hero-cme.hero-v1-right---brix {
  width: 100%;
  max-width: 39%;
  display: flex;
}

.navmenu_dropdown-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  padding-top: 12px;
  padding-bottom: 21px;
  display: grid;
}

.navmenu_dropdown-list1 {
  margin-bottom: 0;
  padding-right: 65px;
}

.navmenu_dropdown-section-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.navmenu_dropdown-section-link {
  color: #1b1b1b;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.navmenu_dropdown-section-link:hover {
  color: var(--one-tap-blue-med);
}

.navmenu_dropdown-section-link:focus {
  color: var(--one-tap-blue-med);
  -webkit-text-stroke-color: var(--one-tap-blue-med);
}

.navmenu_dropdown-list2 {
  margin-bottom: 0;
  padding-right: 65px;
}

.navmenu_dropdown-section-list2 {
  grid-column-gap: 25px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.navmenu_dropdown {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navmenu_dropdown.w--open {
  max-height: 90vh;
  padding-left: 45px;
  padding-right: 30px;
  overflow: auto;
}

.navmenu_dropdown-center {
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 12px;
  padding-bottom: 21px;
  padding-right: 60px;
  display: grid;
}

.navmenu_dropdown-block-center {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  flex: 0 0 45%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.navmenu_dropdown-section-list3 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.navmenu_dropdown-right {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 50px;
  padding-bottom: 52px;
  display: flex;
}

.navmenu__dropdown-section-heading-3 {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 12px;
  padding-bottom: 8px;
  font-size: 15px;
}

.text---navmenu_dropdown-section-right {
  font-size: 14px;
  font-weight: 400;
}

.navbar_dropdown-button-demo {
  color: var(--light-black);
  background-color: #0000;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.navbar_dropdown-button-demo:hover {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.navmenu_dropdown-section-list4 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.navmenu_dropdown-left4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 12px;
  padding-bottom: 21px;
  display: grid;
}

.navmenu_banner-image {
  width: 45%;
}

.navmenu_dropdown-banner {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  margin-bottom: 12px;
  text-decoration: none;
}

.navmenu_dropdown-list4 {
  margin-bottom: 0;
  padding-top: 40px;
  padding-right: 65px;
}

.navmenu_dropdown-section-link-icon {
  width: 21px;
  height: 21px;
  margin-right: 12px;
  transform: translate(0, 1px);
}

.navmenu_dropdown-section-list5 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.div---navmenu_disable {
  display: flex;
}

.grid---sticky-use-case-cle {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto auto auto;
  padding-left: 10px;
  padding-right: 10px;
}

.subheading---certifiations {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.grid---sticky-use-case-cpe {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  padding-left: 10px;
  padding-right: 10px;
}

.sticky-left-cpe {
  flex: 0 auto;
  align-self: auto;
  width: 44%;
  margin-top: 0;
  position: static;
  top: 100px;
}

.div---sticky-heading-wrapper-cpe {
  grid-row-gap: 10px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-right: 12px;
  display: flex;
}

.list---inner-text-cpe {
  text-align: left;
  margin-bottom: auto;
  padding-right: 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.list---inner-text-pdh {
  text-align: left;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.div---hero-wrap-text-pdh {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
}

.grid---sticky-use-case-pdh {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid---features-pdh {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .75fr .75fr .75fr;
  margin-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.text---inner-solution-pdh {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.scrollflip_component {
  padding-top: 120px;
  display: none;
}

.target_slot {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.moving_image_wrap {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img_relocate {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.origin_slot {
  justify-content: center;
  align-items: center;
  width: 700px;
  max-width: 100%;
  height: 420px;
  display: flex;
}

.section-38 {
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 120px;
}

.container-feature {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.cta-button {
  grid-column-gap: 8px;
  color: #f7f8f8;
  text-align: center;
  text-shadow: 0 3px 8px #00000040;
  background-image: linear-gradient(93deg, #455eb5 9%, #5643cc 44%, #673fd7 64%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 500;
  text-decoration: none;
  transition: text-shadow .12s, box-shadow .12s;
  display: block;
}

.cta-button:hover {
  text-shadow: 0 3px 12px #0000008f;
  box-shadow: 0 1px 40px #503fcd80;
}

.stars-curve-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lightning {
  position: absolute;
  top: -92px;
}

.feature-grid {
  grid-column-gap: 12px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.feature-grid.grid2 {
  grid-column-gap: 12px;
  grid-template-rows: auto;
}

.feature-grid.grid3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
}

.integrations-item {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-image: url('../images/integrations-item-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  min-width: 72px;
  height: 72px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.hero-img-bg {
  background-color: #ffffff03;
  border-radius: 8px;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.command-menu-option {
  grid-column-gap: 12px;
  cursor: pointer;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  display: flex;
}

.command-menu-option:hover {
  background-color: #ffffff0d;
}

.command-menu-option.command-menu-option--active {
  background-color: #ffffff26;
}

.page-wrapper-2 {
  overflow: hidden;
}

.hero-img {
  z-index: 1;
  opacity: 0;
  filter: brightness(120%);
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
}

.feature-heading {
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 16px;
  padding: .13em;
  font-size: 80px;
  font-weight: 400;
  line-height: .9;
  transition: transform .96s cubic-bezier(.3, 1.17, .55, .99);
}

.feature-heading.feature-heading--workflows {
  z-index: 1;
  position: relative;
}

.integrations-center {
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-image: linear-gradient(#6c38ff4d, #8b62ff4d);
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 148px;
  min-width: 148px;
  height: 148px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.highlights-card {
  background-image: linear-gradient(#fff0, #ffffff0d);
  border: 1px solid #ffffff1a;
  border-radius: 48px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 480px;
  padding: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.highlights-card.feature-card--command-line {
  justify-content: flex-start;
}

.divider-5 {
  background-image: linear-gradient(to right, #fff0, #ffffff1a 50%, #fff0);
  width: 100%;
  height: 1px;
  margin-top: 72px;
  margin-bottom: 72px;
}

.highlights-card-logo {
  justify-content: center;
  width: 130%;
  display: flex;
  position: absolute;
  top: -80px;
}

.stars-curve-glow {
  opacity: .4;
  background-image: radial-gradient(circle at 50% 100%, #0170f0, #7877c600 70%);
  position: absolute;
  inset: 0%;
}

.stars-curve-glow.stars-curve-glow--blue {
  background-image: radial-gradient(circle at 50% 100%, #0170f0, #7877c600 70%);
}

.command-menu-inner {
  background-color: #ffffff1a;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex-direction: column;
  width: 90vw;
  max-width: 640px;
  min-height: 278px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 7px 32px #00000059;
}

.hero-img-lines {
  justify-content: center;
  align-items: center;
  display: flex;
  transform: translate(0);
}

.page-padding {
  padding-left: 32px;
  padding-right: 32px;
}

.stars-curve {
  width: 100%;
  max-width: 1200px;
  height: 600px;
  margin: -150px auto -120px;
  position: relative;
  overflow: hidden;
}

.stars-curve.stars-curve--rotated {
  opacity: 1;
  margin-top: -64px;
  margin-bottom: -150px;
  transform: rotate(180deg);
}

.hero-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.display-inline {
  display: inline;
}

.logo-item {
  width: 100%;
  max-width: 160px;
}

.command-menu-list {
  box-shadow: 0 -1px #ffffff1a;
}

.keyboard-shortcuts {
  height: 28px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.cta-wrap {
  margin-top: 64px;
}

.hero-img-wrap {
  perspective: 2000px;
  padding-bottom: 420px;
  transform: none;
}

.cta-heading {
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 50% 0, #fff9, #fff 57%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 36px;
  margin-bottom: 16px;
  padding: .13em;
  font-size: 80px;
  font-weight: 400;
  line-height: .9;
}

.section-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.highlights-card-content {
  color: #b4bcd0;
  text-align: center;
  max-width: 450px;
  line-height: 1.3;
}

.highlights-card-content.feature-card-content--command-menu {
  transition: opacity .12s;
}

.integrations-icon {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  display: flex;
}

.hero-img-target {
  transform-style: preserve-3d;
  grid-template: "Area"
  / 1fr;
  grid-auto-columns: 1fr;
  margin-top: 128px;
  display: grid;
  position: relative;
  transform: rotateX(28deg)rotateY(0)rotateZ(0);
}

.feature-img-2 {
  width: 100%;
  height: auto;
}

.integrations-bg-wrap {
  z-index: 0;
  width: 242px;
  height: 242px;
  position: absolute;
}

.light-bar {
  opacity: .4;
  width: 100%;
  height: 400px;
  margin-bottom: -400px;
  transition: transform .96s, opacity .96s;
}

.command-menu-input {
  color: #81808e;
  align-items: center;
  height: 62px;
  padding: 0 22px;
  font-size: 18px;
  display: flex;
}

.feature-card-content {
  color: #b4bcd0;
  letter-spacing: -.02em;
}

.feature-img-wrap-2 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-image: linear-gradient(#fff3, #fff0);
  border-radius: 14px;
  max-width: 100%;
  margin-top: -36px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.feature-img-wrap-2.feature-img-wrap--issues {
  max-width: 777px;
}

.feature-img-wrap-2.feature-img-wrap--cycles {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  max-width: 1084px;
  box-shadow: 0 0 20px 3px #0003;
}

.feature-grid-item {
  color: #b4bcd0;
  letter-spacing: -.02em;
  max-width: 267px;
}

.section-feature {
  margin-top: -164px;
  padding-top: 420px;
  position: relative;
}

.section-feature.section-feature--workflows {
  z-index: 6;
}

.section-feature.section-feature--roadmaps {
  z-index: 7;
}

.section-feature.section-feature--issues {
  z-index: 9;
}

.section-feature.section-feature--cycles {
  z-index: 8;
}

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

.subheading {
  color: #b4bcd0;
  letter-spacing: -.025em;
  margin-bottom: 48px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3;
}

.subheading.subheading--hero {
  max-width: 580px;
  display: block;
}

.feature-card-img {
  max-width: none;
  height: auto;
  position: absolute;
}

.feature-card-img.feature-card-img--views {
  width: 110%;
  top: 34%;
  left: 24px;
}

.feature-card-img.feature-card-img--board {
  width: 200%;
  top: 40%;
}

.feature-card-img.feature-card-img--updates {
  width: 100%;
  padding-top: 30px;
  top: 43%;
  left: 7%;
}

.feature-card-img.feature-card-img--roadmaps {
  border-radius: 12px;
  width: 100%;
  padding-top: 30px;
  top: 43%;
  left: 7%;
}

.feature-section-header {
  text-align: center;
  margin-top: -128px;
  margin-bottom: 0;
  padding-top: 128px;
  padding-bottom: 10px;
  position: relative;
}

.feature-cards {
  border-radius: 48px;
  flex-direction: column;
  padding: 56px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.keyboard {
  width: 100%;
  height: auto;
  margin-top: -64px;
}

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

.command-menu {
  z-index: 1;
  opacity: .6;
  transition: transform .24s, opacity .24s;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 128px);
}

.command-menu:focus {
  opacity: 1;
  transform: translate(-50%, 24px);
}

.command-menu-label {
  color: #ffffff80;
  background-color: #ffffff0d;
  border-radius: 4px;
  align-self: flex-start;
  margin-top: 8px;
  margin-left: 16px;
  padding: 4px 8px;
  font-size: 12px;
}

.logos-header {
  text-align: center;
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

.feature-cards-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  display: grid;
}

.logos-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.feature-subheading {
  text-align: center;
  letter-spacing: -.04em;
  max-width: 630px;
  margin: 64px auto 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.heading-medium {
  letter-spacing: -.04em;
  margin-bottom: 28px;
  font-size: 54px;
  font-weight: 400;
  line-height: 1;
}

.integrations-wrap {
  justify-content: center;
  align-items: center;
  margin-top: -48px;
  display: flex;
}

.text-color-white {
  color: #f7f8f8;
}

.feature-grid-icon {
  color: #fff;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 6px;
  line-height: 1;
  display: inline-block;
  position: relative;
  bottom: -2px;
}

.integrations-bg-circle {
  opacity: 0;
  background-image: linear-gradient(#150b30, #5b39b8);
  border: 1px solid #ac8eff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.hero-img-blur {
  opacity: 0;
  filter: blur(160px);
}

.stars-curve-bottom {
  background-color: #eff0f6;
  border-top: 1px solid #0170f0;
  border-radius: 50%;
  width: 200%;
  padding-top: 142%;
  position: absolute;
  top: 50%;
  left: -50%;
}

.section-highlights {
  z-index: 10;
  position: relative;
}

.section-customers {
  position: relative;
}

.cards-heading {
  color: var(--light-black);
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.cards-heading.card-heading--feature {
  color: var(--light-black);
  margin-bottom: 8px;
}

.cards-heading.text-color-black {
  color: #1a1b1f;
  letter-spacing: normal;
  font-size: 17px;
  line-height: 25px;
}

.body-3 {
  color: #fff;
  background-color: #000212;
}

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

.hero {
  background-image: url('../images/Gradient-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.hero-heading1 {
  letter-spacing: -.05em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(156deg, #fff 30%, #ffffff61);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 24px;
  padding-bottom: .13em;
  padding-left: .13em;
  padding-right: .13em;
  font-size: 78px;
  line-height: 1;
}

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

.container-hero-feature {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.tab-admin {
  padding-top: 120px;
  padding-bottom: 100px;
}

.tabs-wrapper-feature {
  padding-top: 4em;
}

.div---heading-hero-feature {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  margin: 30px auto;
  display: flex;
}

.subheading-hero-feature {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.cta-hero-feature {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  margin-top: 12px;
  display: flex;
}

.section-hero-feature {
  background-image: url('../images/Gradient-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 80px;
  padding-bottom: 120px;
}

.section-features-highlights {
  z-index: 10;
  position: relative;
}

.container-feature-lp {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.highlights-wrap-feature-lp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.highlights-card-features {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: radial-gradient(circle closest-corner, #eff0f6, #f4f9ff);
  border: 1px solid #bec3c7;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 480px;
  padding: 56px 30px;
  display: flex;
  overflow: hidden;
}

.div-heading-wrapper-feature {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.section-attendance-feature {
  margin-top: -164px;
  padding-top: 420px;
  position: relative;
}

.section-attendance-feature.section-feature--cycles {
  z-index: 8;
}

.admin-feature-heading {
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 16px;
  padding: .13em;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  transition: transform .96s cubic-bezier(.3, 1.17, .55, .99);
}

.text-feature-grid-item {
  letter-spacing: -.02em;
  max-width: 300px;
  font-weight: 400;
  line-height: 26px;
}

.icon-feature-grid {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 6px;
  line-height: 1;
  display: inline-block;
  position: relative;
  bottom: -2px;
}

.padding-xhuge {
  padding: 10rem;
}

.section-steps-admin-attendance {
  z-index: 10;
  padding-top: 120px;
  position: relative;
}

.container-steps {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.tabs-content-feature {
  padding-top: 40px;
  overflow: visible;
}

.tab-panel---feature {
  min-height: 500px;
  box-shadow: 30px 30px 120px 30px var(--alice-blue-backgrounds);
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 25px 40px;
  display: flex;
}

.div---tab-content {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 4fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  padding-top: 20px;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.iphone-mockup {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.iphone-screen {
  z-index: 0;
  object-fit: cover;
  border-radius: 2%;
  width: 89.5%;
  height: 95.4%;
  position: absolute;
  top: 2.4%;
  left: 5.5%;
}

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

.cta_wrap {
  z-index: 1;
  background-color: var(--light-blue);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 414px;
  padding: 40px 20px;
  display: flex;
  position: relative;
}

.text-content-feature {
  color: var(--light-black);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.text-content-feature.padding-0 {
  padding-left: 0;
  padding-right: 0;
}

.tabs-feature {
  padding-left: 140px;
  padding-right: 140px;
}

.button---secondary-demo-feature {
  border: 1px solid var(--one-tap-blue-med);
  text-align: center;
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 17px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: transform .1s, box-shadow .1s, background-color .1s;
  display: flex;
}

.button---secondary-demo-feature:hover {
  color: var(--alice-blue-backgrounds);
  font-weight: 500;
  transform: translate(0, -1px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button---secondary-demo-feature.text-color---black {
  color: #1a1b1f;
}

.button---secondary-demo-feature.text-color---black.hero-bts {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--text-grey);
  text-decoration-color: var(--text-grey);
  text-underline-position: under;
  border-style: none;
  padding: 14px 5px 10px;
  font-size: 15px;
  text-decoration-style: solid;
  text-decoration-thickness: .3px;
}

.button---secondary-demo-feature.text-color---black.hero-bts:hover {
  box-shadow: none;
}

.highlights-card-content-feature {
  color: #b4bcd0;
  text-align: center;
  max-width: 500px;
  line-height: 1.3;
}

.image-feature-wrap {
  border-radius: 12px;
  box-shadow: 0 0 12px #0003;
}

.image-how-works-feature {
  border-radius: 12px;
  width: 70%;
}

.image-how-works-feature-upload {
  width: 50%;
}

.compare-divider-circle {
  background-color: #fff;
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  box-shadow: 0 1em 3em #00000063;
}

.compare-after-wrapper {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.compare-divider-circle-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.compare-divider-icon {
  width: 40%;
}

.compare-before-inner {
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.compare-after-media {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.compare-before-wrapper {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.section-compare-mouse-hover {
  border-radius: 21px;
  box-shadow: 0 0 12px #0003;
}

.compare-divider-wrapper {
  z-index: 1;
  background-color: #f1ebe7;
  justify-content: center;
  align-items: stretch;
  width: 6px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.compare-before-media {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.diagonal-horizontal-wrapper {
  border-radius: 21px;
  position: relative;
}

.div-block-209 {
  background-color: var(--light-black);
  border: 1px solid #0000001f;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  box-shadow: 0 0 5px 1px #0003;
}

.div---content-compliance-blog {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.div---inner-content-compliance-blog {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.text-complinace-blog {
  font-size: 16px;
}

.heading---compliance-blog {
  align-self: auto;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
}

.section---compliance-blog {
  padding-top: 176px;
  padding-bottom: 176px;
}

.section---compliance-blog.hero-primary {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.section---compliance-blog.hero-primary.hero-v4 {
  padding-top: 100px;
  padding-bottom: 60px;
  display: none;
}

.bold-text-24 {
  color: var(--light-black);
}

.opacity-20 {
  opacity: .2;
}

.floating-item {
  position: absolute;
}

.floating-item.hero-v2---01 {
  z-index: -1;
  max-width: 600px;
  inset: -1% auto auto -21%;
  transform: rotate(140deg);
}

.bg-split-v4 {
  z-index: -2;
  background-color: #f7f7fc;
  position: absolute;
}

.bg-split-v4.left {
  width: 100%;
  max-width: 60%;
  min-height: 600px;
  inset: 0% auto auto 0%;
}

.bg-split-v4.right {
  background-color: #4a3aff;
  width: 100%;
  max-width: 40%;
  min-height: 600px;
  inset: 0% 0% auto auto;
}

.container-default-8 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.grid---hero-columns-blog {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid---hero-columns-blog.hero-v4 {
  grid-column-gap: 80px;
  align-items: start;
}

.container---compliance-blog {
  padding-left: 24px;
  padding-right: 24px;
}

.section-45 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.section-45.hero-primary {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.section-45.hero-primary.hero-image-bg {
  background-image: linear-gradient(#0009, #0009);
  padding-top: 228px;
  padding-bottom: 228px;
}

.section-45.hero-primary.hero-image-bg.hero-v11 {
  background-image: linear-gradient(#0009, #0009), url('../images/security-compliance-bg-onetap.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 120px;
  padding-bottom: 50px;
}

.heading-41 {
  color: var(--white);
  text-align: center;
  font-size: 55px;
  font-weight: 500;
}

.image-454 {
  width: 45px;
}

.div-item1 {
  height: 50px;
}

.compare-component-2 {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container-large-6 {
  border-radius: 21px;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.div---rotate-text-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 90px;
  margin-bottom: 12px;
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
}

.right-text-after {
  color: var(--one-tap-blue-med);
  text-align: center;
  margin-bottom: 0;
  font-family: Varela, sans-serif;
  font-size: 21px;
  font-weight: 400;
  transform: skew(-6deg, -1deg);
}

.div---rotate-right {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 290px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.icon-arrow-left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.left-text-before {
  color: var(--text-grey);
  text-align: center;
  margin-bottom: 0;
  font-family: Varela, sans-serif;
  font-size: 21px;
  font-weight: 400;
  transform: skew(-6deg, -1deg);
}

.heading-icon {
  text-align: center;
  background-color: #0000;
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 61px;
  font-weight: 700;
  line-height: 70px;
  display: block;
  overflow: visible;
}

.text-icon {
  background-image: url('../images/icon-excel-attendance.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  padding-left: 1.1em;
}

.booster-tab-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #36364a;
  white-space: nowrap;
  background-color: #fafbfc;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.booster-tab-link:hover {
  box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}

.booster-tab-link.w--current {
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 14px;
}

.booster-tab-wrapper {
  width: 100%;
  max-width: 960px;
  box-shadow: 0 0 6px -3px var(--one-tap-blue-med);
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
}

.booster-tab-menu {
  border: .3px solid #e5e7eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.auto-tab-pane-tab-1 {
  border-radius: 16px;
}

.tab-progress-bar-base {
  background-color: #11023b0a;
  width: 100%;
  height: 5px;
  margin-inline: auto;
  position: absolute;
  inset-block: auto 0;
  inset-inline: 0;
}

.tab-progress-bar {
  width: var(--fb-tab-progress, 0);
  background-color: #7839f3;
  height: 5px;
  transition-property: width;
  transition-duration: .1s;
}

.div---header-horizontal-tab {
  z-index: 9;
  text-align: justify;
  background-color: #f8f9fc;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  align-items: stretch;
  padding: .75rem .5rem .75rem 1rem;
  display: flex;
  position: relative;
}

.div---rounded {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.div---rounded-full-bg--ff5f57 {
  background-color: #ff5f57;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.div---rounded-full-bg--ffbd2e {
  background-color: #ffbd2e;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.div---rounded-full-bg--28ca41 {
  background-color: #28ca41;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.div---center-text {
  background-color: #fff;
  border: .3px solid #e5e7eb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 360px;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.text---center-tabs {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
}

.div---width {
  width: 120px;
}

.text-menu-horizontal-tabs {
  font-size: 15px;
}

.div---tab-content-horizontal {
  background-color: #f8f9fc;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-bottom: 30px;
  padding-left: 100px;
  padding-right: 100px;
}

.tab-text-horizontal {
  text-align: center;
  background-color: #f8f9fc;
  padding-top: 36px;
  padding-bottom: 21px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.pd---content-inside-card {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 52%;
  padding: 25px 20px 30px;
  display: flex;
}

.card-4 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-4.link-card {
  color: #6e7191;
  transform-style: preserve-3d;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card-4.link-card:hover {
  transform: scale3d(.96, .96, 1.01);
}

.card-4.persona-lp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #6e7191;
  height: 100%;
  transform-style: preserve-3d;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card-4.persona-lp:hover {
  transform: scale3d(.96, .96, 1.01);
}

.div---image-wrapper-bg {
  background-image: radial-gradient(circle closest-corner, #eff0f6, #f4f9ff);
  border-radius: 0 0 12px 12px;
  justify-content: center;
  align-items: center;
  height: 260px;
  padding: 20px;
  display: flex;
}

.div---image-wrapper-bg.hight-highlight-block {
  height: 281px;
}

.div---image-wrapper-bg.process-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(12deg, var(--dark-slate-blue-gradient), var(--alice-blue-backgrounds)), url('../images/grain-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 0 0 12px 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 49%;
}

.grdid-feature-columns {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-feature {
  z-index: 9;
  border: 1px solid #11023b14;
  border-radius: 0 0 12px 12px;
  width: 100%;
  position: relative;
}

.grid-features {
  grid-column-gap: 12px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-top: 120px;
  display: grid;
}

.h4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.h4.feature-all {
  margin-top: 3px;
  font-size: 16px;
  line-height: 24px;
}

.h4.feature-pricing {
  color: #020817;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

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

.spacer-xl {
  width: 100%;
  height: 40px;
}

.paragraph-54 {
  opacity: .9;
  color: #000;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.horizontal-text-wrap {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.ios-attendance {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 120px;
  display: flex;
}

.small-card-2 {
  border: .3px solid var(--one-tap-blue-med);
  background-color: #fcfcfc;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 20px 30px -15px #1d01501a;
}

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

._1-2-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
}

._1-2-grid.reverse.justify-center {
  justify-items: center;
}

.section-features-all {
  z-index: 10;
  padding-top: 80px;
  padding-bottom: 120px;
  position: relative;
}

.grid-features-all {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-feature-all {
  opacity: .9;
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.integration-icons {
  padding: var(--section-padding) var(--container-padding);
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 120px;
  display: flex;
  position: relative;
}

.icon-integration-wrap {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.nav-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-item {
  justify-content: center;
  align-items: center;
  width: 5em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.nav-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

.image-456 {
  object-fit: contain;
  width: 100%;
}

.nav-item__tooltip {
  z-index: 0;
  opacity: 0;
  white-space: nowrap;
  background-color: #fff;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
}

.code-embed-css, .code-embed-js {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.text-card-ios-attendance {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.card-ios-attendance {
  background-color: #fff;
  border: 2px solid #f2f3ff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 20px 30px -15px #1d01501a;
}

.cta_main {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  text-align: center;
  background-color: #222;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6rem 15.4rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 10px 1px #0003;
}

.price_text {
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 40px;
}

.cta_button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #101828;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

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

.cta_card {
  color: #101828;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 322.078px;
  height: 100%;
  max-height: 386.641px;
  padding: 28px 24px;
  display: flex;
}

.cta_card.left_card {
  z-index: 2;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  color: #222;
  background-color: #fff;
  border-radius: 20px;
  max-width: 350px;
  max-height: 370px;
  position: absolute;
  inset: 20% auto auto 5%;
  transform: rotate(-12deg);
  box-shadow: 0 2px 10px 1px #0003;
}

.cta_card.right_card {
  z-index: 2;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  color: #222;
  background-color: #fff;
  border-radius: 20px;
  max-height: 400px;
  padding-right: 24px;
  position: absolute;
  inset: 27% 0% auto auto;
  transform: rotate(12deg);
  box-shadow: 0 2px 10px 1px #0003;
}

.cta_absolute-2 {
  filter: invert(35%) hue-rotate(180deg);
  object-fit: contain;
  position: absolute;
  inset: 0% 5% auto auto;
}

.text-size-xxlarge {
  font-size: 2.5rem;
}

.text-size-xxlarge.text-align-center {
  text-align: center;
  font-size: 27px;
  font-weight: 500;
  line-height: 38px;
}

.cta_card-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #222;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  transition: all .5s;
  display: flex;
}

.cta_card-button:hover {
  background-color: var(--one-tap-blue-med);
  color: #fff;
  transform: scale(1.1);
}

.cta_card-button.signup-cta {
  background-image: linear-gradient(225deg, var(--one-tap-blue-med), var(--dark-slate-blue-gradient));
}

.cta_card-button.demo-cta {
  border: 1px solid var(--one-tap-blue-med);
  color: var(--light-black);
  background-color: #0000;
}

.cta_absolute-1 {
  filter: invert(35%) hue-rotate(180deg);
  width: 200px;
  position: absolute;
  inset: 0% auto auto 5%;
}

.button_icon {
  width: 20px;
  height: 20px;
}

.cta_container {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-global-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-3.padding-section-large {
  padding-left: 4rem;
  padding-right: 4rem;
}

.section-cta-last {
  background-color: #00000008;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.text-size-medium-3 {
  font-size: 1.25rem;
}

.text-size-medium-3.text-align-center {
  text-align: center;
  padding-left: 70px;
  padding-right: 70px;
  font-size: 20px;
  line-height: 25px;
}

.heading---inner-blog {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.booster-tab-link-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #36364a;
  white-space: nowrap;
  background-color: #fafbfc;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.booster-tab-link-3:hover {
  box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}

.booster-tab-link-3.w--current {
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 14px;
}

.tab-wrapper-attendance {
  border-radius: 12px;
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 6px -3px #0170f0;
}

.banner-v1-title-marked-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(92deg, #0170f0 50%, #0038a7 84%, #0038a7);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.cta-hero-btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 12px;
  display: flex;
}

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

.grid-32 {
  grid-column-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.75fr;
}

.button---cta-use-case-2 {
  background-image: linear-gradient(135deg, #0038a7, #0170f0);
  border-radius: 7px;
  width: 300px;
  max-width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-use-case-2:hover {
  color: #fff;
}

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

.div-heading-wrapper-attendance {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-persona-inner-left {
  padding-right: 10px;
}

.heading-attendance {
  text-align: left;
  margin-top: auto;
  font-size: 43px;
  font-weight: 700;
  line-height: 52px;
}

.subheading-attendance {
  text-align: left;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.div-highlight-text-wrap {
  margin-bottom: 20px;
  display: flex;
}

.text-highlight-top {
  border: .2px solid var(--one-tap-blue-med);
  background-color: var(--light-blue);
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.div-line-horizontal {
  border: .3px solid #0000001f;
  align-self: center;
  width: 210px;
  display: flex;
}

.grid-column-attendance {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.container-attendance {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.cards-heading-attendance {
  color: var(--light-black);
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}

.card-text-attendance {
  color: #1a1b1f;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.grid-column2-attendance {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.grid-column3-attendance {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-security {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 7px #14142b0f;
}

.div---image-wrapper-card {
  background-image: radial-gradient(circle closest-corner, #eff0f6, #f4f9ff);
  border-radius: 0 0 12px 12px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 260px;
  padding: 20px;
  display: flex;
}

.div-card-content-seciurity {
  width: 50%;
  padding: 25px 20px 30px;
}

.div-integration {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-integration-wrapper {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 100px 50px;
  overflow: hidden;
}

.cards-heading-attendanc-security {
  color: var(--light-black);
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 500;
  line-height: 23px;
}

.booster-tab-link-first {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #36364a;
  white-space: nowrap;
  background-color: #fafbfc;
  border-radius: 12px 0 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.booster-tab-link-first:hover {
  box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}

.booster-tab-link-first.w--current {
  background-color: #fff;
  border-top-left-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.booster-tab-link-last {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #36364a;
  white-space: nowrap;
  background-color: #fafbfc;
  border-radius: 0 12px 0 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.booster-tab-link-last:hover {
  box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}

.booster-tab-link-last.w--current {
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 14px;
}

.div---tab-content-horizontal-attendance {
  background-color: #f8f9fc;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 50px 40px;
}

.div-persona-attendance {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.div-inner-persona {
  grid-column-gap: 10px;
  grid-row-gap: 14px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px 5px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.cell-38 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: stretch;
}

.div-inner-persona-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-columns: 2fr 1.5fr;
  margin-top: 12px;
  margin-bottom: 0;
  display: flex;
}

.text-inner-persona-left {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.cell-39 {
  padding-top: 10px;
  padding-right: 60px;
}

.div-icon-inner-persona-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.image-459 {
  width: 27px;
  height: 27px;
}

.text-inner-icon {
  text-align: left;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.typed-words {
  text-align: center;
  margin-top: -18px;
  font-size: 61px;
  font-weight: 700;
  line-height: 70px;
  text-decoration: none;
  display: inline-block;
}

.cta-last-attendance {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  text-align: center;
  background-color: #222;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 4rem 15.4rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 10px 1px #0003;
}

.section-hero-attendance {
  background-color: #f8f9fc;
  padding-top: 80px;
  padding-bottom: 120px;
}

.fs-sliderdots_slide {
  color: #111;
  text-align: center;
  background-color: #f6f6f6;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 24rem;
  display: flex;
}

.fs-sliderdots_arrow-right {
  background-color: #1a1a1a;
  border-radius: 500px;
  width: 4rem;
  height: 4rem;
  margin-bottom: 4rem;
  font-size: 1.5rem;
  display: none;
  inset: 12rem 4rem auto auto;
}

.fs-sliderdots_slider {
  background-color: #fff;
  border-radius: .25rem;
  width: 100%;
  height: auto;
  padding: 2rem;
}

.fs-sliderdots_slider.helper {
  border-radius: .5rem;
  width: 100%;
  height: 550px;
  padding: .5rem;
}

.fs-sliderdots-nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  margin-top: 1rem;
  display: flex;
}

.fs-sliderdots-nav.helper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
}

.fs-sliderdots_content {
  color: #111;
  text-align: center;
  cursor: pointer;
  border-radius: .25rem;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.fs-sliderdots_content.helper {
  flex: none;
  font-size: 12px;
}

.fs-sliderdots_content.fs-sliderdots_active {
  color: #fff;
  background-color: #6e30f7;
  flex: none;
}

.fs-example_wrapper {
  box-shadow: 0 2px 5px 0 var(--one-tap-blue-med);
  border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: none;
}

.fs-sliderdots_arrow-left-2 {
  background-color: #1a1a1a;
  border-radius: 500px;
  width: 4rem;
  height: 4rem;
  margin-bottom: 4rem;
  font-size: 1.5rem;
  display: none;
  inset: 12rem auto auto 4rem;
}

.div-attendance {
  border-top: 1px solid #ffffff1a;
}

.section-sol-attendance {
  padding-top: 120px;
  padding-bottom: 120px;
}

.div-section-heading-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-bottom: 30px;
  display: flex;
}

.div-button-attendance {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 21px;
  display: flex;
}

.tlc-line {
  background-color: var(--one-tap-blue-med);
  color: #0074a2;
  -webkit-text-stroke-color: var(--one-tap-blue-med);
  width: 50px;
  height: 4px;
  margin-right: 10px;
  padding-right: 0;
  position: relative;
}

.tlc-head-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.plus-2 {
  background-color: var(--light-black);
  width: 2px;
  height: 14px;
}

.minus-2 {
  background-color: var(--light-black);
  width: 14px;
  height: 2px;
  position: absolute;
  top: 6px;
  left: -6px;
}

.accordion-header-2 {
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.faq-tab-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  padding-bottom: 60px;
  display: flex;
}

.accordion-body-3 {
  max-width: 760px;
  overflow: hidden;
}

.faq-top {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 32px;
}

.accordion-title-3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-content-3 {
  font-weight: 400;
  line-height: 26px;
}

.faq-tab-link {
  border: .5px solid var(--one-tap-blue-med);
  background-color: #0000;
  border-radius: 12px;
  padding: 5px 12px;
  font-weight: 400;
}

.faq-tab-link.w--current {
  background-color: var(--section-logo);
  color: var(--one-tap-blue-med);
  padding: 5px 12px;
  font-weight: 500;
}

.heading-three {
  color: #010101;
  letter-spacing: -1.28px;
  font-size: 64px;
  font-weight: 600;
  line-height: 106%;
}

.heading-three.text-white {
  color: #fff;
}

.heading-three.text-white.text-effect {
  color: var(--light-black);
  font-size: 60px;
}

.faq-tabs {
  max-width: 1016px;
  margin-left: auto;
  margin-right: auto;
}

.faq-tab-text {
  font-size: 14px;
}

.accordion-item-3 {
  cursor: pointer;
  border-bottom: 1px solid #ffffff29;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.faq-area-3 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.accordion-icon-wrap {
  color: var(--light-black);
  position: relative;
}

.subheading-hero-attendance {
  padding-left: 80px;
  padding-right: 80px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.div-section-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-text-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 100px;
  font-size: 16px;
  display: flex;
}

.text-bullet-inner {
  text-align: left;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.heading-persona-attendance {
  text-align: left;
  margin-top: auto;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.stack-persona-attendance {
  padding-bottom: 0;
}

.div-list-inner-persona {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  display: flex;
}

.cards-heading-persona-attendance {
  color: var(--light-black);
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}

.icon-persona-attendance {
  width: 21px;
  height: 21px;
}

.teaser-container {
  max-width: 1140px;
  padding-left: 30px;
  padding-right: 30px;
}

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

.teaser-heading-copy-right {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.div-text-wrap-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 15px;
  display: flex;
}

.div-text-wrap-right.padding-right-100 {
  margin-bottom: 12px;
  padding-right: 100px;
}

.text-right {
  text-align: left;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.teaser-text-copy-right {
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.image-feature-attendance-reports {
  border-radius: 12px;
}

.div-collaboration-wrapper {
  text-align: center;
  background-color: #f9f9fb;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 40px 50px;
  overflow: hidden;
}

.icon-persona-left {
  width: 50px;
  height: 50px;
  transform-style: preserve-3d;
  margin-bottom: 5px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.icon-persona-admin {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}

.rotate-text-attendance {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  transform: skew(-6deg, -1deg);
}

.div---img-hero-attendance {
  flex-flow: column;
  margin-top: 55px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-215 {
  text-align: center;
}

.text-last-cta {
  font-size: 1.25rem;
}

.text-last-cta.text-align-center {
  text-align: center;
  padding-left: 70px;
  padding-right: 70px;
  font-size: 17px;
  line-height: 25px;
}

.div-check-in-counter {
  margin-top: 12px;
}

.text-block-93 {
  font-size: 14px;
  font-weight: 400;
}

.testimonial-area-2 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.testimonial-slide-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.container-46 {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.testimonial-slider-item {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f8f9fc;
  border-radius: 32px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  max-width: 26%;
  padding: 45px 32px 32px;
}

.testimonial-top-left {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  max-width: 450px;
}

.testimonial-icon-wrap-2 {
  -webkit-backdrop-filter: blur(200px);
  backdrop-filter: blur(200px);
  border: 1px solid #ffffff80;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.section-content-md {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.heading-three-2 {
  color: #dac5a6;
  letter-spacing: -1.3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.2em;
}

.testimonial-slider-horizontal {
  background-color: #0000;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-slide {
  height: auto;
}

.author-name {
  color: #000;
  margin-bottom: 3px;
  font-size: 20px;
  line-height: 120%;
}

.author {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.testimonial-icon-wrap {
  border: 1.5px solid #ffffff4d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.section-content-sm {
  font-size: 16px;
  line-height: 150%;
}

.section-content-sm.text-effect {
  font-weight: 400;
}

.testimonial-top-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-right-overlay {
  z-index: 9;
  background-image: linear-gradient(90deg, #fff0, #fff);
  width: 10%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.testimonial-top-3 {
  grid-column-gap: 250px;
  grid-row-gap: 250px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 237px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 65px;
  display: grid;
}

.author-designation {
  font-size: 14px;
  line-height: 21px;
}

.testimonial-left-overlay {
  z-index: 9;
  background-image: linear-gradient(90deg, #fff, #fff0);
  width: 13%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.section-content {
  color: #4d4d4d;
  letter-spacing: -.6px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.avatar-2 {
  width: 100%;
  height: 100%;
}

.avatar-wrap {
  border-radius: 99999px;
  width: 51px;
  height: 51px;
  overflow: hidden;
}

.story-img {
  width: 70px;
}

.heading-three-2 {
  color: #010101;
  letter-spacing: -1.28px;
  font-size: 64px;
  font-weight: 600;
  line-height: 106%;
}

.heading-three-2.pb-20.letter-effect {
  margin-bottom: 12px;
}

.video-card {
  border: .5px solid #11023b14;
}

.heading-icon-admin-attendance {
  text-align: center;
  background-color: #0000;
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 61px;
  font-weight: 700;
  line-height: 70px;
  display: block;
  overflow: visible;
}

.div---heading-hero-admin-attendance {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  margin: 30px auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.link-list__dropdown-toggle-5 {
  color: #1b1b1b;
  align-items: center;
  height: 100%;
  padding: 16px 0;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__dropdown-toggle-5:hover {
  color: #4353ff;
  box-shadow: inset 0 -3px #4353ff;
}

.link-list__dropdown-toggle-5.w--open {
  box-shadow: inset 0 -3px #4353ff;
}

.navmenu__flex-container-4 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.link-list__list-item-4 {
  margin-right: 32px;
  display: flex;
}

.navbar__navmenu-3 {
  flex: 1;
  justify-content: space-between;
  margin-left: 32px;
  transition: all .2s;
  display: flex;
  position: static;
}

.navbar-mob-update {
  z-index: 9999;
  font-size: 1rem;
  line-height: 1.7;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  transform: none;
}

.navmenu__link-list-4 {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.navmenu__dropdown-left-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-right: 60px;
  display: grid;
}

.navmenu__dropdown-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  width: 100%;
  display: grid;
}

.navmenu__dropdown-section-3 {
  margin-bottom: 40px;
}

.navmenu_dropdown-section-link-2 {
  color: #1b1b1b;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.navmenu_dropdown-section-link-2:hover {
  color: #0170f0;
}

.navmenu_dropdown-section-link-2:focus {
  color: #0170f0;
  -webkit-text-stroke-color: #0170f0;
}

.navmenu__dropdown-section-4, .navmenu__dropdown-section-5 {
  margin-bottom: 40px;
}

.navmenu__dropdown-section-link-4 {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link-4:hover {
  color: #0170f0;
}

.navmenu__dropdown-section-link-4:focus {
  color: #0170f0;
  -webkit-text-stroke-color: #0170f0;
}

.navmenu__dropdown-section-6 {
  margin-bottom: 40px;
}

.link-list__link-6 {
  color: #1b1b1b;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__link-6:hover {
  color: #0170f0;
  box-shadow: inset 0 -3px #0170f0;
}

.navmenu__dropdown-section-9 {
  margin-bottom: 40px;
}

.menu-4 {
  float: none;
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  height: 56px;
  font-weight: 500;
  display: flex;
}

.navbar-3 {
  z-index: 3;
  background-color: #fff;
  position: relative;
  box-shadow: 0 3px 12px #24324214;
}

.dropdown-list-3 {
  z-index: 1;
  background-color: #0000;
  padding-bottom: 142px;
  font-size: 13px;
  position: fixed;
  inset: 56px 0% auto;
  overflow: hidden;
}

.container-47 {
  max-width: 1740px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.divider-6 {
  background-color: #e0e6e8;
  width: 1px;
  height: 28px;
}

.brand-8 {
  flex: none;
  align-items: center;
  margin-right: 32px;
  display: flex;
}

.brand-8.responsive {
  display: none;
}

.dropdown-grid-2 {
  grid-column-gap: 50px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 180px 410px 240px;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-grid-2.resources {
  grid-template-columns: 180px 410px 240px;
}

.dropdown-toggle-4 {
  color: #4a4a4b;
  align-items: center;
  height: 100%;
  padding: 6px 13px 0;
  font-size: 17px;
  transition: color .2s cubic-bezier(.4, 0, .2, .01);
  display: flex;
}

.dropdown-toggle-4:hover {
  color: var(--one-tap-blue-med);
}

.dropdown-toggle-4.w--open {
  color: #796eff;
  box-shadow: inset 0 -3px #796eff;
}

.dropdown-toggle-4.button:hover {
  background-color: #0000;
  border-color: #0000;
}

.icon-onetap-logo {
  width: 111px;
}

.container-dropdown-nav {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.dropdown-card-title-2 {
  color: #151b26;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
}

.dropdown-card-title-2.is-secondary {
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 19px;
}

.dropdown-card-title-2.not-margin {
  margin-top: 2px;
  margin-bottom: 0;
}

.dropdown-card-2 {
  margin-bottom: 36px;
  display: block;
  position: relative;
}

.dropdown-card-2.has-icon {
  display: flex;
}

.dropdown-card-2.is-secondary {
  margin-bottom: 20px;
}

.sidebar-column-bg-2 {
  display: none;
}

.menu-5 {
  float: none;
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  height: 56px;
  font-weight: 500;
  display: flex;
}

.nav-button-4 {
  color: #fff;
  background-color: #273240;
  border-radius: 3px;
  padding: 8px 16px;
  transition: background-color .2s ease-in-out;
}

.nav-button-4:hover {
  background-color: #151b26;
}

.navbar-4 {
  z-index: 3;
  background-color: #fff;
  position: relative;
  box-shadow: 0 3px 12px #24324214;
}

.dropdown-list-4 {
  z-index: 1;
  background-color: #0000;
  padding-bottom: 142px;
  font-size: 13px;
  position: fixed;
  inset: 56px 0% auto;
  overflow: hidden;
}

.dropdown-column-title-2 {
  color: #151b26;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e6e8;
  margin-bottom: 30px;
  padding-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
  position: relative;
}

.dropdown-card-content-2 {
  display: flex;
  position: relative;
}

.container-48 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.divider-7 {
  background-color: #e0e6e8;
  width: 1px;
  height: 28px;
}

.dropdown-toggle-5 {
  color: #646f79;
  align-items: center;
  height: 100%;
  padding: 6px 13px 0;
  font-size: 15px;
  transition: color .2s cubic-bezier(.4, 0, .2, .01);
  display: flex;
}

.dropdown-toggle-5:hover {
  color: #796eff;
}

.dropdown-toggle-5.w--open {
  color: #796eff;
  box-shadow: inset 0 -3px #796eff;
}

.dropdown-toggle-5.language, .dropdown-toggle-5.envelope, .dropdown-toggle-5.button {
  display: none;
}

.dropdown-toggle-text-2 {
  margin-right: 6px;
}

.navbar-wrapper-mobile {
  background-color: #0000;
  font-size: 12px;
  position: fixed;
  inset: 0% 0% auto;
}

.navmenu_dropdown-section-link-heading-3 {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
}

.navmenu_dropdown-section-link-heading-3:hover {
  color: #0038a7;
}

.section---hero-pricing-onetap {
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 60px;
}

.container---hero-pricing {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.header-table {
  display: none;
  position: sticky;
  top: 25px;
}

.item-title-feature {
  background-color: var(--medium-blue);
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  padding-left: 10px;
  display: flex;
}

.item-feature-pricing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.item-feature-pricing.bg-color-fafbfc {
  background-color: #fafbfc;
  justify-content: flex-start;
  align-items: flex-start;
}

.paragraph-feature-pricing {
  color: #64748b;
  cursor: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}

.icon-check {
  cursor: none;
  width: 1vw;
  min-width: 1vw;
  height: 1vw;
}

.details-grid {
  color: #020817;
  cursor: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.heading-h4 {
  color: var(--one-tap-blue-med);
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}

.item-grid-check-pricing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.item-grid-check-pricing.bg-color-fafbfc {
  background-color: #fafbfc;
}

.item-grid-check-pricing.grid-bg-highlight-f5f5f5 {
  background-color: #f5f5f5;
}

.heading-h3 {
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.main-button-text {
  color: #181819;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

.magic_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: .1px solid var(--text-grey);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr 1fr;
  box-shadow: 0 0 30px -12px #0003;
}

.item-blank {
  background-color: #151515;
  height: 150px;
}

.item-blank.corner {
  z-index: 9;
  background-color: var(--white);
  border-bottom: 2px solid #e4e4e7;
  border-right: 1px solid #d4d4d8;
  border-top-left-radius: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  padding-bottom: 35px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.grid-pricing-wrapper {
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.pricing-wrapper-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-bottom: 10px;
}

.text-pricing-plan {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
}

.text-pricing-plan.card-highlight-pricing {
  color: #d4d4d8;
}

.card-pricing-wrap-standard-plan {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text-pricing-feature {
  color: #020817;
  cursor: none;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}

.subtext-grid {
  color: #64748b;
  cursor: none;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
}

.booster-tooltip {
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  display: flex;
}

.booster-tooltip-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.grid-features-pricing {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-card-pricing {
  border: 1px solid #f2f3ff;
  border-radius: 12px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 30px -20px #1d01501a;
}

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

.icon-pricing-feature {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-pricing-feature {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-feature-pricing {
  color: #5f5f68;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
  overflow: hidden;
}

.text-feature-pricing {
  opacity: .9;
  color: #64748b;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
}

.section---faq-pricing {
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading-faq-pricing {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.div---heading-faq-pricing {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #e2e8e0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 25px;
  padding-bottom: 20px;
  display: flex;
}

.accordion-item---faq-pricing {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---faq-pricing.accordion-3---faq {
  border: .3px solid #0000;
  border-radius: 7px;
  margin-bottom: 24px;
  padding: 15px 20px 12px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 2px 6px #13124212;
}

.accordion-item---faq-pricing.accordion-3---faq:hover {
  box-shadow: none;
  background-color: #fffdfd;
}

.accordion-item-title---faq-pricing {
  color: #170f49;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-item-title---faq-pricing.accordion-3---faq {
  color: var(--light-black);
  padding-right: 20px;
  font-size: 15px;
  line-height: 25px;
}

.accordion-paragraph---faq-pricing {
  color: #25292e;
  width: 100%;
  max-width: 95%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.faq-col2-wrapper-pricing {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-col1-wrapper-pricing {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-pricing {
  margin-top: 10px;
  font-size: 41px;
  font-weight: 600;
  line-height: 65px;
}

.div---heading-hero-pricing {
  text-align: center;
  margin: 50px auto 14px;
}

.div-heading-wrapper-feature-pricing {
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.subheading-pricing {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

.text-banner-pricing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--light-blue);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 160px;
  margin-right: 160px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.banner-text---headline-pricing {
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: .3px;
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.icon-top-text-pricing {
  width: 21px;
  height: 21px;
  color: var(--one-tap-blue-med);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.item-blank-pricing-table {
  background-color: #151515;
  height: 150px;
}

.item-blank-pricing-table.corner {
  z-index: 50;
  background-color: var(--white);
  border-bottom: 2px solid #e4e4e7;
  border-right: 1px solid #d4d4d8;
  border-top-left-radius: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  padding-bottom: 35px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.item-plan_name-pricing {
  z-index: 20;
  background-color: var(--white);
  border-bottom: 2px solid #e4e4e7;
  border-right-width: 1px;
  border-right-color: #d4d4d8;
  border-top-right-radius: 12px;
  flex-direction: column;
  padding: 25px 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.item-plan_name-pricing.card-highlight-pricing {
  background-color: var(--light-black);
  color: var(--white);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.icon-dash {
  width: 14px;
  height: 14px;
  color: var(--text-grey);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.heading-h3-2 {
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.item-plan_name-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #151515;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 150px;
  display: flex;
  position: sticky;
  top: 0;
}

.item-grid-check-pricing-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.item-grid-check-pricing-2.grid-bg-highlight-f5f5f5 {
  background-color: #f5f5f5;
}

.fixed-button-test-scroll-pt {
  display: none;
}

.icon-dash-2 {
  color: #909090;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
  overflow: hidden;
}

.item-feature-pricing-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.heading-h3-3 {
  color: #e7e7ec;
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 110%;
}

.link-block-6 {
  cursor: none;
  background-color: #b2b2b8;
  border: 1px solid #b2b2b8;
  border-radius: 25px;
  padding: 8px 16px;
}

.grid-pricing-t {
  width: 100%;
  padding: 5vw 10vw;
  display: none;
}

.subtext-grid-2 {
  color: #64748b;
  cursor: none;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
}

.text-pricing-feature-2 {
  color: #020817;
  cursor: none;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
}

.text-pricing-plan-2 {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
}

.magic_grid-pt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}

.div---button_wrapper-2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button---navigation-cta-4 {
  letter-spacing: .7px;
  text-transform: none;
  background-color: #0000;
  background-image: linear-gradient(135deg, #0038a7, #2d6ae9);
  border-radius: 7px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  transition: all .35s;
}

.button---navigation-cta-4:hover {
  color: #f4f9ff;
  background-color: #0000;
  background-image: linear-gradient(315deg, #0038a7, #2d6ae9);
}

.link-list__list-item-cta {
  margin-right: 32px;
  display: flex;
}

.item-plan_name-other {
  z-index: 20;
  border-bottom: 1px solid #e4e4e7;
  border-right-width: 1px;
  border-right-color: #d4d4d8;
  border-top-right-radius: 12px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 70px;
}

.div-block-216 {
  justify-content: space-between;
  display: flex;
}

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

.link-20 {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-decoration: none;
}

.link-20:hover {
  color: var(--one-tap-blue-med);
}

.heading-pricing-plan {
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.text-popular {
  font-size: 11px;
  font-weight: 600;
}

.div-popular {
  background-color: var(--alice-blue-backgrounds);
  width: 55px;
  height: 21px;
  color: var(--one-tap-blue-med);
  border-radius: 3px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding-top: 10px;
  font-size: 13px;
  display: flex;
}

.div-learn-more {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 88px;
  display: flex;
}

.text-learn-more {
  opacity: .9;
  color: #020817;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
}

.icon-learn-more {
  color: #5f5f68;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
  overflow: hidden;
}

.link-block-learn-more {
  margin-top: 12px;
}

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

.margin-bottom.margin-xxsmall {
  flex-flow: column;
  margin: 0 0 10px;
  display: flex;
}

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

.max-width-large.align-center {
  max-width: 50rem;
}

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

.margin-top.margin-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.div-link-pricing-feature {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: baseline;
  padding-left: 35px;
  display: flex;
}

.cards-wrap-free-plan {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  display: none;
}

.card-free-plan {
  border: 1px solid #1118284d;
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 3px 5px #0003;
}

.item-plan_name-other-short {
  z-index: 20;
  border-bottom: 1px solid #e4e4e7;
  border-right-width: 1px;
  border-right-color: #d4d4d8;
  border-top-right-radius: 12px;
  flex-direction: column;
  display: flex;
}

.section---blog-hero {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 52px;
}

.container---blog {
  max-width: 1160px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading---hero-blog {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 55px;
  font-weight: 600;
  line-height: 63px;
}

.div---hero-blog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.split-content---blog.hero-v1-right---brix {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.split-content---blog.hero-v1-left---blog {
  max-width: 70%;
}

.text---hero-blog {
  width: 600px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.div---btn-hero-blog {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px;
  display: flex;
}

.section---blog-flex {
  color: var(--light-black);
  padding-top: 80px;
  padding-bottom: 60px;
}

.div---article-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div---toc-blog {
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  width: 1440px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: sticky;
  top: 140px;
  bottom: 100px;
  box-shadow: 1px 1px 5px #0003;
}

.div---toc-blog.position-mobile {
  grid-row-gap: 3px;
  border-radius: 12px;
  width: 1400px;
  height: 315px;
  padding-top: 0;
  padding-bottom: 15px;
  overflow: auto;
}

.text---content-r-blog {
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.text---content-r-blog.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.heading---blog {
  align-self: auto;
  margin-top: 55px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.div---comparison-table-blog {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div---table-header-feature-blog {
  background-color: #f5f5f5;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  padding: 15px 20px;
  display: flex;
}

.div---heading-row-blog {
  background-color: #fff;
  border: 1px solid #bec3c7;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  display: flex;
  position: sticky;
  top: 62px;
}

.div---description-header-cell-blog {
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  width: 35%;
  padding: 10px;
  display: flex;
}

.div---flexbox-blog {
  border-bottom: 1px #bec3c7;
  border-left: 1px solid #bec3c7;
  border-right: 1px #bec3c7;
  border-radius: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
  box-shadow: 0 0 10px -3px #0000007a;
}

.div---column-titles-blog {
  justify-content: flex-start;
  align-items: center;
}

.text---cell-heading-blog {
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 23px;
}

.text---cell-blog {
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.div---rows-blog {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  width: 100%;
  display: flex;
}

.text---caption-table-blog {
  color: var(--text-grey);
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.link---toc-blog {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.link---toc-blog:hover {
  border-left: 2px solid var(--royal-blue);
  background-color: var(--alice-blue-backgrounds);
}

.link---toc-blog.w--current {
  border-left: 2.1px solid var(--royal-blue);
  background-color: var(--light-blue);
  border-radius: 0 5px 5px 0;
  margin-right: 10px;
  display: flex;
}

.heading---toc-blog {
  z-index: 3;
  background-color: #f5f5f5;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0;
  padding: 10px 20px 10px 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  position: sticky;
  top: 0;
}

.div---image-wrap-blog {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.h3---heading-blog {
  align-self: auto;
  margin-top: 40px;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
}

.h4---heading-blog {
  color: #161517;
  align-self: auto;
  margin-top: 40px;
  font-size: 21px;
  font-weight: 600;
  line-height: 31px;
}

.icon---features-blog {
  width: 25px;
}

.list---inner-text-blog {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.div---features-wrap-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: 16px;
  display: flex;
}

.div-block-218 {
  background-color: #f8f9fa;
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 20px 5px;
}

.div-block-219 {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.button---cta-result-blog {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 7px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
}

.button---cta-result-blog:hover {
  color: var(--white);
}

.cards-wrap-blog {
  grid-column-gap: 3px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  margin-bottom: 30px;
  display: grid;
}

.card-plan-wrapper-blog {
  border: 1px solid #1118284d;
  border-radius: 10px;
  width: 100%;
  padding: 20px 10px 10px;
  box-shadow: 3px 3px 5px #0003;
}

.card-plan-wrapper-blog.card-free-plan {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 0 3px #0003;
}

.card-plan-wrapper-blog.card-highlight-pricing {
  background-color: var(--light-black);
  color: var(--white);
}

.text---plan-pricing-blog {
  color: gray;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.text---plan-pricing-blog.card-highlight-pricing {
  color: var(--white);
  font-weight: 400;
}

.item-feature {
  background-color: #f9fafb;
  justify-content: flex-start;
  align-items: flex-start;
  height: 60px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  display: flex;
}

.text-feature-table-blog {
  color: #292d34;
  cursor: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.icon-check-2 {
  cursor: none;
  width: 12px;
  padding-top: 5px;
}

.icon-check-2.smaller {
  width: .75vw;
  min-width: .75vw;
}

.text-details-features {
  color: #292d34;
  cursor: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}

.item-grid-check {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 60px;
  padding: 12px 12px 10px 15px;
  display: flex;
}

.heading-h3-4 {
  color: #fcfcfc;
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%;
}

.magic_grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1.2px solid #d4d4d8;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  overflow: visible;
}

.grid---feature-table-blog {
  width: 100%;
  margin-bottom: 40px;
  padding: 12px 0;
}

.div-heading-table-blog {
  background-color: var(--light-black);
  height: 50px;
  color: var(--white);
  border-bottom: 1.2px solid #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.div-heading-table-blog.border-right {
  border-right: 1.2px solid #d4d4d8;
}

.item-blank-heading {
  background-color: var(--light-blue);
  height: 45px;
}

.div---final-cta-blog {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #f8f9fa;
  border-radius: 12px;
  flex-flow: row;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}

.h4---cta-heading-blog {
  color: #161517;
  align-self: auto;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-221 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div---description-title-cell-blog {
  flex-direction: column;
  width: 35%;
  padding: 10px;
  display: flex;
}

.div---description-feature-header-cell-blog {
  background-color: #f5f5f5;
  border-top-left-radius: 12px;
  flex-direction: column;
  width: 30%;
  padding: 10px;
  display: flex;
}

.div-table-swipe-hint {
  display: none;
}

.div-heading-cell-table-blog {
  background-color: var(--light-black);
  height: 50px;
  color: var(--white);
  border-bottom: 1.2px solid #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.div-heading-cell-table-blog.border-right {
  border-right: 1.2px solid #d4d4d8;
}

.table---use-case-onetap-clockify {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.div---header-cell-use-cases {
  grid-row-gap: 15px;
  background-color: var(--light-black);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 14px 10px 14px 15px;
  display: flex;
}

.div---header-cell-use-cases.lp-persona {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
}

.div---header-cell-use-cases.last-lp-persona {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
}

.div---header-cell-use-cases.wp-column1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
}

.div---header-cell-use-cases.wp-column2 {
  width: 35%;
}

.text---header-cell-use-case {
  color: var(--white);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 25px;
}

.div---description-cell-use-cases {
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 15px 5px 15px 15px;
  display: flex;
}

.div---description-cell-use-cases.bg-color---edf7f1 {
  background-color: #edf7f1;
}

.div---description-cell-use-cases.bg-color---f4f6f8 {
  background-color: #f4f6f8;
}

.div---description-cell-use-cases.lp-persona {
  width: 25%;
}

.div---description-cell-use-cases.wp-column2 {
  width: 35%;
}

.div---description-cell-use-cases.wp-column1 {
  width: 30%;
}

.table-text---use-cases {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.div---btn-hero-blog-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.span-text---semi-bold {
  font-weight: 600;
}

.item-winner-feature {
  background-color: #1a7;
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  padding-left: 10px;
  display: flex;
}

.heading---winner-feature {
  color: var(--light-blue);
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}

.accordion-item-blog {
  cursor: pointer;
  background-color: #f8f9fa;
  border-bottom: 1px solid #ffffff29;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 14px;
}

.div---testimonial-blog {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.client-image-blog {
  border-radius: 100%;
  width: 25px;
  box-shadow: 0 0 5px #0003;
}

.div---text-testimonial-blog {
  grid-row-gap: 7px;
  flex-direction: column;
  margin-bottom: 35px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text---quote-blog {
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 26px;
}

.link---toc-numbered-blog {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.link---toc-numbered-blog:hover {
  border-left: 2px solid var(--royal-blue);
  background-color: var(--alice-blue-backgrounds);
}

.link---toc-numbered-blog.w--current {
  border-left: 2.1px solid var(--royal-blue);
  background-color: var(--light-blue);
  border-radius: 0 5px 5px 0;
  margin-right: 10px;
  display: flex;
}

.background-style-1 {
  background-image: url('../images/raster.svg'), radial-gradient(circle, #fff, #eaf3fe 30%, #cce2fd 60% 60%, #a8cffb 85%, #d6eaff);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.avatar_group-item {
  border: 1px solid #2e1065;
  border-radius: 100%;
  width: 1.7rem;
  height: 1.7rem;
  margin-left: -.75rem;
}

.container-large-8 {
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.demo_wrapper {
  margin-bottom: -34rem;
}

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

.section---hero-faqs {
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 60px;
}

.heading---hero-faqs {
  font-size: 55px;
  font-weight: 700;
  line-height: 65px;
}

.section---faqs {
  padding-bottom: 40px;
}

.faq-col-pricing {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.column---faq-pricing {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%;
  display: flex;
}

.div-link-faqs {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.div-text-link-faqs {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-faqs-more {
  opacity: .9;
  color: #020817;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.link-block-faqs {
  margin-top: 12px;
}

.div-logo-lp {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 25px;
  display: flex;
}

.icon-logo-lp {
  width: 95px;
}

.slide-nav-2 {
  height: .5rem;
  padding-top: 0;
  font-size: .5rem;
  bottom: 2rem;
}

.testimonials_quote-icon-bottom {
  position: absolute;
  inset: auto 0% 0% auto;
}

.tick-icon-2 {
  align-self: flex-start;
  margin-right: .75rem;
}

.libraries-howitworks_video-wrapper {
  z-index: 1;
  background-color: #fff;
  border-radius: .375rem;
  flex: none;
  align-items: center;
  width: 90%;
  padding-top: 56%;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 0 .3rem #0000001a;
}

.testimonials_headshot {
  object-fit: cover;
  border: .125rem solid #fff;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
}

.text-color-darkgrey {
  color: #161616a6;
}

.text-color-darkgrey.max-width-xsmall {
  color: #161616b3;
  margin-top: 12px;
}

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

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

.libraries-howitworks_tabs-menu {
  z-index: 1;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -100px;
  padding: .5rem 3rem .5rem 1.5rem;
  display: flex;
  position: sticky;
  top: 4.7rem;
  box-shadow: 0 0 .25rem #0000001a;
}

.libraries-header_heading {
  text-align: center;
  font-size: 70px;
  font-weight: 700;
  line-height: 85px;
}

.heading-xsmall {
  letter-spacing: -.02em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.libraries-pricing_list-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.text-size-large-3.text-align-center {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

.libraries-howitworks_content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 30rem;
  height: 100vh;
  display: flex;
}

.libraries-header_heading-wrapper {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.libraries-howitworks_mobile-image-wrapper {
  display: none;
}

.libraries-howitworks_desktop-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.text-color-grey {
  color: #161616bf;
}

.libraries-howitworks_content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.libraries-howitworks_mobile-video {
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.libraries-pricing_list-item {
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

.testimonials_quote-icon-top {
  position: absolute;
  inset: 0% auto auto 0%;
}

.libraries-howitworks_content-right {
  background-color: #d8d5d1;
  background-image: url('../images/noise.png'), url('../images/bg-blur3.svg');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: 18.75rem, 87.5rem;
  background-attachment: scroll, fixed;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.75rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.libraries-howitworks_content-right.is-item1, .libraries-howitworks_content-right.is-item2, .libraries-howitworks_content-right.is-item3, .libraries-howitworks_content-right.is-item4, .libraries-howitworks_content-right.is-item5 {
  background-image: url('../images/noise.png'), url('../images/OneTap-Hero-Home.svg');
  background-position: 0 0, 50% 0;
  background-attachment: scroll, scroll;
}

.libraries-howitworks_content-right.is-item6 {
  background-image: url('../images/noise.png'), url('../images/OneTap-Hero-Home.svg');
  background-position: 50% 0, 50% 0;
  background-attachment: scroll, scroll;
}

.libraries-howitworks_tab-link {
  color: #161616a6;
  text-align: center;
  background-color: #fff;
  border-radius: .5rem;
  flex: none;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 500;
  text-decoration: none;
}

.libraries-howitworks_tab-link.w--current {
  color: #161616;
  background-color: #f1f0ee;
  padding-left: 1rem;
  padding-right: 1rem;
}

.libraries-howitworks_video {
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.libraries-header_text-underline {
  background-image: url('../images/your-own-scribble.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27.9375rem;
  background-attachment: scroll;
  margin: -5rem -3.5rem -5rem -5rem;
  padding: 5rem 3.5rem 5rem 5rem;
  display: inline-block;
}

.testimonials_component {
  background-color: #0000;
  align-items: center;
  height: auto;
  padding-top: 4rem;
  padding-bottom: 6rem;
  display: flex;
}

.button-row {
  align-items: center;
  display: flex;
}

.button-row.button-row-center {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
}

.heading-large-2 {
  color: var(--one-tap-blue-med);
  letter-spacing: -.02em;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.button-wrapper-2 {
  margin-top: 1rem;
  margin-right: 1rem;
}

.button-wrapper-2.button-wrapper-center {
  margin-left: .5rem;
  margin-right: .5rem;
}

.container-persona-lp {
  width: 100%;
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
}

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

.button-26:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-26.button-large {
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.button-26.button-large.max-width-full-mobile-portrait {
  margin-left: auto;
}

.button-26.button-large.max-width-full-mobile-portrait:hover {
  color: var(--light-blue);
}

.section-hero-persona-principal-lp {
  background-image: url('../images/raster.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain;
  display: block;
  position: relative;
}

.libraries-howitworks_component-2 {
  grid-column-gap: 95px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: relative;
}

.rl-navbar_loop {
  box-shadow: 0 0 2px 0 var(--royal-blue);
  border-radius: 5px;
  flex: 1;
  align-items: center;
  padding-top: .25rem;
  padding-bottom: .25rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.rl-navbar_loop-text-wrapper {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-wrap: nowrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.rl-navbar_loop-text {
  letter-spacing: .05rem;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  display: flex;
}

.section-47 {
  justify-content: center;
  align-items: center;
  height: 210px;
  padding-top: 120px;
  padding-right: 30px;
  display: flex;
}

.container-hero-persona-lp {
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 1140px;
  padding: 2rem 15px 24rem;
  display: flex;
}

.text-social-proof-lp {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  line-height: 21px;
}

.div-social-proof-lp {
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-inner-social-proof-lp {
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  display: flex;
}

.section-user-pain-persona-lp {
  padding-top: 100px;
  padding-bottom: 30px;
}

.subtext-persona-lp {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.div-user-persona-lp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-user-persona-lp {
  color: #2c2c2c;
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.heading-user-persona-lp {
  text-align: left;
  margin-top: auto;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 38px;
}

.bold-text-27 {
  font-weight: 600;
}

.process_fade-overlay-bottom {
  z-index: 0;
  background-image: linear-gradient(#fff0, #141414);
  width: 4px;
  height: 4rem;
  position: absolute;
  bottom: 0%;
}

.process_content {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
  position: relative;
}

.process_list {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process_line {
  background-color: var(--light-blue);
  width: 3px;
  height: 100%;
}

.process_circle {
  z-index: 999;
  background-color: #141414;
  border: 1px solid #8a84e2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  height: 1.625rem;
  box-shadow: 0 0 0 8px #141414;
}

.process_circle.hide-mobile-landscape {
  border-color: var(--light-blue);
}

.process_fade-overlay-top {
  z-index: 1;
  background-image: linear-gradient(#141414, #0000);
  width: 4px;
  height: 4rem;
  position: absolute;
}

.text-size-regular-2 {
  font-size: 16px;
  line-height: 27px;
}

.process_circle-wrapper {
  z-index: 999;
  justify-content: center;
  width: 2rem;
  display: flex;
}

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

.process_progress-line {
  background-image: linear-gradient(180deg, var(--royal-blue) 90%, #69fadd);
  width: 3px;
  height: 30vh;
  position: sticky;
  top: 0;
}

.section-heading {
  margin-bottom: 7px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
}

.process_row {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.process_progress {
  flex-direction: column;
  align-items: center;
  width: 2rem;
  height: 100%;
  display: flex;
  position: absolute;
}

.process_image-wrapper {
  overflow: hidden;
}

.section_process {
  z-index: -3;
  background-color: #141414;
}

.process_item {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  color: var(--light-blue);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 12rem 1fr;
  grid-auto-columns: 1fr;
  padding-right: 20px;
  display: flex;
}

.padding-section-medium {
  background-color: #001f6b;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section-persona-lp {
  background-color: #001f6b;
  padding-top: 120px;
  padding-bottom: 100px;
}

.div-howonetap-lp {
  grid-row-gap: 10px;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-heading-wrapper-persona-lp {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.section-feature-persona-lp {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-feature-persona-lp {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  border: .3px solid var(--medium-blue);
  background-color: #fff;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-bottom: 30px;
  padding: 65px 60px;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 0 7px #806f6f26;
}

.text-quote-persona-lp {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
}

.div-text-social-lp {
  background-color: var(--light-blue);
  text-align: center;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-left: 220px;
  margin-right: 220px;
  padding: .25rem 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.table-persona-lp {
  background-color: #fff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-block-94 {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.cards-wrap-persona-lp {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  display: grid;
}

.cards-wrap-persona-lp.pricing-home {
  grid-column-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pricing-card-lp {
  border: 1px solid #1118284d;
  border-radius: 10px;
  width: 100%;
  padding: 20px 20px 10px;
  box-shadow: 3px 3px 5px #0003;
}

.pricing-free-card-lp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  border: 1px solid #1118284d;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding: 30px 100px 25px;
  display: flex;
  box-shadow: 3px 3px 5px #0003;
}

.background-style-4 {
  background-image: url('../images/raster.svg'), radial-gradient(circle closest-corner at 50% 100%, #10012c, #1a073c 20%, #230c4c 40%, #30195d 60%, #171717 100%, #171717);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.button-27 {
  background-color: var(--white);
  color: #1a1b1f;
  text-align: center;
  border: .3px solid #2e1065;
  border-radius: 7px;
  padding: .75rem 1.5rem;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, opacity .2s;
}

.button-27:hover {
  opacity: .75;
  transform: translate(0, -.5rem);
}

.button-27.is-secondary {
  border-color: var(--text-grey);
  color: #e5e5e5d9;
  background-color: #0000;
  padding: .75rem 1rem;
  font-size: 14px;
  font-weight: 400;
}

.button-27.bg-color-onetap-blue {
  background-color: var(--one-tap-blue-med);
  color: var(--white);
}

.rl-features_background-overlay {
  display: none;
}

.rl-features_card3-image1 {
  width: 12.5rem;
}

.rl-features_card3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #161616;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.rl-features_card3.overflow-safari.background-style-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: url('../images/raster.svg'), radial-gradient(circle closest-corner at 50% 100%, #0a0e17, #0d1523 20%, #101d35 40%, #152548 60%, #171717 100%, #1a1b1f);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  grid-template-columns: 1.75fr 1fr;
}

.heading-large-3 {
  font-size: 38px;
  font-weight: 500;
  line-height: 48px;
}

.rl-features_card3-background-wrapper {
  grid-column-gap: .1rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: none;
  position: absolute;
  inset: auto -28% -120% auto;
  transform: skew(-45deg, 35deg);
}

.rl-features_card3-background {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.rl-features_text-wrapper.text-color-white {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.rl-features_card3-image2 {
  width: 12.5rem;
  margin-right: 1rem;
}

.section-final-cta {
  padding-bottom: 60px;
}

.div-persona-banner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--one-tap-blue-med);
  color: var(--white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 20px;
  display: flex;
  box-shadow: 0 0 5px #0000004d;
}

.section-heading-lp {
  margin-top: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
}

.section-heading-lp.text-size-43 {
  font-size: 43px;
  line-height: 55px;
}

.div-block-225 {
  background-image: linear-gradient(45deg, #f6f8fa00, #f6f8fa08);
  border: 1px solid #f6f8fa26;
  border-radius: 12px;
  width: 100%;
}

.heading-inner-feature-lp {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.div-rotate-text-wrap-lp {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-rotate-lp {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 290px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.bounce {
  background-color: #4242ff;
  border-radius: 3px;
  width: 32px;
  height: 32px;
}

.bounce.text-rotate-left-lp {
  border-radius: 20px;
}

.bounce.text-rotate-right-lp {
  border-radius: 20px;
  transform: skew(6deg, -3deg);
}

.bounce.arrow {
  background-color: #0000;
  margin-top: 12px;
}

.bounce.bg-transparent {
  background-color: #0000;
  width: 80px;
}

.bounce.arrow-width-full {
  text-align: center;
  background-color: #0000;
  width: 50%;
  height: 100%;
}

.text-rotate-right-lp {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  transform: skew(-6deg, -3deg);
}

.icon-arrow-right {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.text-rotate-left-lp {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  transform: skew(-6deg, 3deg);
}

.div-subtext-feature-lp {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.subtext-feature-persona-lp {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.icon-arrow-lp {
  width: 30px;
  transform: rotate(90deg);
}

.icon-check-dark-lp {
  background-color: var(--alice-blue-backgrounds);
  border-radius: 3px;
  width: 18px;
  margin-top: 3px;
}

.text-inner-finalcta {
  width: 500px;
  font-size: 16.5px;
  font-weight: 300;
  line-height: 27px;
}

.subtext-howitworks-lp {
  padding-left: 220px;
  padding-right: 220px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.image-466 {
  border-radius: 12px;
}

.text-highlight-howitworks {
  border-left: 1.4px solid var(--light-blue);
  color: #fff;
  letter-spacing: .3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
}

.table-text-highlight {
  background-color: var(--alice-blue-backgrounds);
  width: 130px;
  height: 23px;
  color: var(--one-tap-blue-med);
  border-radius: 10px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding-top: 9px;
  font-size: 13px;
  display: flex;
}

.div-heading-wrapper-lp {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subtext-testimonial-lp {
  padding-left: 220px;
  padding-right: 220px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.div-heading-wrapper-pricing-lp {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.subtext-faq-lp {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div-device-hero-lp {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.div-device-text-hero-lp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 290px;
  margin-top: 12px;
  margin-left: 270px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-rotate-hero-lp {
  text-align: center;
  padding-top: 21px;
  font-weight: 400;
  line-height: 25px;
  transform: skew(4deg, -3deg);
}

.icon-arrow-hero-lp {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(30deg);
}

.text-block-user-width {
  width: 125px;
  line-height: 26px;
}

.demo-button {
  background-color: var(--white);
  color: #1a1b1f;
  text-align: center;
  border: 1px solid #2e1065;
  border-radius: 7px;
  padding: .75rem 1.5rem;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, opacity .2s;
}

.demo-button:hover {
  opacity: .75;
  transform: translate(0, -.5rem);
}

.demo-button.is-secondary {
  color: #535353fc;
  text-underline-position: under;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  margin-top: 12px;
  padding: 0;
  font-weight: 500;
  -webkit-text-decoration: underline #acacac;
  text-decoration: underline #acacac;
}

.demo-button.is-secondary:hover {
  color: #464646fc;
  font-weight: 600;
}

.video-onetap-attendance-hero-lp {
  z-index: 9;
  aspect-ratio: 16 / 8.7;
  object-fit: fill;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 0 10px #0003;
}

.stacking-cards-wrapper-lp {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.img-feature-card-lp {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 444px;
}

.div-mob-rotate-lp {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 290px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-rotate-mob-right-lp {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  transform: skew(-6deg, -3deg);
}

.div-mob-rotate-right-lp {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 290px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div-mobile-rotate-text-left-wrap, .div-mobile-rotate-text-right-wrap {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-mob-feature-personas {
  display: none;
}

.div-rotate-text-persona-wrap-lp {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.subheading-inner-feature {
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.socal-proof-text {
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.cards-pricing-persona-lp {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  display: grid;
}

.subtext-pricing-persona-lp {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.container-table-persona-lp {
  width: 100%;
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-user-pain-point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.icon-check-lp {
  width: 21px;
  height: 21px;
  margin-top: 1px;
}

.icon-check-howitworks {
  width: 21px;
  height: 21px;
  margin-top: 3px;
}

.libraries-pricing_list-item-2 {
  align-items: flex-start;
  display: flex;
}

.tick-icon-lp {
  align-self: flex-start;
  margin-right: .7rem;
}

.text-pricing-feature-lp {
  color: #020817;
  cursor: none;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

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

.div-video-wrap-lp {
  z-index: 1;
  background-color: #fff;
  border-radius: .375rem;
  flex: none;
  align-items: center;
  width: 90%;
  padding-top: 56%;
  display: none;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 0 .3rem #0000001a;
}

.subtext-pain-lp {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.subtext-howitworks {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.section-heading-persona-lp {
  margin-top: auto;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

.subtext-table-lp {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.subtext-social-proof-lp {
  padding-left: 180px;
  padding-right: 180px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.div-social-proof-testimonial-lp {
  width: 100%;
  max-width: 55rem;
}

.div-text-social-district-lp {
  background-color: var(--light-blue);
  text-align: center;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
  padding: 1rem 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.div-rotate-text-lp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.text-no-rotate-lp {
  text-align: center;
  font-weight: 400;
  line-height: 25px;
}

.subtext-pricing-big-card-lp {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.pricing-big-card-lp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  border: 1px solid #1118284d;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 45px;
  padding: 35px 40px 25px;
  display: flex;
  box-shadow: 3px 3px 5px #0003;
}

.font-weight-med {
  font-size: 17px;
  font-weight: 500;
}

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

.icon-arrow-hero-district-lp {
  transform-style: preserve-3d;
  transform: translate(-183px, -56px)rotateX(180deg)rotateY(180deg)rotateZ(15deg);
}

.section-district-persona-lp {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 120px;
  padding-bottom: 40px;
  position: relative;
}

.fixed-cta-container {
  z-index: 1000;
  background-color: #fff;
  border-radius: 3px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 40px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0%;
  right: 0%;
  box-shadow: 0 1px 1px #0003;
}

.fixed-cta-2 {
  z-index: 500;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #0a0a0a;
  border: 2px solid #000;
  border-radius: 8px;
  align-items: center;
  padding: 12px 20px 12px 18px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: fixed;
  top: 24px;
  right: 5vw;
  box-shadow: 0 2px 6px #0000001a;
}

.fixed-cta-2:hover {
  transform: translate(0, -2px);
  box-shadow: 0 1px 3px #00000026;
}

.fixed-cta-2.migration {
  border-radius: 8px;
  padding: 8px 12px;
  top: 10px;
}

.text-block-96 {
  letter-spacing: .9px;
  text-transform: none;
  font-weight: 600;
}

.section-hero-district-lp {
  background-image: url('../images/raster.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain;
  display: block;
  position: relative;
}

.container-discrict-lp {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-content-wrap.design-to-webflow, .hero-content-wrap.hero-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
}

.paragraph-m {
  letter-spacing: -.4px;
  font-size: 20px;
}

.paragraph-m.max-560w {
  max-width: 560px;
}

.paragraph-m.max-560w.margin-l.margin-0-t-m {
  max-width: 600px;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}

.hero-grid {
  grid-column-gap: 91px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  margin-top: 30px;
}

.figma-embed-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-blur-top-left-2 {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 27%, #ff4848 50%, #6248ff 79%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-left-2.safari {
  z-index: -10;
  background-image: linear-gradient(132deg, var(--one-tap-blue-med) 27%, var(--alice-blue-backgrounds) 50%, var(--royal-blue) 79%);
  opacity: .97;
  filter: blur(64px) blur(64px);
}

.button-28 {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 8px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 700;
  transition: all .4s;
}

.button-28:hover {
  background-color: #161616;
  transform: translate(0, -2px);
  box-shadow: 0 1px 3px #00000026;
}

.button-28.hide-on-t-m {
  letter-spacing: normal;
  text-transform: none;
  margin-top: 12px;
  font-size: 17px;
  font-weight: 500;
}

.with-underline {
  background-image: url('../images/underline.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4px 2px 8px;
  display: inline-block;
}

.with-underline.long-underline {
  background-image: url('../images/Underline_long.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 0;
}

.heading-hero-persona-lp {
  margin-bottom: 20px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.text-rotate-hero-district-lp {
  text-align: center;
  padding-top: 21px;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  transform: translate(-38px, -43px)skew(10deg);
}

.div-district-hero-text {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 250px;
  margin-top: 60px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-banner-lp {
  text-align: center;
  letter-spacing: .05rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

._4-col-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
}

.benefits-wrapper-2 {
  text-align: center;
  border: .3px solid #a8a8a8;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  box-shadow: 0 0 2px #0003;
}

.icon-image-wrapper.margin-s {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-49 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-49.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.section-49.grain.padding-top-100 {
  padding-top: 50px;
  padding-bottom: 100px;
}

.circle-blur-bottom-right-2 {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 26%, #ff4848 51%, #6248ff 75%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: flex;
  position: absolute;
  inset: auto 0% -15% auto;
}

.circle-blur-bottom-right-2.safari {
  background-image: linear-gradient(132deg, var(--one-tap-blue-med) 26%, var(--alice-blue-backgrounds) 51%, var(--one-tap-blue-med) 75%);
  opacity: .97;
  filter: blur(64px) blur(64px);
}

.heading-benefit-hero-lp {
  color: var(--light-black);
  letter-spacing: -.02em;
  margin-bottom: 3px;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.4;
}

.text-benefit-hero {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

.process-image {
  background-image: linear-gradient(56deg, var(--dark-slate-blue-gradient), var(--alice-blue-backgrounds)), url('../images/grain-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 240px;
  display: flex;
}

.text-light-grey {
  color: #ffffffa6;
  margin-top: 12px;
  line-height: 27px;
}

.section-50 {
  background-color: #0d1f4e;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.container-howitworks-lp {
  z-index: 2;
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.div-howonetap-district-lp {
  grid-row-gap: 10px;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-heading-district-lp {
  margin-top: auto;
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
}

.text-highlight-lp {
  border: .2px solid var(--text-grey);
  letter-spacing: .3px;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.div-quote-pain-lp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 55rem;
  display: flex;
}

.profile-quote-lp {
  object-fit: cover;
  border: .125rem solid #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

.text-quote-pain-lp {
  color: #575757;
  flex-flow: column;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.div-highlight-pain-text-wrap {
  margin-bottom: 3px;
  display: flex;
}

.div-benefit-lp {
  border-top: 1px solid #ffffff1a;
  padding-top: 40px;
  padding-bottom: 100px;
}

.div-img-benefit-wrap {
  text-align: center;
  background-color: #e7e7e7;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 30px 50px;
  overflow: hidden;
}

.grid-benefit-wrap-lp {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-text-wrap-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 15px;
  display: flex;
}

.div-highlight-pain-lp {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.text-span-54 {
  font-weight: 500;
}

.div-heading-lp {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.heading-inner-benefit-lp {
  text-align: left;
  margin-top: auto;
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.div-line-horizontal-short {
  border: .3px solid #0000001f;
  align-self: center;
  width: 160px;
  display: flex;
}

.div-line-horizontal-xs {
  border: .3px solid #0000001f;
  align-self: center;
  width: 120px;
  display: flex;
}

.grid-howitworks-lp {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-step-info {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
}

.heading-steps {
  color: var(--light-black);
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
}

.text-highlight-howitwork-lp {
  background-color: var(--medium-blue);
  color: #000;
  letter-spacing: .3px;
  border-radius: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  box-shadow: 0 0 3px #0003;
}

.text-steps-lp {
  color: var(--light-black);
  margin-top: 12px;
  font-weight: 400;
  line-height: 27px;
}

.icon-arrow-right-lp {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.div-cta-lp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  display: flex;
}

.button-wrap-lp {
  flex-flow: column;
  display: flex;
}

.cta-wrapper-lp.text-color-white {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-final-cta-lp {
  margin-bottom: 12px;
  padding-right: 120px;
}

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

.circle-blur-middle-left {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(59deg, #ff7448 27%, #ff4848 50%, #6248ff 75%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: flex;
  position: absolute;
  inset: 30% auto auto 5%;
}

.circle-blur-middle-left.safari {
  background-image: linear-gradient(59deg, var(--royal-blue) 27%, var(--alice-blue-backgrounds) 50%, var(--royal-blue) 75%);
  opacity: .97;
  filter: blur(64px) blur(64px);
  opacity: .97;
  left: -3%;
}

.nav-text {
  color: #0a0a0a;
  letter-spacing: .28px;
  font-weight: 600;
  text-decoration: none;
}

.comparison-img---desktop {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.comparison-img---desktop.img-2 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.comparison-img---desktop.img-3 {
  z-index: 3;
  z-index: 3;
  inset: 0%;
  position: absolute;
  inset: 0%;
}

.comparison-img---mobile {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.section-51 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-51.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.circle-blur-top-right-2 {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: 0% -5% auto auto;
}

.circle-blur-top-right-2.safari {
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 35%, var(--alice-blue-backgrounds) 54%, var(--royal-blue) 80%);
  opacity: .97;
  filter: blur(64px) blur(64px);
  opacity: .97;
  right: 0%;
}

.section-52 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-52.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 30px;
  padding-bottom: 60px;
}

.wrapper {
  position: relative;
}

.wrapper.footer-logo {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.circle-blur-top-left {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-left.safari {
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 35%, var(--one-tap-blue-med) 54%, var(--one-tap-blue-med) 80%);
  opacity: .3;
  filter: blur(64px) blur(64px);
  top: -12%;
  left: -12%;
}

.circle-blur-bottom-right {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 26%, #ff4848 51%, #6248ff 75%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: flex;
  position: absolute;
  inset: auto 0% -15% auto;
}

.circle-blur-bottom-right.safari {
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 26%, var(--royal-blue) 51%, var(--alice-blue-backgrounds) 75%);
  opacity: .3;
  filter: blur(64px) blur(64px);
  opacity: .3;
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 26%, var(--royal-blue) 51%, var(--alice-blue-backgrounds) 75%);
  opacity: .97;
  bottom: auto;
}

.section-53 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-53.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 80px;
  padding-bottom: 100px;
}

.faq-top-2 {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.circle-blur-bottom-left {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(334deg, #ff7448 18%, #ff4848 59%, #6248ff 86%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: auto auto -10% -5%;
}

.circle-blur-bottom-left.safari {
  background-image: linear-gradient(334deg, var(--one-tap-blue-med) 18%, var(--alice-blue-backgrounds) 59%, var(--royal-blue) 86%);
  opacity: .97;
  filter: blur(64px) blur(64px);
  opacity: .97;
}

.text-white {
  color: #fff;
}

.section-55 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-55.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  margin-left: auto;
  margin-right: auto;
}

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

.contact-button-footer {
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
}

.text-link {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: underline;
}

.footer-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

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

.paragraph-s.text-light-grey {
  color: var(--light-black);
}

.section-56 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-56.footer {
  z-index: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.image-howitworks-lp {
  border-radius: 12px;
  width: 250px;
  box-shadow: 0 0 12px #0003;
}

.image-467, .image-468, .image-469 {
  border-radius: 20px;
}

.container-58 {
  background-color: #fff;
  max-width: 100%;
}

.div---image-logo-lp {
  position: fixed;
  top: 19px;
  left: 5vw;
}

.section-hero-district-lp {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 300px 300px;
  background-attachment: scroll;
  padding-top: 90px;
  padding-bottom: 55px;
}

.div---cta-hero-district {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.link-section {
  background-color: var(--white);
  color: #1a1b1f;
  text-align: center;
  border: 1px solid #2e1065;
  border-radius: 7px;
  padding: .75rem 1.5rem;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, opacity .2s;
}

.link-section:hover {
  opacity: .75;
  transform: translate(0, -.5rem);
}

.link-section.section-howitworks {
  color: #363636;
  text-underline-offset: 4px;
  text-underline-position: under;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  margin-top: 12px;
  padding: 0;
  font-weight: 400;
  -webkit-text-decoration: underline #dddbd6;
  text-decoration: underline #dddbd6;
  transition-property: none;
}

.link-section.section-howitworks:hover {
  color: #070707;
  font-weight: 500;
  transform: none;
}

.button-row-lp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

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

.text-size-xsmall.text-align-center {
  color: #414141;
  font-size: 13px;
}

.subtext-benefit-hero {
  color: #050505;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.div-block-230 {
  border-radius: 5px;
  width: 100%;
  max-width: 50px;
  padding-top: 5px;
}

.subtext-banner-lp {
  color: var(--one-tap-blue-med);
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}

.tab-menu---lp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tab-link---district-lp {
  background-color: #fff;
  border: 1px solid #dddbd6;
  border-radius: 8px;
  padding: 7px 10px;
}

.tab-link---district-lp.w--current {
  background-color: var(--light-black);
  color: #fff;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 0 5px #0003;
}

.tab-link-text-lp {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 26px;
}

.section-district-pain-lp {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 120px;
  padding-bottom: 40px;
  display: block;
  position: relative;
}

.section-hero-wp {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 55px;
}

.container-wp {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.heading-hero-wp {
  margin-top: 15px;
  font-size: 59px;
  font-weight: 700;
  line-height: 67px;
}

.grid-hero-wp {
  grid-column-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.subtext-hero {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.icon-check-hero {
  width: 21px;
  padding-top: 3px;
}

.div---list-wrap-hero {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: 16px;
  display: flex;
}

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

.div---cta-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.text---list-hero {
  text-align: left;
  margin-bottom: auto;
  font-weight: 400;
  line-height: 28px;
}

.tab-link-4 {
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 8px 0;
}

.tab-link-4.w--current {
  opacity: 1;
  background-color: #0000;
  border-bottom-color: #161616;
  transition: all .3s;
}

.tab-link-4.right-32 {
  margin-right: 32px;
}

.tab-link-4.right-32.w--current {
  margin-right: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

.tabs-menu-6 {
  justify-content: center;
  display: flex;
}

.section-57 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-57.bg-grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 80px;
  padding-bottom: 100px;
}

.heading-wp {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
}

.heading-wp.text-size-43 {
  font-size: 43px;
  line-height: 55px;
}

.heading-wp.text-align---left {
  text-align: left;
  font-size: 32px;
}

.heading-wp.text-size-40 {
  font-size: 40px;
}

.heading-wp.text-size-36 {
  margin-top: 5px;
  font-size: 36px;
}

.heading-subtext-wp {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtext-wp.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtext-wp.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtext-wp.pad-lr-100 {
  padding-left: 160px;
  padding-right: 160px;
  font-size: 16px;
}

.heading-subtext-wp.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.heading-subtext-wp.text-align---left {
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
  font-size: 16px;
  line-height: 28px;
}

.heading-subtext-wp.align-left {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 26px;
}

.div---heading-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

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

.div---inner-wrapper-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 25px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---inner-wrapper-wp:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.div---heading-inner-wp {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-inner-wp {
  margin-top: 0;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text---inner-wp {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.circle-blur-top-left-3 {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-left-3.safari {
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 35%, var(--one-tap-blue-med) 54%, var(--royal-blue) 80%);
  opacity: .97;
  filter: blur(64px) blur(64px);
}

.section-58 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-58.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---list-small-text-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 15px;
  display: flex;
}

.div-small-text {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 15px;
  display: flex;
}

.h3-heading-wp {
  text-align: left;
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
}

.div-text-image-wrapper-wp {
  border-top: 1px solid #ffffff1a;
  padding-top: 120px;
}

.cta-content-wp {
  border: .3px solid var(--text-grey);
  color: var(--light-black);
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  transition: all .4s;
  box-shadow: 0 0 3px #0003;
}

.cta-content-wp:hover {
  color: var(--white);
  background-color: #161616;
  transform: translate(0, -2px);
  box-shadow: 0 1px 3px #00000026;
}

.div---list-wrapper-horizontal {
  margin-bottom: 16px;
}

.div-text-image-wrapper1-wp {
  border-top: 1px solid #ffffff1a;
  padding-top: 30px;
}

.section-59 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-59.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid-howitworks-wp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---text-inner-wp {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-left: -3px;
  display: flex;
}

.div---vertical-wrapper-wp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div---vertical-inner-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  width: 100%;
  max-width: 650px;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 12px 12px 12px 21px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---vertical-inner-wrap:hover {
  border: .3px solid var(--one-tap-blue-med);
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.text---vertical-inner-wp {
  margin-top: 0;
  margin-bottom: auto;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
}

.subtextext---vertical-inner-wp {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
}

.div---list-wrapper-center-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 16px;
  display: flex;
}

.text---small-wp {
  border: .2px solid var(--one-tap-blue-med);
  background-color: var(--light-blue);
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 15px;
  font-weight: 400;
}

.section-wp {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  padding-top: 80px;
  padding-bottom: 55px;
}

.button-group-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div---background-highlight-wp {
  background-color: #e0e0e0;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 12%;
  height: 30px;
  display: flex;
}

.table---data-table-wp {
  border-radius: 12px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.div---th-wp {
  grid-row-gap: 15px;
  background-color: #e0e0e0;
  border-right: 1px solid #bec3c7;
  border-top-left-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 14px 10px 14px 15px;
  display: flex;
}

.div---th-blue-wp {
  grid-row-gap: 15px;
  background-color: var(--one-tap-blue-med);
  border-right: 1px solid #bec3c7;
  border-top-right-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 14px 10px 14px 15px;
  display: flex;
}

.th-text-wp {
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 25px;
}

.div---flexbox-table-wp {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  border-radius: 12px;
  flex-wrap: wrap;
  margin-bottom: -10px;
  box-shadow: 0 0 10px -3px #0000007a;
}

.div---heading-row-wp {
  width: 100%;
  display: flex;
}

.h3-heading {
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.div---h3-heading-wp {
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-rotate-text-wp {
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.circle-blur-top-left-wp {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 27%, #ff4848 50%, #6248ff 79%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-left-wp.safari {
  background-image: linear-gradient(132deg, var(--light-blue) 27%, var(--alice-blue-backgrounds) 50%, var(--light-blue) 79%);
  opacity: .97;
  filter: blur(64px) blur(64px);
}

.button---cta-hero-wp {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 8px;
  padding: 12px 21px;
  font-size: 16px;
  font-weight: 500;
}

.button---cta-hero-wp:hover {
  color: var(--white);
  transform: translate(0, -2px);
}

.text-link-wp {
  background-color: var(--white);
  color: #1a1b1f;
  text-align: center;
  border: 1px solid #2e1065;
  border-radius: 7px;
  padding: .75rem 1.5rem;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, opacity .2s;
}

.text-link-wp:hover {
  opacity: .75;
  transform: translate(0, -.5rem);
}

.text-link-wp.link-demo {
  color: #363636;
  text-underline-offset: 4px;
  text-underline-position: under;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  -webkit-text-decoration: underline #dddbd6;
  text-decoration: underline #dddbd6;
  transition-property: none;
}

.text-link-wp.link-demo:hover {
  color: #070707;
  font-weight: 500;
  transform: none;
}

.div---socialproof-hero-wp {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.text-trustedby {
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  line-height: 160%;
}

.image-471 {
  border-radius: 12px;
}

.text-num {
  color: var(--one-tap-blue-med);
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 30px;
}

.text-highlight-howitwork {
  background-color: var(--light-blue);
  color: #000;
  letter-spacing: .3px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  box-shadow: 0 0 1px #0003;
}

.image-howitworks-wp {
  border-radius: 12px;
}

.icon---check-circle-wp {
  background-color: #0000;
  width: 21px;
  height: 21px;
}

.icons-grey-wp {
  width: 30px;
}

.text-quote-name {
  font-weight: 500;
}

.text---inner-quote-wp {
  color: #646464;
  text-align: left;
  border-top: .3px solid #acacac;
  margin-bottom: auto;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.eyebrow-text-wp {
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  border-radius: 5px;
  font-weight: 500;
}

.subtext-top-wp {
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}

.grid-wrap-wp {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-wrap-wp._2 {
  grid-template-columns: 1.07fr 1fr;
}

.grid-benefit-wrap-wp {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.08fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-benefit-wrap-wp.content-left {
  grid-template-columns: 1.25fr 1.08fr;
}

.single-works-grid-wrap-copy {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.08fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.single-works-grid-wrap-copy._2 {
  grid-template-columns: 1.07fr 1fr;
}

.div-block-232 {
  align-self: center;
  margin-bottom: 20px;
}

.content-wrap-right {
  text-align: left;
}

.grid-wrap-content-right {
  grid-column-gap: 106px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 5.25fr 3.5fr;
  place-items: center stretch;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

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

.circle-blur-top-right {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-right.safari {
  background-image: linear-gradient(132deg, var(--alice-blue-backgrounds) 35%, var(--one-tap-blue-med) 54%, var(--one-tap-blue-med) 80%);
  opacity: .3;
  filter: blur(64px) blur(64px);
  top: -12%;
  left: auto;
  right: 5%;
}

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

.grid-2-columns-2.hero-v16 {
  grid-column-gap: 80px;
  grid-template-columns: 1.25fr .9fr;
}

.grid-2-columns-2.hero-v16.background-style-4 {
  color: #fafafa;
  background-image: url('../images/raster.svg'), radial-gradient(circle closest-corner at 50% 100%, #002864, #003278 20%, #053782 40%, #0a2d64 60%, #171717 100%, #111827);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 1rem;
  grid-template-columns: 1.75fr .9fr;
  padding: 60px;
}

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

.buttons-row {
  align-items: center;
  display: flex;
}

.brix---button-row-left {
  margin-right: 24px;
}

.brix---btn-download-app {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #4a3aff;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 20px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
  box-shadow: 0 3px 8px #4a3aff1a;
}

.brix---btn-download-app:hover {
  color: #fff;
  background-color: #281ca5;
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-icon-left {
  width: 10%;
  margin-right: 8px;
}

.brix---btn-download-app-white {
  color: #4a3aff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 20px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
  box-shadow: 0 3px 6px #211f540f;
}

.brix---btn-download-app-white:hover {
  background-color: #f2f1ff;
  transform: translate3d(0, -3px, .01px);
}

.iphone-attendance {
  z-index: 1;
  position: relative;
  overflow: hidden;
  transform: rotate(3deg);
}

.div-block-233 {
  width: 65%;
}

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

.button-group-final-cta-wp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-cta-wp {
  margin-top: auto;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
}

.section-mid-cta {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-mid-cta.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.link---navigation-demo {
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .12s;
}

.link---navigation-demo:hover {
  background-color: #f0f0f0;
  border-radius: 3px;
  padding: 3px 5px;
}

.link---nav-demo {
  color: #1a1a1d;
  border-radius: 5px;
  margin-right: 21px;
  padding: 3px 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.link---nav-demo:hover {
  background-color: #f0f0f0;
}

.div---vertical-inner-wrap-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  width: 100%;
  max-width: 650px;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 12px 12px 12px 21px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---vertical-inner-wrap-copy:hover {
  border: .3px solid var(--one-tap-blue-med);
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.div---horizontal-wrapper-wp {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.div---small-horizontal-cards {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.h4-heading-wp {
  color: var(--light-black);
  text-align: left;
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 38px;
}

.div---horizontal-inner-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---horizontal-inner-wrap:hover {
  border: .3px solid var(--text-grey);
  box-shadow: 0 0 1px 0 var(--text-grey);
  transform: translate3d(0, -3px, -3px);
}

.subtextext---horizontal-inner-wp {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

.div-rotate-text-wrap-wp {
  justify-content: space-around;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.div-rotate-wp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 290px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.img---with-onetap {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.img---with-onetap.img-2 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.img---with-onetap.img-3 {
  z-index: 3;
  z-index: 3;
  inset: 0%;
  position: absolute;
  inset: 0%;
}

.img---without-onetap {
  opacity: 1;
  mix-blend-mode: luminosity;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.img---without-onetap.img-2 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.img---without-onetap.img-3 {
  z-index: 3;
  z-index: 3;
  inset: 0%;
  position: absolute;
  inset: 0%;
}

.text-rotate-with-onetap {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 25px;
  transform: skew(-6deg, 3deg);
}

.text-rotate-without-onetap {
  color: #4d4d4d;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 25px;
  transform: skew(-6deg, -3deg);
}

.div-img-wrap-wp {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-faq-wp {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-faq-wp.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.div---eyebrow-text-home {
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.h1-eybrow-text {
  color: var(--one-tap-blue-med);
  letter-spacing: .3px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.subtext---hero-home {
  margin: 30px auto;
  padding-left: 140px;
  padding-right: 140px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.div---cta-hero-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.div-cta---hero-home {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.tab-content---hero-home {
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  display: flex;
}

.tabs-menu---hero-home {
  justify-content: center;
  display: flex;
}

.tabs-menu---hero-home.margin-xl {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.section---hero-attendance-home-copy {
  background-image: url('../images/OneTap-Hero-Home.svg');
  background-position: 50% 0;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.section---hero-attendance-home-copy.v2 {
  padding-top: 100px;
  display: block;
}

.tab-link---hero-home {
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 10px 0 8px;
}

.tab-link---hero-home.w--current {
  background-color: var(--white);
  opacity: 1;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .3s;
  box-shadow: 0 0 3px .3px #0003;
}

.tab-link---hero-home.right-32 {
  margin-right: 32px;
}

.tab-link---hero-home.right-32.w--current {
  margin-right: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-link-4-copy {
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 8px 0;
}

.tab-link-4-copy.w--current {
  opacity: 1;
  background-color: #0000;
  border-bottom-color: #161616;
  transition: all .3s;
}

.tab-link-4-copy.right-32 {
  margin-right: 32px;
}

.tab-link-4-copy.right-32.w--current {
  margin-right: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-text-hero-home {
  color: #0a0a0a;
  letter-spacing: .28px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.section---home-hero {
  background-image: url('../images/OneTap-Hero-Home.svg');
  background-position: 50%;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.section---home-hero.v2 {
  padding-top: 100px;
  display: block;
}

.home-logo-left-gradient {
  background-image: linear-gradient(90deg, #fff, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient.right {
  background-image: linear-gradient(270deg, #fff, #fff0);
  inset: 0% 0% 0% auto;
}

.client-logo {
  opacity: .8;
  object-fit: contain;
  transition: opacity .4s;
}

.client-logo:hover {
  opacity: 1;
}

.text-marquee {
  color: #565657;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
}

.clients-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-grid.logo-animate-alt {
  grid-column-gap: 3rem;
  flex: none;
  width: 100rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.clients-grid.logo-animate {
  grid-column-gap: 3rem;
  opacity: 1;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 106rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  transform: translate(-98rem);
}

.embed {
  display: none;
}

.home-logo-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  position: relative;
  overflow: hidden;
}

.home-logo-wrapper.bottom {
  margin-top: -2rem;
}

.logos-marquee {
  margin-top: 30px;
}

.section---logo-home {
  padding-top: 50px;
  padding-bottom: 30px;
  display: block;
  position: relative;
}

.section---logo-home.v2 {
  padding-top: 100px;
  display: block;
}

.section---horizontal-cards {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div---h2-slider-control {
  grid-row-gap: 10px;
  text-align: center;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h2-align-left {
  color: #1a1b1f;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 46px;
  font-weight: 600;
  line-height: 58px;
}

.h2-align-left.text-size-38 {
  font-size: 38px;
  line-height: 46px;
}

.h2-align-left.text-size-36 {
  margin-top: 50px;
  font-size: 36px;
  line-height: 48px;
}

.h2-align-left.text-size-40 {
  font-size: 40px;
  line-height: 52px;
}

.h2-align-left.text-size-43 {
  font-size: 43px;
  line-height: 55px;
}

.heading-text---hero-home {
  margin-bottom: 5px;
  font-size: 56px;
  font-weight: 700;
  line-height: 70px;
}

.div---align-left {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 50px;
  display: flex;
}

.div---align-left.pb-20 {
  margin-bottom: 10px;
}

.div---align-left.mar50 {
  margin-top: 50px;
  margin-bottom: 30px;
}

.slider-left-arrow {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 54px;
  display: flex;
}

.slider-left-arrow.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.slider-left-arrow.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.slider-left-arrow.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.slider-left-arrow.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: 29px auto auto 250px;
  transform: translate(0, -50%);
}

.slider-left-arrow.left-copy {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.slider-arrow {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 54px;
  display: flex;
}

.slider-arrow.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.slider-arrow.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 75% auto auto -38px;
  transform: translate(0, -50%);
}

.slider-arrow.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.slider-arrow.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: 29px auto auto 250px;
  transform: translate(0, -50%);
}

.slider-arrow-r {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 54px;
  display: flex;
}

.slider-arrow-r.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.slider-arrow-r.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.slider-arrow-r.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.slider-arrow-r.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: 29px auto auto 250px;
  transform: translate(0, -50%);
}

.feature-slider-wrap-copy {
  max-width: 1040px;
  margin-left: 20px;
  padding-left: 40px;
}

.link-slider-arrow {
  background-image: linear-gradient(106deg, #19fb9b, #5497d5 51.99%, #9945ff);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 54px;
  display: flex;
}

.link-slider-arrow.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.link-slider-arrow.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.link-slider-arrow.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.link-slider-arrow.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: -495px auto auto 470px;
  transform: translate(0, -50%);
}

.link-slider-arrow-right {
  background-color: #333;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 40px;
  display: flex;
  position: relative;
  top: -505px;
  left: 540px;
  transform: translate(0, -50px);
}

.link-slider-arrow-right.right {
  background-image: linear-gradient(302deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: auto auto 38% -38px;
  transform: translate(0, 50%);
}

.link-slider-arrow-right.left {
  background-image: linear-gradient(230deg, var(--one-tap-blue-med), #5497d5 51.99%, var(--dark-slate-blue-gradient));
  inset: 38% auto auto -38px;
  transform: translate(0, -50%);
}

.link-slider-arrow-right.right {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  top: -50px;
  bottom: auto;
  left: 320px;
  transform: translate(0, 50%);
}

.link-slider-arrow-right.left {
  background-color: #333;
  background-image: none;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  position: relative;
  inset: 29px auto auto 250px;
  transform: translate(0, -50%);
}

.div---single-card {
  background-color: var(--light-blue);
  border: 1px solid #fff3;
  border-radius: 21px;
  width: 750px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.div---single-card.use-case-school {
  background-color: var(--light-blue);
}

.single-slide-horizontal {
  width: 800px;
  margin-right: 25px;
}

.heading---slider-horizontal-card {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.heading---slider-horizontal-card.text-height---mobile {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.heading-slider {
  text-align: left;
  margin-top: 5px;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.subtext---slider-card {
  color: #646464;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.div---inner-slider {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.image-472 {
  margin-top: 40px;
}

.agenct_card_grid {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(460px, 1fr)) minmax(460px, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.agenct_container.u-container {
  margin-left: auto;
  margin-right: auto;
}

.g_paragraph {
  font-size: 15px;
  line-height: 24px;
}

.agenct_secondary_top {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.g_section_space {
  height: 0;
  position: relative;
}

.g_section_space.small {
  height: 0;
}

.script, .style {
  display: none;
}

.agenct_secondary_dd-icon {
  pointer-events: none;
}

.agenct_secondary_card {
  background-color: #bcdbfc1c;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 400px;
  padding: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px #ba92ff33;
}

.agenct_secondary_card.bg-white {
  background-color: #fff;
  height: 100%;
  padding: 16px 15px 21px;
}

.agenct_card_img {
  width: 45px;
  height: 45px;
}

.agenct_secondary_bg-hover {
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
  transform: rotate(180deg);
}

.heading {
  text-align: center;
  margin-bottom: 20px;
  font-size: 58px;
  line-height: 1.2;
}

.agenct_secondary_dd {
  display: none;
}

.agenct_secondary_bottom {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.agenct_section.u-zindex-3.u-background-1 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.agenct_secondary_bg {
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.heading-42 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.image-473 {
  margin-top: 10px;
  margin-bottom: -65px;
}

.paragraph-57 {
  font-size: 15px;
  line-height: 25px;
}

.text---list-inner-cards {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.button---inner-cards {
  background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
  text-align: center;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

.button---inner-cards:hover {
  color: var(--white);
  transform: translate(0, -2px);
}

.agenct_secondary_bottom_cta {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.icon_tick_blue {
  width: 21px;
}

.paragraph-58 {
  color: #646464;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.grid---content-mouse-hover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---content-top-card {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div---image-bottom-card {
  background-image: radial-gradient(circle closest-corner, #eff0f6, #f4f9ff);
  border-radius: 0 0 12px 12px;
  justify-content: center;
  align-items: center;
  height: 260px;
  padding: 20px;
  display: flex;
}

.div---image-bottom-card.hight-highlight-block {
  height: 281px;
}

.div---image-bottom-card.process-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(12deg, var(--dark-slate-blue-gradient), var(--alice-blue-backgrounds)), url('../images/grain-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 0 0 12px 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45%;
}

.card---column-mouse-hover {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card---column-mouse-hover.link-card {
  color: #6e7191;
  transform-style: preserve-3d;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card---column-mouse-hover.link-card:hover {
  transform: scale3d(.96, .96, 1.01);
}

.card---column-mouse-hover.persona-lp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #6e7191;
  height: 100%;
  transform-style: preserve-3d;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card---column-mouse-hover.persona-lp:hover {
  transform: scale3d(.96, .96, 1.01);
}

.text-content-card {
  color: var(--light-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.text-content-card.padding-0 {
  padding-left: 0;
  padding-right: 0;
}

.section---highlight-container {
  padding-top: 100px;
  padding-bottom: 65px;
}

.container-blur-bottom {
  z-index: 2;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-left: 70px;
  padding-right: 70px;
  display: flex;
}

.container-blur-bottom.align-center {
  text-align: center;
}

.container-blur-bottom.bg {
  background-image: linear-gradient(180deg, var(--light-blue) 75%, white);
}

.text---16 {
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-235 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  margin-bottom: 120px;
  display: flex;
}

.div---blur-overlay {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: relative;
  bottom: 25%;
}

.tab-menu {
  z-index: 9;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  background-color: #f9fafb;
  border-radius: 15px;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 12px 20px;
  display: flex;
  position: sticky;
  top: 80px;
}

.tab-link-text {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 14px;
}

.single-tab-link {
  background-color: #0000;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
}

.single-tab-link.w--current {
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0 0 5px #0003;
}

.grid---tab-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div---tab-inner-content {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-columns: 2fr 1.5fr;
  margin-top: 25px;
  padding-right: 50px;
  display: flex;
}

.div---tab-content-wrap {
  border-radius: 15px;
  margin-top: 30px;
  padding-left: 0;
  padding-right: 30px;
}

.div---tab-image-wrap {
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.auto-tabs-link {
  color: #757575;
  background-color: #0000;
  border-left: .3rem solid #0000;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 90%;
  margin-left: -.3rem;
  padding: 1rem 0 1rem 1.2rem;
  transition: color .4s, border-color .4s;
}

.auto-tabs-link.w--current {
  background-color: var(--light-blue);
  width: 90%;
  color: var(--light-black);
  border-left-color: #e0e0e080;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-left: 1.2rem;
}

.button-29 {
  color: #1d1d1d;
  text-align: center;
  letter-spacing: -.03rem;
  text-transform: uppercase;
  background-color: #f6fc8f;
  border: .1em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 3rem;
  font-size: 1.2rem;
  font-weight: 600;
}

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

.auto-tabs-button-text {
  color: var(--text-grey);
  white-space: nowrap;
  padding-top: 7px;
  font-size: 15px;
  font-weight: 400;
  line-height: .9;
}

.intro-pre-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: .9;
}

.pause-icon {
  height: 80%;
}

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

.auto-tabs-animate-from-right {
  border: 1px solid #ffffff24;
  border-radius: .75rem 0 0 .75rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: clip;
}

.auto-tabs-component {
  padding-right: 20px;
  position: relative;
}

.autoplay-tabs-custom-css, .autoplay-tabs-custom-js {
  display: none;
}

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

.auto-tabs-animate-from-left {
  border: 1px solid #ffffff24;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  width: 100%;
  height: 100%;
  margin-left: -1px;
  position: relative;
  overflow: clip;
}

.video-preview-wrapper {
  aspect-ratio: 16 / 9;
  color: #fffdf6;
  background-color: #000;
  border-radius: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.demo-content {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 9rem;
  display: flex;
}

.intro-title {
  text-transform: uppercase;
  font-size: 4em;
  line-height: .9;
}

.auto-tabs-description {
  margin-top: .7rem;
}

.auto-tabs-button {
  color: #7e7e7e;
  background-color: #0000;
  margin-bottom: auto;
  padding: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.copy-large {
  text-align: justify;
  font-size: 1.7rem;
  line-height: 1.4;
}

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

.overflow-hidden {
  overflow: hidden;
}

.section-tutorial {
  position: relative;
}

.youtube-play-icon {
  height: 3.9em;
  margin-right: -.2em;
}

.video-icon {
  width: 100%;
  padding-left: .2em;
}

.copy-small {
  font-size: 1.05rem;
  line-height: 1.4;
}

.made-in-webflow {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  letter-spacing: -.02em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2rem;
  display: flex;
}

.auto-tabs-button-inner {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.auto-tabs-button-inner.is-absolute {
  position: absolute;
  inset: 0% auto auto 0%;
}

.auto-tabs-content-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.auto-tabs-content-inner.is-right-align {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.auto-tabs-menu {
  border-left: .3rem solid #adadad4d;
  width: 45%;
  margin-top: 10px;
  margin-bottom: 50px;
}

.made-in-webflow-brand {
  max-width: 2.3em;
}

.heading-style-h4 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 2rem;
  line-height: 1.2;
}

.heading-style-h4.text-weight-semibold {
  color: var(--text-grey);
  font-size: 21px;
}

.intro-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10em;
  padding-bottom: 10em;
  display: flex;
}

.intro-copy-text {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.icon-component {
  display: block;
}

.youtube-play-button {
  background-color: #e61313;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 7em;
  padding-top: .4em;
  padding-bottom: .4em;
  font-size: 1.1em;
  display: flex;
  position: absolute;
  box-shadow: 0 .7rem 2.5rem #00000047;
}

.auto-tabs-content {
  border-radius: .75rem;
  flex: 1;
  height: 100%;
  overflow: clip;
}

.auto-tabs-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.heading-style-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 4.6rem;
  line-height: .9;
}

.video-preview-img {
  opacity: .72;
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}

.video-preview-img:hover {
  transform: scale(1.03);
}

.pause-icon-component {
  height: 100%;
}

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

.auto-tabs-progress-bar {
  background-color: var(--one-tap-blue-med);
  background-image: linear-gradient(180deg, var(--one-tap-blue-med) 100%, #feffe2);
  border-radius: 999rem;
  width: .3rem;
  height: 50%;
  margin-left: -.3rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div---tab-vertical-content {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px 10px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
}

.div---tab-vertical-content:hover {
  border-color: var(--medium-blue);
}

.div---tab-vertical-content.tab---highlighted-shadow {
  border-width: 2px;
  border-color: var(--one-tap-blue-med);
  box-shadow: 0 0 30px 20px #55557c14;
}

.div---tab-vertical-content.ipad-kiosk-check-in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.tab-link-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.div---quote-right {
  flex-flow: column;
  justify-content: space-between;
  width: 70%;
  padding-top: 12px;
  display: flex;
}

.div---inner-list-card {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-blue);
  border-radius: 10px;
  flex-flow: column;
  width: 70%;
  padding: 20px 12px 15px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.text---name-quote {
  color: #1a1b1fe6;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 160%;
}

.integration-v2-wrap {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.integration-v2-logo._11 {
  position: absolute;
  inset: auto 116px 8px auto;
}

.integration-v2-logo._4 {
  position: absolute;
  inset: 169px auto auto 175px;
}

.integration-v2-logo._9 {
  position: absolute;
  inset: auto auto 162px 223px;
}

.integration-v2-logo._7 {
  position: absolute;
  inset: auto 258px 282px auto;
}

.integration-v2-logo._3 {
  position: absolute;
  inset: 25px 350px auto auto;
}

.integration-v2-logo._5 {
  position: absolute;
  inset: 162px 135px auto auto;
}

.integration-v2-logo._2 {
  position: absolute;
  inset: 44px auto auto 365px;
}

.integration-v2-logo._10 {
  position: absolute;
  inset: 92px 300px 25px auto;
}

.integration-v2-logo._8 {
  position: absolute;
  inset: -71px auto 260px 80px;
}

.integration-v2-logo._6 {
  position: absolute;
  inset: 0 auto 330px 262px;
}

.integration-v2-main-logo {
  position: absolute;
  inset: 38% auto auto 50%;
  transform: translate(-50%, -50%);
}

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

.section-title-wrap {
  margin-bottom: 52px;
}

.section-title-wrap.center {
  text-align: center;
}

.section-title-wrap.center.integrations-v2 {
  flex-flow: column;
  justify-content: space-around;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 120px;
  display: flex;
}

.integration-v2-collection-wrap {
  margin-bottom: 60px;
}

.section {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section.integration-v2 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.integration-v2-wrapper {
  z-index: 1;
  background-color: var(--alice-blue-backgrounds);
  border-radius: 40px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 40px;
  position: relative;
}

.section-title-marked {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(104deg, #19fb9b 47.16%, #5497d5 69.22%, #9945ff 89.09%);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.integration-v2-blur {
  z-index: -1;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.section-details {
  color: #babbc4;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.section-details.max-697 {
  max-width: 697px;
  margin-left: auto;
  margin-right: auto;
}

.container-59 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  display: flex;
}

.primary-button-hover-bg {
  z-index: -1;
  opacity: 0;
  background-image: linear-gradient(153deg, #9945ff .87%, #5497d5 48.75%, #19fb9b);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.integration-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.section-sub-title-2 {
  color: #19fb9b;
  background-image: linear-gradient(#ceccd2a1 .19%, #7b778500 53.87%, #ceccd19e 97.6%);
  border: 1px solid #fff9;
  border-radius: 40px;
  margin-bottom: 18px;
  padding: 9px 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

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

.text-left {
  text-align: left;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-236 {
  text-align: left;
  margin-top: 30px;
}

.div---center {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: .1px solid var(--text-grey);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 0 2.4px #0003;
}

.section---vertical-cards {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section---vertical-cards.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 50px;
  padding-bottom: 120px;
}

.auto-tabs-link-white-bg {
  color: #757575;
  background-color: #0000;
  border-top: .3px solid #a5a5a5;
  border-left: .3rem solid #0000;
  border-radius: 0;
  width: 95%;
  margin-left: -.3rem;
  padding: 1rem 0 1rem 1.2rem;
  transition: color .4s, border-color .4s;
}

.auto-tabs-link-white-bg.w--current {
  border-top: .1px solid var(--one-tap-blue-med);
  background-color: var(--light-blue);
  width: 95%;
  color: var(--light-black);
  border-left-style: none;
  margin-left: 0;
  padding-left: 1.2rem;
}

.container---gradient {
  z-index: 1;
  background-color: var(--white);
  border-radius: 30px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 40px;
  position: relative;
  box-shadow: 0 0 1px #0003;
}

.container-grid {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image---card-bottom {
  border-radius: 12px;
}

.div---image-card-center {
  align-self: center;
  margin-top: 21px;
}

.h3-cards-heading {
  color: #2b2b2b;
  letter-spacing: -.02em;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.h3-cards-heading.card-heading--feature {
  color: var(--light-black);
  margin-bottom: 8px;
}

.h3-cards-heading.text-color-black {
  color: #1a1b1f;
  letter-spacing: normal;
  font-size: 17px;
  line-height: 25px;
}

.slider_subtxt {
  color: #fffc;
  font-size: .75rem;
  font-weight: 500;
}

.slider_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mask-2 {
  width: 330px;
  overflow: visible;
}

.slider_img {
  z-index: -1;
  box-sizing: border-box;
  object-fit: cover;
  object-position: 50% 50%;
  width: 302px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: inline-flex;
  inset: -70px 7% auto auto;
}

.slider_link-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px;
  align-items: flex-end;
  width: 100%;
  max-width: 230px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

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

.right-arrow {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: inline-flex;
  inset: -70px 3% auto auto;
}

.slider_card {
  width: 100%;
  height: 100%;
  box-shadow: none;
  cursor: pointer;
  background-color: #0000;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-end;
  transition: all .5s;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.slider_card:hover {
  border-radius: 1rem;
  box-shadow: 0 1px 5px #00000080;
}

.slider_card-txt-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.slider_subtitle {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
}

.icon-2 {
  display: none;
}

.slider-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  width: 100%;
  min-height: 500px;
  display: flex;
  overflow: visible;
}

.div---slider-heading-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-475 {
  border-radius: 12px;
}

.text-color-3f3f3f {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.text---inner-columns {
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.icon---cross-red {
  opacity: .85;
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

.icon---tick-blue {
  opacity: .85;
  width: 21px;
  height: 21px;
  margin-top: 3px;
}

.div---columns {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  margin-bottom: 20px;
  display: grid;
}

.image-476 {
  border-radius: 12px;
}

.heading-subtext {
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtext.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtext.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtext.pad-lr-100 {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 16px;
}

.heading-subtext.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.div---image-wrap {
  text-align: center;
  background-color: #e7e7e7;
  border: 1px solid #fff3;
  border-radius: 15px;
  height: 350px;
  padding: 40px 20px;
  overflow: hidden;
}

.div---bg {
  background-color: var(--alice-blue-backgrounds);
  border-radius: 12px;
}

.div---columns-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  margin-bottom: 20px;
  padding: 40px;
  display: grid;
}

.div---columns-3.bg-color---alice-blue {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  background-color: var(--alice-blue-backgrounds);
  border-radius: 21px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.div---inner-column {
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 21px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  padding: 30px 20px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  box-shadow: 0 0 3px #0003;
}

.div---inner-column:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.h3-heading-column {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
}

.div---highlight-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.text-highlight-grey {
  color: #000;
  letter-spacing: .3px;
  background-color: #f7f7f7;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 12.5px;
  line-height: 17px;
  box-shadow: 0 0 1px #0003;
}

.text-s15 {
  margin-top: 10px;
  margin-bottom: 21px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.div---cta-card-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #d4d4d4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 35px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.text-left-copy {
  text-align: left;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 26px;
}

.container---onetap-pricing-home-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  transition: all .2s;
}

.div---column-left {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.div---column-left.pb-20 {
  margin-bottom: 10px;
}

.div---faq-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div---img-content-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.grid---columns3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.medium-card {
  border: .3px solid var(--one-tap-blue-med);
  background-color: #fcfcfc;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 20px 30px -15px #1d01501a;
}

.heading-subtex-left {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtex-left.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtex-left.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtex-left.pad-lr-100 {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 16px;
}

.heading-subtex-left.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.div---align-left-slider {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.div---align-left-slider.pb-20 {
  margin-bottom: 10px;
}

.grid---4-column {
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr 1fr;
  margin-top: 100px;
}

.div---left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: .1px solid var(--text-grey);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 100px;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 0 2.4px #0003;
}

.div---grid-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 36%;
  margin-right: 14px;
  padding-right: 3px;
  display: flex;
}

.usecases-left-title {
  color: var(--light-black);
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}

.text-left.text-size-14 {
  font-size: 14px;
  line-height: 24px;
}

.div-block-237 {
  border: .3px solid var(--text-grey);
  border-radius: 21px;
  justify-content: space-around;
  align-items: center;
  margin-top: 120px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

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

.div---security-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.subtext---highlighted-white {
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  box-shadow: 0 0 5px #0003;
}

.div---highlighted-text-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  margin-bottom: 12px;
  display: flex;
}

.sections---for-teams {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.sections---for-teams.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 30px;
  padding-bottom: 80px;
}

.div---quick-stats {
  border-radius: 21px;
  justify-content: space-between;
  align-items: center;
  margin-top: 110px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section-usecases {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;
}

.section-old-system {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-old-system.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 50px;
}

.section---cta-highlight {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section---cta-highlight.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---table {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section---table.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 100px;
  padding-bottom: 50px;
}

.image---logo-integration {
  object-fit: contain;
  width: 80%;
}

.headline-cta-last {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.div---cta-last {
  grid-column-gap: 5px;
  text-align: left;
  display: flex;
}

.div---card-last {
  color: #101828;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 322.078px;
  height: 100%;
  max-height: 386.641px;
  padding: 28px 24px;
  display: flex;
}

.div---card-last.left_card {
  z-index: 2;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  color: #222;
  background-color: #fff;
  border-radius: 20px;
  max-height: 400px;
  position: absolute;
  inset: 27% auto auto 0%;
  transform: rotate(-12deg);
  box-shadow: 0 2px 10px 1px #0003;
}

.div---card-last.right_card {
  z-index: 2;
  grid-row-gap: 12px;
  color: #222;
  background-color: #fff;
  border-radius: 20px;
  max-width: 350px;
  max-height: 370px;
  padding-top: 40px;
  padding-bottom: 35px;
  position: absolute;
  inset: 20% 5% auto auto;
  transform: rotate(12deg);
  box-shadow: 0 2px 10px 1px #0003;
}

.last-cta-card-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #222;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  transition: all .5s;
  display: flex;
}

.last-cta-card-button:hover {
  background-color: var(--one-tap-blue-med);
  color: #fff;
  transform: scale(1.1);
}

.last-cta-card-button.signup-cta {
  background-image: linear-gradient(225deg, var(--one-tap-blue-med), var(--dark-slate-blue-gradient));
}

.last-cta-card-button.demo-cta {
  border: 1px solid var(--one-tap-blue-med);
  color: var(--light-black);
  background-color: #0000;
  margin-top: .5rem;
}

.div---last-cta {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.div---last-cta.padding-section-large {
  margin-top: 80px;
  padding-left: 4rem;
  padding-right: 4rem;
}

.div-cta-wp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 12px;
  padding-right: 30px;
  display: flex;
}

.text-inner-cta {
  width: 500px;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
}

.div-img-home-wrap {
  text-align: center;
  background-color: #e7e7e7;
  border: 1px solid #fff3;
  border-radius: 15px;
  padding-top: 100px;
  padding-left: 50px;
  padding-right: 50px;
  overflow: hidden;
}

.grid-wrap-home {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.08fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 30px;
  display: grid;
}

.grid-wrap-home.content-left {
  grid-template-columns: 1.25fr 1.08fr;
}

.container-hero-home {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.div---quote-column-right {
  width: 100%;
  max-width: 55rem;
}

.customer-profile {
  object-fit: cover;
  border: .125rem solid #fff;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
}

.mask-3 {
  width: 302px;
  height: 462px;
  overflow: visible;
}

.left-arrow-2 {
  opacity: .9;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: inline-flex;
  inset: -112px 5% auto auto;
}

.slide-3 {
  margin-right: 16px;
}

.right-arrow-2 {
  opacity: .9;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: inline-flex;
  top: -112px;
  bottom: auto;
  right: 0%;
}

.slider_main-wrap-2 {
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.slider-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  width: 100%;
  min-height: 462px;
  display: flex;
  overflow: visible;
}

.slider_main-wrap-3 {
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.slider-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  width: 100%;
  min-height: 462px;
  display: flex;
  overflow: visible;
}

.slide-nav-3 {
  margin-bottom: -65px;
}

.heading-usecases {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.div---logo {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.div---logo.u-bg-light {
  padding-top: 50px;
  padding-bottom: 50px;
}

.h2-2 {
  margin-bottom: 6rem;
  font-size: 40px;
  line-height: 1.5;
}

.logo-wrap {
  width: 100%;
  max-width: 60rem;
  display: flex;
  overflow: clip;
}

.logo-container {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.image-logo {
  height: 3rem;
}

.home-logo-left-gradient-2 {
  background-image: linear-gradient(to right, #fff, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient-2.right {
  background-image: linear-gradient(270deg, #fff, #fff0);
  inset: 0% 0% 0% auto;
}

.overline {
  color: #72767d;
  text-align: center;
  letter-spacing: .08rem;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 500;
}

.home-logo-wrapper-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-logo-wrapper-2.bottom {
  margin-top: -2rem;
}

.marquee_wrap {
  width: 300vw;
  display: flex;
}

.static-marquee_logos {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  justify-content: flex-start;
  width: 150vw;
  display: flex;
}

.logo {
  width: 170px;
  height: 50px;
}

.div-hero-guide {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div---hero-guide {
  flex-direction: column;
  grid-auto-flow: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

._4-col-hero {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr 1fr;
}

._4-col-text {
  color: #525252;
  text-align: left;
  margin-bottom: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.section-hero-guide {
  padding: 80px 40px;
}

.div---horizontal-col-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 12px;
  display: flex;
}

.div-block-238 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: .3px solid #d4d4d4;
  justify-content: flex-start;
  align-items: center;
  padding-top: 21px;
  display: flex;
}

.text---date {
  color: #666;
  padding-left: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.img---calendar {
  opacity: .45;
  width: 18px;
  height: 18px;
}

.section---guide {
  background-color: #f7f8fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 40px 140px;
  position: relative;
}

.section---guide.bg-grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 80px;
  padding-bottom: 100px;
}

.tab-menu-left {
  z-index: 9;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  border-radius: 15px;
  margin-top: -21px;
  margin-bottom: 50px;
  display: flex;
}

.tab-link-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 30px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.tab-link-left.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.tab-link-heading {
  text-align: center;
  -webkit-text-stroke-color: var(--light-black);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.tab-content-wrapper-1 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.09fr .75fr;
  grid-auto-columns: 1fr;
}

.div---heading-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.tab-content-wrapper-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.09fr .75fr;
  grid-auto-columns: 1fr;
}

.circle-blur-top-left-guide {
  z-index: -1;
  filter: blur(100px);
  background-image: linear-gradient(132deg, #ff7448 27%, #ff4848 50%, #6248ff 79%);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 440px;
  height: 440px;
  display: block;
  position: absolute;
  inset: -5% auto auto -5%;
}

.circle-blur-top-left-guide.safari {
  z-index: -1;
  background-image: linear-gradient(132deg, var(--light-blue) 27%, var(--alice-blue-backgrounds) 50%, var(--light-blue) 79%);
  opacity: .97;
  filter: blur(64px) blur(64px);
}

.accordion-2 {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.accordion-2.js-accordion {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.accordion_item-image {
  width: 40px;
}

.accordion-body-2 {
  color: #9096a4;
  padding-left: 64px;
  padding-right: 8px;
  display: block;
}

.accordion-body-2.js-accordion-body {
  color: #9096a4;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
}

.question-text {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 16px;
  line-height: 24px;
}

.accordion-body__contents {
  opacity: 1;
  color: #9096a4;
  margin-top: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}

.faq-image {
  width: 100%;
  margin-top: 40px;
}

.js-accordion-icon {
  height: 28px;
  transition: transform .2s;
}

.js-accordion-icon.active {
  transform: rotate(90deg);
}

.accordion-header-3 {
  color: #2e323c;
  align-items: center;
  display: flex;
}

.accordion-header-3.js-accordion-header {
  cursor: pointer;
}

.faq-video {
  margin-top: 40px;
}

.faq-button {
  background-color: #ffb223;
  border-radius: 3px;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  transition: background-color .2s;
}

.faq-button:hover {
  background-color: #ffd17b;
}

.accordion__item {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 20px 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #2e323c17;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item.js-accordion-item {
  padding-bottom: 20px;
}

.accordion__item.js-accordion-item.active {
  cursor: default;
  padding-top: 30px;
  transition: box-shadow .3s;
  box-shadow: 0 0 3px #2e323c17;
}

.faq-wrapper-2 {
  background-color: #0000;
  max-width: 1200px;
}

.div-block-239 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  width: 95%;
  display: flex;
}

.text---vertical-tabs {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.div---horizontal-heading {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: row;
  width: 95%;
  display: flex;
}

.text-bg {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 460px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg.pricing-home {
  border-radius: 7px;
}

.div---card-horizontal {
  margin-top: 21px;
  display: flex;
}

.div---card-horizontal.border-top {
  border-top: .3px solid #d4d4d4;
  margin-top: 12px;
  padding-top: 21px;
  padding-bottom: 12px;
  display: flex;
}

.div---left-card {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 550px;
}

.div---right-card {
  width: 500px;
}

.text---cards {
  color: var(--text-grey);
  text-align: left;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.text---cards-big {
  width: 380px;
  color: var(--light-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.text---noncompliance {
  color: #c62828;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
}

.text---noncompliance.pricing-home {
  font-weight: 500;
}

.div---accordion-contents {
  background-color: #f7fdfc;
  border-left: 3px solid #00c9a7;
  border-radius: 8px;
  margin-top: 21px;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 21px;
}

.text---cards-green {
  color: #00a080;
  text-align: left;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}

.text---cards-content {
  color: var(--light-black);
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.div---horizontal-cards-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-blue);
  pointer-events: none;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.div---horizontal-cards-wrap:hover {
  border: .3px solid var(--text-grey);
  box-shadow: 0 0 1px 0 var(--text-grey);
  transform: translate3d(0, -3px, -3px);
}

.text---horizontal-cards-inner {
  color: var(--one-tap-blue-med);
  text-align: left;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

.div---horizontal-cards-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div---left-card-1 {
  flex-flow: column;
  width: 550px;
  display: flex;
}

.div---horizontal-cards-grey {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: none;
  transform-style: preserve-3d;
  background-color: #f0f4f8;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.div---horizontal-cards-grey:hover {
  border: .3px solid var(--text-grey);
  box-shadow: 0 0 1px 0 var(--text-grey);
  transform: translate3d(0, -3px, -3px);
}

.text---horizontal-cards-inner-text {
  color: #4a5d6e;
  text-align: left;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

.text---cards-big-right {
  color: var(--light-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.div---text-bg {
  width: 100%;
  transform-style: preserve-3d;
  background-color: #fde8e8;
  border-radius: 6px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr;
  padding: 3px 7px;
  display: block;
  box-shadow: 0 0 1px #0003;
}

.div---text-bg:hover {
  border: .3px solid var(--text-grey);
  box-shadow: 0 0 1px 0 var(--text-grey);
  transform: translate3d(0, -3px, -3px);
}

.text-bg-2 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 418px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-2.pricing-home {
  border-radius: 7px;
}

.text-bg-3 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 430px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-3.pricing-home {
  border-radius: 7px;
}

.text-bg-4 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 575px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-4.pricing-home {
  border-radius: 7px;
}

.text-bg-5 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 695px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-5.pricing-home {
  border-radius: 7px;
}

.text-bg-6 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 665px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-6.pricing-home {
  border-radius: 7px;
}

.text-bg-7 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 580px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-7.pricing-home {
  border-radius: 7px;
}

.text-bg-8 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 660px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-8.pricing-home {
  border-radius: 7px;
}

.text-bg-9 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 390px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-9.pricing-home {
  border-radius: 7px;
}

.text-bg-10 {
  background-color: #fde8e8;
  border-radius: 5px;
  align-self: flex-start;
  width: 455px;
  height: 30px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 13px;
  display: flex;
}

.text-bg-10.pricing-home {
  border-radius: 7px;
}

.subtext-cta-demo {
  color: #e0e0e0;
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16.5px;
  font-weight: 300;
  line-height: 27px;
}

.button-signup {
  background-color: var(--white);
  color: #1a1b1f;
  text-align: center;
  border: .3px solid #2e1065;
  border-radius: 7px;
  padding: .75rem 1.5rem;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, opacity .2s;
}

.button-signup:hover {
  opacity: .75;
  transform: translate(0, -.5rem);
}

.button-signup.is-secondary {
  border-color: var(--text-grey);
  color: #e5e5e5d9;
  background-color: #0000;
  padding: .75rem 1rem;
  font-size: 14px;
  font-weight: 400;
}

.button-signup.is-secondary.text-black {
  color: var(--light-black);
}

.heading-left {
  color: #1a1b1f;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 46px;
  font-weight: 600;
  line-height: 58px;
}

.heading-left.text-size-38 {
  font-size: 38px;
  line-height: 46px;
}

.heading-left.text-size-36 {
  font-size: 36px;
  line-height: 48px;
}

.heading-left.text-size-40 {
  font-size: 40px;
  line-height: 52px;
}

.heading-left.text-size-43 {
  font-size: 43px;
  line-height: 55px;
}

.div---cta {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div---cta.hero-v16 {
  grid-column-gap: 80px;
  grid-template-columns: 1.25fr .9fr;
}

.div---cta.hero-v16.background-style-4 {
  color: #fafafa;
  background-image: url('../images/raster.svg'), radial-gradient(circle closest-corner at 50% 100%, #002864, #003278 20%, #053782 40%, #0a2d64 60%, #171717 100%, #111827);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 1rem;
  grid-template-columns: 1.75fr .9fr;
  justify-content: center;
  align-items: center;
  margin-top: -30px;
  padding: 60px;
  display: flex;
}

.div---image-cta-right {
  width: 90%;
}

.div---text-cta-left {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heading-cta {
  text-align: center;
  margin-top: auto;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
}

.heading-subtext-left {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtext-left.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtext-left.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtext-left.pad-lr-100 {
  padding-left: 160px;
  padding-right: 160px;
  font-size: 16px;
}

.heading-subtext-left.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.heading-subtext-left.text-align---left {
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
  font-size: 16px;
  line-height: 28px;
}

.div---heading {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.heading-subtext-center {
  padding-left: 120px;
  padding-right: 120px;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtext-center.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtext-center.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtext-center.pad-lr-100 {
  padding-left: 160px;
  padding-right: 160px;
  font-size: 16px;
}

.heading-subtext-center.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.heading-subtext-center.text-align---left {
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
  font-size: 16px;
  line-height: 28px;
}

.div---heading-align-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 50px;
  display: flex;
}

.div---heading-align-left.pb-20 {
  margin-bottom: 10px;
}

.div---heading-align-left.mar50 {
  margin-top: 50px;
  margin-bottom: 30px;
}

.grid---4col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.text---column-wrap {
  color: var(--light-black);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.subtext---column-wrap {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.div---stats {
  background-color: #fff;
  border-radius: 21px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 120px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 0 0 12px #0003;
}

.div---heading-wp-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.grid---4column {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 50px;
  padding-right: 50px;
}

.text-color-red {
  color: #c62828;
  letter-spacing: -.02em;
  margin-bottom: 3px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.4;
}

.subtext-center {
  color: #646464;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.div---stats-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}

.eyebrow-text-red {
  color: #c62828;
  letter-spacing: .3px;
  border-radius: 5px;
  font-weight: 500;
}

.faq-col2-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div---cta-center {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 110px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.heading-subtext-left-copy {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.heading-subtext-left-copy.padding-lr-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.heading-subtext-left-copy.pad-lr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.heading-subtext-left-copy.pad-lr-100 {
  padding-left: 160px;
  padding-right: 160px;
  font-size: 16px;
}

.heading-subtext-left-copy.pad-lr-140 {
  padding-left: 140px;
  padding-right: 140px;
  font-size: 16px;
}

.heading-subtext-left-copy.text-align---left {
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
  font-size: 16px;
  line-height: 28px;
}

.section-guide {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 40px 120px;
  position: relative;
}

.section-guide.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-57-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-57-copy.bg-grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 80px;
  padding-bottom: 100px;
}

.accordion-item---faq-border {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---faq-border.accordion-3---faq {
  border: 1px solid #e2e2e2;
  border-radius: 7px;
  margin-bottom: 24px;
  padding: 15px 20px 12px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 2px 6px #13124212;
}

.accordion-item---faq-border.accordion-3---faq:hover {
  box-shadow: none;
  background-color: #fffdfd;
}

.tab-link-left-black {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.tab-link-left-black.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #303030;
  border-radius: 5px;
  padding: 5px 12px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.text---vertical-tab {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.div---heading-inner-vertical-tab {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: row;
  width: 95%;
  display: flex;
}

.div---horizontal-heading2 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: row;
  display: flex;
}

.div---horizontal-cards-wrap2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  transform-style: preserve-3d;
  background-color: #f0f4f8;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  display: flex;
  box-shadow: 0 0 1px #0003;
}

.div---horizontal-cards-wrap2:hover {
  border: .3px solid var(--text-grey);
  box-shadow: 0 0 1px 0 var(--text-grey);
  transform: translate3d(0, -3px, -3px);
}

.text---horizontal-cards-inner2 {
  text-align: left;
  margin-bottom: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
}

.text---cards-content2 {
  color: var(--light-black);
  margin-bottom: 0;
  padding-right: 100px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.accordion-tabs2 {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.accordion-tabs2.js-accordion {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.accordion__item2 {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 20px 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #2e323c17;
}

.accordion__item2:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item2.js-accordion-item {
  padding-bottom: 20px;
}

.accordion__item2.js-accordion-item.active {
  cursor: default;
  border-radius: 0;
  padding-top: 30px;
  transition: box-shadow .3s;
  box-shadow: 0 0 3px #2e323c17;
}

.accordion__item2.js-accordion-item.active.border-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.accordion__item2.js-accordion-item.active.border-bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.section-faq {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 40px 120px;
  position: relative;
}

.section-faq.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  margin-left: auto;
  margin-right: auto;
}

.heading-hero-blog {
  margin-top: 15px;
  font-size: 59px;
  font-weight: 700;
  line-height: 67px;
}

.text---hero-inner {
  color: #646464;
  text-align: left;
  width: 950px;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.text---hero-inner.width-800 {
  width: 650px;
  font-size: 16px;
}

.text---hero-inner.width-550 {
  width: 550px;
  font-size: 16px;
}

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

.subtext-hero-blog {
  width: 950px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.subtext-hero-blog.width-700 {
  width: 680px;
  font-size: 16px;
}

.container-guide {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.accordion-tabs2-mobile {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.accordion-tabs2-mobile.js-accordion {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.faq_content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.faq_botttom-link-block {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #2f2b24;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.faq_botttom-link-block:hover {
  text-decoration: underline;
}

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

.faq_close-sign {
  width: 15px;
  height: 15px;
}

.faq_dropdown-toggle {
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
}

.faq_dropdown-toggle:hover {
  text-decoration: underline;
}

.faq_dropdown-toggle.w--open {
  padding-bottom: 20px;
}

.faq_top-icon-wrap {
  border-bottom: 1px solid #c0bfbd;
  align-items: center;
  width: 300px;
  padding-bottom: 2px;
  display: flex;
}

.faq_top-icon-wrap:hover {
  text-decoration: underline;
}

.faq_top-buttton {
  background-color: #9146ff;
  border-radius: 5px;
  font-weight: 500;
  transition: all .2s;
}

.faq_top-buttton:hover {
  background-color: #6724c9;
}

.faq_dropdown-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-right: 40px;
  display: flex;
}

.faq_bottom-img-wrap {
  width: 70%;
  display: none;
  position: absolute;
}

.faq_bottom-img-wrap._2, .faq_bottom-img-wrap._3, .faq_bottom-img-wrap._5 {
  width: 70%;
  display: block;
}

.faq_bottom-img-wrap._1 {
  width: 70%;
  display: block;
  overflow: hidden;
}

.faq_bottom-img-wrap._0 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.faq_bottom-img-wrap._4 {
  width: 70%;
  display: block;
}

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

.faq_bottom {
  justify-content: space-around;
  display: flex;
}

.faq_bottom-left {
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.faq_wrap, .faq_mobile-img-wrap {
  display: none;
}

.faq_dropdown-list {
  background-color: #0000;
  padding-bottom: 10px;
  padding-left: 20px;
  display: none;
  position: relative;
  inset: auto 0% 0%;
}

.faq_bottom-dropdown-wrap {
  z-index: 2;
  border-bottom: 1px solid #d5d5d3;
  padding-bottom: 0;
  padding-left: 0;
  transform: translate(0);
  box-shadow: 0 2px 5px #0003;
}

.faq_bottom-dropdown-wrap.bottom-left-border {
  border-bottom-left-radius: 5px;
}

.faq_bottom-dropdown-wrap.top-left-border {
  border-top-left-radius: 5px;
}

.faq_top-right {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding-top: 30px;
  display: flex;
}

.faq_right-icon {
  width: 15px;
}

.faq_top-icon {
  width: 25px;
}

.faq_top-left {
  flex-flow: column;
  width: 50%;
  display: flex;
}

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

.faq_dropdown {
  flex-flow: column;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.faq_botttom-img._0 {
  transform: scale(1.2);
}

.faq_bottom-right {
  background-color: #f5f0fc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.faq_close-wrap {
  z-index: 2;
  width: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.faq_top-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.subtext-center-small {
  color: #646464;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.subtext-hero-home {
  margin: 20px auto 40px;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.h1-heading-hero-blog {
  width: 700px;
  margin-top: 15px;
  font-size: 46px;
  font-weight: 700;
  line-height: 56px;
}

.container---best-attendance-app-copy {
  max-width: 1040px;
}

.section-hero-blog {
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 40px;
}

.div---blog-content {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div---toc-blog-left {
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  width: 1440px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: sticky;
  top: 140px;
  bottom: 100px;
  box-shadow: 1px 1px 5px #0003;
}

.div---toc-blog-left.position-mobile {
  grid-row-gap: 3px;
  border-radius: 12px;
  width: 1240px;
  height: 315px;
  padding-top: 0;
  padding-bottom: 15px;
  top: 120px;
  overflow: auto;
}

.text---blog-r {
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 27px;
}

.text---blog-r.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.div---blog-vertical {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.div---wrap-blog-vertical {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 16px;
  display: flex;
}

.heading---blog-post {
  align-self: auto;
  margin-top: 55px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 41px;
}

.grid---wrapper-col3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 12px;
  display: grid;
}

.h3-column-blog-post {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}

.text---inner-col-blog {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}

.div---inner-wrapper-col {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 14px 30px 14px 25px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: block;
  box-shadow: 0 0 3px #0003;
}

.div---inner-wrapper-col:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.div---inner-wrapper-col.bg-color-ecfdf5 {
  background-color: #ecfdf5;
  padding-left: 25px;
  padding-right: 20px;
}

.grid---wrapper-col2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 12px;
  display: grid;
}

.div---arrow-text-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.grid---wrapper-col1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 55px;
  display: grid;
}

.h3-heading-blog-posts {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 500;
  line-height: 34px;
}

.grid-comparison-table-wrapper-blog {
  padding-top: 1vw;
  padding-bottom: 5vw;
}

.item-blank-comparison-table {
  background-color: #151515;
  height: 150px;
}

.item-blank-comparison-table.corner {
  z-index: 50;
  background-color: var(--white);
  border-bottom: 2px solid #e4e4e7;
  border-right: 1px solid #d4d4d8;
  border-top-left-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.item-heading-comparison-table {
  z-index: 20;
  background-color: var(--white);
  border-bottom: 2px solid #e4e4e7;
  border-right-width: 1px;
  border-right-color: #d4d4d8;
  border-top-right-radius: 12px;
  flex-direction: column;
  padding: 10px 20px;
  display: flex;
  position: sticky;
  top: 60px;
}

.item-heading-comparison-table.card-highlight-pricing {
  background-color: var(--light-black);
  color: var(--white);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.heading-ct-blog {
  cursor: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.heading---ct-blog {
  color: #64748b;
  cursor: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.text---ct-blog {
  color: #020817;
  cursor: none;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.text---ct-blog.text-bg-green {
  color: #065f46;
  background-color: #ecfdf5;
  border-radius: 5px;
  padding: 3px 5px;
}

.text---ct-blog.text-bg-yellow {
  color: #92400e;
  background-color: #fffbeb;
  padding: 3px 5px;
}

.item-details-ct-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 10px;
  display: flex;
}

.item-details-ct-blog.bg-color-fafbfc {
  background-color: #fafbfc;
}

.item-details-ct-blog.bg-color-fafbfc.corner-bottom-right {
  border-bottom-right-radius: 12px;
}

.item-details-ct-blog.grid-bg-highlight-f5f5f5 {
  background-color: #f5f5f5;
}

.item-col1-ct-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.item-col1-ct-blog.bg-color-fafbfc {
  background-color: #fafbfc;
  justify-content: flex-start;
  align-items: flex-start;
}

.item-col1-ct-blog.bg-color-fafbfc.corner {
  border-bottom-width: .1px;
  border-bottom-color: #000;
  border-radius: 0 0 0 12px;
}

.grid-ct-blog {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .1px solid var(--text-grey);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  box-shadow: 0 0 30px -12px #0003;
}

.div---cta-mid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 30px 140px 35px;
  display: flex;
}

.div---comparison-lists-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  margin-top: -15px;
  margin-bottom: 20px;
  display: flex;
}

.text-small-blog {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
}

.text-small-blog.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.text-small-blog.text-highlight-blue {
  text-align: center;
  background-color: #eff6ff;
  border-radius: 5px;
  width: 76%;
}

.text-small-blog.text-highlight-blue.color {
  width: 72%;
  color: var(--one-tap-blue-med);
  text-align: left;
  padding-left: 12px;
  font-size: 14px;
}

.text-small-blog.text-highlight-grey {
  background-color: #f3f4f6;
  border-radius: 5px;
}

.text-small-blog.text-highlight-grey.color {
  color: var(--one-tap-blue-med);
  font-size: 14px;
}

.h3-heading---blog-post {
  align-self: auto;
  margin-top: 55px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 41px;
}

.heading-blog-posts {
  color: var(--light-black);
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
}

.heading-blog-posts.text-color-grey {
  color: #1d1d1dbf;
}

.list-item-blog {
  font-weight: 400;
}

.list-blog {
  padding-left: 30px;
}

.text---cta-mid {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.text---cta-mid.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.heading-cta-mid-blog {
  color: var(--light-black);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.div---cta-buttons-blog {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div---comparison-detail-blog {
  margin-top: 55px;
}

.text-col-heading-small-blog {
  color: #991b1b;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.list---inner-col-blog {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 20px;
}

.list-text-inner-col {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.text-col-heading-small-blog-color {
  color: #065f46;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.div---inner-wrapper-col-bg-color {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 10px 30px 10px 25px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: block;
  box-shadow: 0 0 3px #0003;
}

.div---inner-wrapper-col-bg-color:hover {
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.div---inner-wrapper-col-bg-color.bg-color-ecfdf5 {
  background-color: #ecfdf5;
}

.col---horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 30px;
  display: grid;
}

.div---vertical-wrapper-blog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div---vertical-inner-wrap-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  width: 100%;
  max-width: 750px;
  transform-style: preserve-3d;
  border-radius: 6px;
  flex-flow: column;
  padding: 12px 12px 12px 21px;
  transition: background-color .3s, box-shadow .3s, opacity .3s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div---vertical-inner-wrap-blog:hover {
  border: .3px solid var(--one-tap-blue-med);
  box-shadow: 0 0 1px 0 var(--one-tap-blue-med);
  transform: translate3d(0, -3px, -3px);
}

.subtextext---vertical-inner-blog {
  color: #646464;
  text-align: left;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.heading-text---vertical-inner {
  color: var(--light-black);
  margin-top: 0;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.text---inner-block {
  color: var(--one-tap-blue-med);
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.div-block-241 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-bottom: 5px;
  display: flex;
}

.div-wrapper-blog {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 12px 12px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 10px 20px;
}

.grid-33 {
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1.25fr;
  align-items: center;
  padding: 10px;
}

.text---div-wrap-r {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}

.text---div-wrap-r.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.text---div-wrap-r.text-bg-blue {
  background-color: var(--one-tap-blue-med);
  color: var(--white);
  border-radius: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
}

.text---div-wrap-r.text-bg-grey {
  background-color: #f3f4f6;
  border-radius: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
}

.text---div-wrap-left {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.text---div-wrap-left.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.div-wrapper-blog-row2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #e5e7eb;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 20px;
}

.div-wrapper-blog-row2.bf-color-f9fafb {
  background-color: #f9fafb;
}

.div-wrapper-blog-row1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #e5e7eb;
  border-radius: 12px 12px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  padding: 10px 20px;
}

.div-wrapper-blog-row-last {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #e5e7eb;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  padding: 10px 20px;
}

.div---highlight {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-width: 1px;
  border-color: #dbeafe #dbeafe #dbeafe var(--royal-blue);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.h3-heading2 {
  align-self: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 21px;
  font-weight: 600;
  line-height: 41px;
}

.div---highlight-last {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-width: 1px;
  border-color: #dbeafe #dbeafe #dbeafe var(--royal-blue);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.faq-col1-wrapper-blog {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-blog {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  display: flex;
}

.section-final-cta-blog {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 40px;
  position: relative;
}

.section-final-cta-blog.grain {
  background-image: url('../images/grain-bg.png');
  background-position: 0 0;
  background-size: 300px 300px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div---cta-mid-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 20px 20px 25px;
  display: flex;
}

.text---cta-mid-left {
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}

.text---cta-mid-left.paragraph-highlight-blog {
  color: var(--royal-blue);
  font-size: 17px;
  font-weight: 600;
}

.div---image-blog {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 30px;
  display: flex;
}

.div---heading-inner-blog {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text---inner-col-blog-horizontal {
  color: #646464;
  text-align: left;
  margin-top: 10px;
  margin-bottom: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.grid---use-case-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.text---inner-row {
  text-align: left;
  margin-top: 10px;
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.heading---inner-row {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
}

.disclaimer_comparison_blog {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 600px;
  margin-top: 50px;
  font-size: 12px;
  line-height: 23px;
  display: flex;
}

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

.navmenu_dropdown-right1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 40px 20px 30px;
  display: flex;
}

.navmenu__dropdown-section-heading-ai {
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 1.7px;
}

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

.text-block-97 {
  color: var(--one-tap-blue-med);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7px;
}

.navbar_dropdown-button-ai {
  color: var(--light-black);
  background-color: #0000;
  margin-top: 5px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.navbar_dropdown-button-ai:hover {
  color: var(--one-tap-blue-med);
  font-weight: 500;
}

.div-navmenu_dropdown-right1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 var(--one-tap-blue-med);
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 40px 20px 30px;
  display: flex;
}

.link---nav-demo1 {
  color: #1a1a1d;
  border-radius: 5px;
  margin-right: 21px;
  padding: 3px 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.link---nav-demo1:hover {
  background-color: #f0f0f0;
}

.text-block-98 {
  color: #4b4b4e;
  font-size: 12px;
  line-height: 21px;
}

.div---top-banner-offer {
  background-color: var(--light-black);
  background-image: linear-gradient(210deg, var(--royal-blue), var(--dark-slate-blue-gradient));
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
  box-shadow: 0 0 5px #0000004d;
}

.div-block-244 {
  justify-content: center;
  align-items: center;
}

.banner-text-offer {
  color: #fcfcfc;
  letter-spacing: .3px;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 400;
  text-decoration: none;
}

.banner-text-offer:hover, .bold-text-28 {
  color: var(--white);
}

.banner-offer-text {
  font-weight: 500;
}

.banner-offer-text:hover {
  text-underline-position: under;
  font-weight: 600;
  text-decoration: underline;
}

.stack---hero-n8n {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.cell---hero-n8n {
  flex-direction: column;
  display: flex;
}

.cell---image-hero-n8n {
  flex-direction: column;
  grid-row: span 2 / span 2;
  display: flex;
}

.trust---layout {
  grid-column-gap: 48px;
  grid-template-columns: 220px 1fr;
  align-items: start;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 20px 80px;
  display: grid;
}

.trust---content {
  min-width: 0;
}

.trust---toc {
  position: sticky;
  top: 100px;
}

.trust---toc-title {
  color: #8b93a1;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 700;
}

.trust---toc-link {
  color: #5c6470;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  display: block;
}

.trust---toc-link:hover {
  color: #0170f0;
}

.trust---section {
  margin-bottom: 64px;
}

.trust---h2 {
  color: #1a1b1f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.trust---intro {
  color: #5c6470;
  max-width: 760px;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.trust---card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  margin-top: 20px;
  overflow: auto hidden;
  box-shadow: 0 2px 7px #14142b0f;
}

.trust---link {
  color: #0170f0;
  font-weight: 600;
  text-decoration: none;
}

.trust---link:hover {
  text-decoration: underline;
}

.trust---heading-row {
  grid-column-gap: 12px;
  align-items: baseline;
  display: flex;
}

.trust---section-number {
  color: #c2c8d4;
  letter-spacing: .04em;
  font-size: 14px;
  font-weight: 700;
}

.trust---table {
  border-collapse: collapse;
  width: 100%;
  min-width: 660px;
}

.trust---th {
  color: #5c6470;
  text-align: left;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #f9fbff;
  border-bottom: 1px solid #eff0f6;
  padding: 13px 18px;
  font-size: 12px;
  font-weight: 700;
}

.trust---td {
  color: #5c6470;
  vertical-align: top;
  border-bottom: 1px solid #f2f4f8;
  padding: 14px 18px;
  font-size: 15px;
  line-height: 24px;
}

.trust---td-key {
  color: #1a1b1f;
  font-weight: 600;
}

.trust---badge {
  white-space: nowrap;
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
}

.trust---badge-green {
  color: #0b7a45;
  background-color: #e7f8ef;
}

.trust---badge-blue {
  color: #0170f0;
  background-color: #e8f2fe;
}

.trust---badge-grey {
  color: #5c6470;
  background-color: #f1f3f7;
}

.trust---control-grid {
  grid-column-gap: 24px;
  grid-row-gap: 4px;
  border-bottom: 1px solid #f2f4f8;
  grid-template-columns: 260px 1fr;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.trust---control-label {
  color: #1a1b1f;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}

.trust---control-value {
  color: #5c6470;
  font-size: 15px;
  line-height: 26px;
}

.trust---sub-heading {
  color: #8b93a1;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 28px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
}

.trust---note {
  color: #4a5563;
  background-color: #f4f9ff;
  border: 1px solid #e3eefc;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 24px;
}

.trust---pending {
  color: #9aa2b1;
  font-style: italic;
}

.trust---doc-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
  display: grid;
}

.trust---doc-card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 2px 7px #14142b0f;
}

.trust---doc-title {
  color: #1a1b1f;
  text-align: left;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.trust---doc-desc {
  color: #8b93a1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

.trust---meta-row {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
  display: flex;
}

.trust---meta-label {
  color: #8b93a1;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 700;
}

.trust---meta-value {
  color: #1a1b1f;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.trust---hero {
  background-color: #f4f9ff;
  border-bottom: 1px solid #e3eefc;
  padding-top: 70px;
  padding-bottom: 60px;
}

.trust---hero-sub {
  max-width: 720px;
  margin-top: 16px;
  padding-right: 0;
}

.trust---hero-cta {
  align-items: flex-start;
  margin-top: 28px;
}

.trust---eyebrow {
  align-self: flex-start;
}

.trust---td-nowrap {
  white-space: nowrap;
}

.t-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

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

.t-navy {
  background-color: #0b1e3d;
}

.t-navymid {
  background-color: #13274f;
}

.t-navylight {
  background-color: #1b3a6b;
}

.t-offwhite {
  background-color: #f8faff;
}

.t-white {
  background-color: #fff;
}

.t-grid {
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 48px 48px;
}

.t-btn-orange {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #f97316;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15px 26px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 8px 20px #f9731647;
}

.t-btn-ghost {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff59;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15px 26px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.t-btn-blue {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #1d62c8;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15px 26px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.t-banner {
  z-index: 1001;
  background-color: #0b1e3d;
  border-bottom: 1px solid #ffffff14;
  width: 100%;
  position: sticky;
  top: 0;
}

.t-banner-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 48px 11px 24px;
  display: flex;
  position: relative;
}

.t-banner-text {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.t-banner-link {
  color: #f97316;
  font-weight: 700;
  text-decoration: none;
}

.t-banner-close {
  color: #ffffffa6;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.t-nav {
  width: 100%;
}

.t-nav-inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 24px;
  display: flex;
}

.t-nav-logo {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
}

.t-nav-cta {
  padding: 12px 22px;
  font-size: 15px;
}

.t-hero {
  padding-top: 72px;
  padding-bottom: 92px;
}

.t-hero-glow {
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(circle, #1d62c861 0%, #1d62c800 70%);
  width: 640px;
  height: 640px;
  position: absolute;
  top: -140px;
  right: -90px;
}

.t-hero-inner {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  display: grid;
  position: relative;
}

.t-hero-left {
  max-width: 560px;
}

.t-pill-orange {
  color: #f97316;
  letter-spacing: .02em;
  background-color: #f973161f;
  border: 1px solid #f9731647;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

.t-hero-h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 20px 0 0;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.04;
}

.t-hero-sub {
  color: #ffffffb8;
  margin: 20px 0 0;
  font-size: 19px;
  line-height: 1.55;
}

.t-pill-green {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4ade80;
  background-color: #22c55e1f;
  border: 1px solid #22c55e47;
  border-radius: 999px;
  align-items: center;
  margin-top: 22px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.t-hero-cta-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
  display: flex;
}

.t-hero-trust {
  color: #ffffff80;
  margin-top: 22px;
  font-size: 14px;
  line-height: 1.5;
}

.t-hero-right {
  z-index: 2;
  position: relative;
}

.t-mock {
  background-color: #0f294f;
  border: 1px solid #ffffff1a;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 30px 60px #0000006b;
}

.t-mock-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.t-mock-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.t-mock-live {
  color: #4ade80;
  font-size: 12px;
  font-weight: 600;
}

.t-mock-stats {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 16px;
  display: flex;
}

.t-mock-stat {
  text-align: center;
  background-color: #ffffff0a;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  flex: 1;
  padding: 12px;
}

.t-mock-statnum {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.t-mock-absent {
  color: #f87171;
}

.t-mock-statlbl {
  color: #ffffff8c;
  margin-top: 2px;
  font-size: 11px;
}

.t-mock-rows {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 14px;
  display: flex;
}

.t-mock-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff08;
  border-radius: 10px;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.t-mock-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.t-mock-name {
  color: #fff;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.t-mock-time {
  color: #ffffff80;
  font-size: 12px;
}

.t-mock-check {
  color: #fff;
  background-color: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 13px;
  display: flex;
}

.t-trust {
  border-top: 1px solid #ffffff14;
  padding-top: 26px;
  padding-bottom: 38px;
}

.t-trust-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.t-trust-label {
  color: #ffffff73;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.t-trust-pills {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.t-trust-pill {
  color: #ffffffd1;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}

.t-stats {
  padding-top: 56px;
  padding-bottom: 56px;
}

.t-stats-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.t-stat-card {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 2px 8px #0b1e3d0a;
}

.t-stat-num {
  color: #1d62c8;
  letter-spacing: -.02em;
  font-size: 40px;
  font-weight: 800;
}

.t-stat-lbl {
  color: #4a5a72;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.t-head-center {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.t-tag {
  color: #1d62c8;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #ebf2ff;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.t-h2 {
  color: #0b1e3d;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
}

.t-sub-center {
  color: #4a5a72;
  margin: 14px 0 0;
  font-size: 18px;
  line-height: 1.55;
}

.t-grid-light {
  background-image: linear-gradient(#0b1e3d0b 1px, #0000 1px), linear-gradient(90deg, #0b1e3d0b 1px, #0000 1px);
  background-size: 48px 48px;
}

.t-ba-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 48px;
  display: grid;
}

.t-ba-panel {
  border-radius: 18px;
  padding: 32px;
}

.t-ba-before {
  background-color: #fff8f3;
  border: 1px solid #f6e3d4;
}

.t-ba-after {
  background-color: #eff8ff;
  border: 1px solid #d4e6f8;
}

.t-ba-label {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.t-ba-label-red {
  color: #dc2626;
  background-color: #fde7e7;
}

.t-ba-label-blue {
  color: #1d62c8;
  background-color: #dcebff;
}

.t-ba-title {
  color: #0b1e3d;
  margin-top: 14px;
  font-size: 26px;
  font-weight: 800;
}

.t-ba-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.t-ba-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #2a3a52;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.45;
  display: flex;
}

.t-x {
  color: #dc2626;
  background-color: #fde7e7;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.t-c {
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.t-how-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 48px;
  display: grid;
}

.t-how-card {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 18px;
  padding: 30px;
  position: relative;
}

.t-how-num {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  font-weight: 800;
  display: flex;
}

.t-how-badge {
  color: #1d62c8;
  background-color: #ebf2ff;
  border-radius: 999px;
  margin-top: 18px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.t-how-title {
  color: #0b1e3d;
  margin: 14px 0 0;
  font-size: 21px;
  font-weight: 800;
}

.t-how-body {
  color: #4a5a72;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.55;
}

.t-how-cta {
  text-align: center;
  margin-top: 44px;
}

.t-how-note {
  color: #6b7a90;
  margin-top: 14px;
  font-size: 14px;
}

.t-feat-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 44px;
  display: grid;
}

.t-feat-card {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 2px 8px #0b1e3d08;
}

.t-feat-icon {
  background-color: #ebf2ff;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 24px;
  display: flex;
}

.t-feat-title {
  color: #0b1e3d;
  margin: 18px 0 0;
  font-size: 19px;
  font-weight: 800;
}

.t-feat-body {
  color: #4a5a72;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.55;
}

.t-tag-dark {
  color: #8fb4ee;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #1d62c82e;
  border: 1px solid #1d62c859;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.t-h2-light {
  color: #fff;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
}

.t-sub-light {
  color: #ffffffad;
  max-width: 640px;
  margin: 14px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

.t-cmp-table {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 18px;
  margin-top: 48px;
  overflow: hidden;
}

.t-cmp-head {
  background-color: #ffffff0a;
  grid-template-rows: auto;
  grid-template-columns: 1.7fr 1fr 1fr;
  display: grid;
}

.t-cmp-row {
  border-top: 1px solid #ffffff12;
  grid-template-rows: auto;
  grid-template-columns: 1.7fr 1fr 1fr;
  display: grid;
}

.t-cmp-foot {
  background-color: #ffffff08;
  border-top: 1px solid #ffffff24;
  grid-template-rows: auto;
  grid-template-columns: 1.7fr 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.t-cmp-cell {
  align-items: center;
  padding: 15px 20px;
  display: flex;
}

.t-cmp-feat {
  color: #ffffffd9;
  font-size: 15px;
  font-weight: 500;
}

.t-cmp-col-otap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  background-color: #1d62c81f;
  border-left: 1px solid #1d62c847;
  border-right: 1px solid #1d62c847;
  flex-direction: column;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.t-cmp-col-comp {
  color: #ffffff8c;
  text-align: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}

.t-cmp-otap-name {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.t-cmp-otap-badge {
  color: #4ade80;
  background-color: #22c55e29;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.t-otapcell {
  background-color: #1d62c81a;
  border-left: 1px solid #1d62c847;
  border-right: 1px solid #1d62c847;
  justify-content: center;
}

.t-compcell {
  justify-content: center;
}

.t-yes {
  color: #4ade80;
  background-color: #22c55e29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.t-no {
  color: #ffffff52;
  background-color: #ffffff0f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 13px;
  display: flex;
}

.t-partial {
  color: #ffffff9e;
  font-size: 13px;
  font-weight: 600;
}

.t-muted {
  color: #ffffff6b;
  font-size: 14px;
  font-style: italic;
}

.t-cmp-cta {
  padding: 12px 18px;
  font-size: 14px;
}

.t-tag-green {
  color: #16a34a;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #dcfce7;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.t-tst-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 44px;
  display: grid;
}

.t-tst-card {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 2px 10px #0b1e3d0a;
}

.t-stars {
  color: #f5b301;
  letter-spacing: 3px;
  font-size: 16px;
}

.t-tst-quote {
  color: #2a3a52;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.t-tst-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 22px;
  display: flex;
}

.t-tst-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.t-tst-name {
  color: #0b1e3d;
  font-size: 15px;
  font-weight: 700;
}

.t-tst-role {
  color: #6b7a90;
  margin-top: 2px;
  font-size: 13px;
}

.t-tst-bar {
  text-align: center;
  background-color: #ebf2ff;
  border-radius: 18px;
  margin-top: 30px;
  padding: 44px 32px;
}

.t-tst-bigq {
  color: #0b1e3d;
  letter-spacing: -.01em;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.3;
}

.t-tst-bigattr {
  color: #4a5a72;
  margin: 14px 0 0;
  font-size: 15px;
}

.t-dev-inner {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.t-dev-body {
  color: #ffffffb3;
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.6;
}

.t-dev-check {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.t-dev-ci {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffffffe0;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.t-dev-cg {
  color: #4ade80;
  background-color: #22c55e2e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

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

.t-dev-card {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 22px;
}

.t-dev-ic {
  font-size: 26px;
}

.t-dev-ct {
  color: #fff;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 700;
}

.t-dev-cb {
  color: #fff9;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
}

.t-share-glow {
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(circle, #1d62c847 0%, #1d62c800 70%);
  width: 700px;
  height: 520px;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}

.t-share-head {
  z-index: 2;
  position: relative;
}

.t-share-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 32px;
  display: flex;
}

.t-share-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.t-share-email {
  background-color: #0000;
  border: 1px solid #ffffff59;
}

.t-share-fb {
  background-color: #1877f2;
}

.t-share-tw {
  background-color: #1da1f2;
}

.t-share-copy {
  background-color: #1d62c8;
}

.t-share-toast {
  opacity: 0;
  color: #4ade80;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .25s;
}

.t-share-toast.t-show {
  opacity: 1;
}

.t-faq-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  max-width: 820px;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.t-faq-item {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 14px;
  overflow: hidden;
}

.t-faq-q {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0b1e3d;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}

.t-faq-ic {
  color: #1d62c8;
  flex-shrink: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.t-faq-a {
  max-height: 0;
  transition: max-height .3s;
  overflow: hidden;
}

.t-faq-atext {
  color: #4a5a72;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 24px 22px;
  font-size: 15px;
  line-height: 1.6;
}

.t-final-glow {
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(circle, #1d62c84d 0%, #1d62c800 70%);
  width: 760px;
  height: 520px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-final-head {
  z-index: 2;
  position: relative;
}

.t-final-h2 {
  color: #fff;
  letter-spacing: -.02em;
  max-width: 720px;
  margin: 20px auto 0;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.12;
}

.t-final-em {
  color: #3b7ee8;
}

.t-final-form, .t-final-form._w-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 540px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.t-cta-input, .t-cta-input._w-input {
  color: #fff;
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 10px;
  flex: 1;
  min-width: 240px;
  padding: 15px 18px;
  font-size: 16px;
}

.t-final-note {
  color: #ffffff80;
  margin-top: 16px;
  font-size: 14px;
}

.t-final-stats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  max-width: 760px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.t-fstat-num {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
}

.t-fstat-lbl {
  color: #fff9;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
}

.v2-container {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.v2-section {
  padding-top: 104px;
  padding-bottom: 104px;
  position: relative;
  overflow: hidden;
}

.v2-white {
  background-color: #fff;
}

.v2-offwhite {
  background-color: #f8faff;
}

.v2-navy {
  background-color: #0b1e3d;
}

.v2-grid {
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 48px 48px;
}

.v2-btn-navy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #0b1e3d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 8px 20px #0b1e3d2e;
}

.v2-btn-orange {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #f97316;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 12px 26px #f9731652;
}

.v2-banner {
  z-index: 1001;
  background-color: #0b1e3d;
  width: 100%;
  position: sticky;
  top: 0;
}

.v2-banner-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 48px 11px 24px;
  display: flex;
  position: relative;
}

.v2-banner-text {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.v2-banner-link {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.v2-banner-close {
  color: #fff9;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.v2-nav {
  background-color: #fff;
  border-bottom: 1px solid #eaf0fa;
  width: 100%;
}

.v2-nav-inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 24px;
  display: flex;
}

.v2-nav-logo {
  color: #0b1e3d;
  letter-spacing: -.02em;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
}

.v2-nav-cta {
  padding: 12px 22px;
  font-size: 15px;
}

.v2-hero {
  background-color: #f8faff;
  padding-top: 64px;
  padding-bottom: 84px;
  position: relative;
}

.v2-hero-inner {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  display: grid;
}

.v2-hero-left {
  max-width: 560px;
}

.v2-eyebrow {
  color: #1d62c8;
  letter-spacing: .02em;
  background-color: #ebf2ff;
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.v2-h1 {
  color: #0b1e3d;
  letter-spacing: -.03em;
  max-width: 12ch;
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 800;
  line-height: 1.03;
}

.v2-hero-sub {
  color: #43536b;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.55;
}

.v2-pill-green {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 999px;
  align-items: center;
  margin-top: 20px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}

.v2-hero-cta {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.v2-hero-micro {
  color: #6b7a90;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 14px;
}

.v2-hero-trust {
  color: #8a97ab;
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.v2-hero-visual {
  padding-top: 34px;
  position: relative;
}

.v2-dash {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 24px 60px #0b1e3d1f;
}

.v2-dash-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.v2-dash-title {
  color: #0b1e3d;
  font-size: 16px;
  font-weight: 700;
}

.v2-dash-live {
  color: #16a34a;
  font-size: 12px;
  font-weight: 700;
}

.v2-dash-count {
  color: #43536b;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
}

.v2-dash-count-num {
  color: #1d62c8;
  font-size: 22px;
  font-weight: 800;
}

.v2-dash-bar {
  background-color: #ebf2ff;
  border-radius: 999px;
  height: 8px;
  margin-top: 10px;
  overflow: hidden;
}

.v2-dash-bar-fill {
  background-color: #1d62c8;
  border-radius: 999px;
  width: 70%;
  height: 100%;
}

.v2-ci-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.v2-ci-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f8faff;
  border-radius: 12px;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.v2-ci-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.v2-ci-name {
  color: #0b1e3d;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
}

.v2-ci-time {
  color: #8a97ab;
  font-size: 12px;
}

.v2-ci-badge {
  color: #16a34a;
  white-space: nowrap;
  background-color: #dcfce7;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
}

.v2-qr-wrap {
  z-index: 3;
  text-align: center;
  width: 172px;
  position: absolute;
  top: -20px;
  right: -14px;
}

.v2-qr-note {
  color: #6b7a90;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.v2-qr-card {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 16px;
  padding: 14px;
  transform: rotate(-3deg);
  box-shadow: 0 18px 40px #0b1e3d33;
}

.v2-qr {
  background-image: url('../images/');
  background-size: cover;
  border-radius: 6px;
  width: 140px;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
}

.v2-qr-label {
  color: #0b1e3d;
  letter-spacing: .08em;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 800;
}

.v2-quote-sec {
  background-color: #fff;
}

.v2-quote-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.v2-quote-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.v2-quote-loc {
  color: #1d62c8;
  background-color: #ebf2ff;
  border-radius: 999px;
  margin-top: 12px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
}

.v2-quote {
  color: #0b1e3d;
  letter-spacing: -.01em;
  margin-top: 28px;
  margin-bottom: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.42;
}

.v2-quote-attr {
  color: #0b1e3d;
  margin-top: 26px;
  font-size: 16px;
  font-weight: 700;
}

.v2-quote-tag {
  color: #8a97ab;
  margin-top: 8px;
  font-size: 14px;
}

.v2-cc-head {
  text-align: center;
  margin-bottom: 44px;
}

.v2-tag-white {
  color: #fff;
  letter-spacing: .04em;
  background-color: #ffffff14;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

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

.v2-cc-panel {
  border-radius: 20px;
  padding: 30px;
}

.v2-cc-before {
  background-color: #1a1512;
  border: 1px solid #f871712e;
}

.v2-cc-after {
  background-color: #0c1e33;
  border: 1px solid #3b7ee838;
}

.v2-cc-label {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 800;
  display: inline-block;
}

.v2-cc-label-red {
  color: #f87171;
  background-color: #f8717124;
}

.v2-cc-label-blue {
  color: #7fb0ff;
  background-color: #3b7ee829;
}

.v2-cc-title {
  color: #fff;
  margin-top: 14px;
  font-size: 30px;
  font-weight: 800;
}

.v2-cc-body {
  color: #ffffffad;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
}

.v2-chaos {
  height: 104px;
  margin-top: 22px;
  position: relative;
}

.v2-chaos-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 0;
  background-color: #ffffff0d;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 12px 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.v2-chaos-emo {
  flex-shrink: 0;
  font-size: 22px;
}

.v2-chaos-t1 {
  color: #fff;
  word-break: break-all;
  font-size: 13px;
  font-weight: 700;
}

.v2-chaos-sub {
  color: #ffffff80;
  margin-top: 2px;
  font-size: 11px;
}

.v2-chaos-scrawl {
  color: #f87171bf;
  margin-top: 2px;
  font-size: 12px;
  font-style: italic;
}

.v2-calm {
  background-color: #ffffff0a;
  border: 1px solid #ffffff17;
  border-radius: 14px;
  margin-top: 22px;
  padding: 14px;
}

.v2-calm-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.v2-calm-title {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.v2-calm-badge {
  color: #4ade80;
  background-color: #22c55e29;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 800;
}

.v2-crow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.v2-cav {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.v2-cname {
  color: #fff;
  flex: 1;
  font-size: 13px;
  font-weight: 600;
}

.v2-ctime {
  color: #ffffff80;
  font-size: 11px;
}

.v2-cbadge {
  color: #4ade80;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
}

.v2-cc-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 22px;
  display: flex;
}

.v2-cc-x, .v2-cc-c {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffffd1;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.v2-xm {
  color: #f87171;
  flex-shrink: 0;
  font-weight: 800;
}

.v2-cm {
  color: #4ade80;
  flex-shrink: 0;
  font-weight: 800;
}

.v2-cc-cta {
  text-align: center;
  margin-top: 40px;
}

.v2-btn-white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0b1e3d;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.v2-head-center {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.v2-tag {
  color: #1d62c8;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #ebf2ff;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.v2-h2 {
  color: #0b1e3d;
  letter-spacing: -.02em;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.12;
}

.v2-sub {
  color: #43536b;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.v2-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 48px;
  display: grid;
}

.v2-step {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 2px 8px #0b1e3d0a;
}

.v2-step-num {
  color: #fff;
  background-color: #0b1e3d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  font-weight: 800;
  display: flex;
}

.v2-step-ico {
  margin-top: 16px;
  font-size: 26px;
}

.v2-step-title {
  color: #0b1e3d;
  margin-top: 10px;
  font-size: 19px;
  font-weight: 800;
}

.v2-step-body {
  color: #43536b;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.55;
}

.v2-step-badge {
  color: #1d62c8;
  background-color: #ebf2ff;
  border-radius: 999px;
  margin-top: 16px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.v2-steps-cta {
  text-align: center;
  margin-top: 40px;
}

.v2-steps-note {
  color: #6b7a90;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 14px;
}

.v2-h2-light {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.12;
}

.v2-sub-light {
  color: #ffffffb3;
  max-width: 640px;
  margin: 12px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

.v2-tiers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  max-width: 900px;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.v2-tier {
  text-align: center;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 26px;
}

.v2-tier-ico {
  color: #7fb0ff;
  background-color: #1d62c833;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-weight: 800;
  display: flex;
}

.v2-tier-title {
  color: #fff;
  margin-top: 14px;
  font-size: 17px;
  font-weight: 800;
}

.v2-tier-detail {
  color: #ffffffa6;
  margin-top: 6px;
  font-size: 14px;
}

.v2-share-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 36px;
  display: flex;
}

.v2-share-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  padding: 14px 22px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.v2-share-email {
  background-color: #0000;
  border: 1px solid #ffffff59;
}

.v2-share-fb {
  background-color: #1877f2;
}

.v2-share-x {
  background-color: #000;
  border: 1px solid #ffffff40;
}

.v2-share-copy {
  background-color: #1d62c8;
}

.v2-share-toast {
  opacity: 0;
  color: #4ade80;
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .25s;
}

.v2-share-toast.v2-show {
  opacity: 1;
}

.v2-final {
  background-color: #fff;
}

.v2-final-inner {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.v2-final-h2 {
  color: #0b1e3d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.14;
}

.v2-final-em {
  display: block;
}

.v2-final-sub {
  color: #43536b;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.v2-final-arrow {
  color: #c4cedc;
  margin-top: 24px;
  font-size: 30px;
  line-height: 1;
}

.v2-final-cta {
  margin-top: 14px;
  padding: 18px 32px;
  font-size: 17px;
}

.v2-final-micro {
  color: #6b7a90;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
}

.v2-final-proof {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 26px;
  display: flex;
}

.v2-proof {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0b1e3d;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.v2-proof-c {
  color: #16a34a;
  font-weight: 800;
}

.v3-container {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

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

.v3-navy {
  background-color: #0b1e3d;
}

.v3-offwhite {
  background-color: #f8faff;
}

.v3-white {
  background-color: #fff;
}

.v3-grid {
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 48px 48px;
}

.v3-btn-navy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #0b1e3d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 8px 20px #0b1e3d2e;
}

.v3-btn-orange {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #f97316;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 12px 26px #f9731652;
}

.v3-btn-white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0b1e3d;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.v3-banner {
  z-index: 1001;
  background-color: #0b1e3d;
  width: 100%;
  position: sticky;
  top: 0;
}

.v3-banner-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 48px 11px 24px;
  display: flex;
  position: relative;
}

.v3-banner-text {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.v3-banner-link {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.v3-banner-close {
  color: #fff9;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.v3-nav {
  background-color: #fff;
  border-bottom: 1px solid #eaf0fa;
  width: 100%;
}

.v3-nav-inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 24px;
  display: flex;
}

.v3-nav-logo {
  color: #0b1e3d;
  letter-spacing: -.02em;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
}

.v3-nav-cta {
  padding: 12px 22px;
  font-size: 15px;
}

.v3-hero {
  background-color: #f8faff;
  padding-top: 64px;
  padding-bottom: 88px;
  position: relative;
  overflow: hidden;
}

.v3-hero-grain {
  z-index: 0;
  opacity: .06;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url('../images/')'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.v3-blur {
  z-index: 0;
  opacity: .4;
  filter: blur(80px);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.v3-blur-l {
  background-image: radial-gradient(circle, #3b7ee8 0%, #3b7ee800 70%);
  width: 420px;
  height: 420px;
  top: -60px;
  left: -140px;
}

.v3-blur-r {
  background-image: radial-gradient(circle, #a9cbff 0%, #a9cbff00 70%);
  width: 360px;
  height: 360px;
  top: 60px;
  right: -140px;
}

.v3-hero-inner {
  z-index: 2;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
  display: grid;
  position: relative;
}

.v3-hero-left {
  max-width: 560px;
}

.v3-eyebrow {
  color: #1d62c8;
  letter-spacing: .02em;
  background-color: #ebf2ff;
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.v3-h1 {
  color: #0b1e3d;
  letter-spacing: -.03em;
  max-width: 13ch;
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 800;
  line-height: 1.05;
}

.v3-hero-sub {
  color: #43536b;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.55;
}

.v3-pill-green {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 999px;
  align-items: center;
  margin-top: 20px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}

.v3-hero-cta {
  margin-top: 26px;
}

.v3-hero-micro {
  color: #6b7a90;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 14px;
}

.v3-hero-trust {
  color: #8a97ab;
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.v3-hero-visual {
  padding-top: 40px;
  position: relative;
}

.v3-dash {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 24px 60px #0b1e3d1f;
}

.v3-dash-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.v3-dash-live {
  color: #16a34a;
  font-size: 12px;
  font-weight: 700;
}

.v3-dash-title {
  color: #0b1e3d;
  flex: 1;
  font-size: 15px;
  font-weight: 700;
}

.v3-dash-today {
  color: #8a97ab;
  font-size: 12px;
}

.v3-dash-count {
  color: #43536b;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
}

.v3-dash-count-num {
  color: #1d62c8;
  font-size: 26px;
  font-weight: 800;
}

.v3-dash-bar {
  background-color: #ebf2ff;
  border-radius: 999px;
  height: 8px;
  margin-top: 10px;
  overflow: hidden;
}

.v3-dash-bar-fill {
  background-color: #1d62c8;
  border-radius: 999px;
  width: 74%;
  height: 100%;
}

.v3-ci-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.v3-ci-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f8faff;
  border-radius: 10px;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.v3-ci-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.v3-ci-name {
  color: #0b1e3d;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
}

.v3-ci-time {
  color: #8a97ab;
  font-size: 12px;
}

.v3-ci-badge {
  color: #16a34a;
  white-space: nowrap;
  background-color: #dcfce7;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
}

.v3-qr-wrap {
  z-index: 3;
  text-align: center;
  width: 190px;
  position: absolute;
  top: -16px;
  right: -10px;
}

.v3-qr-note {
  color: #6b7a90;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.v3-qr-card {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
  transform: rotate(-3deg);
  box-shadow: 0 18px 40px #0b1e3d33;
}

.v3-qr-logo {
  color: #1d62c8;
  letter-spacing: -.01em;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 800;
}

.v3-qr-img {
  background-image: url('../images/');
  background-size: cover;
  border-radius: 6px;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.v3-qr-label {
  color: #0b1e3d;
  letter-spacing: .12em;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 800;
}

.v3-quote-sec {
  background-color: #f8faff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.v3-quote-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.v3-quote-mark {
  opacity: .6;
  color: #ebf2ff;
  margin-bottom: -6px;
  font-size: 80px;
  font-weight: 800;
  line-height: 1;
}

.v3-quote-av {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.v3-quote-loc {
  color: #1d62c8;
  background-color: #ebf2ff;
  border-radius: 999px;
  margin-top: 12px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
}

.v3-quote {
  color: #0b1e3d;
  letter-spacing: -.01em;
  margin-top: 24px;
  margin-bottom: 0;
  padding: 0;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}

.v3-quote-attr {
  color: #6b7a90;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 600;
}

.v3-quote-micro {
  color: #8a97ab;
  margin-top: 8px;
  font-size: 12px;
}

.v3-cc-head {
  text-align: center;
  margin-bottom: 44px;
}

.v3-tag-white {
  color: #fff;
  letter-spacing: .04em;
  background-color: #ffffff14;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

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

.v3-cc-panel {
  border-radius: 20px;
  padding: 30px;
}

.v3-cc-before {
  background-color: #1a1512;
  border: 1px solid #f871712e;
}

.v3-cc-after {
  background-color: #0c1e33;
  border: 1px solid #3b7ee838;
}

.v3-cc-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  display: inline-block;
}

.v3-cc-label-red {
  color: #f87171;
}

.v3-cc-label-blue {
  color: #3b7ee8;
}

.v3-cc-title {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 10px;
  font-size: 44px;
  font-weight: 800;
}

.v3-cc-body {
  color: #ffffffad;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
}

.v3-chaos {
  height: 150px;
  margin-top: 22px;
  position: relative;
}

.v3-chaos-item {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.v3-chdoc {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 12px 30px #0000004d;
}

.v3-chdoc-h {
  color: #0b1e3d;
  letter-spacing: .08em;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 6px;
  padding-bottom: 6px;
  font-size: 11px;
  font-weight: 800;
}

.v3-chline {
  color: #334155;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Courier New, monospace;
  font-size: 13px;
}

.v3-chill {
  color: #94a3b8;
  font-style: italic;
}

.v3-chxls {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 30px #0000004d;
}

.v3-chxls-h {
  color: #0b1e3d;
  word-break: break-all;
  background-color: #f1f5f9;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 700;
}

.v3-chxls-row {
  color: #334155;
  border-bottom: 1px solid #eef2f6;
  justify-content: space-between;
  padding: 5px 9px;
  font-size: 12px;
  display: flex;
}

.v3-cherr {
  color: #dc2626;
  font-weight: 700;
}

.v3-chxls-foot {
  color: #dc2626;
  padding: 6px 9px;
  font-size: 11px;
}

.v3-chphone {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  align-items: center;
  padding: 14px;
  display: flex;
  box-shadow: 0 12px 30px #0000004d;
}

.v3-chph-ic {
  font-size: 22px;
}

.v3-chph-t {
  color: #0b1e3d;
  font-size: 13px;
  font-weight: 700;
}

.v3-chph-s {
  color: #dc2626;
  font-size: 12px;
}

.v3-calm {
  background-color: #ffffff0a;
  border: 1px solid #ffffff17;
  border-radius: 14px;
  margin-top: 22px;
  padding: 16px;
}

.v3-calm-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.v3-calm-live {
  color: #4ade80;
  font-size: 11px;
  font-weight: 700;
}

.v3-calm-title {
  color: #fff;
  flex: 1;
  font-size: 13px;
  font-weight: 700;
}

.v3-calm-badge {
  color: #4ade80;
  background-color: #22c55e29;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 800;
}

.v3-crow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.v3-cav {
  color: #fff;
  background-color: #1d62c8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.v3-cname {
  color: #fff;
  flex: 1;
  font-size: 13px;
  font-weight: 600;
}

.v3-ctime {
  color: #ffffff80;
  font-size: 11px;
}

.v3-cbadge {
  color: #4ade80;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
}

.v3-xls-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #86efac;
  background-color: #22c55e1f;
  border: 1px solid #22c55e40;
  border-radius: 8px;
  align-items: center;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.v3-cc-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.v3-cc-x, .v3-cc-c {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffffd1;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.v3-xm {
  color: #f87171;
  flex-shrink: 0;
  font-weight: 800;
}

.v3-cm {
  color: #4ade80;
  flex-shrink: 0;
  font-weight: 800;
}

.v3-cc-cta {
  text-align: center;
  margin-top: 40px;
}

.v3-how {
  background-color: #fff;
}

.v3-how-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  display: grid;
}

.v3-how-left {
  align-self: start;
  position: sticky;
  top: 90px;
}

.v3-tag {
  color: #1d62c8;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #ebf2ff;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.v3-h2 {
  color: #0b1e3d;
  letter-spacing: -.02em;
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.15;
}

.v3-how-sub {
  color: #43536b;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.55;
}

.v3-steps-ind {
  margin-top: 32px;
  position: relative;
}

.v3-ind-line {
  z-index: 1;
  background-color: #e5eaf2;
  width: 2px;
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 16px;
}

.v3-ind {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.v3-ind-num {
  color: #94a3b8;
  background-color: #fff;
  border: 2px solid #d5deec;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.v3-ind-txt {
  color: #94a3b8;
  font-size: 17px;
  font-weight: 700;
}

.v3-how-right {
  min-width: 0;
}

.v3-step-panel {
  flex-direction: column;
  justify-content: center;
  min-height: 76vh;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.v3-step-card {
  background-color: #fff;
  border: 1px solid #e6edf9;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 12px 34px #0b1e3d14;
}

.v3-svgico {
  background-color: #ebf2ff;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  border-radius: 12px;
  width: 44px;
  height: 44px;
  margin-bottom: 16px;
}

.v3-svg-gradebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1E3D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cline x1='8' y1='3' x2='8' y2='21'/%3E%3Cline x1='11' y1='8' x2='17' y2='8'/%3E%3Cline x1='11' y1='12' x2='17' y2='12'/%3E%3Cline x1='11' y1='16' x2='17' y2='16'/%3E%3C/svg%3E");
}

.v3-svg-board {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1E3D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='1'/%3E%3Cline x1='12' y1='16' x2='12' y2='20'/%3E%3Cline x1='8' y1='20' x2='16' y2='20'/%3E%3Crect x='7' y='7' width='4' height='4'/%3E%3C/svg%3E");
}

.v3-svg-report {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1E3D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cline x1='8' y1='8' x2='16' y2='8'/%3E%3Cline x1='8' y1='11' x2='13' y2='11'/%3E%3Cline x1='12' y1='13' x2='12' y2='19'/%3E%3Cpolyline points='9 16 12 19 15 16'/%3E%3C/svg%3E");
}

.v3-mk-drop {
  color: #6b7a90;
  text-align: center;
  border: 2px dashed #c7d6ec;
  border-radius: 10px;
  padding: 16px;
  font-size: 14px;
  font-weight: 600;
}

.v3-mk-names {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
  display: flex;
}

.v3-chip {
  color: #0b1e3d;
  background-color: #f1f5f9;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
}

.v3-mk-or {
  color: #8a97ab;
  margin-top: 12px;
  font-size: 13px;
}

.v3-mk-success {
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 700;
}

.v3-mk-board {
  background-color: #0b1e3d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 22px;
  display: flex;
}

.v3-mk-qr {
  background-color: #fff;
  background-image: url('../images/');
  background-size: cover;
  border-radius: 6px;
  width: 120px;
  height: 120px;
}

.v3-mk-scan {
  color: #43536b;
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 600;
}

.v3-mk-filters {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.v3-fchip {
  color: #6b7a90;
  background-color: #f1f5f9;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
}

.v3-mk-on {
  color: #1d62c8;
  background-color: #ebf2ff;
}

.v3-mk-exports {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 12px;
  display: flex;
}

.v3-mk-xls {
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 800;
}

.v3-mk-pdf {
  color: #dc2626;
  background-color: #fee2e2;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 800;
}

.v3-mk-thead {
  color: #6b7a90;
  border-bottom: 1px solid #e6edf9;
  margin-top: 12px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.v3-step-copy {
  color: #43536b;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.55;
}

.v3-step-badge {
  color: #16a34a;
  background-color: #dcfce7;
  border-radius: 999px;
  margin-top: 12px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.v3-how-cta {
  text-align: center;
  margin-top: 40px;
}

.v3-how-note {
  color: #6b7a90;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 14px;
}

.v3-viral-head {
  text-align: center;
}

.v3-h2-light {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.15;
}

.v3-sub-light {
  color: #ffffffb3;
  max-width: 640px;
  margin: 12px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

.v3-tiers {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

.v3-tier {
  text-align: center;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  width: 200px;
  padding: 24px;
}

.v3-tier-2 {
  border-color: #ffffff2e;
}

.v3-tier-3 {
  border-color: #3b7ee880;
  box-shadow: 0 0 30px #3b7ee840;
}

.v3-tier-ico {
  color: #7fb0ff;
  background-color: #1d62c833;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 800;
  display: flex;
}

.v3-tier-num {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 12px;
  font-size: 40px;
  font-weight: 800;
}

.v3-tier-lbl {
  color: #ffffffb3;
  font-size: 13px;
}

.v3-tier-sub {
  color: #ffffff80;
  margin-top: 8px;
  font-size: 12px;
}

.v3-arrow {
  color: #fff6;
  font-size: 22px;
}

.v3-share-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 36px;
  display: flex;
}

.v3-share-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.v3-share-email {
  background-color: #0000;
  border: 1px solid #ffffff59;
}

.v3-share-fb {
  background-color: #1877f2;
}

.v3-share-x {
  background-color: #000;
  border: 1px solid #ffffff40;
}

.v3-share-copy {
  background-color: #1d62c8;
}

.v3-share-toast {
  opacity: 0;
  color: #4ade80;
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .25s;
}

.v3-share-toast.v3-show {
  opacity: 1;
}

.v3-final {
  background-color: #fff;
}

.v3-final-inner {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.v3-final-h2 {
  color: #0b1e3d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.14;
}

.v3-final-em {
  display: block;
}

.v3-final-sub {
  color: #43536b;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.55;
}

.v3-final-arrow {
  color: #c4cedc;
  margin-top: 24px;
  font-size: 28px;
  line-height: 1;
}

.v3-final-cta {
  margin-top: 14px;
  font-size: 17px;
}

.v3-final-micro {
  color: #6b7a90;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
}

.v3-final-proof {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.v3-proof {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0b1e3d;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.v3-proof-c {
  color: #16a34a;
  font-weight: 800;
}

.v3-proof-sep {
  color: #c4cedc;
}

@media screen and (min-width: 1280px) {
  .image---onetap-demo {
    border-radius: 15px;
  }

  .blog-card-image {
    height: 145px;
  }

  .dropdown-sidebar-bg {
    left: 862px;
  }

  .blog-card.third {
    display: none;
  }

  .grid---how-it-works-guestlist {
    grid-template-rows: auto;
  }

  .title---grid-how-it-works-guestlist.text---color-steel-blue, .title---grid-how-it-works-guestlist.text---color-blue-med {
    line-height: 30px;
  }

  .cp---review-of-client {
    font-size: 14px;
  }

  .button-3 {
    border-radius: 10px;
    margin-top: 12px;
    font-weight: 600;
  }

  .grid-10 {
    grid-column-gap: 30px;
    grid-row-gap: 27px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: auto;
    padding-top: 10px;
    display: grid;
  }

  .heading-28 {
    font-weight: 600;
  }

  .text-block-11 {
    color: #005fe6;
    font-weight: 600;
  }

  .paragraph-32 {
    font-weight: 500;
  }

  .cp---image-client-logo {
    object-fit: cover;
    flex: none;
  }

  .cp---company-of-client-in-cell {
    font-size: 14px;
    font-weight: 400;
  }

  .cp---name-of-client-in-cell {
    font-size: 14px;
    font-weight: 600;
  }

  .cp---section.padding-100y {
    background-color: var(--white);
  }

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

  .div---customer-quote {
    margin-left: 20px;
    margin-right: 20px;
  }

  .cell---hero-description {
    grid-row-gap: 20px;
  }

  .div---customer-quote-mobile {
    margin-left: 20px;
    margin-right: 20px;
  }

  .navigation-left {
    width: 9%;
  }

  .flexbox---table-mobile {
    display: none;
  }

  .div---text-disclaimer {
    display: block;
  }

  .div---description-demo.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---section-container-hiw.pty-20 {
    padding-top: 20px;
  }

  .div---customer-quote-addon {
    margin-left: 20px;
    margin-right: 20px;
  }

  .grid---checkout-feature {
    grid-template-rows: auto;
  }

  .title---grid-checkout-feature.text---color-blue-med {
    line-height: 30px;
  }

  .grid---use-case-kiosk {
    grid-template-rows: auto;
  }

  .cell---hero-description-kiosk {
    justify-content: center;
    align-items: flex-start;
  }

  .title---use-case-kiosk.text---color-steel-blue {
    line-height: 30px;
  }

  .flexbox---table-gforms-mobile {
    display: none;
  }

  .stack---hero-proxy {
    padding-top: 20px;
  }

  .grid---use-case-class-at, .grid---case-study, .grid---result-case-study, .grid---persona-class-at {
    grid-template-rows: auto;
  }

  .cell---hero-list-proxy {
    justify-content: center;
    align-items: flex-start;
  }

  .text---heading-proxy-at {
    font-size: 17px;
  }

  .div---quote-proxy-at {
    padding-left: 25%;
    padding-right: 25%;
  }

  .card-buttons-pricing.pricing-paid-home {
    margin-top: 0;
  }

  .card-price-pricing-new {
    justify-content: flex-start;
    align-items: center;
  }

  .heading---plans-pricing.pricing-home {
    margin-top: 18px;
  }

  .heading---plans-pricing.pricing-bts-offer.custom-pricing-home {
    margin-top: 63px;
  }

  .cards-wrap.pricing-home {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .subtext---plan-pricing-copy {
    font-weight: 600;
  }

  .grid---why-onetap {
    grid-template-rows: auto;
  }

  .icon-5.dark, .icon-5.features-all {
    width: 21px;
    height: 21px;
  }

  .h2 {
    line-height: 1.2;
  }

  .tabs---plan-pricing.pricing-home {
    grid-template-rows: auto auto;
  }

  .price-box--pro4 {
    padding-left: 0;
    padding-right: 0;
  }

  .price-box--pro2, .price-box-pro3, .price-box-pro5 {
    padding-left: 0;
  }

  .heading---gforms-qr.heading-text-center {
    padding-left: 15%;
    padding-right: 15%;
  }

  .horizontal-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .cell---hero-description-gforms-templates {
    justify-content: center;
    align-items: flex-start;
  }

  .image---create-google-forms {
    border-radius: 15px;
  }

  .cell---hero-description-excel-alternative {
    justify-content: center;
    align-items: flex-start;
  }

  .sub-heading---hero-excel-alternative {
    padding-right: 60px;
  }

  .heading---hero-home-25 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .use-case-title {
    padding-right: 10px;
  }

  .heading---home {
    padding-left: 100px;
    padding-right: 100px;
  }

  .feature-title-4 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .grid---feature-cta {
    place-items: center stretch;
  }

  .div---rotate-text-wrapper-left {
    padding-left: 23%;
  }

  .div---rotate-left, .div---rotate-left-persona, .div---rotate-center-persona {
    margin-top: 0;
  }

  .div---rotate-text-wrapper-right-persona {
    padding-left: 23%;
  }

  .div---rotate-right-persona {
    margin-top: 0;
  }

  .image-430 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .div---quote-home {
    padding-left: 10%;
    padding-right: 10%;
  }

  .link-block-4 {
    margin-top: 20px;
  }

  .list---feature-tab-cta, .list---text-feature {
    font-size: 17px;
  }

  .image---visitor-check-in-method {
    margin-top: 0;
  }

  .div-block-186 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .use-case-title-mob {
    padding-right: 10px;
  }

  .cell---hero-description-univ {
    justify-content: center;
    align-items: flex-start;
    padding-right: 70px;
  }

  .div---heading-wrapper-univ {
    padding-left: 140px;
    padding-right: 140px;
  }

  .div---quote-univ {
    padding-left: 25%;
    padding-right: 25%;
  }

  .feature-arrow.right {
    left: 470px;
  }

  .feature-arrow.left {
    left: 400px;
  }

  .grid---use-case-univ {
    grid-template-rows: auto;
  }

  .text---compare {
    padding-left: 200px;
    padding-right: 200px;
  }

  .grid---feature-comparison-univ {
    grid-template-rows: auto;
  }

  .feature-slider-wrap {
    margin-left: 100px;
  }

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

  .text---demo {
    font-size: 16px;
    line-height: 26px;
  }

  .persona-tab-grid-wrap---univ {
    grid-template-columns: .84fr .75fr;
  }

  .grid---how-it-works-univ {
    grid-template-rows: auto;
  }

  .cell---hero-description-school {
    justify-content: center;
    align-items: flex-start;
    padding-right: 20px;
  }

  .grid---use-case-school {
    grid-template-rows: auto;
  }

  .text---use-cases-school {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 17px;
  }

  .grid---hero-school-classroom {
    padding-right: 30px;
  }

  .grid---persona-school {
    grid-template-rows: auto;
  }

  .sub-heading---hero-after-school {
    font-size: 19px;
  }

  .cell---hero-description-after-school {
    justify-content: center;
    align-items: flex-start;
  }

  .grid---hero-school {
    padding-right: 30px;
  }

  .div---heading-usecase-after-school {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div---heading-benefits-after-school {
    padding-left: 100px;
    padding-right: 100px;
  }

  .text---value-afterschool {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 17px;
  }

  .grid---value-after-school {
    grid-template-rows: auto;
  }

  .text---afterschool {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 17px;
  }

  .persona-title-mob {
    padding-right: 10px;
  }

  .text---value-after-school {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 17px;
  }

  .grid---how-it-works-home {
    grid-template-rows: auto;
  }

  .grid---reports-home {
    place-items: center stretch;
  }

  .grid---use-case-grants {
    grid-template-rows: auto;
  }

  .text---use-cases-grants {
    font-size: 17px;
  }

  .horizontal-content-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .navigator-flex-2 {
    height: 70vh;
  }

  .tooltip-wrapper.dark {
    width: 190px;
  }

  .grid---features-grants {
    grid-template-rows: auto;
  }

  .sub-heading---simplify-grants {
    padding-left: 220px;
    padding-right: 220px;
  }

  .sub-heading---compare-grants, .div---heading-usecase-grants-programs, .sub-heading---benefits-grants {
    padding-left: 100px;
    padding-right: 100px;
  }

  .grid---onetap-attendance-system {
    grid-template-rows: auto;
  }

  .div---quote-hero-proxy {
    padding-left: 25%;
    padding-right: 25%;
  }

  .grid---pain-features {
    grid-template-rows: auto;
  }

  .sub-heading---how-feature {
    padding-left: 0;
    padding-right: 0;
  }

  .div---connect-integrations {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: .84fr 1fr;
  }

  .container---integration-features {
    margin-left: auto;
    margin-right: auto;
  }

  .heading---how-integrations {
    padding-right: 10px;
  }

  .grid---use-cases-integration {
    grid-template-rows: auto;
  }

  .div---heading-integration {
    padding-left: 100px;
    padding-right: 100px;
  }

  .div---connect-jotform-integrations {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: .84fr 1fr;
  }

  .grid---use-cases-integration-jotform, .grid---use-cases-integration-rest-api, .grid---other-integrations {
    grid-template-rows: auto;
  }

  .subheading---integration-jotform {
    padding-left: 170px;
    padding-right: 170px;
    font-size: 20px;
  }

  .heading---integrations {
    padding-left: 140px;
    padding-right: 140px;
  }

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

  .div---connect-integrations-webhooks {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: .84fr 1fr;
  }

  .grid---webhook-integration {
    grid-template-rows: auto;
  }

  .heading---features-integration {
    padding-left: 100px;
    padding-right: 100px;
  }

  .cell---hero-description-feature-integrations {
    justify-content: center;
    align-items: flex-start;
  }

  .sub-heading---hero-feature-integrations {
    font-size: 19px;
  }

  .div---heading-features-grants {
    padding-left: 140px;
    padding-right: 140px;
  }

  .flexbox---table-gforms-mob {
    display: none;
  }

  .heading---hero-attendance-tracker {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div---content-benefits-at {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading---hero-bts {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sub-heading---grants-management {
    padding-left: 220px;
    padding-right: 220px;
  }

  .sub-heading---hero-lp {
    font-size: 19px;
  }

  .grid---lp, .grid---usecase-lp, .grid-2---lp {
    grid-template-rows: auto;
  }

  .heading---demo-hero {
    padding-left: 100px;
    padding-right: 100px;
  }

  .tab---persona-wrap {
    grid-template-columns: .84fr .75fr;
  }

  .slider-wrap---use-cases {
    margin-left: 100px;
  }

  .grid---features-np {
    grid-template-rows: auto;
  }

  .heading---persona {
    padding-right: 10px;
  }

  .div---content-case-study {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div---hero-events {
    margin-top: 0;
  }

  .text---subheadline-hero-events {
    font-size: 18px;
  }

  .heading-text---cta-events {
    padding-left: 140px;
    padding-right: 140px;
  }

  .image---hero-events {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---video-events {
    justify-content: flex-end;
    align-items: center;
  }

  .grid---features-bts-jan {
    grid-template-rows: auto;
  }

  .button---cta-hero-bts {
    justify-content: flex-start;
    align-items: center;
  }

  .div---feature-single {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid---sticky-use-case, .grid---sticky-onetap {
    grid-template-rows: auto;
  }

  .div---feature-cme {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---sticky-use-case-cle, .grid---sticky-use-case-cpe, .grid---sticky-use-case-pdh, .grid---features-pdh {
    grid-template-rows: auto;
  }

  .cards-heading.text-color-black {
    margin-bottom: 12px;
  }

  .subheading-hero-feature {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-hero-feature {
    justify-content: flex-start;
    align-items: center;
  }

  .div---image-wrapper-bg {
    height: 260px;
  }

  .h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
  }

  .paragraph-54 {
    font-weight: 400;
  }

  .horizontal-text-wrap {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-feature-all {
    font-weight: 400;
  }

  .text-card-ios-attendance {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
  }

  .cta-hero-btn {
    justify-content: flex-start;
    align-items: center;
  }

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

  .testimonial-slider-item {
    max-width: 22%;
  }

  .testimonial-top-3 {
    grid-column-gap: 550px;
    grid-row-gap: 550px;
  }

  .div---heading-hero-admin-attendance {
    padding-left: 140px;
    padding-right: 140px;
  }

  .container-47 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .dropdown-grid-2 {
    grid-template-columns: 200px 516px 300px;
  }

  .dropdown-grid-2.resources {
    grid-template-columns: 200px 516px 360px;
  }

  .dropdown-toggle-4.button {
    display: flex;
  }

  .container-dropdown-nav, .container-48 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .dropdown-toggle-5.language, .dropdown-toggle-5.envelope, .dropdown-toggle-5.button {
    display: flex;
  }

  .icon-pricing-feature, .heading-pricing-feature {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-feature-pricing {
    font-weight: 400;
  }

  .heading-faq-pricing {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
  }

  .div---heading-faq-pricing {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-pricing {
    padding-left: 100px;
    padding-right: 100px;
  }

  .text-learn-more {
    font-weight: 400;
  }

  .heading---hero-faqs {
    padding-left: 100px;
    padding-right: 100px;
  }

  .text-faqs-more {
    font-weight: 400;
  }

  .libraries-howitworks_tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: -180px;
  }

  .testimonials_component {
    padding-top: .125rem;
  }

  .section-47 {
    padding-left: 120px;
    padding-right: 0;
  }

  .text-social-proof-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .div-social-proof-lp {
    padding-left: 180px;
    padding-right: 180px;
  }

  .div-inner-social-proof-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-quote-persona-lp {
    font-size: 17px;
  }

  .rl-features_card3.overflow-safari.background-style-4 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 2fr;
  }

  .rl-features_card3-background {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .text-block-95 {
    font-size: 16px;
  }

  .icon-arrow-hero-district-lp {
    transform: translate(-142px, -56px)rotateX(180deg)rotateY(180deg)rotateZ(15deg);
  }

  .text-rotate-hero-district-lp {
    transform: translate(0, -43px)skew(10deg);
  }

  .div-highlight-pain-lp {
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-howitworks-lp {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-final-cta-lp {
    padding-right: 220px;
  }

  .tab-menu---lp {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link---district-lp {
    background-color: #fff;
    border: 1px solid #dddbd6;
    border-radius: 8px;
    padding: 7px 10px;
  }

  .tab-link---district-lp.w--current {
    background-color: var(--light-black);
    color: #fff;
  }

  .tab-link-text-lp {
    font-weight: 500;
  }

  .grid-howitworks-wp {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-wrap-content-right {
    place-items: center stretch;
  }

  .div---h2-slider-control {
    padding-left: 140px;
    padding-right: 140px;
  }

  .heading-text---hero-home {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-horizontal {
    margin-left: 100px;
  }

  .slider-left-arrow.right {
    left: 470px;
  }

  .slider-left-arrow.left {
    left: 400px;
  }

  .slider-arrow.right {
    left: 470px;
  }

  .slider-arrow.left {
    left: 400px;
  }

  .slider-arrow-r.right {
    left: 470px;
  }

  .slider-arrow-r.left {
    left: 400px;
  }

  .feature-slider-wrap-copy {
    margin-left: 100px;
  }

  .link-slider-arrow.right {
    left: 470px;
  }

  .link-slider-arrow.left {
    left: 400px;
  }

  .link-slider-arrow-right.right {
    left: 470px;
  }

  .link-slider-arrow-right.left {
    left: 400px;
  }

  .div---image-bottom-card {
    height: 260px;
  }

  .grid---tab-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: .84fr 1fr;
  }

  .h3-cards-heading.text-color-black {
    margin-bottom: 12px;
  }

  .div---quote-column-right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .customer-profile {
    width: 2.5rem;
    height: 2.5rem;
  }

  .text---customer-name {
    font-size: 15px;
    line-height: 25px;
  }

  .tab-content-wrapper-1, .tab-content-wrapper-2 {
    grid-template-columns: .84fr .75fr;
  }

  .stack---hero-n8n {
    grid-template-rows: auto auto;
    grid-template-columns: 5.5fr 4.25fr;
  }
}

@media screen and (min-width: 1440px) {
  a {
    text-align: center;
  }

  .label.label---section-label-ii {
    font-size: 20px;
  }

  .section---footer {
    bottom: -99px;
  }

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

  .section---hero-home {
    justify-content: center;
    padding-left: 220px;
    padding-right: 220px;
    display: flex;
  }

  .div---hero-contents-holder {
    align-items: stretch;
  }

  .grid---blog-table-content-advoy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div---list-item {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .list-item---pricing-text {
    font-size: 14px;
  }

  .container---pricing-faq {
    background-color: #0000;
    width: 100%;
    max-width: 1660px;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .accordion-header {
    background-image: linear-gradient(135deg, #2d6ae91a 10%, #0038a71a 93%);
  }

  .paragraph-faq {
    font-family: Open Sans, sans-serif;
  }

  .columns-hero-home.columns-hero-home-vcenter {
    place-content: stretch flex-start;
    position: static;
  }

  .flex---outer-header-left {
    justify-content: flex-start;
    width: 1200px;
    min-width: auto;
    margin-right: 0;
  }

  .div---s1-auto-layout-section-right {
    z-index: -1;
    border-top-left-radius: 0;
  }

  .div---s1-auto-layout-section-left {
    flex-flow: row;
    justify-content: center;
    width: 1200px;
    padding-left: 100px;
  }

  .section---dynamite-layout-section {
    margin-bottom: 0;
    padding: 100px 220px;
  }

  .section---customers {
    margin-top: auto;
  }

  .button---navigation-cta {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navigation-dropdown-item-description {
    text-align: left;
  }

  .container---navitgation-bar-items {
    max-width: 1650px;
  }

  .navigation-dropdown-item-title {
    text-align: left;
  }

  .button---secondary-cta-link {
    width: auto;
    color: var(--purple-secondary);
  }

  .paragraph---features-section-text.long {
    color: #1a1b1f;
    font-size: 18px;
    line-height: 1.7em;
  }

  .feature-paragraph-event, .title-for-karsh, .tab-container-content-paragraph {
    color: var(--light-black);
  }

  .image---feature-grid-cell {
    min-width: 180px;
    min-height: 180px;
    max-height: 180px;
  }

  .text-span-10 {
    color: #939394;
  }

  .label---pricing-value-text {
    margin-bottom: 16px;
  }

  .section---guide---home {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .image---nav-left-logo {
    margin-top: -22px;
    margin-left: -17px;
    padding-left: 0;
  }

  .grid---guides {
    position: relative;
  }

  .mw---section---hero-home {
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0% 100px;
    position: static;
    overflow: hidden;
  }

  .mw---column---hero-home-left {
    flex-wrap: wrap;
    flex: 0 auto;
    place-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .heading---hero-home {
    color: #006cef;
    font-size: 51px;
    font-weight: 800;
    line-height: 55px;
  }

  .mw---paragraph---description-hero-home {
    text-align: left;
    flex: 0 auto;
    font-size: 17px;
    font-weight: 400;
  }

  .image---heading-ii {
    margin-left: 0;
    padding-left: 0;
  }

  .mw---grid---customers-hero-home {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .mw---hero-customers {
    flex-direction: column;
    align-items: center;
  }

  .text---customers-hero-home---cal {
    text-align: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .heading---section-home {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---section-home.text-center {
    justify-content: center;
    padding-right: 0;
    display: flex;
  }

  .heading---section-home.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-size: 36px;
  }

  .title---grid-use-cases-home {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .mw---title---use-case-home {
    color: #975ddc;
    font-weight: 600;
    line-height: 24px;
  }

  .heading---transformation-home {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
  }

  .heading---transformation-home.heading-color {
    color: #0170f0;
  }

  .subheading---transformation-home {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
  }

  .div---holder-cta-block-section-home {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-top: 80px;
    display: flex;
  }

  .container---how-it-works {
    max-width: 1080px;
  }

  .heading---how-works {
    text-align: center;
    align-self: flex-start;
    font-weight: 600;
  }

  .sub-heading---how-works {
    text-align: center;
    align-self: flex-start;
    margin-top: auto;
    font-weight: 500;
  }

  .text---vs-transformation-home {
    background-color: #0170f0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .div---column-l-transformation-home {
    box-shadow: 0 2px 5px #0003;
  }

  .heading---list-item-transformation-home {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
  }

  .subheading---list-item-transformation-home {
    text-align: left;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    font-weight: 400;
  }

  .div---how-works-contnet-left {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading---how-it-works {
    text-align: left;
    align-self: auto;
    margin-top: 18px;
    padding-top: 0;
    padding-left: 10px;
    font-size: 23px;
    font-weight: 500;
  }

  .para---how-it-works-left {
    text-align: left;
    margin-top: 25px;
    font-weight: 500;
  }

  .heading-2---section-home {
    text-align: left;
    font-weight: 600;
  }

  .image---how-it-works-analytics {
    text-align: left;
  }

  .title-view---cell-grid-feature-home {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .description---grid-cell-feature-home {
    text-align: left;
    margin-top: 10px;
    font-weight: 500;
  }

  .grid---features-home {
    grid-row-gap: 0px;
  }

  .heading---feature {
    text-align: left;
    flex-direction: row;
    align-self: auto;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 0;
    font-weight: 500;
    display: block;
  }

  .grid---use-cases-home {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-use-case {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .grid---industries-use-case-home {
    padding-top: 60px;
  }

  .section---home-nnn.section---home-bg-light-blue.section---home-bg-dark-blue {
    margin-bottom: 60px;
  }

  .mw---section---how-it-works-old {
    background-color: #dee7f9;
    border-radius: 3px;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
  }

  .heading---content-3 {
    text-align: left;
    margin-top: 18px;
    padding-top: 0;
    font-weight: 500;
  }

  .heading---book-demo-home {
    text-align: left;
    font-weight: 600;
  }

  .icon---ratings-home {
    text-align: center;
  }

  .bold-text-7 {
    font-size: 40px;
  }

  .div---dotted-arrows-home {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: row;
    grid-template: ". Area"
                   ". ."
                   / .75fr 3.75fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center flex-start;
    place-items: flex-start center;
    padding-left: 160px;
    display: flex;
  }

  .image-11 {
    text-align: center;
    padding-left: 0;
  }

  .div---cta---use-case-home {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .subheading---section-home {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .grid---joined-by {
    padding-top: 5px;
    display: flex;
  }

  .subheading---demo-home {
    text-align: left;
    font-weight: 600;
  }

  .div---holder-demo-home {
    margin-left: auto;
    margin-right: auto;
  }

  .d-101-section-home {
    display: flex;
  }

  .container---section-home.container---extra-wide {
    text-align: left;
  }

  .container---section-home.container---section-home-center {
    align-items: center;
  }

  .container---section-home.container---extra-width {
    text-align: left;
  }

  .container-default---brix.adjust-container-max-w {
    max-width: 1240px;
  }

  .div---column-faqs-home {
    box-shadow: 2px 2px 2px 0 var(--purple-secondary);
  }

  .section-15 {
    background-color: #0000;
  }

  .div---cta---faq-home {
    display: flex;
  }

  .div---image-l-faq-home {
    box-shadow: none;
  }

  .description---grid-use-cases-home {
    text-align: left;
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .div---spacer-section-title {
    padding-top: 40px;
  }

  .hero-heading-text.heading-mobile {
    color: #3d3d3d;
  }

  .grid---hero-headings-texts {
    flex-direction: column;
    grid-template-rows: auto .75fr;
    grid-template-columns: 1.5fr 1.25fr;
    grid-auto-columns: 1fr;
  }

  .sub-heading---hero-home {
    color: #006cef;
    font-size: 51px;
    font-weight: 800;
    line-height: 55px;
  }

  .paragraph-hero-home {
    text-align: left;
    flex: 0 auto;
    font-size: 18px;
    font-weight: 400;
  }

  .hero-paragraph-list-text {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .column-20 {
    flex-direction: column;
  }

  .column---hero-home-left {
    flex-wrap: wrap;
    flex: 0 auto;
    place-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .section---home-nn {
    grid-row-gap: 25px;
  }

  .div---column-l-transformation-home-copy {
    box-shadow: 0 2px 5px #0003;
  }

  .grid---how-onetap-works-home {
    grid-column-gap: 9px;
    grid-row-gap: 35px;
    grid-template-columns: 1.25fr .25fr 1.25fr .25fr 1.25fr;
  }

  .grid-item---arrow-right {
    background-color: var(--light-blue);
    box-shadow: none;
    background-image: none;
    border-radius: 10px;
    padding: 0;
  }

  .image---arrow---how-it-works {
    align-self: center;
  }

  .image---feature-how-it-works {
    width: 450px;
  }

  .icon---old-transformation-home, .icon---new-transformation-home {
    width: 7%;
  }

  .div---item-column-old-transformation-home {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .section---home-n-blue {
    grid-row-gap: 25px;
  }

  .div---padding-demo-cta-home {
    margin-left: auto;
    margin-right: auto;
  }

  .heading---cta-section-home, .sub-heading---cta-section-home-copy {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .img-user-review {
    text-align: center;
  }

  .slider-arrow---testimonial-home.small---testimonial-home.left---testimonial-home, .slider-arrow--testimonial-home.small---testimonial-home.right---testimonial-home {
    background-color: var(--royal-blue);
    background-color: #0170f0;
  }

  .grid---hero-home {
    grid-row-gap: 15px;
  }

  .heading---hero-case-study {
    font-weight: 600;
  }

  .span---text-medium.text-decoration---italic-underline {
    text-decoration: underline;
  }

  .column-r---heading-customer {
    position: static;
  }

  .text---customers {
    font-size: 18px;
  }

  .button---primary-cta-ii {
    padding-bottom: 9px;
  }

  .mw---hero-customers-cla {
    flex-direction: column;
    align-items: center;
  }

  .mw---grid---customers-hero-cal {
    grid-template-rows: auto;
  }

  .heading---section-benefits-cal {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---section-benefits-cal.heading-text-center {
    justify-content: center;
    font-size: 36px;
  }

  .div---cta-holder-cla {
    flex-direction: column;
    display: flex;
  }

  .grid---review-benefits {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    display: flex;
  }

  .icon---ratings-cla {
    text-align: center;
  }

  .icon---ratings-cla.icon-fixed-width-benefits-cla {
    width: 120px;
  }

  .text---trusted-by-benefits-cla {
    color: #1e5239;
  }

  .button---book-demo {
    background-image: linear-gradient(to bottom, var(--purple-secondary), var(--purple-secondary));
  }

  .section---announcement-cla {
    padding-bottom: 20px;
  }

  .container---announcement-cla {
    justify-content: center;
    display: flex;
  }

  .text---announcement-cla {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
  }

  .text---customers-hero-cla {
    text-align: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-paragraph-list-text-cla {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .sub-heading---benefits-cal {
    font-size: 18px;
  }

  .title---faq-cal, .tab-container-content-paragraph---faq-cal {
    color: var(--light-black);
  }

  .heading---why-alternative {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---why-alternative.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .heading---why-alternative-copy.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-size: 20px;
    font-weight: 600;
  }

  .div---customer-hero-alternative {
    flex-direction: column;
    align-items: center;
  }

  .grid---customers-hero-alt {
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;
  }

  .div---column-r-onetap-alternative {
    box-shadow: 0 2px 5px #0003;
  }

  .heading---onetap-alternative {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 42px;
  }

  .div---spacer-div-alternatives {
    height: 100px;
  }

  .div---alternate-cta-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .sub-heading---cta-section-alternative {
    margin-top: 20px;
  }

  .heading---cta-section-alt {
    margin-top: 20px;
    font-size: 33px;
  }

  .div---comparison {
    box-shadow: 0 2px 5px #0003;
  }

  .heading---feature-comparison-alt {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
  }

  .div---spacer-60h-2 {
    padding-top: 40px;
  }

  .div---cta-alternative {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container---new-term-caa {
    justify-content: center;
    display: flex;
  }

  .h2-heading---attendance-tracker {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---attendance-tracker.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-weight: 600;
  }

  .div---cta-attendance-tracker {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---spacer-div-at {
    height: 100px;
  }

  .div---spacer-section-heading {
    padding-top: 40px;
  }

  .image---check-in-process {
    width: 100%;
  }

  .h2-heading---qr-code {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---qr-code.heading-text-center {
    justify-content: center;
    padding-left: 15%;
    padding-right: 15%;
    font-weight: 600;
  }

  .h2-heading---cta-qr-code {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---cta-qr-code.heading-text-center {
    justify-content: center;
    padding-right: 0;
  }

  .grid---use-cases-qr-code, .grid---benefits-qr-code {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-benefits {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .item-container---grid-benefits.hv2 {
    text-align: center;
  }

  .title---grid-use-cases-qr {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---grid-use-cases-qr.text---color-steel-blue {
    color: #1a1b1f;
    text-align: center;
  }

  .section---hero-kiosk {
    font-size: 19px;
  }

  .h2-heading---kiosk {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---kiosk.heading-text-center {
    justify-content: center;
    padding-left: 0%;
    padding-right: 0%;
    font-weight: 600;
  }

  .div---spacer-section-title-60-copy {
    padding-top: 40px;
  }

  .h2-heading---methods-kiosk {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---methods-kiosk.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-weight: 600;
  }

  .grid---methods-kiosk {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-check-in-kiosk {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .item-container---grid-check-in-kiosk.hv2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .title---grid-methods-check-in-kiosk {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---grid-methods-check-in-kiosk.text---color-steel-blue {
    color: #1a1b1f;
  }

  .text---grid-methods-check-in-kiosk {
    color: #1a1b1f;
    text-align: center;
    background-color: #0000;
  }

  .item-container---grid-use-case-qr {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .h2-heading---how-it-works-qr {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---how-it-works-qr.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .section---digital-kiosk {
    padding-top: 60px;
  }

  .div---subheading-digital-kiosk {
    padding-left: 8%;
    padding-right: 8%;
  }

  .grid---experiences-vp-digital-kiosk {
    grid-template-columns: 1.5fr 3.25fr;
  }

  .section---testimonials-kiosk {
    border-bottom-style: none;
  }

  .heading---demo-bold-section {
    color: var(--purple-secondary);
  }

  .grid---texts-why-visitor-app-l {
    grid-template-rows: auto auto;
  }

  .grid---benefits-visitor-app, .grid---use-cases-visitor-app {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .grid---use-case-visitor-app {
    grid-template-rows: auto;
  }

  .item-container---grid-use-case-visitor-app, .item-container---grid-features-visitor-app {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .item-container---grid-features-visitor-app.hv2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .grid---features-visitor-app {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .h2-heading---visitor-app {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---visitor-app.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .hero-hiw-list-text {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .h2-heading---hiw {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---hiw.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .text---process-list-hiw {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .h3-heading---hiw {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h3-heading---hiw.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .h2-heading---processes-hiw {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---processes-hiw.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .text---why-onetap-hiw {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---why-onetap-hiw.text---color-steel-blue {
    color: #1a1b1f;
  }

  .div---demo-heading-visitor-app {
    padding-left: 5%;
    padding-right: 5%;
  }

  .h3-heading---demo-subheading-va {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h3-heading---demo-subheading-va.heading-text-center {
    justify-content: center;
    font-size: 30px;
  }

  .div---h2-heading-visitor-app {
    padding-left: 5%;
    padding-right: 5%;
  }

  .blog-card-image {
    width: 165px;
    height: auto;
  }

  .blog-card-link {
    position: absolute;
  }

  .dropdown-sidebar-bg {
    left: 50%;
    transform: translate(144px);
  }

  .blog-card-content {
    padding-bottom: 24px;
    padding-left: 12px;
    position: relative;
  }

  .blog-card {
    flex-direction: row;
    height: 145px;
  }

  .blog-card.third {
    display: flex;
  }

  .nav-sales-text {
    display: block;
  }

  .nav-sales-icon {
    display: none;
  }

  .h2-heading---guestlist {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---guestlist.heading-text-center {
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
    font-weight: 600;
  }

  .grid---texts-check-in-guestlist-l {
    grid-template-rows: auto auto;
  }

  .section---how-it-works-guestlist {
    background-color: #f4f9ff;
  }

  .grid---how-it-works-guestlist {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-how-it-works-guestlist {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-how-it-works-guestlist {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---grid-how-it-works-guestlist.text---color-steel-blue, .title---grid-how-it-works-guestlist.text---color-blue-med {
    font-size: 19px;
  }

  .description---grid-how-it-works-guestlist {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .grid---benefits-how-it-works-guestlist {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .title---grid-benefits-how-it-works-guestlist {
    background-color: #0000;
  }

  .grid---features-guestlist {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .title---grid-features-guestlist {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .description---grid-features-guestlist {
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .item-container---grid-features-guestlist {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .item-container---grid-features-guestlist.hv2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .item-container---grid-event {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .cp---cell {
    padding: 20px;
    display: block;
  }

  .cp---review-of-client {
    margin-bottom: 0;
  }

  .button-3 {
    border-radius: 5px;
  }

  .cp--grid---customers---eventpage {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .cp---hero-customers-eventpage {
    flex-direction: column;
    align-items: center;
  }

  .cp-texts-customers--eventpage {
    text-align: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .cp---grid-personas {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cp---item-grid-benefits-events {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-benefits {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .description---grid-benefits {
    text-align: left;
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .h2-heading---demo-section {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---demo-section.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .div---subheading-hero {
    flex-flow: column;
    display: flex;
  }

  .item-container---grid-persona {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-benefit-persona {
    text-align: left;
    background-color: #0000;
    line-height: 33px;
  }

  .description---grid-persona-guestlist, .text---event-type {
    text-align: left;
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .container---benefits-guestlist {
    max-width: 980px;
  }

  .grid---item-benefits-guestlist {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
    grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
  }

  .item-container---grid-benefits-guestlist {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .description---grid-benefits-guestlist {
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .title---grid-benefits-guestlist {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .item-container---grid-persona-guestlist {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .grid---persona-guestlist {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .div---holder-cta-eventpage {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-top: 80px;
    display: flex;
  }

  .div---holder-cta-eventpage.padding-10 {
    padding-top: 0;
  }

  .image---grid-persona-guestlist {
    border-radius: 10px;
  }

  .grid---item-3c-benefits-guestlist {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .description---benefits-guestlist {
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 28px;
  }

  .link---table-content, .link---table-content.w--current {
    text-align: left;
  }

  .columns-6 {
    border: 1px solid #000;
  }

  .div---alternate-cta-blog {
    margin-left: auto;
    margin-right: auto;
  }

  .div---disclaimer-text {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-hero-add-on {
    flex: 0 auto;
    font-size: 17px;
    font-weight: 400;
  }

  .hero-add-on-list-text {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .grid---how-to-install-add-on {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text---how-to-use-add-on {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .nav-link-details, .dropdown-title {
    text-align: left;
  }

  .onetap-attendance-tracker-logo {
    margin-top: -22px;
    margin-left: -17px;
    padding-left: 0;
  }

  .addons-check-cell {
    grid-row-gap: 15px;
  }

  .sub-heading---hero-best-addons {
    width: 90%;
  }

  .section---footer-onetap {
    font-size: 14px;
  }

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

  .container-footer-inner-wrap {
    grid-column-gap: 6.25em;
  }

  .heading---google-forms-alternative {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---google-forms-alternative.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-weight: 600;
  }

  .heading---google-forms-alt {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---google-forms-alt.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-weight: 600;
  }

  .heading---why-alternative-copy {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---why-alternative-copy.heading-text-center {
    justify-content: center;
    padding-right: 0;
    font-weight: 600;
  }

  .div---grid-google-forms-alternatives {
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid---google-forms-chaos-l {
    grid-auto-flow: row;
  }

  .why-visitor-text {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .heading---onetap-vs-google-forms-alternative {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---onetap-vs-google-forms-alternative.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .h2-heading---prob-proxy {
    margin-top: 20px;
    font-size: 33px;
  }

  .heading---proxy-alternative {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---proxy-alternative.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .heading---text-tab {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 35px;
  }

  .grid---academic-proxy-attendance {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .text-block-56, .arrow {
    color: var(--royal-blue);
  }

  .grid---div-content-block-how, .grid---div-profiles-content-block, .grid---div-alerts-content-block-copy {
    grid-template-rows: auto auto;
  }

  .text---collaborators-list-hiw {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .grid---div-collaborators-how {
    grid-template-rows: auto auto;
  }

  .grid---more-features-hiw {
    grid-column-gap: 50px;
  }

  .div---grid-more-features {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---text-more-features {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .grid---div-create-list-content-block {
    grid-template-rows: auto auto;
  }

  .h2-heading---social-proof {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---social-proof.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .grid---div-why-onetap-how, .grid---div-reports-content-block {
    grid-template-rows: auto auto;
  }

  .grid---visitor-how {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-visitor-how {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .grid---div-visitor-how {
    grid-template-rows: auto auto;
  }

  .grid---hero-how-works {
    grid-column-gap: 9px;
    grid-row-gap: 35px;
    grid-template-columns: 1.25fr .25fr 1.25fr .25fr 1.25fr;
  }

  .grid-item---arrow-right-how-works {
    background-color: var(--light-blue);
    box-shadow: none;
    background-image: none;
    border-radius: 10px;
    padding: 0;
  }

  .image---arrow-how-works {
    align-self: center;
  }

  .div---habit-gforms {
    margin-left: auto;
    margin-right: auto;
  }

  .text---habit-gforms, .text---list-habit-gforms, .text---hero-paragraph-list-feature {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .grid---use-cases-feature {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .title---grid-use-cases-feature {
    text-align: left;
    background-color: #0000;
  }

  .description---grid-use-cases-feature {
    text-align: left;
    background-color: #0000;
    flex-direction: row;
  }

  .div---item-use-case {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-use-case-feature {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .section---use-cases-feature {
    background-color: #f4f9ff;
  }

  .grid---use-cases-feature-2c {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-use-case-feature-c2 {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .item-container---grid-use-case-feature-c2.hv2 {
    padding-top: 10px;
  }

  .grid---checkout-feature {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-checkout-feature {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-checkout-feature {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---grid-checkout-feature.text---color-blue-med {
    font-size: 19px;
  }

  .description---grid-checkout-feature, .text---grid-checkout-feature-copy {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .div-block-147 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-paragraph-list-text---google-forms-solution {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .div---grid-item-google-forms-pains {
    padding-right: 0%;
  }

  .image-66 {
    width: 60%;
  }

  .grid---google-forms-chaos-r {
    grid-auto-flow: row;
  }

  .hero-paragraph-list-text---google-forms {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .section---use-case-kiosk {
    background-color: #f4f9ff;
  }

  .item-container---grid-use-cases-kiosk {
    background-image: none;
  }

  .description---grid-list-use-case {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .text---liest-use-case-kiosk {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .section---disclaimer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .title---use-case-kiosk {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---use-case-kiosk.text---color-steel-blue {
    font-size: 19px;
  }

  .stack---hero-kiosk {
    grid-row-gap: 0px;
  }

  .grid---div-content-block-kiosk {
    grid-template-rows: auto auto;
  }

  .sub-heading---hero-ipad-kiosk {
    padding-right: 20px;
  }

  .hero-paragraph-list-text-gforms {
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .heading---gforms-attendance {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---gforms-attendance.heading-text-center {
    justify-content: center;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 600;
  }

  .stack---grid-use-case {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .stack---hero-proxy {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .sub-heading---hero-proxy {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 19px;
  }

  .div---column-r-onetap-attendance-app {
    box-shadow: 0 2px 5px #0003;
  }

  .grid---benefits-blog {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-benefits-blog {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .hero-paragraph-list-text-class-at {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .item-container---grid-use-cases-class-at {
    background-image: none;
  }

  .section---features-class-at {
    padding-top: 60px;
  }

  .section---why-onetap-class-at {
    padding-top: 60px;
    display: none;
  }

  .heading---class-attendance {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---class-attendance.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .section---class-at-system {
    padding-top: 60px;
  }

  .grid---institution-success-benefit-class-at {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .grid---item-benefits-class-at {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .grid---item-benefits-class-at.hv2 {
    justify-content: center;
    align-items: center;
  }

  .description---grid-benefits-class-at {
    text-align: center;
    background-color: #0000;
    flex-direction: row;
    font-size: 16px;
    line-height: 33px;
  }

  .title---cta-class-sys {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---grid-text-class-at {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .h2-heading---case-study {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---case-study.heading-text-center {
    justify-content: center;
    padding-left: 0%;
    padding-right: 0%;
    font-weight: 600;
  }

  .item-container---grid-case-study {
    background-image: none;
  }

  .title---case-study {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .grid---before-case-study {
    grid-column-gap: 50px;
  }

  .div---text-before {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .title---result-case-study {
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .title---challange-case-study {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .item-container---grid-challange-case-study {
    background-image: none;
  }

  .paragraph-hero-class-at {
    text-align: left;
    flex: 0 auto;
    font-size: 18px;
    font-weight: 400;
  }

  .image---use-cases {
    width: 80%;
  }

  .title---grid-use-cases-classes {
    background-color: #0000;
  }

  .grid---persona-class-at {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 10%;
  }

  .input-relative.newsletter.footer {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .div---cta-case-study-class {
    margin-left: auto;
    margin-right: auto;
  }

  .text---cta-case-study, .top-heading---cta-case-study {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .grid---why-onetap-class-attendance {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .title---grid-benefits-class {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .item-container---grid-use-case-proxy-attendance {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .text---list-proxy-at {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 18px;
  }

  .sub-heading-text---prob-proxy {
    font-size: 19px;
  }

  .text---persona-proxy-at {
    text-align: left;
    background-color: #0000;
    line-height: 33px;
  }

  .text---problems-proxy {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .grid---texts-reports-proxy {
    grid-template-rows: auto auto;
  }

  .sub-heading-text---persona {
    font-size: 19px;
  }

  .container---persona-proxy.container---extra-width {
    text-align: left;
  }

  .grid---how-onetap-works {
    grid-column-gap: 9px;
    grid-row-gap: 35px;
    grid-template-columns: 1.25fr .25fr 1.25fr .25fr 1.25fr;
  }

  .heading---how-onetap, .section---hero-proxy-attendance, .section---prevent-proxy-attendance {
    font-size: 19px;
  }

  .h2-heading---prevent-proxy-at {
    margin-top: 20px;
    font-size: 33px;
  }

  .sub-heading-text---prevent-proxy-at {
    font-size: 19px;
  }

  .text---heading-proxy-at {
    flex: 0 auto;
    margin-top: 0;
  }

  .text---attendance-proxy-at {
    font-size: 16px;
  }

  .sub-heading-text---proxy-at {
    font-size: 19px;
  }

  .h2-heading---cta-proxy {
    margin-top: 20px;
    font-size: 33px;
  }

  .stack---cta-proxy-at {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading-text---persona-proxy, .text---client-quote {
    font-size: 19px;
  }

  .heading---other-apps {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 42px;
  }

  .div---column-r-onetap-attendance {
    box-shadow: 0 2px 5px #0003;
  }

  .text---before-onetap {
    font-size: 19px;
  }

  .heading---after-onetap {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 42px;
  }

  .sub-heading-text---other-apps-proxy-at {
    font-size: 19px;
  }

  .card-header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading---plans-pricing.pricing-bts-offer.custom-pricing-home {
    margin-top: 55px;
  }

  .heading---plans-pricing.pricing-bts-offer.custom-pricing-home.offer-pricing-bts-new {
    margin-top: 0;
  }

  .button---plan-pricing.mb-10 {
    cursor: pointer;
  }

  .text---plan-pricing {
    margin-bottom: 0;
  }

  .text---plan-pricing.pro-plan-text {
    padding-right: 40px;
  }

  .heading---hero-pricing {
    margin-top: 20px;
  }

  .grid---why-onetap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---why-onetap {
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-why-onetap {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 26px;
  }

  .heading---faq-pricing {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .dropdown-container-2 {
    width: 230px;
    display: none;
  }

  .dropdown-trigger-2 {
    width: 230px;
  }

  .price-box-pro-plus1 {
    margin-bottom: 0;
  }

  .grid---check-in-methods-courses {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .title---check-in-method {
    color: var(--steel-blue);
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .grid---other-check-ins-courses {
    grid-column-gap: 50px;
  }

  .heading---hero-training-course {
    line-height: 55px;
  }

  .subheading---hero-training-course {
    text-align: left;
    flex: 0 auto;
    font-size: 18px;
    font-weight: 400;
  }

  .mw-navigation-old {
    position: sticky;
  }

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

  .grid---benefits-self-check-in-qr {
    grid-column-gap: 25px;
    grid-row-gap: 35px;
  }

  .item-container---grid-benefits-self-check-in-qr {
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .grid---title-benefits-self-check-ins {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .grid---list-benefits-self-check-in-qr {
    grid-column-gap: 50px;
  }

  .div---text-more-benefits {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .text---feature-attendance-tracking {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .item-container---grid-how-it-works-self-check-in-qr {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .description---grid-how-it-works-self-check-in-qr {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .title---grid-how-it-works-self-check-in-qr {
    text-align: left;
    background-color: #0000;
  }

  .hero-paragraph-list-text-gforms-qr-code {
    flex: 0 auto;
    margin-top: 0;
  }

  .heading---gforms-qr {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---gforms-qr.heading-text-center {
    justify-content: center;
    font-weight: 600;
  }

  .button-10 {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 15px;
    line-height: 22px;
  }

  .button-10.white {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
  }

  .navigator-flex {
    height: 525px;
  }

  .heading---column-r-onetap-alternative {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 42px;
  }

  .section---hero-gforms-templates {
    font-size: 19px;
  }

  .stack---hero-gforms-templates {
    grid-row-gap: 0px;
  }

  .cell---hero-image-gforms-templates {
    justify-content: center;
    align-items: stretch;
  }

  .sub-heading---hero-gforms-templates {
    padding-right: 20px;
  }

  .cell---hero-description-gforms-templates {
    padding-top: 20px;
  }

  .subheading---hero-paragraph {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .sub-heading---top-gforms-templates {
    padding-right: 20px;
  }

  .div---subheading-gforms-templates-onetap {
    padding-left: 8%;
    padding-right: 8%;
  }

  .title---text-gforms-templates {
    padding-right: 20px;
  }

  .grid---title-benefits-location-tracking-onetap {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .h2-heading---how-it-works {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .h2-heading---how-it-works.heading-text-center {
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
    font-weight: 600;
  }

  .heading---demo-gforms-attendance {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .subtext---demo {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .heading---gforms-location {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---gforms-location.heading-text-center {
    justify-content: center;
    padding-left: 15%;
    padding-right: 15%;
    font-weight: 600;
  }

  .grid---title-benefits-gforms-location {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---col-l-onetap {
    font-size: 17px;
  }

  .section---hero-excel-alternative {
    font-size: 19px;
  }

  .cell---img-hero-excel-alternative {
    justify-content: center;
    align-items: stretch;
  }

  .div---table-right-hero-excel {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---col-r-excel {
    font-size: 17px;
  }

  .section---benefit-onetap-vs-excel-alternative {
    font-size: 19px;
  }

  .heading---benefit-onetap-vs-excel-alternative {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---title-benefit {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 23px;
  }

  .text---benefits {
    margin-top: 10px;
    font-size: 17px;
  }

  .sub-heading-text---benefits-excel-alternatives {
    font-size: 19px;
  }

  .heading---benefits-excel-alternatives {
    margin-top: 20px;
    font-size: 33px;
  }

  .heading---feature-onetap-v-excel {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 33px;
  }

  .heading---feature-onetap-v-excel.heading-text-center {
    justify-content: center;
    padding-left: 15%;
    padding-right: 15%;
    font-weight: 600;
  }

  .grid---customers-logos-excel-alternatives {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .sub-heading---hero-excel-alternative {
    padding-right: 30px;
  }

  .heading---hero-home-25 {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
    line-height: 70px;
  }

  .primary-button, .secondary-button-2 {
    padding-left: 34px;
    padding-right: 34px;
    font-size: 18px;
  }

  .section-title-2 {
    font-size: 62px;
  }

  .use-cases-tab-menu {
    grid-column-gap: 30px;
  }

  .div---heading-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .heading-text---home {
    max-width: 950px;
  }

  .div---cta-hero-home {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid---cta-trusted-by {
    padding-top: 5px;
    display: flex;
  }

  .div---item-col-paper, .div---item-col-google {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .text---customer-testimonial {
    max-width: 950px;
  }

  .title---faq-home, .text---ans-faq-home {
    color: var(--light-black);
  }

  .container---feature-cta-home {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div---feature-cta-home {
    margin-left: auto;
    margin-right: auto;
  }

  .div---rotate-text-wrapper-left {
    padding-left: 25%;
  }

  .text---use-csae-bottom-content {
    max-width: 950px;
  }

  .div---rotate-text-wrapper-right-persona {
    padding-left: 25%;
  }

  .text---use-csae-bottom-content-mob {
    max-width: 950px;
  }

  .section---hero-university {
    font-size: 19px;
  }

  .heading---hero-univ {
    font-size: 43px;
  }

  .stack---hero-univ {
    grid-row-gap: 0px;
  }

  .sub-heading---hero-univ, .cell---hero-description-univ {
    padding-right: 20px;
  }

  .div---heading-wrapper-univ {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .text---case-study-univ, .text---univ-copy {
    font-size: 16px;
  }

  .text---features-univ {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .title---grid-how-it-works-univ {
    background-color: #0000;
    font-size: 20px;
  }

  .item-container---grid-how-it-works-univ {
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .description---grid-how-it-works-univ {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .persona-tab-menu---univ {
    grid-column-gap: 30px;
  }

  .div---cta---univ {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid---use-case-univ, .grid---feature-comparison-univ {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---feature-comparison {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---benefit {
    font-size: 62px;
  }

  .grid---demo {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-demo {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .title---grid-demo {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .div---cta-hero-univ {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sub-heading---text-hero-univ {
    padding-right: 20px;
  }

  .grid---how-it-works-univ {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .title---how-it-works-univ {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---description-how-univ {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .item-container---grid-use-case-univ {
    background-color: var(--light-blue);
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .text---comparison-univ {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .div---cta-hero-university {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cell---hero-description-school {
    padding-right: 20px;
  }

  .stack---hero-school {
    grid-row-gap: 0px;
  }

  .persona-tab-menu---school {
    grid-column-gap: 30px;
  }

  .grid---use-case-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-use-case-school {
    border-radius: 10px;
  }

  .div---heading-wrapper-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .paragraph---hero-list {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .div---cta-hero-school-classroom {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text---benefit-bottom-content {
    max-width: 950px;
  }

  .text---description-how-school {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .div---heading-wrap-school, .div---heading-wrap-usecase-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .grid---persona-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-persona-school {
    border-radius: 10px;
  }

  .stack---hero-after-school {
    grid-row-gap: 0px;
  }

  .sub-heading---hero-after-school {
    padding-right: 25px;
    font-size: 17px;
  }

  .item-container---grid-after-school {
    border-radius: 10px;
  }

  .div---cta---school {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph---hero-list-school {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .div---heading-usecase-after-school, .div---heading-benefits-after-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .item-container---grid-use-case-after-school {
    border-radius: 10px;
  }

  .div---cta-benefit-hg-afterschool {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .persona-tab-menu---afterschool {
    grid-column-gap: 30px;
  }

  .grid---value-after-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .title---use-case-afterschool {
    background-color: #0000;
    font-size: 20px;
  }

  .grid---how-it-works-home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .grid---reports-home {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .heading-text---reports-home {
    max-width: 950px;
    padding-left: 160px;
    padding-right: 160px;
  }

  .list---hero-grants {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .grid---use-case-grants {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-use-case-grants {
    border-radius: 10px;
  }

  .title---use-case-grants {
    background-color: #0000;
    font-size: 20px;
  }

  .div---heading-usecase-grants {
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .sub-heading---grants {
    margin-top: 5px;
  }

  .button-13 {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 15px;
    line-height: 22px;
  }

  .button-13.white {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
  }

  .navigator-flex-2 {
    height: 640px;
  }

  .grid---div-content-block-grants {
    grid-template-rows: auto auto;
  }

  .list---benefits-grants {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .grid---features-grants {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .sub-heading---usecase-grants, .sub-heading---simplify-grants {
    max-width: 950px;
    margin-top: 5px;
  }

  .sub-heading---compare-grants {
    max-width: 950px;
  }

  .div---heading-usecase-grants-programs {
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .sub-heading---benefits-grants {
    max-width: 950px;
    margin-top: 5px;
  }

  .div---heading-modern-grants {
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .sub-heading---modern-grants, .text---modern-grants {
    max-width: 950px;
    margin-top: 5px;
  }

  .div---cta-grants {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---heading-compare-grants {
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .div---cta-section-grants {
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .div---cta-home {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid---onetap-attendance-system {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---onetap-attendance-system {
    background-image: none;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cta---signup-home {
    width: 330px;
  }

  .cta---signup-home.grid---mobile {
    font-size: 17px;
  }

  .div---cta-comparison-afterschool, .div---cta-pricing {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .stack---hero-feature {
    grid-row-gap: 0px;
  }

  .sub-heading---feature {
    margin-top: 5px;
    padding-left: 140px;
    padding-right: 140px;
  }

  .grid---pain-features {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .item-container---grid-features {
    border-radius: 10px;
  }

  .text---list-feature {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .title---grid-feature, .title---grid-benefits-feature {
    text-align: left;
    background-color: #0000;
  }

  .text---benefit-feature {
    text-align: left;
    flex: 0 auto;
    font-size: 17px;
    font-weight: 400;
  }

  .heading---hero-features {
    font-size: 43px;
  }

  .sub-heading---how-feature {
    max-width: 950px;
    margin-top: 5px;
  }

  .image---benefits-features {
    border-radius: 12px;
  }

  .div---heading-demo-features {
    padding-left: 140px;
    padding-right: 140px;
  }

  .div---heading-sec3-features {
    padding-left: 165px;
    padding-right: 165px;
  }

  .tab-menu---trigger-action-feature {
    grid-column-gap: 30px;
  }

  .subheading---feature {
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---use-cases-integration {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .tab-menu---integration {
    grid-column-gap: 30px;
  }

  .div---heading-integration {
    padding-left: 140px;
    padding-right: 140px;
  }

  .div---use-case-integration {
    padding-left: 165px;
    padding-right: 165px;
  }

  .grid---use-cases-integration-jotform, .grid---use-cases-integration-rest-api {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .title---text-integrations {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---description-integrations {
    background-color: #0000;
    flex-direction: row;
    line-height: 26px;
  }

  .item-container---other-integrations {
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .grid---other-integrations {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .subheading---integration-jotform {
    margin-top: 5px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading---integrations {
    padding-left: 40px;
    padding-right: 40px;
  }

  .subheading---other-integration {
    margin-top: 5px;
  }

  .div---use-case-integration-rest {
    padding-left: 0;
    padding-right: 0;
  }

  .div---heading-demo-integration {
    padding-left: 60px;
    padding-right: 60px;
  }

  .grid---webhook-integration {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .subheading---feature-integration {
    margin-top: 5px;
    padding-left: 140px;
    padding-right: 140px;
  }

  .sub-heading---hero-feature-integrations {
    padding-right: 25px;
    font-size: 17px;
  }

  .div---heading-wrap-persona-compliance {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .heading-text---compliance {
    max-width: 950px;
  }

  .div---cta-compliance {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text---cta-demo {
    max-width: 950px;
  }

  .button---navigation-cta-demo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text---grid-text-persona-compliance {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
  }

  .div---cta-gforms-vs, .div---cta-kiosk, .div---cta-self-checl-in-kiosk {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---heading-school, .div---heading-wrapper-afterschool {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .div---heading-features-grants {
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .section---before-after-compliance {
    grid-row-gap: 25px;
  }

  .subheading---list-item-compliance {
    text-align: left;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    font-weight: 400;
  }

  .heading---hero-attendance-tracker {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
    line-height: 70px;
  }

  .heading-text---attendance-tracker {
    max-width: 950px;
  }

  .div---setup-attendance-tracker {
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .div---cta-at {
    margin-left: auto;
    margin-right: auto;
  }

  .div---heading-wrapper-at {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .cta---signup-at {
    width: 330px;
  }

  .cta---signup-at.grid---mobile {
    font-size: 17px;
  }

  .heading---hero-bts {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 60px;
    line-height: 70px;
  }

  .div---heading-wrapper-bts, .div---heading-wrapper-bts-benefits {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .section---benefit-bts {
    font-size: 19px;
    display: flex;
  }

  .text---benefits-bts {
    margin-top: 10px;
    font-size: 17px;
  }

  .heading-text---bts {
    max-width: 950px;
  }

  .heading-text---offer-bts {
    max-width: 950px;
    padding-left: 160px;
    padding-right: 160px;
  }

  .grid---title-offer-bts, .grid---title-benefits-self-check-ins-copy {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .heading-text---reports-bts {
    max-width: 950px;
    padding-left: 160px;
    padding-right: 160px;
  }

  .subheading-text---attendance-tracker {
    max-width: 950px;
  }

  .div---heading-wrapper-attendace-tracker {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .div---cta-feature-at {
    margin-left: auto;
    margin-right: auto;
  }

  .div---column-r-forms-solution {
    box-shadow: 0 2px 5px #0003;
  }

  .heading-text---at {
    max-width: 950px;
  }

  .div---heading-at {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .sub-heading---grants-management {
    max-width: 950px;
    margin-top: 5px;
  }

  .div---cta-hero-demo {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-text---halloween-lp {
    max-width: 950px;
  }

  .section---hero-lp {
    font-size: 19px;
  }

  .stack---hero-lp {
    grid-row-gap: 0px;
  }

  .heading---hero-lp {
    font-size: 43px;
  }

  .sub-heading---hero-lp {
    padding-right: 25px;
    font-size: 17px;
  }

  .section---usecase-lp {
    font-size: 19px;
  }

  .div---heading-wrapper-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .grid---lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div---grid-usecase-lp {
    background-image: none;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .title---grid-lp {
    text-align: left;
    background-color: #0000;
    font-size: 20px;
    line-height: 33px;
  }

  .text---grid-lp {
    margin-top: 10px;
    font-size: 17px;
  }

  .heading-text---onetap-halloween-lp {
    padding-left: 140px;
    padding-right: 140px;
  }

  .heading-text---onetap-halloween-lp.text-color---white {
    text-align: center;
  }

  .div---how-lp {
    margin-left: auto;
    margin-right: auto;
  }

  .div---heading-wrapper-how-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .grid---usecase-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .text---grid-usecase-lp {
    margin-top: 10px;
    font-size: 17px;
  }

  .div-block-205 {
    text-align: center;
  }

  .grid-2---lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .link---demo-lp {
    max-width: 950px;
  }

  .heading---demo-hero {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
    line-height: 70px;
  }

  .subheading---demo-hero {
    font-size: 60px;
    line-height: 70px;
  }

  .subtext---demo-cta {
    max-width: 950px;
  }

  .div---heading-wrapper-np {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .text---demo-cta {
    max-width: 950px;
  }

  .text---use-case {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-weight: 400;
  }

  .heading---title-cta-inner {
    margin-top: 20px;
    padding-right: 60px;
    font-size: 25px;
  }

  .div---cta-faq-both {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading---hero-np {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
  }

  .grid---features-np {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div---feature-single-np {
    border-radius: 10px;
  }

  .title---features-np {
    background-color: #0000;
    font-size: 20px;
  }

  .section---other-np {
    font-size: 19px;
    display: flex;
  }

  .text---comparison-np {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .mg-bottom-48px {
    text-align: left;
  }

  .heading---how-onetap-np {
    margin-top: 20px;
  }

  .div---cta-np {
    margin-left: auto;
    margin-right: auto;
  }

  .div---content-case-study {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .heading---hero-events {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
    line-height: 70px;
  }

  .div---heading-wrapper-events, .div---cta-heading {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .mobile-link {
    display: none;
  }

  .text---cta-bts-jan {
    max-width: 950px;
  }

  .grid---features-bts-jan {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .div---heading-wrap-bts {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .div---feature-single {
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div---feature-single-bts {
    border-radius: 10px;
  }

  .div---heading-wrapper-ce {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .heading---hero {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
  }

  .navmenu__dropdown-section-link-2 {
    text-align: left;
  }

  .navmenu__dropdown-section-link-2:hover {
    color: var(--one-tap-blue-med);
  }

  .heading---hero-credits {
    padding-left: 0;
    padding-right: 0;
  }

  .div---sticky-heading-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .grid---sticky-use-case {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .div---sticky-use-case {
    border-radius: 10px;
  }

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

  .div---sticky-solution {
    border-radius: 10px;
  }

  .div---flex-wrap-cme {
    height: 525px;
  }

  .div---feature-cme {
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navmenu_dropdown-section-link {
    text-align: left;
  }

  .navmenu_dropdown-section-link:hover {
    color: var(--one-tap-blue-med);
  }

  .navbar_dropdown-button-demo {
    text-align: left;
  }

  .grid---sticky-use-case-cle, .grid---sticky-use-case-cpe {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .div---sticky-heading-wrapper-cpe {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .grid---sticky-use-case-pdh, .grid---features-pdh {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .div-heading-wrapper-feature {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .div---tab-content {
    grid-template-rows: auto auto;
  }

  .text-complinace-blog {
    line-height: 28px;
  }

  .grid---hero-columns-blog.hero-v4 {
    grid-column-gap: 90px;
  }

  .card-4.persona-lp {
    text-align: left;
  }

  .div-heading-wrapper-attendance {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    flex-flow: row;
    justify-content: space-between;
    display: flex;
  }

  .div-integration {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .div-persona-attendance {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-inner-persona {
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 40px;
    box-shadow: 4px 2px 5px #0003;
  }

  .faq-tabs {
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-slider-item {
    border: 1px solid #00000005;
  }

  .navmenu_dropdown-section-link-2 {
    text-align: left;
  }

  .navmenu_dropdown-section-link-2:hover {
    color: #0170f0;
  }

  .navmenu__dropdown-section-link-4 {
    text-align: left;
  }

  .navmenu__dropdown-section-link-4:hover {
    color: #0170f0;
  }

  .dropdown-grid-2.resources {
    grid-template-columns: 200px 516px 1fr;
  }

  .text-pricing-plan.card-highlight-pricing {
    margin-bottom: 10px;
  }

  .hero-pricing {
    padding-left: 0;
    padding-right: 0;
    line-height: 70px;
  }

  .div-heading-wrapper-feature-pricing {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .button---navigation-cta-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading---hero-blog {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
  }

  .link---toc-blog, .link---toc-blog.w--current {
    text-align: left;
  }

  .text---plan-pricing-blog {
    margin-bottom: 0;
  }

  .link---toc-numbered-blog, .link---toc-numbered-blog.w--current {
    text-align: left;
  }

  .heading---hero-faqs {
    padding-left: 0;
    padding-right: 0;
    font-size: 60px;
    line-height: 70px;
  }

  .libraries-howitworks_tabs-menu {
    margin-bottom: -230px;
  }

  .text-social-proof-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-social-proof-lp {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-inner-social-proof-lp {
    width: 260px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-howonetap-lp, .div-heading-wrapper-persona-lp, .div-heading-wrapper-lp, .div-heading-wrapper-pricing-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .icon-arrow-hero-district-lp {
    transform: translate(-192px, -56px)rotateX(180deg)rotateY(180deg)rotateZ(15deg);
  }

  .paragraph-m.max-560w.margin-l.margin-0-t-m {
    max-width: 700px;
    margin-bottom: 25px;
    font-size: 18px;
  }

  .hero-grid {
    grid-template-columns: 1.75fr 1fr;
  }

  .heading-hero-persona-lp {
    margin-bottom: 25px;
    line-height: 73px;
  }

  .text-rotate-hero-district-lp {
    transform: translate(-88px, -52px)skew(10deg);
  }

  .div-howonetap-district-lp, .div-heading-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .tab-menu---lp {
    grid-column-gap: 30px;
  }

  .heading-hero-wp {
    margin-bottom: 25px;
  }

  .grid-hero-wp {
    grid-template-columns: 1.5fr 1fr;
  }

  .div---heading-wp, .div---h3-heading-wp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .grid-wrap-content-right {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .grid-2-columns-2.hero-v16 {
    grid-column-gap: 90px;
  }

  .div---h2-slider-control {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    max-width: 1200px;
    display: flex;
  }

  .heading-text---hero-home {
    padding-left: 0;
    padding-right: 0;
    line-height: 70px;
  }

  .subtext---slider-card {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
  }

  .div---content-top-card, .card---column-mouse-hover.persona-lp {
    text-align: left;
  }

  .tab-menu {
    grid-column-gap: 30px;
  }

  .div-hero-guide {
    grid-template-columns: 1.5fr 1fr;
  }

  .tab-menu-left {
    grid-column-gap: 30px;
  }

  .div---heading-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .div---cta.hero-v16 {
    grid-column-gap: 90px;
  }

  .div---heading, .div---heading-wp-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .heading-hero-blog, .h1-heading-hero-blog {
    margin-bottom: 25px;
  }

  .navbar_dropdown-button-ai {
    text-align: left;
  }

  .stack---hero-n8n {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }
}

@media screen and (min-width: 1920px) {
  .dropdown-toggle-text {
    font-size: 17px;
  }

  .stack---hero-proxy {
    padding-top: 40px;
  }

  .error-message {
    color: #ff2a2a;
    background-color: #fff2f2;
    border-radius: 80px;
    margin-top: 27px;
    padding: 19px 28px;
  }

  .input-relative::placeholder {
    color: #615e83;
    font-size: 16px;
  }

  .pricing-grid-2 {
    max-width: 1300px;
  }

  .heading---gforms-qr.heading-text-center {
    padding-left: 20%;
    padding-right: 20%;
  }

  .navmenu__dropdown-grid {
    grid-template-columns: 1fr minmax(auto, 1280px);
  }

  .heading---title-benefit {
    font-size: 26px;
  }

  .text---benefits {
    font-size: 19px;
  }

  .heading-text---home, .text---customer-testimonial, .text---use-csae-bottom-content {
    max-width: 950px;
  }

  .container---onetap-pricing-home {
    grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
  }

  .text---use-csae-bottom-content-mob, .text---benefit-bottom-content, .heading-text---reports-home {
    max-width: 950px;
  }

  .navigator-flex-2 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sub-heading---usecase-grants, .sub-heading---simplify-grants, .sub-heading---compare-grants, .sub-heading---benefits-grants, .sub-heading---modern-grants, .text---modern-grants, .sub-heading---feature, .sub-heading---how-feature, .subheading---feature, .subheading---integration-jotform, .subheading---other-integration, .subheading---feature-integration, .heading-text---compliance, .text---cta-demo {
    max-width: 950px;
  }

  .heading---feature-grants {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-text---attendance-tracker, .heading-text---bts, .heading-text---offer-bts, .heading-text---reports-bts, .subheading-text---attendance-tracker, .heading-text---at, .sub-heading---grants-management, .heading-text---halloween-lp {
    max-width: 950px;
  }

  .section---hero-lp {
    background-size: cover;
  }

  .heading---hero-lp {
    font-size: 59px;
    line-height: 70px;
  }

  .heading-text---onetap-halloween-lp, .link---demo-lp, .subtext---demo-cta, .text---demo-cta {
    max-width: 950px;
  }

  .heading---title-cta-inner {
    font-size: 26px;
  }

  .blob-hero-2 {
    left: -4%;
  }

  .cta-card-image {
    max-width: 111%;
    bottom: -24%;
    left: -7%;
  }

  .cta-card-image.white {
    bottom: -8%;
  }

  .cta-card {
    padding: 80px 56px 420px;
  }

  .text---cta-bts-jan {
    max-width: 950px;
  }

  .teaser-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-icon-wrap-2 {
    border: 1px solid #ffffff80;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
  }

  .heading-three-2 {
    font-size: 52px;
  }

  .testimonial-icon-wrap {
    border-style: solid;
    border-color: #ffffff4d;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
  }

  .dropdown-toggle-4 {
    font-size: 17px;
  }

  .libraries-howitworks_content, .libraries-howitworks_desktop-content-wrapper {
    height: 80vh;
  }

  .hero-grid, .grid-hero-wp {
    grid-template-columns: 1.5fr 1fr;
  }

  .subtext---hero-home {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
  }

  .container---onetap-pricing-home-copy {
    grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
  }

  .div-hero-guide {
    grid-template-columns: 1.5fr 1fr;
  }
}

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

  .button.button---navigation-bar-cta {
    display: none;
  }

  .label.section---label, .label.label---section-label-ii {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .navbar-logo.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    flex: none;
    margin-left: 0;
    display: block;
    position: static;
  }

  .navigation-wrap {
    background-color: #fff;
  }

  .navigation {
    background-color: var(--light-blue);
    padding: 25px 30px;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
    display: inline-block;
  }

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

  .navigation-items {
    z-index: 500;
    float: none;
    background-color: var(--light-blue);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    flex: none;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .hero-section {
    position: static;
    inset: 0;
  }

  .flex-container {
    display: flex;
  }

  .section---footer {
    object-fit: fill;
    padding-left: 20px;
    padding-right: 20px;
    overflow: visible;
  }

  .cards-section.membership {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-logo-parent {
    position: static;
    inset: 0;
  }

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

  .grid-logos {
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   / 1fr 1fr;
  }

  .div---feature-section-contents, .heading-jumbo-small---color-1 {
    text-align: center;
  }

  .navigation-menu {
    z-index: 2;
    background-color: var(--light-blue);
    position: fixed;
    inset: 0% 0% auto;
  }

  .section---hero-home {
    position: static;
    inset: 0;
  }

  .cards-grid-container-7 {
    grid-column-gap: 20px;
  }

  .section---quote-mini {
    position: static;
    inset: 0;
  }

  .image---heading {
    width: 100%;
    min-width: auto;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .section---home {
    position: static;
  }

  .column---feature-body-legacy {
    justify-content: center;
    margin-bottom: 30px;
    display: flex;
  }

  .div---section-title-divider-advoy {
    width: 708px;
    max-width: none;
  }

  .div---section-inset-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .grid---blog-table-content-advoy {
    width: 708px;
  }

  .icon-table-of-content {
    font-size: 50px;
    line-height: 60px;
  }

  .heading-card {
    font-size: 18px;
    font-weight: 600;
  }

  .card---table-content-advoy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-6 {
    min-width: auto;
    max-width: none;
  }

  .columns---advoy-wide {
    min-width: 708px;
  }

  .button---primary-cta-large:hover {
    background-image: linear-gradient(270deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .column-2, .image {
    margin-top: 0;
  }

  .grid---pricing-plans-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    min-width: 708px;
  }

  .columns-4 {
    max-width: 730px;
  }

  .container---pricing-faq {
    background-color: #0000;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .div---pricing-faq-container {
    text-align: left;
    line-height: 28px;
  }

  .button---primary-cta:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .button---primary-cta.button---book-a-demo {
    max-width: none;
  }

  .button---primary-cta.button---book-a-demo:hover {
    color: var(--medium-blue);
    background-color: #0000;
    background-image: none;
  }

  .button---primary-cta.button---book-a-demo.mobile {
    display: none;
  }

  .button---primary-cta.button---book-a-demo-filled {
    max-width: none;
  }

  .button---primary-cta.button---book-a-demo-filled:hover {
    color: var(--medium-blue);
    background-color: #0000;
    background-image: none;
  }

  .button---primary-cta.button---book-a-demo-iii {
    max-width: none;
  }

  .button---primary-cta.button---book-a-demo-iii:hover {
    color: var(--medium-blue);
    background-color: #0000;
    background-image: none;
  }

  .column-hero-home-left {
    padding-right: 0;
  }

  .div---s1-auto-layout-section-right {
    z-index: -1;
    background-image: none;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    top: 27%;
    left: 0%;
  }

  .div---header-left {
    background-color: var(--light-blue);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
    width: 450px;
    margin-top: 0%;
    padding: 30px;
  }

  .div---s1-auto-layout-section-left {
    padding-top: 0;
    padding-left: 0;
    padding-right: 20px;
  }

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

  .heading---page-title.heading---demo-title-pb-100 {
    text-align: center;
    margin-bottom: 60px;
  }

  .section---dynamite-layout-section {
    margin-bottom: 140px;
  }

  .section---customers {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid---customers-home {
    align-content: stretch;
    justify-items: stretch;
  }

  .image---customer-grid-logo {
    width: 80px;
  }

  .section---navigation-dropdown {
    width: 50%;
  }

  .navigation-bar-item-link {
    width: 100%;
  }

  .button---navigation-button-mega {
    color: #2d6ae9;
    border: 1px solid #0000001a;
    margin-left: 14px;
    font-family: Montserrat, sans-serif;
  }

  .button---navigation-button-mega.w--open {
    background-color: var(--medium-blue);
    color: #fff;
    border-style: solid;
    border-radius: 5px;
  }

  .link---navigation-login {
    text-decoration: none;
  }

  .container---navitgation-bar-items {
    min-height: auto;
    position: relative;
  }

  .chevron {
    margin-right: 20px;
  }

  .container---navigation-dropdown {
    box-shadow: none;
    flex-direction: column;
  }

  .navigation-bar-item-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .navigation-dropdown.w--open {
    width: 100%;
    min-width: auto;
    padding-top: 0;
    position: relative;
    left: auto;
  }

  .navigation-menu-mega, .navigation-bar-cta-buttons {
    align-items: center;
    display: flex;
  }

  .navigation-bar-item-toggle {
    width: 100%;
    padding-left: 16px;
  }

  .navigation-bar-item-toggle.w--open {
    width: 100%;
  }

  .colum---features {
    flex-direction: column;
    padding: 0 60px;
  }

  .image---feature-border-blue {
    margin-top: 30px;
  }

  .column-10 {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .column-10.book-a-demo {
    height: auto;
  }

  .paragraph-center-big {
    font-size: 16px;
  }

  .columns---home-section-advoy {
    max-width: 730px;
  }

  .div---tab-container-title-holder {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .container---how-it-works-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid---how-it-works {
    grid-column-gap: 20px;
    grid-row-gap: 46px;
  }

  .title---feature-grid-cell {
    margin-left: 0;
  }

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

  .div---feature-grid {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .title-for-karsh, .tab-container-content-paragraph {
    color: var(--light-black);
  }

  .image---feature-grid-cell {
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .section---guide---home {
    position: static;
  }

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

  .wrapper---opt-in {
    flex-direction: column;
  }

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

  .title---feature-grid-cell-edit {
    margin-left: 0;
  }

  .column---feature-body {
    align-items: center;
  }

  .image---book-demo {
    max-width: 350px;
  }

  .columns---book-demo {
    padding-left: 0;
    padding-right: 0;
  }

  .container---benefit-section, .section-container---book-demo-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .column---feature-image {
    margin-bottom: 30px;
  }

  .image---feature-uk {
    margin-top: 30px;
  }

  .mw---section---hero-home {
    padding-left: 30px;
    padding-right: 30px;
  }

  .image---heading-ii {
    width: 100%;
    min-width: auto;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .mw---grid---customers-hero-home {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-content: stretch;
  }

  .div---column-l-transformation-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mw---grid---how-it-works-i, .mw---grid---how-it-works-ii, .grid---features-home {
    grid-column-gap: 20px;
    grid-row-gap: 46px;
  }

  .grid---use-cases-home {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .grid---industries-use-case-home {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section---home-nnn, .section---home-nnn.section---home-bg-light-blue {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mw---grid---how-it-works-prev-version {
    grid-column-gap: 20px;
    grid-row-gap: 46px;
  }

  .image---right-col-how-it-works {
    width: 50%;
    height: 100%;
  }

  .lib-at-autotabs {
    display: flex;
  }

  .c-autotabs_content-2 {
    width: 40%;
  }

  .c-title-3 {
    font-size: 22px;
  }

  .lib-at-autotabs_menu {
    flex: 1;
    width: 60%;
  }

  .button---secondary-cta:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .demo-wrapper {
    flex-direction: column-reverse;
    flex: 0 auto;
    align-items: center;
    margin-top: 100px;
    margin-right: 0%;
  }

  .d-101-logo-wrapper {
    flex: 1;
    width: auto;
  }

  .d-101-logo-wrapper.square {
    flex: 1;
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .d-101-section-home {
    clear: both;
    overflow: visible;
  }

  .demo-container-3 {
    clear: both;
    flex-direction: row;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .split-content---np.hero-v1-right---brix {
    max-width: 100%;
  }

  .split-content---np.hero-v1-left---np {
    max-width: 100%;
    margin-bottom: 88px;
  }

  .card---brix.testimonial-v1---brix {
    padding-left: 48px;
    padding-right: 48px;
  }

  .mask---testimonials-home {
    margin-left: 20px;
  }

  .mask---testimonials-home.testimonial-v1---brix, .mask---testimonials-home.testimonial-v1 {
    margin-left: 0;
  }

  .div---wrapper-demo-home, .div--r-column-demo-home {
    display: none;
  }

  .div---column-faqs-home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---image-l-faq-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h3-description---section-home.h3-description-custom-padding {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button---secondary-cta-2:hover {
    color: #fff;
    background-color: #0000;
    background-image: linear-gradient(315deg, #0038a7, #0170f0);
  }

  .section---hero-home-n {
    overflow: hidden;
  }

  .section---hero-home-n.section-cla-mobile-hpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---hero-headings-texts {
    grid-template-columns: 1.1fr;
    padding-right: 0;
  }

  .text-span-12 {
    line-height: 25px;
  }

  .section---home-n, .section---home-nn {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---column-l-transformation-home-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---how-onetap-works-home {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .section---home-n-blue, .section---demo-home-n {
    padding-left: 35px;
    padding-right: 35px;
  }

  .colum-l---hero-home {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .card-testimonial.testimonial-v1 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .section---hero-customers {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading---hero-case-study {
    font-size: 34px;
  }

  .column-r---hero-image {
    align-self: center;
  }

  .section---about-customers, .section---testimonial-customers, .section---solution-customers {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div---about-ot-section-customers {
    padding-left: 130px;
    padding-right: 130px;
  }

  .button---primary-cta-ii:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .mw---hero-customers-cla {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mw---grid---customers-hero-cal {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-content: stretch;
  }

  .section---benefits-cal.section-cal-mobile-hpadding, .section---faq-cla.section-cla-mobile-hpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button---book-demo:hover {
    color: #fff;
    background-color: #0000;
    background-image: linear-gradient(315deg, #0038a7, #0170f0);
  }

  .container---demo-cta-cla.container-maxw-cla {
    max-width: 700px;
  }

  .text---announcement-cla {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title---faq-cal, .tab-container-content-paragraph---faq-cal {
    color: var(--light-black);
  }

  .container---hero-home.container---extra-width.container---ipad-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading---hero-alt {
    font-size: 18px;
    line-height: 30px;
  }

  .section---why-alternative, .section---feature-comparison-alternative, .section---onetap-vs-myat-alternative {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading---why-alternative-copy.heading-text-center {
    font-weight: 500;
  }

  .heading---text-hero-alt {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .grid---customers-hero-alt {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-content: stretch;
  }

  .div---column-r-onetap-alternative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---last-cta-alternative {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---cta-section-alternative {
    font-size: 21px;
  }

  .heading---cta-section-alt {
    font-size: 29px;
  }

  .div---comparison {
    width: 75%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .icon---feature-no {
    width: 23%;
  }

  .icon---feature-yes {
    width: 26%;
  }

  .navigation-bar-items {
    background-color: #fff;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .sub-heading---hero-at {
    font-size: 18px;
    line-height: 30px;
  }

  .section---better-way-attendance-tracker {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---attendance-tracker {
    font-size: 18px;
    line-height: 30px;
  }

  .section---how-it-works-steps-attendance-tracker {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---column-r-steps-at, .div---column2-r-steps-at {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---text-hero-qr-code {
    padding-left: 0;
    padding-right: 0;
  }

  .section---qrca-better-way, .section---qrca-how-it-works {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---qrca-features.section-cla-mobile-hpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---use-cases-qr-code {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .grid---benefits-qr-code-c {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid---benefits-qr-code {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .heading---text-hero-kiosk {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-kiosk {
    font-size: 18px;
    line-height: 30px;
  }

  .section---better-way-kiosk {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---methods-kiosk {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---qrca-faq.section-cla-mobile-hpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---digital-kiosk {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading-3---grid-item-digital-kiosk.text-height---mobile {
    font-size: 24px;
    line-height: 36px;
  }

  .grid---benefits-visitor-app, .grid---use-cases-visitor-app, .grid---features-visitor-app {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .cta-heading---hero-visitor {
    font-size: 18px;
    line-height: 30px;
  }

  .heading---text-hero-hiw, .subheading---text-hero-hiw {
    padding-left: 0;
    padding-right: 0;
  }

  .section---how-hiw, .section---processes-hiw, .section---social-proof {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---demo-hiw {
    font-size: 18px;
    line-height: 30px;
  }

  .dropdown-subgrid {
    grid-template-columns: 1fr;
  }

  .dropdown-column {
    margin-bottom: 64px;
  }

  .dropdown-column.third {
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 0;
  }

  .dropdown-column.first {
    margin-bottom: 50px;
  }

  .dropdown-column.third {
    margin-bottom: 0;
    padding-left: 0;
  }

  .dropdown-footer-copy {
    text-align: center;
    background-color: #e0e6e8;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    inset: auto 0 0;
    transform: none;
  }

  .blog-card-image {
    width: 100%;
    height: 120px;
  }

  .dropdown-bg-full {
    display: none;
  }

  .menu-right {
    flex-direction: column-reverse;
  }

  .dropdown-card-bg {
    display: none;
  }

  .dropdown-overflow {
    max-height: none;
    margin-left: -32px;
    margin-right: -32px;
    padding-top: 28px;
    padding-bottom: 20px;
    overflow: hidden;
  }

  .sidebar-column-bg {
    background-color: #f6f8f9;
    margin-top: 40px;
    display: block;
    position: absolute;
    inset: -49px -24px;
  }

  .menu-left {
    z-index: 1;
    margin-top: 32px;
    display: block;
    position: relative;
  }

  .dropdown-card {
    margin-bottom: 28px;
  }

  .dropdown-bg {
    display: none;
  }

  .blog-card-link {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }

  .dropdown-footer-wrapper.tablet {
    z-index: 10;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .dropdown-sidebar-bg {
    display: none;
  }

  .dropdown-footer-link {
    text-align: center;
    width: 50%;
    font-size: 14px;
  }

  .blog-card {
    white-space: normal;
    width: 40%;
    height: 268px;
    margin-bottom: 4px;
    margin-right: 16px;
    padding-bottom: 32px;
    display: inline-block;
    position: relative;
  }

  .blog-card.third {
    display: inline-block;
  }

  .blog-card-scroll {
    white-space: nowrap;
    width: 100%;
    margin-bottom: -16px;
    padding-left: 32px;
    padding-right: 16px;
    overflow: scroll;
  }

  .dropdown-footer-full {
    display: none;
  }

  .dropdown-footer {
    height: 96px;
    padding-bottom: 48px;
  }

  .blog-card-scroll-wrapper {
    margin-left: -32px;
    margin-right: -32px;
  }

  .menu-button-line {
    background-color: #b7bfc6;
    border-radius: 1px;
    width: 16px;
    height: 2px;
    margin-bottom: 4px;
  }

  .menu-button-line.last {
    margin-bottom: 0;
  }

  .dropdown-inner-shadow {
    display: none;
  }

  .dropdown-toggle-text {
    font-weight: 500;
  }

  .button---hiw-cta-2:hover {
    color: #fff;
    background-color: #0000;
    background-image: linear-gradient(315deg, #0038a7, #0170f0);
  }

  .div---heading-guestlist {
    padding-left: 0%;
    padding-right: 0%;
  }

  .heading---text-hero-guestlist {
    padding-left: 0;
    padding-right: 0;
  }

  .h1-heading---hero-guestlist {
    font-size: 18px;
    line-height: 30px;
  }

  .section---check-ins-guestlist, .section---better-way-guestlist, .section---how-it-works-guestlist {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---hero-guestlist, .sub-heading---guestlist {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---how-it-works-guestlist, .grid---benefits-how-it-works-guestlist {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---features-guestlist.section-cla-mobile-hpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---features-guestlist {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .div---heading-demo-guestlist {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cp--grid---customers---eventpage {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-content: stretch;
  }

  .h1-heading---hero {
    padding-left: 0;
    padding-right: 0;
  }

  .cell-5 {
    justify-content: center;
    align-items: center;
  }

  .section---benefits-guestlist {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---item-benefits-guestlist, .grid---persona-guestlist, .grid---item-3c-benefits-guestlist {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .cell---hero-description {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    justify-content: center;
    align-items: center;
  }

  .cell---hero-heading {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div---customer-quote-mobile.mobile-margin {
    margin-left: 10px;
    margin-right: 10px;
  }

  .icon---quote-mobile {
    width: 25px;
  }

  .heading---text-hero-blog {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-blog {
    font-size: 18px;
    line-height: 30px;
  }

  .flex-block-2.flex-mobile {
    grid-column-gap: 35px;
  }

  .div---description-cell {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .addon-description-text {
    font-size: 2vw;
  }

  .div---app-cell {
    width: 28%;
    padding: 20px;
  }

  .pricing-component-titles {
    font-size: 2vw;
  }

  .text-block-48 {
    font-size: 15px;
    line-height: 120%;
  }

  .apply-buttons {
    font-size: 1.5vw;
  }

  .div---text-features {
    padding: 20px;
  }

  .container---best-attendance-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navigation-left {
    width: 15%;
    display: flex;
  }

  .mobile-nav {
    background-color: #fff;
    padding-top: 15px;
    font-weight: 400;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .nav-menu {
    display: none;
  }

  .mobile-nav-link {
    width: 100%;
  }

  .dropdown-list-2 {
    background-color: #fff;
  }

  .mw-navigation {
    display: none;
  }

  .mobile-toggle {
    width: 100%;
  }

  .mobile-toggle:active {
    color: var(--royal-blue);
    -webkit-text-stroke-color: var(--royal-blue);
  }

  .mobile-toggle.w--open:active {
    color: var(--royal-blue);
  }

  .dropdown-link-mobile {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .menu-mob {
    color: var(--royal-blue);
    background-color: #fafafa;
    border: 1px solid #2d6ae91a;
    border-radius: 10px;
    font-size: 22px;
  }

  .menu-mob:active, .menu-mob.w--open {
    background-color: var(--royal-blue);
  }

  .navigation-container-mob {
    justify-content: space-between;
  }

  .navigation-mob {
    background-color: #fff;
    border-bottom: 1px solid #4455671c;
    flex-direction: row;
    justify-content: center;
    height: 85px;
    padding-left: 3%;
    padding-right: 3%;
    display: block;
    position: sticky;
  }

  .mw-navigation-bar-cta-buttons-copy {
    grid-column-gap: 10px;
    align-items: center;
    display: flex;
  }

  .onetap-attendance-tracker-logo {
    width: 115px;
  }

  .div---nav-right-mobile {
    grid-column-gap: 10px;
    flex: none;
    align-items: center;
    display: flex;
  }

  .text-block-49 {
    padding-left: 20px;
  }

  .div---heading-row.bg-color---f4f6f8.border-bottom {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .pricing-check-cell {
    width: 15%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-description-cell, .addons-description-cell {
    padding: 20px;
  }

  .addons-check-cell {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .th---addons-description-cell {
    padding: 20px;
  }

  .addons-row-titles, .addon-component-title {
    font-size: 2vw;
  }

  .sub-heading---hero-best-addons {
    font-size: 18px;
    line-height: 30px;
  }

  .th---addons {
    width: 25%;
    padding: 20px 10px;
  }

  .div---cell-alternative {
    width: 30%;
    padding: 20px;
  }

  .div---description-cell-alternative {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---description-cell-alternative.bg-white, .div---description-cell-alternative.bg-white.padding-top-20 {
    width: 35%;
  }

  .heading-text---google-forms-alternatives {
    font-size: 18px;
    line-height: 30px;
  }

  .section---footer-onetap {
    font-size: 1.3vw;
  }

  .div-footer-column-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .container-footer-inner-wrap {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

  .heading---text-alternative-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .text---google-forms-alternatives, .text---google-forms-alternative, .text---feature-google-forms-alt {
    font-size: 18px;
    line-height: 30px;
  }

  .heading---text-feature-visitor {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .section---visitor-app, .section---google-forms-alternative, .section---onetap-app-alternative {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---text-alt, .cta-heading---visitor-app {
    font-size: 18px;
    line-height: 30px;
  }

  .section---problem-proxy-attendnace {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading-text---prob-proxy {
    font-size: 18px;
    line-height: 30px;
  }

  .tab-link {
    padding-right: 0%;
  }

  .grid---academic-proxy-attendance {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .text---cta-proxy-attendance {
    font-size: 18px;
    line-height: 30px;
  }

  .section---solution-proxy-attendance, .section---use-cases-proxy-attendance {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---section-container-hiw-2 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .content-block {
    padding: 20px 10px;
  }

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

  .content-block---tab-check-in {
    padding: 20px 10px;
  }

  .section---collaborators-hiw {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---visitor-how {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .grid---hero-how-works {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .grid-item---arrow-right-how-works {
    display: none;
  }

  .heading---text-hero-addon {
    padding-left: 0;
    padding-right: 0;
  }

  .div---customer-quote-addon.mobile-margin {
    margin-left: 10px;
    margin-right: 10px;
  }

  .section---attendance-tracking-for-educators-gforms, .section---spreadsheets-gforms-alternative {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading---habit-gforms, .sub-heading-top---hero-feature {
    font-size: 18px;
    line-height: 30px;
  }

  .h1-heading---hero-feature {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-feature {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---use-cases-feature {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---use-cases-feature {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-feature {
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid---use-cases-feature-2c {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---pain-check-out-feature, .section---checkout-feature {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---checkout-feature {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---benefits-checkout-feature, .section---use-case-kiosk {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-guestlist-copy {
    padding-left: 0%;
    padding-right: 0%;
  }

  .sub-heading---kiosk {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---use-case-kiosk {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---how-it-works-kiosk {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---description-feature-cell {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---feature-cell-kiosk {
    width: 28%;
    padding: 20px;
  }

  .h1-heading---hero-kiosk {
    padding-left: 0;
    padding-right: 0;
  }

  .content-block---tab-kiosk {
    padding: 20px 10px;
  }

  .sub-heading---hero-ipad-kiosk, .heading-text---gforms {
    font-size: 18px;
    line-height: 30px;
  }

  .section---onetap-benefits-gforms {
    padding-left: 35px;
    padding-right: 35px;
  }

  .tab-link---gforms {
    margin-bottom: 14px;
  }

  .grid-tabs---2-columns, .grid-tabs---2-columns._0-75fr-left {
    grid-template-columns: 1fr;
  }

  .flexbox---table-gforms-mobile {
    display: none;
  }

  .top-heading---h2-hero-gforms {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .section---visitor-app-mob {
    padding-left: 35px;
    padding-right: 35px;
  }

  .stack---hero-proxy {
    padding-top: 40px;
  }

  .sub-heading---hero-proxy {
    font-size: 18px;
    line-height: 30px;
  }

  .section---visitor-check-in-app {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---column-r-onetap-attendance-app {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---benefits-blog, .grid---use-case-class-at {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .sub-heading---class-attendance-app {
    font-size: 18px;
    line-height: 30px;
  }

  .section---features-class-at, .section---why-onetap-class-at {
    padding-left: 35px;
    padding-right: 35px;
  }

  .h1-heading---text-hero-class-at {
    padding-left: 0;
    padding-right: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .heading---class-attendance.heading-text-center {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section---class-at-system {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---institution-success-benefit-class-at {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .heading---cta-class-at {
    font-size: 18px;
    line-height: 30px;
  }

  .image-78 {
    margin-top: 60px;
  }

  .grid---case-study {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .div---h2-heading-solution-case-study-copy {
    margin-top: 20px;
  }

  .grid---result-case-study {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .button---quote-case-study:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .grid---cta-case-study {
    grid-template-columns: 3.5fr;
  }

  .image-81 {
    width: 50%;
  }

  .paragraph-hero-class-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-wrap-left {
    padding-left: 20px;
    padding-right: 20px;
  }

  .border-effect {
    display: none;
  }

  .content-section-inner-01 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .tabs---class-attendance {
    display: none;
  }

  .section---use-case-tabs-class-at, .section---grid-case-study {
    padding-left: 35px;
    padding-right: 35px;
  }

  .image---use-cases {
    width: 40%;
  }

  .top-heading---class-at {
    font-size: 18px;
    line-height: 30px;
  }

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

  .hover-tabs_list-item {
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .hover-tabs_list-item:hover {
    box-shadow: none;
  }

  .hover-tabs_list-item-2 {
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .hover-tabs_list-item-2:hover {
    box-shadow: none;
  }

  .grid---persona-class-at {
    grid-template-columns: 1.25fr 1.25fr;
    padding-left: 0%;
  }

  .hover-tabs_list-item-3 {
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .hover-tabs_list-item-3:hover {
    box-shadow: none;
  }

  .tab-link-accordion---brix {
    padding: 10px 15px;
  }

  .tab-link-accordion---brix.w--current {
    border-radius: 10px;
    padding: 10px 15px;
  }

  .tabs-menu---brix-2.v2 {
    width: 60%;
  }

  .text---persona-class-at {
    font-size: 16px;
  }

  .section---case-study-classes.case-study {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs---persona-class-at-2.flex-horizontal.tablet-vertical {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .tabs-content---image-persona-2-copy.v2, .tabs-content---image-persona-2.v2 {
    margin-top: 30px;
    margin-left: 0;
  }

  .grid---why-onetap-class-attendance {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .cell---content-hero-class {
    justify-content: center;
    align-items: center;
  }

  .h1-heading---hero-proxy-attendance {
    padding-left: 0;
    padding-right: 0;
    font-size: 34px;
    line-height: 50px;
  }

  .div---hero-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .section---hero-proxy-at {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---problem-proxy-attendnace-old {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-problems-proxy-at {
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---prob-proxy {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .heading-text---proxy-at {
    font-size: 18px;
    line-height: 30px;
  }

  .section---solution-proxy-attendance-old {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---cta-with-heading-proxy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text---persona-proxy-at {
    font-size: 16px;
    line-height: 24px;
  }

  .sub-heading-text---persona {
    font-size: 18px;
    line-height: 30px;
  }

  .section---persona-proxy {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---persona-proxy.extra-padding---mobile {
    padding: 60px 40px;
  }

  .section---why-onetap {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---inner-persona {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-77 {
    font-size: 15px;
    line-height: 24px;
  }

  .text---cta-proxy-at {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---how-onetap-works {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .heading---how-onetap {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .h2-heading---hero-proxy-attendance {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-text---prevent-proxy-at {
    font-size: 18px;
    line-height: 30px;
  }

  .div---h2-proxy-at {
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---proxy-at {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .section---persona-proxy-at {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---persona-proxy-at.extra-padding---mobile {
    padding: 60px 40px;
  }

  .div---quote-proxy-at {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section---problem-proxy-at, .section---testimonial {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---cta-with-heading-proxy-at {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---heading-persona-proxy {
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---persona-proxy, .text---client-quote {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .div---quote-proxy-at1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section---alternatives-proxy-attendance {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---column-r-onetap-attendance {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---before-onetap, .sub-heading-text---other-apps-proxy-at {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .switch-p {
    margin-left: 5px;
    padding: 10px;
  }

  .card-price-pricing-new {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .card-price-pricing-new.pricing-home {
    justify-content: flex-start;
    align-items: center;
  }

  .heading---plans-pricing.pricing-home.custom-pricing-home, .heading---plans-pricing.pricing-bts-offer.custom-pricing-home {
    margin-top: 69px;
  }

  .heading---plans-pricing.section-pricing.text-color---white {
    color: var(--white);
  }

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

  .cards-wrap.pricing-home {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .paragraph-48.pricing-home {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }

  .section---why-onetap-pricing {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---why-onetap {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .padding-global-2.padding-section-large {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sticky-grid-pricing, .price-category-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pricing-tab-link {
    width: 27%;
  }

  .pricing-tab-link.w--current {
    width: 25%;
  }

  .tabs-menu---switch-pricing {
    justify-content: center;
  }

  .pricing-item {
    align-items: stretch;
    padding-left: 220px;
    padding-right: 220px;
  }

  .pricing-container {
    flex-direction: column;
    align-items: center;
  }

  .profiles-item.in-dropdown.flex, .profiles-item.in-dropdown-list, .profiles-item.in-dropdown-list {
    font-size: 16px;
  }

  .pricing-heading-2 {
    height: auto;
    padding-top: 0;
  }

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

  .pricing-wrapper-2 {
    margin-top: 20px;
  }

  .div---pricing-details {
    justify-content: center;
    align-items: flex-start;
  }

  .dropdown-trigger-2 {
    margin-top: 12px;
    margin-left: 0;
  }

  .price-box-pro-plus1 {
    text-align: center;
  }

  .container---use-case-courses {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .tab-grid---use-cases {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .content-block---use-case {
    padding: 20px 10px;
  }

  .section---benefits-courses-attendance {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---check-in-methods-courses {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .vertical-scroll-wrapper {
    width: auto;
    height: 2.8125rem;
    overflow: hidden;
  }

  .text-rotation-wrapper {
    flex-direction: column;
  }

  .container---hero-training-course.container---extra-width.container---ipad-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---testimonial-course {
    padding-left: 35px;
    padding-right: 35px;
  }

  .pricing-hover {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---feature-comparison-alternative-copy {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---benefits-self-check-in-qr {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---features-attendance-tracking, .section---persona-google-form-qr {
    padding-left: 35px;
    padding-right: 35px;
  }

  .tab-link---gforms-qr {
    margin-bottom: 14px;
  }

  .section---why-onetap-over-gforms-qr, .section---why-onetap-gforms {
    padding-left: 35px;
    padding-right: 35px;
  }

  .button-10 {
    font-size: 14px;
  }

  .navigator-image {
    width: 100%;
  }

  .horizontal-content {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .navigator-flex {
    grid-row-gap: 40px;
    flex-direction: column;
    height: 100%;
    padding: 60px 40px;
    top: 3vh;
  }

  .navigator-flex.reverse-flex {
    flex-direction: column;
    top: 20px;
  }

  .tab-heading {
    line-height: 46px;
  }

  .title---feature-comparison-table {
    font-size: 1.5vw;
  }

  .title---feature-comparison-table.text-color---royal-blue {
    font-size: 15px;
    line-height: 140%;
  }

  .h2-vertical-scroll-wrapper {
    width: auto;
    height: 2.8125rem;
    overflow: hidden;
  }

  .navigator-image-gforms-qr {
    width: 100%;
  }

  .text---feature-gforms-qr, .sub-heading---hero-gforms-templates, .sub-heading---top-gforms-templates, .title---text-gforms-templates {
    font-size: 18px;
    line-height: 30px;
  }

  .navbar__container {
    z-index: 1;
    background-color: #fff;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .navmenu__dropdown-container {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
  }

  .navmenu__dropdown-container.cc-mobile {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar__navmenu-mobile {
    display: flex;
  }

  .navmenu__dropdown-section-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .link-list__dropdown-toggle {
    z-index: 1;
    background-color: #fff;
    flex: 1;
    justify-content: space-between;
    width: 100%;
  }

  .link-list__dropdown-toggle:hover, .link-list__dropdown-toggle.w--open {
    box-shadow: none;
  }

  .navmenu__button-icon {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .navbar__mobile-overlay {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .navmenu__dropdown-right {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .navmenu__dropdown {
    position: relative;
    top: 0%;
    overflow: hidden;
  }

  .navmenu__dropdown.w--open {
    border-top-style: none;
    border-bottom-style: none;
    max-height: none;
    padding-bottom: 20px;
    position: relative;
    top: 0%;
    overflow: visible;
  }

  .navmenu__flex-container {
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
  }

  .link-list__list-item {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .link-list__list-item.cc-first {
    z-index: 2;
  }

  .link-list__link {
    flex: 1;
  }

  .link-list__link:hover {
    box-shadow: none;
  }

  .navmenu__dropdown-section {
    margin-bottom: 0;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .navbar-mobile {
    display: block;
  }

  .nav-menu__cta-button {
    background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
    border-radius: 10px;
    flex: 1;
    justify-content: center;
  }

  .navmenu__dropdown-block {
    border: 1px solid #e4e4e4;
    padding-left: 32px;
    padding-right: 32px;
  }

  .navmenu__cta-wrapper {
    border-top: 1px #000;
    margin-top: auto;
    padding: 20px;
  }

  .img---logo-nav-mobile {
    z-index: 1;
    width: 15%;
    padding-left: 0;
  }

  .navbar__navmenu {
    z-index: 0;
    border-bottom: 1px solid #e4e4e4;
    height: 84vh;
    margin-left: 0;
    transition-property: none;
    position: absolute;
    inset: 100% 0% 0%;
    overflow: hidden;
    transform: translate(0);
  }

  .navmenu__dropdown-banner-link {
    border: 1px solid #e4e4e4;
  }

  .navmenu__link-list {
    border-bottom: 1px solid #e4e4e4;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }

  .navmenu__button {
    z-index: 1;
    cursor: pointer;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: -20px;
    padding: 22px 16px 18px;
    font-size: 24px;
    display: block;
    position: relative;
  }

  .link-list__dropdown-wrapper {
    background-color: #fff;
    flex-direction: column;
    flex: 1;
  }

  .navmenu__dropdown-left {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu__dropdown-grid {
    grid-template-columns: .75fr minmax(auto, 1280px) 1fr;
  }

  .logo---santa-mobile {
    margin-top: -35px;
    margin-bottom: -35px;
  }

  .heading-large-gforms {
    font-size: 2.25rem;
  }

  .grid-tabs--use-cases, .grid-tabs--use-cases._0-75fr-left {
    grid-template-columns: 1fr;
  }

  .section---features-gforms-location, .section---comparison-gforms-vs-onetap-location, .section---why-onetap-over-gforms-location {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---hero-excel-alternative {
    padding-left: 40px;
    padding-right: 40px;
  }

  .stack---hero-excel-alternative {
    grid-column-gap: 30px;
  }

  .cell---hero-heading-excel-alternative {
    text-align: center;
  }

  .cell---hero-description-excel-alternative {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .h1-heading---hero-excel-alternative {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .section---benefit-onetap-vs-excel-alternative {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---why-onetap-vs-excel-alternative {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sub-heading-text---benefits-excel-alternatives {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 18px;
    line-height: 30px;
  }

  .section---comparison-excel-vs-onetap {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---customers-logos-excel-alternatives {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-content: stretch;
  }

  .sub-heading---hero-excel-alternative {
    font-size: 18px;
    line-height: 30px;
  }

  .section---hero-attendance-home {
    padding-top: 140px;
  }

  .text---hero-home {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div---heading-hero {
    margin-bottom: 20px;
  }

  .heading---hero-home-25 {
    font-size: 47px;
  }

  .primary-button {
    padding: 15px 25px;
    font-size: 16px;
  }

  .secondary-button-2 {
    padding: 16px 25px;
    font-size: 16px;
  }

  .section---social-proof-hero-home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .client-logo-ticker-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .partner-icon {
    width: 100px;
    margin-right: 40px;
  }

  .text---social-proof {
    font-size: 16px;
  }

  .use-cases-tab-grid-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .section-title-2 {
    font-size: 38px;
  }

  .section-title-2.works {
    margin-bottom: 10px;
  }

  .use-cases-tab-menu {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px;
    display: grid;
  }

  .use-case-content-wrapper {
    padding: 10px 40px 40px;
  }

  .core-feature-mobile {
    width: 320px;
  }

  .use-cases-tab-link-flex {
    grid-column-gap: 5px;
    justify-content: center;
  }

  .div-title-wrap {
    margin-bottom: 30px;
  }

  .section---use-cases-home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .use-cases-single-tab-link {
    padding: 15px 20px;
  }

  .use-cases-single-tab-link.w--current {
    padding: 10px 20px;
  }

  .use-case-title {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 130%;
  }

  .use-cases-tab-link-details {
    font-size: 13px;
    line-height: 145%;
  }

  .text-button-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 16px;
  }

  .section-sub-title {
    margin-bottom: 0;
    padding: 7px 0;
    font-size: 14px;
  }

  .div---heading-wrapper {
    margin-bottom: 20px;
  }

  .heading---home {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .heading---home.comparison-home {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 50px;
  }

  .heading-text---home {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---use-cases {
    grid-row-gap: 0px;
  }

  .div---use-cases-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .image-428 {
    width: 23px;
  }

  .list---use-cases {
    margin-bottom: 0;
    font-size: 15px;
  }

  .core-feature-v2-icon-flex {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .it-work-img {
    width: 350px;
  }

  .it-work-img-wrap {
    padding: 40px 20px;
  }

  .core-feature-v2-icon {
    padding-top: 15px;
  }

  .multiple-check-in-tab-menu {
    grid-row-gap: 15px;
  }

  .section---persona-home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .persona-tab-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 30px;
    padding: 10px;
    display: grid;
  }

  .persona-single-tab-link {
    padding: 15px 20px;
  }

  .persona-single-tab-link.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .persona-tab-link-details {
    font-size: 16px;
    line-height: 130%;
  }

  .section---comparison-home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

  .title---col-comparison {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 130%;
  }

  .works-list-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-it-works-wrapper {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .single-works-grid-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .single-works-grid-wrap._2 {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .section---how-works {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .works-list-item {
    grid-column-gap: 15px;
  }

  .works-list-item._2, .works-list-item._1 {
    max-width: none;
  }

  .work-list-details {
    font-size: 17px;
  }

  .text---top-list {
    font-size: 16px;
  }

  .feature-title-4 {
    font-size: 32px;
  }

  .feature-card-img-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }

  .integration-v2-img-wrap {
    text-align: center;
    position: relative;
  }

  .feature-card._1 {
    width: 36.725%;
  }

  .feature-card._4 {
    width: 36.725%;
  }

  .feature-card._2 {
    width: 36.725%;
  }

  .feature-card._3 {
    width: 36.725%;
  }

  .feature-details {
    font-size: 16px;
  }

  .single-feature-wrapper._2 {
    padding: 30px 0 0;
  }

  .single-feature-wrapper._1 {
    padding: 30px 50px 44px;
  }

  .single-feature-wrapper.small {
    padding-left: 20px;
  }

  .single-feature-wrapper._4 {
    padding-top: 30px;
  }

  .feature-title-wrap.center {
    margin-bottom: 40px;
  }

  .feature-title-wrap.center._3 {
    margin-bottom: 25px;
  }

  .feature-title-wrap._2 {
    text-align: center;
    margin-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .section---features {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .feature-grid-two, .feature-grid-wrap {
    grid-template-columns: 1fr;
  }

  .feature-title {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 120%;
  }

  .feature-grid-wrap-copy {
    grid-template-columns: 1fr;
  }

  .subtext---feature-security {
    font-size: 12px;
  }

  .feature-security-details {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .section---testimonial-home {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .text---customer-testimonial {
    font-size: 16px;
  }

  .heading---faq-home {
    font-size: 36px;
  }

  .title---faq-home, .text---ans-faq-home {
    color: var(--light-black);
  }

  .section---multiple-check-ins {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .core-feature-v2-title {
    padding-right: 20px;
    font-size: 16px;
  }

  .core-feature-v2-accordion-details-2 {
    max-width: 580px;
    font-size: 15px;
  }

  .it-work-img-wrap-2 {
    padding-top: 50px;
  }

  .it-work-img-wrap-2.v2 {
    padding-top: 60px;
  }

  .multiple-check-in-tab-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

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

  .div---inner-persona-content {
    flex-flow: column;
  }

  .title---persona-tab {
    line-height: 130%;
  }

  .text---section-disclaimer {
    font-size: 14px;
  }

  .section---feature-cta-home {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---feature-cta-home {
    padding-top: 0;
  }

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

  .grid---feature-cta {
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
  }

  .text---rotate, .text---rotate-left {
    font-size: 16px;
  }

  .div---use-case-content-bottom {
    margin-top: 20px;
  }

  .text---use-csae-bottom-content {
    font-size: 16px;
  }

  .pricing-description-text {
    font-size: 2vw;
  }

  .text-block-88 {
    font-size: 1.5vw;
  }

  .section-27 {
    padding: 50px;
  }

  .rotatingtext {
    font-size: 36px;
  }

  .process-border-wrapper {
    max-width: 550px;
  }

  .process-logo-wrap {
    width: 140px;
    height: 140px;
    margin-top: -70px;
  }

  .process-border {
    width: 250px;
  }

  .process-logo {
    width: 60px;
  }

  .text---rotate-center, .text---rotate-right {
    font-size: 16px;
  }

  .heading---persona-home {
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
  }

  .section---how-works-sample {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .container---onetap-pricing-home {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .tab---check-ins {
    padding-bottom: 10px;
  }

  .image-430 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---cechk-ins-highlighted {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .div---quote-home {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 17px;
  }

  .list---feature-tab-cta {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .image-431 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .icon---check {
    width: 28px;
    margin-top: 0;
  }

  .list---text-feature {
    margin-bottom: auto;
  }

  .feature-img-analytics {
    width: 45%;
  }

  .grid---check-in-methods-home {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .div---check-ins-methods {
    padding-bottom: 10px;
  }

  .h3---title-check-in-methods {
    padding-right: 20px;
    font-size: 17px;
  }

  .text---check-in-methods {
    max-width: 580px;
    font-size: 15px;
  }

  .image---check-in-methods {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image---visitor-check-in-method {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-186 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .cta---title-check-in-methods {
    padding-right: 20px;
    font-size: 16px;
  }

  .div---wrapper-cta-home {
    justify-content: space-around;
    align-items: center;
  }

  .div---feature-cta-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .icon---feature-cta {
    width: 29px;
    margin-top: 0;
  }

  .div---use-case-home-mob {
    padding-bottom: 10px;
  }

  .text---title-use-case {
    padding-right: 20px;
    font-size: 16px;
  }

  .text---use-case-content-wrapper {
    padding: 40px;
  }

  .div---text-use-cases-wrap-mob {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .text---use-csae-bottom-content-mob {
    font-size: 16px;
  }

  .div---use-case-content-bottom-mob {
    margin-top: 20px;
  }

  .div---use-cases-mob {
    grid-row-gap: 0px;
  }

  .use-case-title-mob {
    text-align: center;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 130%;
  }

  .div-block-190 {
    margin-top: 100px;
  }

  .image-436 {
    width: 230px;
  }

  .section---hero-university {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .cell---hero-heading-univ {
    justify-content: center;
    align-items: center;
  }

  .heading---hero-univ {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading---hero-univ {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 17px;
    line-height: 30px;
  }

  .cell---hero-description-univ {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .section---social-proof-hero-univ {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cell---hero-univ {
    padding-top: 40px;
  }

  .section---univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .container---univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---univ {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---heading-wrapper-univ {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---benefits-univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---quote-univ {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section---feature-univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---grid-item-feature-univ {
    grid-row-gap: 10px;
  }

  .heading-3---grid-item-features-univ.text-height---mobile {
    line-height: 28px;
  }

  .title---grid-how-it-works-univ {
    margin-top: 15px;
  }

  .persona-tabs-wrapper---univ {
    display: none;
  }

  .persona-tab-menu---univ {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px 0;
    display: grid;
    top: 100px;
  }

  .persona-single-tab-link---univ {
    padding: 15px 10px;
    font-size: 16px;
  }

  .persona-single-tab-link---univ.w--current {
    padding: 10px 20px;
  }

  .slider01_mask {
    width: 50%;
  }

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

  .testimonial-arrow-icon {
    width: 20px;
  }

  .feature-wrap {
    max-width: 100%;
  }

  .single-feature-content {
    grid-column-gap: 20px;
  }

  .feature-arrow {
    width: 60px;
    height: 40px;
  }

  .feature-arrow.left {
    inset: auto 100px 0% auto;
  }

  .feature-arrow.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .feature-arrow.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .slider.testimonial-v2 {
    width: 300px;
  }

  .grid---use-case-univ {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---persona-univ, .section---use-case-univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .image---hero-univ {
    width: 600px;
  }

  .div---heading-cell {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading-cell.after-school {
    width: 25%;
  }

  .div---text-cell {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---cell-alternative-benefits {
    width: 27%;
    padding: 20px;
  }

  .div---cell-alternative-benefits.after-school {
    width: 25%;
  }

  .table---comparison-univ {
    display: none;
  }

  .section---feature-comparison-univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---comparison-text {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    margin-top: 40px;
  }

  .text---compare {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .text---compare1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .grid---feature-comparison-univ {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .div---programs-univ {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
  }

  .div---text-programs-univ {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title---benefit {
    font-size: 38px;
  }

  .title---benefit.univ {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 26px;
  }

  .title---benefit.after-school, .title---benefit.grants {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 21px;
  }

  .title---benefit.ce-credits {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 26px;
  }

  .feature-slider-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section---demo-univ {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---demo-univ {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: .75fr 1.5fr;
  }

  .grid---demo {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .text---demo {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 24px;
  }

  .image---benefits-univ {
    width: 350px;
  }

  .persona-tab-grid-wrap---univ {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .section---case-study {
    padding-left: 35px;
    padding-right: 35px;
  }

  .container---mobile-benefits-uni {
    display: block;
  }

  .text---cta-benefit-sm {
    font-size: 14px;
  }

  .text---benefits-details-mobile {
    font-size: 17px;
  }

  .div---text-benefit-mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .div---text-benefit-mobile.school-classroom {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div---text-benefit-mobile.after-school {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div---benefits-wrapper {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div---benefits-wrapper.school-classroom, .div---benefits-wrapper.grants {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid---persona-wrap-univ-mob {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    display: flex;
  }

  .div---persona-univ-mob {
    padding-bottom: 10px;
  }

  .text---title-persona {
    padding-right: 20px;
    font-size: 16px;
  }

  .div---imag-benefits-wrap {
    padding: 40px 20px;
  }

  .open-close-icon-wrapper---faq.large-icon---faq {
    width: 14px;
    min-height: 14px;
  }

  .accordion-paragraph---faq {
    max-width: 100%;
  }

  .accordion-item-title---faq {
    max-width: 88%;
  }

  .accordion-item-title---faq.accordion-3---faq {
    max-width: 75%;
  }

  .accordion-3-open-close-icon-wrapper---faq {
    width: 40px;
    min-height: 40px;
  }

  .sub-heading---text-hero-univ {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 17px;
    line-height: 30px;
  }

  .grid---how-it-works-univ {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .title---how-it-works-univ {
    margin-top: 15px;
  }

  .item-container---grid-use-case-univ.hv2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---cell-alternative-univ {
    width: 20%;
    padding: 20px;
  }

  .div---text-cell-univ {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-comparison {
    border-radius: 10px;
    height: 100%;
    margin-bottom: 30px;
    padding: 20px 30px;
    box-shadow: 0 0 5px #0003;
  }

  .single-comparison-content {
    grid-column-gap: 20px;
    border-bottom: .5px solid var(--text-grey);
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
  }

  .heading---title-comparison {
    color: var(--light-black);
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
  }

  .text---comparison-univ {
    font-size: 15px;
  }

  .heading---grid-item-comparison-univ {
    text-align: center;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    line-height: 32px;
  }

  .div---text-comparisons {
    margin-top: 25px;
  }

  .div---comparison-mobile {
    display: none;
  }

  .cta-text---comparison {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .cell---hero-description-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .cell---image-hero-school {
    padding-top: 40px;
  }

  .persona-tab-menu---school {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px 0;
    display: grid;
    position: sticky;
  }

  .grid---use-case-school {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .div---text-use-cases-school {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text---use-cases-school {
    margin-bottom: 0;
    font-size: 15px;
  }

  .section---benefits-school {
    padding: 80px 35px;
  }

  .text-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---feature-school {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-wrapper-school {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---quote-school {
    padding-left: 0%;
    padding-right: 0%;
  }

  .text---social-proof-school {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 16px;
  }

  .image---benefits-school {
    width: 500px;
  }

  .section---quote-school, .section---persona-school {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---benefit-content-bottom-school {
    margin-top: 20px;
  }

  .div---benefit-content-bottom-school.school-classroom {
    border-top-style: none;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text---benefit-bottom-content {
    font-size: 17px;
  }

  .image---kiosk-benefits-school {
    width: 200px;
  }

  .image---persona-school {
    width: 320px;
  }

  .div---image-benefits-school {
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
  }

  .heading---school {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .container---benefits-school {
    display: none;
  }

  .text---description-how-school {
    padding-left: 0;
    padding-right: 0;
  }

  .div---heading-wrap-school, .div---heading-wrap-usecase-school {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid---persona-school {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .sub-heading---hero-after-school {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 17px;
    line-height: 30px;
  }

  .cell---hero-description-after-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .section---grid-after-school {
    padding-left: 35px;
    padding-right: 35px;
  }

  .paragraph---hero-list-school {
    text-align: center;
  }

  .grid---hero-school {
    padding-left: 80px;
    padding-right: 80px;
  }

  .section---use-case-after-school {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-usecase-after-school, .div---heading-benefits-after-school {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image---benefits-after-school {
    width: 350px;
  }

  .table---comparison-after-school {
    display: block;
  }

  .div---cell-as {
    width: 25%;
    padding: 20px;
  }

  .div---text-cell-as {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container---mobile-benefits-after-school {
    display: block;
  }

  .grid---value-afterschool {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---text-value-afterschool {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text---value-afterschool {
    margin-bottom: 0;
    font-size: 15px;
  }

  .container---value-afterschool {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---value-wrap-afterschool {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
  }

  .section---benefit-hg-after-school, .section---persona-afterschool {
    padding-left: 35px;
    padding-right: 35px;
  }

  .persona-tab-link-details-afterschool {
    font-size: 13px;
    line-height: 145%;
  }

  .persona-content-wrapper {
    padding: 10px 40px 40px;
  }

  .image---persona-afterschool {
    width: 320px;
  }

  .persona-tab-menu---afterschool {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px 0;
    display: grid;
    position: sticky;
  }

  .tem-container---grid-persona-afterschool {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---value-after-school {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1.25fr 1fr 1fr;
  }

  .text---afterschool, .text---persona-afterschool {
    margin-bottom: 0;
    font-size: 15px;
  }

  .title---use-case-afterschool {
    margin-top: 15px;
  }

  .div---persona-afterschool-mob {
    padding-bottom: 10px;
  }

  .persona-title-mob {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 28px;
    line-height: 140%;
  }

  .text---persona-content-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding: 40px 40px 10px;
    display: flex;
  }

  .text---value-after-school {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading---afterschool {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---persona-home-mob {
    padding-bottom: 10px;
    display: none;
  }

  .text---persona-home {
    margin-bottom: 0;
    font-size: 15px;
  }

  .text---persona-content-wrapper-home {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding: 40px 40px 10px;
    display: flex;
  }

  .div---persona-home {
    justify-content: center;
    align-items: center;
  }

  .grid---how-it-works-home {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div---inner-wrap-kiosk {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .list---text-inner-ipad-kiosk {
    margin-bottom: 0;
    font-size: 15px;
  }

  .text---link-kiosk-check-in-app {
    max-width: 580px;
    font-size: 15px;
  }

  .heading---check-ins-home {
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
  }

  .section---reports-home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---reports-home {
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
  }

  .title---text-reports {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 130%;
  }

  .heading---reports-home {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .heading-text---reports-home {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .grid---use-case-grants {
    grid-template-columns: 1.25fr;
  }

  .item-container---grid-use-case-grants {
    padding-top: 20px;
    padding-bottom: 25px;
  }

  .title---use-case-grants {
    margin-top: 15px;
  }

  .text---use-cases-grants, .list-text---use-cases-grants {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---heading-usecase-grants {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub-heading---grants {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .button-13 {
    font-size: 14px;
  }

  .navigator-image-2 {
    width: 100%;
  }

  .conationer-2 {
    width: 90%;
  }

  .horizontal-content-2 {
    width: 100%;
  }

  .navigator-flex-2 {
    grid-row-gap: 40px;
    flex-direction: column;
    height: 95vh;
    padding: 30px 40px;
    top: 3vh;
  }

  .navigator-flex-2.reverse-flex {
    flex-direction: column;
    top: 20px;
  }

  .section---list-use-case-grants {
    padding-left: 35px;
    padding-right: 35px;
  }

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

  .container---grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---benefit-grants-1 {
    grid-template-rows: auto auto;
  }

  .grid---features-grants {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .heading-3---grid-item-cta-features-grants.text-height---mobile {
    line-height: 28px;
  }

  .sub-heading---usecase-grants {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .sub-heading---simplify-grants {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 16px;
  }

  .sub-heading---compare-grants {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---usecase-programs {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---heading-usecase-grants-programs {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---use-case-grants {
    padding-left: 35px;
    padding-right: 35px;
  }

  .container---value-grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---benefits-grants {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---modern-solution-grants {
    padding-left: 35px;
    padding-right: 35px;
  }

  .container---modern-solution {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading-modern-grants {
    margin-bottom: 0;
  }

  .heading---modern-grants {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .sub-heading---modern-grants, .text---modern-grants {
    font-size: 16px;
  }

  .heading---grants {
    margin-bottom: 40px;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 30px;
    line-height: 46px;
  }

  .grid---cta-grants {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .grid---value-grants {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---grants-mgmt {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .grid-wrap---benefits-grants {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .text---cta-benefit-grants {
    font-size: 14px;
  }

  .div---heading-compare-grants {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image---benefits-grants {
    width: 500px;
  }

  .heading---check-ins-methods-home {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .grid---onetap-attendance-system {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading---grants-management {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---image-benefits-grants {
    justify-content: center;
    align-items: center;
    padding: 0 20px 10px;
  }

  .div---wrapper-cta-feature-home {
    justify-content: space-around;
    align-items: center;
  }

  .img---feature-wrap-home {
    width: 50%;
  }

  .grid---cta-feature-wrap-home {
    grid-template-columns: 3.5fr;
  }

  .cta---signup-home:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .section---after-school {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---social-proof-hero-class {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div---quote-hero-proxy {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section---onetap-pricing-plan {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---check-ins-methods-home {
    padding-bottom: 10px;
  }

  .div-heading---hero-pricing {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image---hero-feature {
    width: 600px;
  }

  .cell---image-hero-feature {
    padding-top: 40px;
  }

  .cell---hero-heading-feature {
    justify-content: center;
    align-items: center;
  }

  .section---use-case-pain-feature {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-features {
    padding-left: 0%;
    padding-right: 0%;
  }

  .sub-heading---feature {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .grid---pain-features {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .container---feature-webpage {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---benefits-feature {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---highlight-feature {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---features {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .heading---hero-features {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---heading-how-features {
    padding-left: 0%;
    padding-right: 0%;
  }

  .sub-heading---how-feature {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .image---benefits-features {
    width: 500px;
  }

  .div---heading-demo-features, .div---heading-sec3-features {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section---social-proof-hero, .section---social-proof-hero-attendance, .section---social-proof-hero-visitor, .section---social-proof-hero-uni {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .tab-menu---trigger-action-feature {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px;
    display: grid;
  }

  .single-tab---link-action {
    padding: 15px 20px;
  }

  .single-tab---link-action.w--current {
    padding: 10px 20px;
  }

  .div---connect-integrations {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .section---integration-feature {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .subheading---feature {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---how-integrations {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 130%;
  }

  .div---text-how-integration {
    padding: 10px 40px 40px;
  }

  .section---use-case-integration {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid---use-cases-integration {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .div---quote-integration {
    padding-left: 0%;
    padding-right: 0%;
  }

  .tab-menu---integration {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px;
    display: grid;
  }

  .div---heading-integration, .div---use-case-integration {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div---connect-jotform-integrations {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid---use-cases-integration-jotform, .grid---use-cases-integration-rest-api {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .container---usecase-integration {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---text-integrations {
    margin-top: 15px;
  }

  .container---other-integrations {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---other-integrations {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section---other-integrations {
    padding-left: 35px;
    padding-right: 35px;
  }

  .subheading---integration-jotform {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---integrations {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .subheading---other-integration {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .image---hero-integration {
    width: 600px;
  }

  .div---heading-integration-rest, .div---use-case-integration-rest {
    padding-left: 0%;
    padding-right: 0%;
  }

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

  .div---heading-demo-integration {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div---connect-integrations-webhooks {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .div---text-webhooks-integration {
    padding: 10px 40px 40px;
  }

  .section---integration-webhooks {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---webhook-integration {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---n8n-integration {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading---features-integration {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .subheading---feature-integration {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .cell---hero-description-feature-integrations {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-feature-integrations {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 17px;
    line-height: 30px;
  }

  .section---other-integration {
    padding-left: 35px;
    padding-right: 35px;
  }

  .text---hero-compliance {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .heading---persona-compliance {
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
  }

  .div---heading-wrap-persona-compliance {
    margin-bottom: 20px;
  }

  .heading-text---compliance {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---feature-compliance {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .section---persona-compliance, .section---reports-compliance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .title---text-reports-compliance {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 130%;
  }

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

  .heading---compliance {
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
  }

  .section---how-onetap-compliance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .text---cta-demo {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .dekstop-navigation {
    display: none;
  }

  .section---hero-compliance {
    padding-top: 140px;
  }

  .image---compliance-reports {
    width: 50%;
  }

  .grid---persona-compliance-mob {
    display: block;
  }

  .image---compliance {
    border-radius: 10px;
    width: 300px;
    margin-bottom: 40px;
  }

  .div---persona-compliance {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .text---cta {
    padding-right: 20px;
    font-size: 16px;
  }

  .div---heading-school {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---social-proof-alternatives {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div---heading-wrapper-afterschool {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading---feature-grants {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---heading-features-grants {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .flexbox---table-gforms-mob {
    display: none;
  }

  .div---text-usecases-school {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section---before-after-compliance {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---usecase-compliance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---usecases-compliance {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .div---usecases-compliance {
    padding-bottom: 10px;
  }

  .h3---title-usecase {
    padding-right: 20px;
    font-size: 17px;
  }

  .text---persona-usecase, .text---usecase-compliance, .text---highlight-usecase {
    max-width: 580px;
    font-size: 15px;
  }

  .section---hero-attendance-tracker-app {
    padding-top: 140px;
  }

  .heading---hero-attendance-tracker {
    font-size: 47px;
  }

  .text---hero-attendance-tracker {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .section---use-cases-attendance-tracker {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---use-cases-attendance-tracker {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .div---use-case-attendance-tracker {
    padding-bottom: 10px;
  }

  .div---inner-wrap-usecase {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .list---text-usecase {
    margin-bottom: 0;
    font-size: 15px;
  }

  .section---social-proof-hero-qr {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .text---usecase-at {
    max-width: 580px;
    font-size: 15px;
  }

  .div---use-case-cta-attendance-tracker {
    padding-bottom: 10px;
  }

  .heading-text---attendance-tracker {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---solution-attendance-tracker {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div---flex-benefits-attendance-tracker {
    grid-row-gap: 40px;
    flex-direction: column;
    height: 95vh;
    padding: 30px 40px;
    top: 3vh;
  }

  .div---content-benefits-at, .div---image-benefits-at {
    width: 100%;
  }

  .h3---title-comparison-at {
    padding-right: 20px;
    font-size: 17px;
  }

  .div---text-comparison-col-left {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .icon---comparison-col-left {
    width: 23px;
  }

  .section---cta-attendance-tracker {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section---testimonial-at {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .div---heading-wrapper-at {
    margin-bottom: 20px;
  }

  .cta---signup-at:hover {
    background-color: #0000;
    background-image: linear-gradient(315deg, var(--dark-slate-blue-gradient), var(--medium-blue));
    color: #fff;
  }

  .cta---signup-at.grid---mobile.feature---cta.homepage {
    font-size: 15px;
  }

  .heading---hero-bts {
    font-size: 50px;
    line-height: 60px;
  }

  .text---hero-bts {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div---top-hero-bts {
    flex-flow: column;
  }

  .div---use-case-bts {
    padding-bottom: 10px;
  }

  .grid---use-cases-bts {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .section---solution-bts {
    padding: 80px 35px;
  }

  .div---heading-wrapper-bts {
    margin-bottom: 20px;
  }

  .heading---bts {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .div---heading-wrapper-bts-benefits {
    margin-bottom: 20px;
  }

  .section---benefit-bts {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---use-case-cta-bts {
    padding-bottom: 10px;
  }

  .heading-text---bts {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---offer-bts {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .heading-text---offer-bts {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---pricing-offer-bts {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image---benefits-bts, .image---feature-bts {
    width: 350px;
  }

  .heading-text---reports-bts {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .navbar__container-offer {
    z-index: 1;
    background-color: #fff;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .navmenu__button-bts {
    z-index: 1;
    cursor: pointer;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: -20px;
    padding: 22px 16px 18px;
    font-size: 24px;
    display: block;
    position: relative;
  }

  .title---benefit-bts {
    font-size: 38px;
  }

  .accordion-paragraph---faq-bts {
    max-width: 100%;
  }

  .subheading-text---attendance-tracker {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---heading-wrapper-attendace-tracker {
    margin-bottom: 20px;
  }

  .div---column-r-forms-solution {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-text---at {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---heading-at {
    margin-bottom: 20px;
  }

  .section---cta-at {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading---text-hero-article {
    padding-left: 0;
    padding-right: 0;
  }

  .container---article {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---app-cell-article {
    width: 28%;
    padding: 20px;
  }

  .div---description-cell-article, .div---description-cell-details-article {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---grants-management {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 16px;
  }

  .text---demo-hero {
    font-size: 16px;
  }

  .heading-text---halloween-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---hero-lp {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .heading---hero-lp {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading---hero-lp {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 17px;
    line-height: 30px;
  }

  .section---usecase-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container---lp {
    display: none;
  }

  .div---heading-wrapper-lp {
    margin-bottom: 20px;
  }

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

  .title---grid-lp {
    margin-top: 15px;
  }

  .h2-heading---lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .heading-text---onetap-halloween-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---how-lp {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---heading-wrapper-how-lp {
    margin-bottom: 20px;
  }

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

  .grid---usecase-lp, .grid-2---lp {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link---demo-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---demo-hero {
    font-size: 47px;
  }

  .subheading---demo-hero {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 45px;
    line-height: 52px;
  }

  .text---hero-demo {
    padding-left: 160px;
    padding-right: 160px;
    font-size: 16px;
  }

  .div---heading-hero-copy {
    margin-bottom: 50px;
  }

  .subtext---demo-cta {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---heading-wrapper-np {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---section-np {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .heading---pain-np {
    padding-right: 20px;
    font-size: 17px;
  }

  .div---inner-wrap-np {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list---inner-text-np {
    margin-bottom: 0;
    font-size: 15px;
  }

  .icon---cross, .icon---check-dark {
    width: 23px;
  }

  .text---demo-cta {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .icon---quote-persona {
    width: 25px;
  }

  .content-wrapper---persona {
    padding: 10px 40px 40px;
  }

  .tab---persona-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .slider-wrap---use-cases {
    padding-left: 15px;
    padding-right: 15px;
  }

  .use-case-wrap {
    max-width: 100%;
  }

  .text---use-case-np {
    font-size: 16px;
  }

  .ticker-wrapper---use-cases {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text---ticker {
    font-size: 16px;
  }

  .heading-text---np {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---comparison-np {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-image---np.hero-image-left---np {
    width: 34%;
    top: 32px;
    left: 32px;
  }

  .hero-image---np.hero-image-right---np {
    width: 32%;
    bottom: 32px;
    right: 32px;
  }

  .logo-image---brix {
    max-height: 32px;
  }

  .div---hero-np {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .hero-composition---brix {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .text---hero-np {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div---hero-wrap-np {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .section---solution-np {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-image---brix.hero-v5-image-left---brix {
    width: 34%;
    top: 32px;
    left: 32px;
  }

  .hero-image---brix.hero-v5-image-right---brix {
    width: 32%;
    bottom: 32px;
    right: 32px;
  }

  .hero-image---brix.hero-v2---brix._03---brix, .hero-image---brix.hero-v2---brix._02---brix {
    border-radius: 16px;
  }

  .hero-image---brix.hero-v2---brix._01---brix {
    border-radius: 18px;
  }

  .hero-image---brix.hero-v3---brix {
    z-index: 999;
    object-position: 50% 8%;
    width: 100%;
    height: 48vh;
    min-height: 48vh;
    margin-left: -10%;
    margin-right: -10%;
    display: block;
    position: relative;
    top: auto;
  }

  .hero-image---brix.hero-v6---brix._02---brix {
    border-radius: 16px;
    max-width: 28%;
  }

  .hero-image---brix.hero-v6---brix._03---brix {
    border-radius: 16px;
    max-width: 30%;
  }

  .hero-image---brix.hero-v6---brix._01---brix {
    border-radius: 18px;
  }

  .hero-image---brix.hero-v1---brix._02---brix {
    max-width: 33%;
    margin-top: 164px;
    margin-left: 0;
    top: 0;
  }

  .hero-image---brix.hero-v1---brix._01---brix {
    max-width: 80%;
    margin-left: auto;
    margin-right: 0;
    position: static;
  }

  .component-section---brix.hero-v3---brix {
    flex-direction: column;
    padding-bottom: 0;
  }

  .hero-v5-split---brix {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .subtitle---brix-4.hero-v3---brix {
    margin-bottom: 16px;
  }

  .heading---hero-np {
    font-size: 47px;
  }

  .section---features-np {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---features-np {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section---persona-np {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .tabs-wrapper---persona-np {
    display: none;
  }

  .heading-text---section-np {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .img---content-np {
    width: 350px;
  }

  .div---solution-content-wrapper-np {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .div---list-wrapper-np {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .list---features-np {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---features-np {
    grid-row-gap: 0px;
  }

  .tab-title---persona-np {
    font-size: 13px;
    line-height: 145%;
  }

  .heading-text---best-np {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---best-np {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .section---demo-np {
    padding-left: 35px;
    padding-right: 35px;
  }

  .img---persona-np {
    width: 320px;
  }

  .grid---persona-wrap-np-mob {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    display: flex;
  }

  .div---persona-np-mob {
    padding-bottom: 10px;
  }

  .text---quote-name {
    font-size: 14px;
  }

  .title---features-np {
    margin-top: 15px;
  }

  .section---other-np {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading---grid-item-comparison-np {
    text-align: center;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    line-height: 32px;
  }

  .text---comparison-np {
    font-size: 15px;
  }

  .heading---section-feature-np {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .heading-text---feature-np {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section---use-cases-np {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading-text---use-case-np {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div---content-wrapper-mob {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .div---wrap-mob {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .list---inner-text-mob {
    text-align: center;
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---content-wrap-mob {
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .list---inner-text-pain-np {
    margin-bottom: 0;
    font-size: 15px;
  }

  .hero-v5-right---brix-4 {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .footer-grid-2 {
    grid-template-columns: 1fr;
  }

  .logo-bar-grid-hero-v2---brix {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    align-content: space-around;
  }

  .top-content---brix.hero-v2---brix {
    margin-bottom: 59px;
  }

  .hero-v5-wrapper---brix {
    min-height: 74vh;
    padding-top: 114px;
    padding-bottom: 114px;
  }

  .grid-header {
    grid-template-columns: .7fr 1fr;
  }

  .logo-bar-grid-hero-v1---brix {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    align-content: space-around;
  }

  .logo-bar-grid-hero-v5---brix-3 {
    grid-column-gap: 40px;
    grid-row-gap: 21px;
    grid-template-columns: auto auto auto auto;
    grid-auto-flow: row;
    place-content: space-around start;
    justify-items: start;
  }

  .blob-hero-2 {
    width: 40%;
  }

  .cta-card-image {
    bottom: -19%;
  }

  .cta-card-image.white {
    bottom: -4%;
  }

  .hero-v3-wrapper---brix {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .split-content---brix.hero-v3-right---brix {
    height: 100%;
    display: none;
    position: relative;
  }

  .split-content---brix.hero-v1-right---brix {
    max-width: 100%;
  }

  .split-content---brix.hero-v3-left---brix {
    margin-bottom: 40px;
  }

  .split-content---brix.hero-v1-left---brix-copy {
    max-width: 100%;
    margin-bottom: 88px;
  }

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

  .cta-card {
    border-radius: 32px;
    padding: 64px 30px 80%;
  }

  .hero-v1-split---brix {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .section---onetap-np {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .div---btn-np {
    text-align: center;
  }

  .div-content-wrapper---persona {
    padding: 10px 40px 40px;
  }

  .div---content-wrap-persona {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .list---inner-text-persona {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading---persona {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 130%;
  }

  .section---persona-tab-np, .section---case-study-np {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---case-study-np {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: .75fr 1.5fr;
  }

  .div---content-case-study {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .text---case-study-np {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---hero-events {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .heading---hero-events {
    font-size: 47px;
  }

  .split-content---events.hero-v1-left---events {
    max-width: 100%;
    margin-bottom: 88px;
  }

  .div---heading-wrapper-events {
    margin-bottom: 20px;
  }

  .div---solution-events-l {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .subtext---solutionevents {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div---wrap-events {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .split-content---event.hero-v1-right---brix {
    max-width: 100%;
  }

  .div---solution-events-r {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .heading-text---events {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .list---inner-text-pain-events {
    margin-bottom: 0;
    font-size: 15px;
  }

  .section---onetap-events {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-text---onetap-events {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div-content-wrapper---events {
    padding: 10px 40px 40px;
  }

  .list---inner-text-events {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading---section-events {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .text---subheadline-hero-events {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .section---cta-events {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div---cta-heading {
    margin-bottom: 20px;
  }

  .heading-text---cta-events {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---section-cta-events {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }

  .button---primary-signup.section-pricing {
    max-width: 300px;
  }

  .image---hero-events, .div---img-events-wrap {
    align-items: center;
  }

  .section---case-study-events {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---case-study-events {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: .75fr 1.5fr;
  }

  .section---outcome-bts-jan {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .subheadline---outcome-bts-jan {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .subheadline---after-bts-jan {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .heading---pain-bts-jan, .heading---solution-bts-jan {
    padding-right: 20px;
    font-size: 17px;
  }

  .section---ce-use-cases {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .stacked-tabs-container {
    width: 100%;
    min-width: 100%;
  }

  .stacked-tabs-content-holder {
    justify-content: flex-start;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tabs-holder {
    grid-row-gap: 40px;
    flex-direction: column;
  }

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

  .text---cta-bts-jan {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div---pain-solution-bts-jan {
    margin-bottom: 40px;
  }

  .section---befotre-after-jan {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---check-in-methods-bts-jan {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .div---check-ins-method {
    padding-bottom: 10px;
  }

  .list---text-inner {
    margin-bottom: 0;
    font-size: 15px;
  }

  .icon---tick {
    width: 23px;
  }

  .div---inner-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .section---admin-attendance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---features-bts-jan {
    grid-template-columns: 1.25fr 1.25fr 1.25fr;
  }

  .div---heading-wrap-bts {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-text---headline-np {
    text-align: center;
    font-size: 14px;
  }

  .grid---use-cases-ce-credits {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .section---onetap-attendance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid---content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .text-wrap---bts-jan {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image---attendance-bts {
    width: 350px;
  }

  .text---inner-use-case {
    margin-bottom: 0;
    font-size: 15px;
  }

  .title---use-cases {
    padding-right: 20px;
    font-size: 17px;
  }

  .div---comparison-bts {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---title-comparison-bts {
    font-size: 15px;
    line-height: 120%;
  }

  .div---text-comparison {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---hero-bts {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .split-content---hero.hero-v1-right---brix {
    max-width: 100%;
  }

  .split-content---hero.hero-left {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .button---cta-hero-bts {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-left: 30px;
  }

  .div---use-cases-bts {
    padding-bottom: 10px;
  }

  .list---inner-text-feature {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---vertical-border, .div---vertical {
    padding-bottom: 10px;
  }

  .heading---section-use-case-ce {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .div---content-use-case-ce {
    margin-top: 20px;
  }

  .accordion-ans---faq {
    max-width: 100%;
  }

  .image---location-tracking {
    width: 350px;
  }

  .text---hero-ce {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .div---heading-wrapper-ce {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subheadline---text-ce {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .text---top-headline {
    font-size: 17px;
  }

  .heading---hero {
    text-align: center;
    font-size: 47px;
    line-height: 59px;
  }

  .div---quote-feature, .div---quote-comparison {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section---features-ce {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .navmenu__dropdown-section-heading-2 {
    font-size: 13px;
  }

  .navmenu__dropdown-banner-link-2 {
    border: 1px solid #e4e4e4;
  }

  .navbar_navmenu-mobile {
    display: flex;
  }

  .navbar_menu_container {
    z-index: 1;
    background-color: #fff;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .navbar_menu {
    display: none;
  }

  .link-list_dropdown-wrapper {
    background-color: #fff;
    flex-direction: column;
    flex: 1;
  }

  .div---button_wrapper {
    color: var(--light-black);
  }

  .brand_image {
    z-index: 1;
  }

  .navmenu_flex-container {
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
  }

  .link-list_list-item {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .link-list_list-item.cc-first {
    z-index: 2;
  }

  .link-list__link-4 {
    flex: 1;
    font-size: 15px;
  }

  .link-list__link-4:hover {
    box-shadow: none;
  }

  .navmenu_button-icon {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .navmenu_button {
    z-index: 1;
    cursor: pointer;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: -20px;
    padding: 22px 16px 18px;
    font-size: 24px;
    display: block;
    position: relative;
  }

  .navbar_menu_mobile-overlay {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .navbar_navmenu {
    z-index: 0;
    border-bottom: 1px solid #e4e4e4;
    height: 100vh;
    margin-left: 0;
    transition-property: none;
    position: absolute;
    inset: 100% 0% 0%;
    overflow: hidden;
    transform: translate(0);
  }

  .link-list__dropdown-toggle-4 {
    z-index: 1;
    background-color: #fff;
    flex: 1;
    justify-content: space-between;
    width: 100%;
    font-size: 15px;
  }

  .link-list__dropdown-toggle-4:hover {
    box-shadow: none;
  }

  .link-list__dropdown-toggle-4.w--open {
    box-shadow: none;
    font-size: 15px;
  }

  .navbar_menu_wrapper-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .navmenu_link-list-2 {
    border-bottom: 1px solid #e4e4e4;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }

  .heading---hero-credits {
    text-align: center;
    font-size: 47px;
    line-height: 60px;
  }

  .div---hero-credits {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .split-content---hero-credits.hero-left {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .text---hero-credits {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .sticky-right {
    width: 100%;
  }

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

  .sticky-left {
    width: 100%;
  }

  .div---sticky-heading-wrapper {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---sticky {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .subheadline---text-sticky {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .grid---sticky-use-case {
    grid-template-columns: 1.25fr 1.25fr 1.25fr;
    margin-top: 20px;
  }

  .text---sticky-content-inner-use-case {
    margin-bottom: 0;
    font-size: 15px;
  }

  .grid---sticky-onetap {
    grid-template-columns: 1.25fr 1.25fr 1.25fr;
  }

  .div---content-stickty-credits {
    margin-top: 20px;
  }

  .text---sticky-content {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---flex-wrap-cme {
    grid-row-gap: 40px;
    flex-direction: column;
    height: 100vh;
    padding: 30px 40px;
    top: 3vh;
  }

  .div---flex-wrap-cme.reverse-flex {
    flex-direction: column;
    top: 20px;
  }

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

  .split-content---hero-cme.hero-v1-right---brix {
    max-width: 100%;
  }

  .navmenu_dropdown-left {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu_dropdown-section-list {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navmenu_dropdown-section-list2 {
    grid-row-gap: 7px;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .navmenu_dropdown {
    position: relative;
    top: 0%;
    overflow: hidden;
  }

  .navmenu_dropdown.w--open {
    border-top-style: none;
    border-bottom-style: none;
    max-height: none;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0%;
    overflow: visible;
  }

  .navmenu_dropdown-center {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu_dropdown-block-center {
    border: 1px solid #e4e4e4;
    padding-left: 32px;
    padding-right: 32px;
  }

  .navmenu_dropdown-right {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .navmenu_dropdown-section-list4 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto auto auto auto;
  }

  .navmenu_dropdown-section-list4.mobile-col {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navmenu_dropdown-left4 {
    flex-direction: column;
    padding-top: 0;
    padding-right: 0;
    display: flex;
  }

  .navmenu_dropdown-banner {
    text-align: center;
    border: 1px solid #e4e4e4;
  }

  .navmenu_dropdown-list4 {
    margin-top: 0;
    padding-top: 0;
  }

  .navmenu_dropdown-section-list5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto auto;
  }

  .grid---sticky-use-case-cle {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.25fr 1.25fr 1.25fr;
    margin-top: 20px;
  }

  .subheading---certifiations {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .grid---sticky-use-case-cpe {
    grid-template-columns: 1.25fr 1.25fr;
    margin-top: 20px;
  }

  .sticky-left-cpe {
    width: 100%;
  }

  .div---sticky-heading-wrapper-cpe {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .list---inner-text-cpe, .list---inner-text-pdh {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---hero-wrap-text-pdh {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .grid---sticky-use-case-pdh {
    grid-template-columns: 1.25fr 1.25fr;
    margin-top: 20px;
  }

  .grid---features-pdh {
    grid-template-columns: 1.25fr 1.25fr 1.25fr;
  }

  .text---inner-solution-pdh {
    margin-bottom: 0;
    font-size: 15px;
  }

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

  .hero-img {
    z-index: 4;
  }

  .feature-heading {
    font-size: 72px;
  }

  .highlights-card {
    min-width: 100%;
    height: auto;
    min-height: 420px;
    padding: 32px;
  }

  .hero-header {
    max-width: 690px;
  }

  .logo-item.desktop-only {
    display: none;
  }

  .cta-heading {
    font-size: 72px;
  }

  .light-bar {
    width: 300%;
    position: relative;
    left: -100%;
  }

  .feature-cards {
    border-radius: 24px;
  }

  .feature-cards-wrap {
    grid-template-columns: 1fr;
  }

  .logos-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .highlights-wrap {
    grid-column-gap: 12px;
    margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    overflow: auto;
  }

  .hero-img-blur {
    filter: blur(80px);
  }

  .hero-heading1 {
    font-size: 68px;
  }

  .div---heading-hero-feature {
    margin-bottom: 50px;
  }

  .subheading-hero-feature {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .highlights-wrap-feature-lp {
    grid-column-gap: 12px;
    margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    overflow: auto;
  }

  .highlights-card-features {
    min-width: 100%;
    height: auto;
    min-height: 420px;
    padding: 32px;
  }

  .div-heading-wrapper-feature {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-feature-heading {
    font-size: 72px;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .cta_wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---compliance-blog {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section---compliance-blog.hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .floating-item.hero-v2---01 {
    top: 24%;
    right: -30%;
  }

  .bg-split-v4.left {
    max-width: 100%;
  }

  .bg-split-v4.right {
    display: none;
  }

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

  .section-45 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section-45.hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-45.hero-primary.hero-image-bg {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .right-text-after, .left-text-before {
    font-size: 16px;
  }

  .heading-icon {
    font-size: 45px;
    line-height: 50px;
    overflow: visible;
  }

  .text-icon {
    padding-left: 1.5em;
  }

  .text-menu-horizontal-tabs {
    font-size: 12px;
  }

  .grdid-feature-columns, .grid-features {
    grid-template-columns: 1fr 1fr;
  }

  ._1-2-grid {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  ._1-2-grid.reverse {
    flex-direction: column-reverse;
  }

  ._1-2-grid.reverse.justify-center {
    align-items: center;
  }

  .section-features-all {
    padding-top: 60px;
  }

  .nav-list {
    font-size: 1.5vw;
  }

  .price_text {
    font-size: 21px;
    line-height: 31px;
  }

  .cta_card.left_card {
    margin-top: -126px;
    margin-right: auto;
  }

  .cta_card.right_card {
    margin-top: 40px;
    margin-left: auto;
    top: 75%;
    transform: rotate(12deg);
  }

  .cta_absolute-2 {
    display: none;
    top: 56%;
    right: -5%;
    transform: rotate(-96deg);
  }

  .cta_absolute-1 {
    display: none;
    transform: rotate(96deg);
  }

  .section-cta-last {
    min-height: 50svh;
    padding-top: 70px;
    padding-bottom: 300px;
  }

  .banner-v1-title-marked-2 {
    line-height: 70px;
  }

  .div-heading-wrapper-attendance {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-attendance {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .subheading-attendance {
    padding-left: 10px;
    font-size: 15px;
    line-height: 23px;
  }

  .div-line-horizontal {
    display: none;
  }

  .grid-column-attendance, .grid-column2-attendance, .grid-column3-attendance {
    grid-template-columns: 1fr 1fr;
  }

  .div-integration {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .div-integration-wrapper {
    padding: 40px 20px;
  }

  .div---tab-content-horizontal-attendance {
    padding: 20px 10px;
  }

  .div-persona-attendance {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .div-inner-persona-left {
    grid-row-gap: 0px;
  }

  .text-inner-persona-left {
    margin-bottom: 0;
    font-size: 14px;
  }

  .text-inner-icon {
    font-size: 16px;
  }

  .typed-words {
    margin-top: 0;
    font-size: 45px;
    line-height: 50px;
  }

  .cta-last-attendance {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    padding: 1rem .125rem 4rem;
    position: relative;
  }

  .section-hero-attendance {
    padding-top: 50px;
  }

  .fs-sliderdots_arrow-right, .fs-sliderdots_arrow-left-2 {
    width: 3rem;
    height: 3rem;
  }

  .div-attendance {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-sol-attendance {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-section-heading-left {
    justify-content: center;
    align-items: center;
  }

  .tlc-line {
    display: block;
  }

  .tlc-head-block {
    justify-content: flex-start;
    align-items: center;
  }

  .subheading-hero-attendance {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .div-section-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-auto-flow: row dense;
  }

  .div-text-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .text-bullet-inner {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading-persona-attendance {
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .div-list-inner-persona {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .cards-heading-persona-attendance {
    font-size: 14px;
  }

  .teaser-heading-copy-right {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .div-text-wrap-right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-text-wrap-right.padding-right-100 {
    padding-right: 20px;
  }

  .text-right {
    margin-bottom: 0;
    font-size: 15px;
  }

  .teaser-text-copy-right {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .div-collaboration-wrapper {
    padding: 40px 20px;
  }

  .rotate-text-attendance {
    font-size: 16px;
  }

  .text-last-cta.text-align-center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-area-2 {
    padding-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-slider-item {
    max-width: 26%;
  }

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

  .testimonial-top-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-bottom: 30px;
  }

  .img-integration-attendance {
    width: 200px;
  }

  .heading-icon-admin-attendance {
    width: 100%;
    font-size: 45px;
    line-height: 55px;
    overflow: visible;
  }

  .div---heading-hero-admin-attendance {
    margin-bottom: 50px;
  }

  .link-list__dropdown-toggle-5 {
    z-index: 1;
    background-color: #fff;
    flex: 1;
    justify-content: space-between;
    width: 100%;
  }

  .link-list__dropdown-toggle-5:hover {
    box-shadow: none;
    color: var(--one-tap-blue-med);
  }

  .link-list__dropdown-toggle-5.w--open {
    box-shadow: none;
  }

  .link-list__dropdown-toggle-5.w--open:hover {
    color: var(--one-tap-blue-med);
  }

  .navmenu__flex-container-4 {
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
  }

  .link-list__list-item-4 {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .link-list__list-item-4.cc-first {
    z-index: 2;
  }

  .navbar__navmenu-3 {
    z-index: 0;
    border-bottom: 1px solid #e4e4e4;
    height: 90vh;
    margin-left: 0;
    transition-property: none;
    position: absolute;
    inset: 100% 0% 0%;
    overflow: auto;
    transform: translate(0);
  }

  .navbar-mob-update {
    height: auto;
    display: block;
  }

  .navmenu__link-list-4 {
    border-bottom: 1px solid #e4e4e4;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }

  .navmenu__dropdown-left-5 {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 0;
    display: flex;
  }

  .navmenu__dropdown-left-5.mobile-nav {
    padding-bottom: 0;
  }

  .navmenu__dropdown-section-3 {
    margin-bottom: 0;
  }

  .navmenu__dropdown-section-4, .navmenu__dropdown-section-5 {
    margin-top: 45px;
    margin-bottom: 0;
  }

  .navmenu__dropdown-section-6 {
    margin-bottom: 0;
  }

  .link-list__link-6 {
    flex: 1;
    font-size: 15px;
  }

  .link-list__link-6:hover {
    box-shadow: none;
  }

  .navmenu__dropdown-section-9 {
    margin-bottom: 0;
  }

  .menu-4 {
    height: auto;
    padding-bottom: 64px;
    overflow: auto;
  }

  .navbar-3 {
    height: 54px;
  }

  .dropdown-list-3 {
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    top: 0;
  }

  .brand-8 {
    display: none;
  }

  .brand-8.responsive {
    margin-top: 12px;
    display: block;
  }

  .dropdown-grid-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .dropdown-grid-2.resources {
    grid-template-columns: 1fr;
  }

  .dropdown-toggle-4 {
    z-index: 2;
    background-color: var(--light-blue);
    box-shadow: none;
    color: #151b26;
    border-top: 1px solid #e0e6e8;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 16px;
    transition: background-color .2s, color .2s cubic-bezier(.4, 0, .2, .01);
  }

  .dropdown-toggle-4:hover {
    background-color: var(--light-blue);
    color: #151b26;
  }

  .dropdown-toggle-4.w--open {
    background-color: var(--light-blue);
    box-shadow: none;
    color: var(--one-tap-blue-med);
    position: sticky;
    top: 0;
  }

  .dropdown-toggle-4.login {
    text-align: center;
    border: 1px solid #273240;
    border-radius: 2px;
    justify-content: center;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .dropdown-toggle-4.line {
    display: none;
  }

  .dropdown-toggle-4.button {
    padding-top: 24px;
    padding-bottom: 16px;
    display: block;
  }

  .menu-button-4 {
    flex-direction: column;
    width: 66px;
    height: 100%;
    padding: 20px 25px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .menu-button-4.w--open {
    background-color: #fff0;
  }

  .image-462 {
    width: 102px;
  }

  .dropdown-card-2 {
    margin-bottom: 28px;
  }

  .sidebar-column-bg-2 {
    background-color: #f6f8f9;
    display: block;
    position: absolute;
    inset: -49px -24px;
  }

  .menu-5 {
    height: auto;
    padding-bottom: 64px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
  }

  .nav-button-4 {
    background-color: var(--royal-blue);
    border-radius: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
  }

  .nav-button-4:hover {
    background-color: var(--light-blue);
    color: var(--royal-blue);
  }

  .navbar-4 {
    background-color: #fff;
    height: 54px;
  }

  .dropdown-list-4 {
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    top: 0;
  }

  .dropdown-card-content-2 {
    display: flex;
  }

  .dropdown-toggle-5 {
    z-index: 2;
    box-shadow: none;
    color: #151b26;
    border-top: 1px solid #e0e6e8;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 16px;
    transition: background-color .2s, color .2s cubic-bezier(.4, 0, .2, .01);
  }

  .dropdown-toggle-5:hover {
    color: #151b26;
  }

  .dropdown-toggle-5.w--open {
    background-color: var(--light-blue);
    box-shadow: none;
    color: var(--one-tap-blue-med);
    position: sticky;
    top: 0;
  }

  .dropdown-toggle-5.login {
    text-align: center;
    border: 1px solid #273240;
    border-radius: 2px;
    justify-content: center;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .dropdown-toggle-5.line {
    display: none;
  }

  .dropdown-toggle-5.button {
    padding-top: 24px;
    padding-bottom: 16px;
    display: block;
  }

  .image-463 {
    width: 102px;
  }

  .container---hero-pricing {
    padding-left: 30px;
    padding-right: 30px;
  }

  .scroll-max-right {
    background-color: #88888f;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    display: flex;
  }

  .scroll-max-right:hover {
    color: var(--light-blue);
    font-weight: 500;
  }

  .header-table {
    z-index: 3;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top: .5px solid var(--text-grey);
    border-left: .5px solid var(--text-grey);
    grid-template-rows: auto;
    grid-template-columns: 46vw 50vw 50vw 50vw 50vw;
    grid-auto-columns: 1fr;
    display: grid;
    position: sticky;
    top: 20px;
    overflow: auto;
  }

  .item-title-feature {
    z-index: 2;
    left: 0;
  }

  .item-feature-pricing {
    z-index: 1;
    background-color: #151515;
    border-right: 1px solid #302f32;
    padding-left: 24px;
    position: sticky;
    left: 0;
  }

  .paragraph-feature-pricing {
    font-size: 3vw;
  }

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

  .details-grid {
    font-size: 2vw;
  }

  .scroll-50 {
    background-color: #88888f;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    display: flex;
  }

  .scroll-50:hover {
    color: var(--light-blue);
    font-weight: 500;
  }

  .scroll-100 {
    background-color: #88888f;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    display: flex;
  }

  .scroll-100:hover {
    color: var(--light-blue);
    font-weight: 500;
  }

  .scroll-to-start {
    background-color: #88888f;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    display: flex;
  }

  .scroll-to-start:hover {
    color: var(--light-blue);
    font-weight: 500;
  }

  .main-button-text {
    font-size: 2.2vw;
  }

  .magic_grid {
    z-index: 2;
    grid-template-columns: 50vw 50vw 50vw 50vw 50vw;
    position: relative;
    overflow: auto;
  }

  .item-blank.corner {
    z-index: 3;
    z-index: 3;
    display: none;
    position: sticky;
    left: 0;
  }

  .grid-pricing-wrapper {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .pricing-wrapper-hero {
    text-align: center;
  }

  .text-pricing-feature {
    font-size: 14px;
  }

  .subtext-grid {
    font-size: 2vw;
  }

  .grid-features-pricing {
    grid-template-columns: 1fr 1fr;
  }

  .accordion-item-title---faq-pricing {
    max-width: 88%;
  }

  .accordion-item-title---faq-pricing.accordion-3---faq {
    max-width: 75%;
    padding-right: 0;
  }

  .accordion-paragraph---faq-pricing {
    max-width: 100%;
  }

  .faq-col2-wrapper-pricing {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .faq-col1-wrapper-pricing {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 60px;
  }

  .hero-pricing {
    font-size: 34px;
    line-height: 46px;
  }

  .div---heading-hero-pricing {
    margin-bottom: 50px;
  }

  .div-heading-wrapper-feature-pricing {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subheading-pricing {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .text-banner-pricing {
    margin-left: 60px;
    margin-right: 60px;
  }

  .banner-text---headline-pricing {
    text-align: center;
    font-size: 14px;
  }

  .item-blank-pricing-table.corner {
    z-index: 3;
    display: none;
    position: sticky;
    left: 0;
  }

  .item-plan_name-pricing {
    z-index: 2;
    justify-content: space-around;
    display: none;
  }

  .heading-h3-2 {
    font-size: 18px;
  }

  .item-plan_name-2 {
    z-index: 2;
    justify-content: space-around;
    display: none;
  }

  .item-grid-check-pricing-2 {
    background-color: #fff;
  }

  .table-navigation-pricing {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #ececf0;
    border-radius: 12px;
    justify-content: space-around;
    padding: 1.5vw 1vw;
    display: flex;
  }

  .fixed-button-test-scroll-pt {
    z-index: 2;
    justify-content: center;
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    display: block;
    position: sticky;
    bottom: 5vh;
  }

  .item-blank-pricing-table-2.corner {
    z-index: 3;
    background-color: #fff;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: sticky;
    left: 0;
  }

  .item-feature-pricing-2 {
    z-index: 1;
    border-right: 1px solid #302f32;
    border-left: .5px solid var(--text-grey);
    background-color: #fafbfc;
    padding: 10px 10px 10px 20px;
    position: sticky;
    left: 0;
  }

  .heading-h3-3 {
    font-size: 4.5vw;
  }

  .grid-pricing-t {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .text-pricing-feature-2, .text-pricing-plan-2 {
    font-size: 14px;
  }

  .magic_grid-pt {
    z-index: 2;
    background-color: #e7e7ec;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 46vw 50vw 50vw 50vw 50vw;
    position: relative;
    overflow: auto;
  }

  .plan-title-2 {
    border: .5px solid var(--text-grey);
    background-color: #f5f5f5;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .plan-title-2.title-2 {
    color: #e7e7ec;
    background-color: #151515;
  }

  .plan-title-2.title-1 {
    border: .5px solid var(--text-grey);
    background-color: #f5f5f5;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0 10px #0003;
  }

  .plan-title-2.title-3 {
    border: .5px solid var(--text-grey);
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---button_wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    color: #1a1b1f;
    flex-flow: row;
  }

  .button---navigation-cta-4 {
    display: flex;
  }

  .link-list__list-item-cta {
    z-index: 20;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    position: sticky;
    bottom: 0;
  }

  .item-plan_name-other {
    z-index: 2;
    justify-content: space-around;
    display: block;
    position: static;
  }

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

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

  .margin-top.margin-small {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .cards-wrap-free-plan {
    grid-template-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .card-free-plan {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .item-plan_name-other-short {
    z-index: 2;
    justify-content: space-around;
    display: block;
  }

  .section---blog-hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .container---blog {
    flex-flow: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---hero-blog {
    text-align: center;
    font-size: 45px;
    line-height: 55px;
  }

  .div---hero-blog {
    flex-direction: column;
  }

  .split-content---blog.hero-v1-right---brix {
    max-width: 100%;
  }

  .split-content---blog.hero-v1-left---blog {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .text---hero-blog {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .section---blog-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    display: flex;
  }

  .div---article-content {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div---toc-blog.position-mobile {
    display: none;
  }

  .div---content-r-blog {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---content-r-blog {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .div---table-header-feature-blog {
    padding: 20px;
  }

  .div---description-header-cell-blog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---cell-heading-blog {
    font-size: 15px;
    line-height: 120%;
  }

  .text---cell-blog {
    font-size: 15px;
  }

  .text---caption-table-blog {
    font-size: 14px;
    line-height: 135%;
  }

  .div---image-wrap-blog {
    margin-bottom: 30px;
  }

  .icon---features-blog {
    width: 23px;
  }

  .list---inner-text-blog {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---features-wrap-blog {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .cards-wrap-blog {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .card-plan-wrapper-blog.card-free-plan {
    max-width: 100%;
  }

  .item-feature {
    z-index: 1;
  }

  .icon-check-2 {
    width: 15px;
    height: 15px;
  }

  .icon-check-2.smaller {
    width: 14px;
  }

  .heading-h3-4 {
    font-size: 17px;
  }

  .magic_grid-2 {
    z-index: 2;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  }

  .grid---feature-table-blog {
    padding-left: 0;
    padding-right: 0;
  }

  .div-heading-table-blog {
    z-index: 3;
    top: 0;
  }

  .div-heading-table-blog.border-right {
    z-index: 2;
  }

  .div---description-title-cell-blog, .div---description-feature-header-cell-blog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-heading-cell-table-blog.border-right {
    z-index: 2;
    justify-content: flex-start;
    align-items: center;
  }

  .div-heading-cell-table-blog {
    z-index: 3;
    justify-content: space-around;
    top: 0;
  }

  .div-heading-cell-table-blog.border-right {
    z-index: 2;
  }

  .div---header-cell-use-cases {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---header-cell-use-cases.lp-persona {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
  }

  .div---header-cell-use-cases.last-lp-persona {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    width: 25%;
  }

  .div---header-cell-use-cases.wp-column1 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
  }

  .text---header-cell-use-case {
    font-size: 15px;
    line-height: 120%;
  }

  .div---description-cell-use-cases {
    padding-left: 10px;
    padding-right: 10px;
  }

  .table-text---use-cases {
    font-size: 15px;
    line-height: 25px;
  }

  .item-winner-feature {
    z-index: 2;
    left: 0;
  }

  .container-large-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading---hero-faqs {
    font-size: 47px;
  }

  .faq-col-pricing {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .libraries-howitworks_tabs-menu {
    padding: .3rem;
    box-shadow: 0 0 .25rem #0000001a;
  }

  .libraries-header_heading {
    font-size: 3.75rem;
    line-height: 75px;
  }

  .text-size-large-3.text-align-center {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1rem;
  }

  .libraries-howitworks_content-right {
    height: 27.1875rem;
  }

  .libraries-header_text-underline {
    background-position: 50%;
    background-size: 22.5rem;
  }

  .container-persona-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .libraries-howitworks_component-2 {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-social-proof-lp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-social-proof-lp {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtext-persona-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .text-user-persona-lp {
    font-size: 15px;
    line-height: 23px;
  }

  .heading-user-persona-lp {
    line-height: 40px;
  }

  .section-heading {
    font-size: 23px;
  }

  .process_row {
    justify-items: end;
  }

  .process_item {
    grid-template-columns: 1fr 10rem 1fr;
    padding-right: 0;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-howonetap-lp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-heading-wrapper-persona-lp {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-feature-persona-lp {
    padding-bottom: 60px;
  }

  .div-feature-persona-lp {
    grid-row-gap: 40px;
    flex-direction: column;
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding: 60px 0;
    position: static;
  }

  .text-quote-persona-lp {
    font-size: 16px;
    line-height: 28px;
  }

  .div-text-social-lp {
    margin-left: 40px;
    margin-right: 40px;
  }

  .cards-wrap-persona-lp {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cards-wrap-persona-lp.pricing-home {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .pricing-free-card-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-27 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button-27.is-secondary {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 12px;
  }

  .rl-features_card3 {
    padding: 2.5rem;
  }

  .rl-features_card3.overflow-safari.background-style-4 {
    grid-template-columns: 1.75fr 1fr;
  }

  .rl-features_card3-background {
    justify-content: center;
    align-items: center;
  }

  .div-persona-banner {
    margin-left: 60px;
    margin-right: 60px;
  }

  .section-heading-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .heading-inner-feature-lp {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .text-rotate-right-lp, .text-rotate-left-lp {
    font-size: 16px;
  }

  .div-subtext-feature-lp {
    margin-top: 0;
  }

  .subtext-feature-persona-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .icon-check-dark-lp {
    width: 23px;
  }

  .text-inner-finalcta {
    margin-bottom: 0;
    font-size: 15px;
  }

  .subtext-howitworks-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .text-highlight-howitworks {
    line-height: 23px;
  }

  .table-text-highlight {
    border-radius: 3px;
    width: 100px;
  }

  .div-heading-wrapper-lp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subtext-testimonial-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-heading-wrapper-pricing-lp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subtext-faq-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .div-device-hero-lp {
    margin-top: 100px;
  }

  .text-rotate-hero-lp {
    font-size: 16px;
  }

  .text-block-user-width {
    width: 90px;
    font-size: 14px;
    line-height: 20px;
  }

  .stacking-cards-wrapper-lp {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .img-feature-card-lp {
    width: 70%;
    height: auto;
  }

  .text-rotate-mob-right-lp {
    font-size: 16px;
  }

  .cards-pricing-persona-lp {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .subtext-pricing-persona-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .container-table-persona-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .icon-check-lp, .icon-check-howitworks {
    width: 23px;
  }

  .text-pricing-feature-lp {
    font-size: 14px;
  }

  .subtext-pain-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .subtext-howitworks {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .section-heading-persona-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .subtext-table-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .subtext-social-proof-lp {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-text-social-district-lp {
    margin-left: 40px;
    margin-right: 40px;
  }

  .text-no-rotate-lp {
    font-size: 16px;
  }

  .subtext-pricing-big-card-lp {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .pricing-big-card-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fixed-cta-container {
    z-index: 1000;
    justify-content: space-between;
    align-items: center;
    display: flex;
    inset: 16px 0% auto;
  }

  .fixed-cta-2 {
    position: static;
    top: 16px;
  }

  .hero-content-wrap.design-to-webflow {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .hero-content-wrap.hero-left {
    text-align: center;
    align-items: center;
  }

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

  .paragraph-m.max-560w.margin-l.margin-0-t-m {
    margin-bottom: 0;
  }

  .hero-grid {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .figma-embed-wrapper {
    max-width: none;
  }

  .circle-blur-top-left-2 {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-left-2.safari {
    opacity: .7;
    filter: blur(68px);
  }

  .with-underline {
    padding-top: 2px;
    padding-bottom: 4px;
  }

  .heading-hero-persona-lp {
    font-size: 52px;
    line-height: 62px;
  }

  .text-rotate-hero-district-lp {
    font-size: 16px;
  }

  ._4-col-grid {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .section-49 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .circle-blur-bottom-right-2 {
    opacity: .9;
    filter: blur(64px);
    width: 320px;
    height: 320px;
  }

  .circle-blur-bottom-right-2.safari {
    filter: blur(68px);
  }

  .section-50 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .div-howonetap-district-lp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-heading-district-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .profile-quote-lp {
    width: 3rem;
    height: 3rem;
  }

  .text-quote-pain-lp {
    font-size: 16px;
    line-height: 28px;
  }

  .div-benefit-lp {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-img-benefit-wrap {
    padding: 40px 20px;
  }

  .grid-benefit-wrap-lp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-text-wrap-left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-highlight-pain-lp {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-heading-lp {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-inner-benefit-lp {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .div-line-horizontal-short, .div-line-horizontal-xs {
    display: none;
  }

  .grid-howitworks-lp {
    grid-template-columns: 1fr;
  }

  .text-highlight-howitwork-lp {
    line-height: 23px;
  }

  .cta-wrapper-lp.text-color-white {
    padding-right: 0;
  }

  .circle-blur-middle-left {
    opacity: .9;
    filter: blur(64px);
    width: 320px;
    height: 320px;
    top: 20%;
  }

  .circle-blur-middle-left.safari {
    opacity: .8;
    filter: blur(68px);
    opacity: .8;
  }

  .comparison-img---desktop {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .tab-pane-without-relume {
    width: 100%;
    min-width: 100%;
  }

  .comparison-img---mobile {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .tab-pane-with-relume {
    width: 100%;
    min-width: 100%;
  }

  .section-51 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .circle-blur-top-right-2 {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
  }

  .circle-blur-top-right-2.safari {
    opacity: .7;
    filter: blur(68px);
    opacity: .7;
  }

  .section-52 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .circle-blur-top-left {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-left.safari {
    filter: blur(68px);
  }

  .circle-blur-bottom-right {
    opacity: .9;
    filter: blur(64px);
    width: 320px;
    height: 320px;
    bottom: 0%;
  }

  .circle-blur-bottom-right.safari {
    opacity: .7;
    filter: blur(68px);
    opacity: .7;
    opacity: .7;
  }

  .section-53 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .circle-blur-bottom-left {
    opacity: .9;
    filter: blur(64px);
    background-image: linear-gradient(132deg, #ff7448 31%, #ff4848 57%, #6248ff 79%);
    width: 320px;
    height: 320px;
    display: block;
    right: auto;
  }

  .circle-blur-bottom-left.safari {
    opacity: .7;
    filter: blur(68px);
    opacity: .7;
  }

  .section-55, .section-56 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .div-feature-inner-lp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .div---cta-hero-district {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .subtext-banner-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .tab-wrapper---district-lp {
    display: none;
  }

  .tab-menu---lp {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px 0;
    display: grid;
    position: sticky;
  }

  .tab-link---district-lp {
    padding: 15px 10px;
    font-size: 16px;
  }

  .tab-link---district-lp.w--current {
    padding: 10px 20px;
  }

  .tab-link-text-lp {
    font-size: 13px;
    line-height: 145%;
  }

  .container-wp {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-hero-wp {
    font-size: 55px;
    line-height: 66px;
  }

  .grid-hero-wp {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .icon-check-hero {
    width: 23px;
  }

  .div---list-wrap-hero {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .div-block-231 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div---cta-hero {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text---list-hero {
    margin-bottom: 0;
    font-size: 15px;
  }

  .section-57 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-57.bg-grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .heading-subtext-wp {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .heading-subtext-wp.text-align---left {
    padding-right: 0;
    font-size: 15px;
    line-height: 26px;
  }

  .div---heading-wp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .div---inner-wrapper-wp {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-inner-wp {
    padding-right: 20px;
    font-size: 17px;
  }

  .text---inner-wp {
    margin-bottom: 0;
    font-size: 15px;
  }

  .circle-blur-top-left-3 {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-left-3.safari {
    filter: blur(68px);
  }

  .section-58 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-58.grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div---list-small-text-wp {
    justify-content: center;
    align-items: center;
  }

  .div-small-text {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h3-heading-wp {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .div-text-image-wrapper-wp, .div-text-image-wrapper1-wp {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-59 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .grid-howitworks-wp {
    grid-template-columns: 1fr;
  }

  .div---text-inner-wp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text---vertical-inner-wp {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 17px;
  }

  .subtextext---vertical-inner-wp, .div---list-wrapper-center-wp {
    margin-bottom: 0;
  }

  .section-wp {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---th-wp, .div---th-blue-wp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .th-text-wp {
    font-size: 15px;
    line-height: 120%;
  }

  .h3-heading {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .div---h3-heading-wp {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .circle-blur-top-left-wp {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-left-wp.safari {
    opacity: .7;
    filter: blur(68px);
  }

  .text-trustedby {
    font-size: 15px;
  }

  .text-highlight-howitwork {
    line-height: 23px;
  }

  .icon---check-circle-wp {
    width: 20px;
    height: 20px;
  }

  .text---inner-quote-wp {
    margin-bottom: 0;
    font-size: 15px;
  }

  .grid-wrap-wp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .grid-wrap-wp._2 {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .grid-benefit-wrap-wp {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-benefit-wrap-wp.content-left {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .single-works-grid-wrap-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .single-works-grid-wrap-copy._2 {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .grid-wrap-content-right {
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
  }

  .content-left-wrap {
    flex-flow: column;
    display: flex;
  }

  .image-wrap-right {
    width: 50%;
  }

  .circle-blur-top-right {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-right.safari {
    filter: blur(68px);
  }

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

  .grid-2-columns-2.hero-v16.background-style-4 {
    grid-column-gap: 49px;
    grid-row-gap: 49px;
    grid-template-columns: 3fr .9fr;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 40px;
  }

  .brix---btn-download-app, .brix---btn-download-app-white {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .div-block-233 {
    width: 100%;
  }

  .heading-cta-wp {
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .section-mid-cta {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-mid-cta.grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .link---navigation-demo {
    text-decoration: none;
  }

  .link---nav-demo {
    padding-left: 10px;
    padding-right: 8px;
    font-size: 13px;
    text-decoration: none;
  }

  .div---small-horizontal-cards {
    margin-top: 80px;
  }

  .h4-heading-wp {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
  }

  .subtextext---horizontal-inner-wp {
    text-align: center;
    margin-bottom: 0;
  }

  .img---with-onetap {
    width: 260px;
    margin-left: 0;
    margin-right: 0;
  }

  .img---without-onetap {
    width: 360px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-rotate-with-onetap, .text-rotate-without-onetap {
    font-size: 16px;
  }

  .section-faq-wp {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-faq-wp.grain {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .subtext---hero-home {
    width: 100%;
    margin-bottom: auto;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
    line-height: 26px;
  }

  .div---cta-hero-copy, .div-cta---hero-home {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tabs---hero-home {
    margin-top: 60px;
  }

  .tabs-menu---hero-home.margin-xl {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section---hero-attendance-home-copy {
    padding-top: 140px;
  }

  .tab-link---hero-home.w--current {
    display: flex;
  }

  .tab-text-hero-home {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
  }

  .section---home-hero, .section---logo-home {
    padding-top: 140px;
  }

  .section---horizontal-cards {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div---h2-slider-control {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-align-left {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .h2-align-left.text-size-36 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .heading-text---hero-home {
    font-size: 47px;
  }

  .slider-horizontal {
    padding-left: 15px;
    padding-right: 15px;
  }

  .slider-left-arrow {
    width: 60px;
    height: 40px;
  }

  .slider-left-arrow.left {
    inset: auto 100px 0% auto;
  }

  .slider-left-arrow.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .slider-left-arrow.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .slider-left-arrow.left-copy {
    inset: auto 100px 0% auto;
  }

  .slider-arrow {
    width: 60px;
    height: 40px;
  }

  .slider-arrow.left {
    inset: auto 100px 0% auto;
  }

  .slider-arrow.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .slider-arrow.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .slider-arrow-r {
    width: 60px;
    height: 40px;
  }

  .slider-arrow-r.left {
    inset: auto 100px 0% auto;
  }

  .slider-arrow-r.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .slider-arrow-r.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .feature-slider-wrap-copy {
    padding-left: 15px;
    padding-right: 15px;
  }

  .link-slider-arrow {
    width: 60px;
    height: 40px;
  }

  .link-slider-arrow.left {
    inset: auto 100px 0% auto;
  }

  .link-slider-arrow.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .link-slider-arrow.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .link-slider-arrow-right {
    width: 60px;
    height: 40px;
  }

  .link-slider-arrow-right.left {
    inset: auto 100px 0% auto;
  }

  .link-slider-arrow-right.right {
    inset: auto 0 0% 170px;
    transform: translate(0, -50%);
  }

  .link-slider-arrow-right.left {
    top: 40px;
    left: 100px;
    right: 0;
  }

  .heading---slider-horizontal-card.text-height---mobile {
    line-height: 28px;
  }

  .heading-slider {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .div---inner-slider {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

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

  .agenct_secondary_top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .agenct_secondary_dd-icon {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .agenct_card_img {
    max-width: 3rem;
  }

  .agenct_secondary_bg-hover {
    display: block;
  }

  .heading {
    font-size: 48px;
  }

  .agenct_secondary_dd {
    aspect-ratio: 1;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    height: 1.4rem;
    padding: .4rem;
    display: flex;
  }

  .agenct_secondary_bottom {
    box-sizing: border-box;
    height: 0;
    transition: height .2s;
  }

  .agenct_secondary_bg {
    display: block;
  }

  .text---list-inner-cards {
    margin-bottom: 0;
    font-size: 15px;
  }

  .agenct_secondary_bottom_cta {
    box-sizing: border-box;
    height: 0;
    transition: height .2s;
  }

  .icon_tick_blue {
    width: 23px;
  }

  .grid---content-mouse-hover {
    grid-template-columns: 1fr 1fr;
  }

  .section---highlight-container {
    padding-left: 35px;
    padding-right: 35px;
  }

  .container-blur-bottom {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text---16 {
    font-size: 17px;
  }

  .div---text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .tab-menu {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 30px;
    padding: 10px;
    display: grid;
  }

  .tab-link-text {
    font-size: 13px;
    line-height: 145%;
  }

  .single-tab-link {
    padding: 15px 20px;
  }

  .single-tab-link.w--current {
    padding: 10px 20px;
  }

  .grid---tab-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .div---tab-inner-content {
    grid-row-gap: 0px;
  }

  .div---tab-content-wrap {
    padding: 10px 40px 40px;
  }

  .auto-tabs-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .auto-tabs-button {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
    inset: 0% auto auto 0%;
  }

  .copy-large {
    font-size: 1.4rem;
  }

  .auto-tabs-menu {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-bottom: 3rem;
  }

  .auto-tabs-content {
    aspect-ratio: 3 / 2;
    flex: none;
    height: auto;
    min-height: 30rem;
    margin-right: 0;
  }

  .heading-style-h1 {
    font-size: 4rem;
  }

  .page-padding-2 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .div---tab-vertical-content {
    padding-bottom: 10px;
  }

  .tab-link-title {
    font-size: 13px;
    line-height: 145%;
  }

  .text---name-quote {
    max-width: 580px;
    font-size: 15px;
  }

  .integration-v2-logo {
    width: 70px;
  }

  .integration-v2-logo._11 {
    bottom: 130px;
    right: 90px;
  }

  .integration-v2-logo._4 {
    top: 130px;
    left: 90px;
  }

  .integration-v2-logo._9 {
    bottom: 25px;
    left: 90px;
  }

  .integration-v2-logo._7 {
    top: 110px;
    bottom: auto;
    right: 200px;
  }

  .integration-v2-logo._3 {
    right: 90px;
  }

  .integration-v2-logo._5 {
    top: 140px;
    right: 7px;
  }

  .integration-v2-logo._2 {
    left: 200px;
  }

  .integration-v2-logo._10 {
    bottom: 44px;
    right: 200px;
  }

  .integration-v2-logo._8 {
    bottom: 140px;
  }

  .integration-v2-logo._6 {
    bottom: 110px;
    left: 200px;
  }

  .integration-v2-main-logo {
    width: 120px;
  }

  .section-title-wrap {
    margin-bottom: 30px;
  }

  .section-title-wrap.center.integrations-v2 {
    max-width: 620px;
  }

  .integration-v2-collection-wrap {
    margin-bottom: 40px;
  }

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

  .integration-v2-wrapper {
    padding-top: 60px;
  }

  .section-details {
    font-size: 16px;
  }

  .primary-button-hover-bg {
    background-image: linear-gradient(153deg, #3045ff, #07f1ef);
  }

  .section-sub-title-2 {
    margin-bottom: 10px;
    padding: 7px 20px;
    font-size: 14px;
  }

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

  .text-left {
    font-size: 17px;
  }

  .div---center {
    flex-flow: column;
  }

  .section---vertical-cards {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section---vertical-cards.grain {
    padding-bottom: 60px;
  }

  .container---gradient {
    padding-top: 60px;
  }

  .text-color-3f3f3f, .text---inner-columns {
    margin-bottom: 0;
    font-size: 15px;
  }

  .icon---cross-red, .icon---tick-blue {
    width: 23px;
  }

  .heading-subtext {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .div---image-wrap {
    padding: 40px 20px;
  }

  .div---columns-3.bg-color---alice-blue {
    grid-template-columns: 1fr;
  }

  .div---inner-column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .h3-heading-column {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 45px;
  }

  .text-highlight-grey {
    line-height: 23px;
  }

  .text-s15, .text-left-copy {
    font-size: 17px;
  }

  .container---onetap-pricing-home-copy {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .div---column-left {
    justify-content: center;
    align-items: center;
  }

  .div---faq-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .heading-subtex-left {
    text-align: left;
    font-size: 16px;
  }

  .grid---4-column {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .div---left {
    flex-flow: column;
  }

  .text-left {
    font-size: 14px;
    line-height: 24px;
  }

  .div-block-237 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---3column {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .div---security-left {
    width: 60%;
  }

  .subtext---highlighted-white {
    font-size: 12px;
  }

  .sections---for-teams, .section-old-system, .section---cta-highlight, .section---table {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .headline-cta-last {
    font-size: 21px;
    line-height: 31px;
  }

  .div---card-last.left_card {
    margin-top: 145px;
    margin-right: auto;
  }

  .div---card-last.right_card {
    margin-top: -200px;
    margin-left: auto;
    top: 75%;
    transform: rotate(12deg);
  }

  .div---last-cta.padding-section-large {
    padding-left: 0;
    padding-right: 0;
  }

  .text-inner-cta {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div-img-home-wrap {
    padding: 40px 20px;
  }

  .grid-wrap-home {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-wrap-home.content-left {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .container-hero-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-profile {
    width: 3rem;
    height: 3rem;
  }

  .marquee_wrap {
    width: 400vw;
  }

  .static-marquee_logos {
    width: 200vw;
  }

  .logo {
    width: 150px;
    height: 45px;
  }

  .div-hero-guide {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  ._4-col-hero {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  ._4-col-text {
    text-align: center;
    margin-bottom: 0;
  }

  .section---guide {
    padding-bottom: 10px;
  }

  .section---guide.bg-grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tabs-wrap-left {
    display: block;
  }

  .tab-menu-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    margin-bottom: 30px;
    padding: 10px 0;
    display: grid;
  }

  .tab-menu-left._7col {
    grid-template-columns: .5fr .5fr 1fr 1fr 1fr 1fr 1fr;
    place-items: center;
  }

  .tab-link-left {
    padding: 10px;
    font-size: 16px;
  }

  .tab-link-left.w--current {
    padding: 10px 20px;
  }

  .tab-link-heading {
    font-size: 13px;
    line-height: 145%;
  }

  .tab-link-heading._7col {
    font-size: 11.5px;
  }

  .tab-content-wrapper-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .div---heading-left {
    margin-bottom: 20px;
    padding-right: 20px;
  }

  .tab-content-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .circle-blur-top-left-guide {
    opacity: .7;
    filter: blur(68px);
    background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
    width: 400px;
    height: 400px;
    display: block;
    top: -10%;
    right: -5%;
  }

  .circle-blur-top-left-guide.safari {
    opacity: .7;
    filter: blur(68px);
  }

  .accordion-2 {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .text---vertical-tabs {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 17px;
  }

  .div---card-horizontal {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .text---cards {
    margin-bottom: 0;
  }

  .text---noncompliance.pricing-home {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }

  .text---cards-green {
    margin-bottom: 0;
  }

  .text---horizontal-cards-inner, .text---horizontal-cards-inner-text {
    text-align: center;
    margin-bottom: 0;
  }

  .subtext-cta-demo {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .button-signup {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button-signup.is-secondary {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 12px;
  }

  .heading-left {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 30px;
    line-height: 46px;
  }

  .heading-left.text-size-36 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div---cta.hero-v16 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .div---cta.hero-v16.background-style-4 {
    grid-column-gap: 49px;
    grid-row-gap: 49px;
    grid-template-columns: 3fr .9fr;
  }

  .div---image-cta-right {
    width: 100%;
  }

  .heading-cta {
    padding-right: 10px;
    font-size: 36px;
    line-height: 50px;
  }

  .heading-subtext-left {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .div---heading {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-subtext-center {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .grid---4col {
    grid-template-columns: 1fr 1fr;
  }

  .subtext---column-wrap {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---heading-wp-copy {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---4column {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .subtext-center {
    margin-bottom: 0;
    font-size: 15px;
  }

  .faq-col2-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-subtext-left-copy {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .section-guide {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-guide.grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-57-copy {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-57-copy.bg-grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tab-link-left-black {
    padding: 8px 5px;
    font-size: 16px;
  }

  .tab-link-left-black.w--current {
    padding: 8px;
  }

  .text---vertical-tab {
    margin-bottom: 0;
    padding-right: 20px;
  }

  .text---horizontal-cards-inner2 {
    text-align: center;
    margin-bottom: 0;
  }

  .accordion-tabs2 {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .section-faq {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .heading-hero-blog {
    font-size: 50px;
    line-height: 66px;
  }

  .text---hero-inner {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 15px;
  }

  .text---hero-inner.width-800, .text---hero-inner.width-550 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .subtext-hero-blog {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 15px;
    line-height: 26px;
  }

  .accordion-tabs2-mobile {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .text-size-xlarge.text-weight-semibold {
    font-size: 2.5rem;
  }

  .faq_dropdown-list {
    display: none;
  }

  .subtext-center-small {
    margin-bottom: 0;
    font-size: 15px;
  }

  .subtext-hero-home {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
  }

  .h1-heading-hero-blog {
    width: 100%;
    font-size: 45px;
    line-height: 56px;
  }

  .container---best-attendance-app-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-hero-blog {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---blog-content {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div---toc-blog-left.position-mobile {
    display: none;
  }

  .text---blog-r {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .div---wrap-blog-vertical {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .heading---blog-post {
    line-height: 39px;
  }

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

  .h3-column-blog-post {
    padding-right: 20px;
    font-size: 17px;
  }

  .text---inner-col-blog {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div---inner-wrapper-col {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .div---inner-wrapper-col.bg-color-ecfdf5 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: block;
  }

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

  .div---arrow-text-blog {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

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

  .h3-heading-blog-posts {
    padding-right: 20px;
    font-size: 17px;
  }

  .grid-comparison-table-wrapper-blog {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .item-blank-comparison-table.corner {
    z-index: 3;
    display: none;
    position: sticky;
    left: 0;
  }

  .item-heading-comparison-table {
    z-index: 2;
    justify-content: space-around;
    display: none;
  }

  .heading---ct-blog {
    font-size: 3vw;
  }

  .text---ct-blog {
    font-size: 14px;
  }

  .item-details-ct-blog {
    border-right: 1px solid #dedede;
  }

  .item-details-ct-blog.bg-color-fafbfc {
    border-right: 1px solid #dfdfdf;
  }

  .item-col1-ct-blog {
    z-index: 1;
    border-right: 1px solid #dedada;
    padding-left: 24px;
    position: sticky;
    left: 0;
  }

  .item-col1-ct-blog.bg-color-fafbfc {
    border-right-color: #dedede;
  }

  .grid-ct-blog {
    z-index: 2;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 16vw 38vw 38vw;
    position: relative;
    overflow: auto;
  }

  .text-small-blog {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .heading-blog-posts {
    padding-right: 20px;
    font-size: 20px;
  }

  .text---cta-mid {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .heading-cta-mid-blog {
    padding-right: 20px;
    font-size: 17px;
  }

  .div---cta-buttons-blog {
    margin-top: 0;
  }

  .text-col-heading-small-blog {
    padding-right: 20px;
    font-size: 17px;
  }

  .text-col-heading-small-blog-color {
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 17px;
  }

  .div---inner-wrapper-col-bg-color {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .col---horizontal {
    grid-template-columns: 1fr 1fr;
  }

  .subtextext---vertical-inner-blog {
    margin-bottom: 0;
  }

  .heading-text---vertical-inner {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 17px;
  }

  .text---inner-block {
    padding-right: 20px;
    font-size: 17px;
  }

  .text---div-wrap-r, .text---div-wrap-left {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .faq-col1-wrapper-blog {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section-final-cta-blog {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section-final-cta-blog.grain {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text---cta-mid-left {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .text---inner-col-blog-horizontal {
    margin-bottom: 0;
    font-size: 15px;
  }

  .grid---use-case-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .text---inner-row {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading---inner-row {
    padding-right: 20px;
    font-size: 17px;
  }

  .navmenu_dropdown-right1 {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .text-block-97 {
    padding-top: 5px;
  }

  .div-navmenu_dropdown-right1 {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .link---nav-demo1 {
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 8px;
    font-size: 13px;
    text-decoration: none;
  }

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

  .banner-text-offer {
    text-align: center;
    font-size: 14px;
  }

  .stack---hero-n8n {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  .cell---image-hero-n8n {
    order: 9999;
  }

  .trust---layout {
    grid-template-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 56px;
  }

  .trust---toc {
    display: none;
  }

  .trust---control-grid {
    grid-template-columns: 1fr;
  }

  .t-container.t-hero-inner, .t-container.t-dev-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .t-hero-h1 {
    font-size: 44px;
  }

  .t-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .t-h2 {
    font-size: 32px;
  }

  .t-ba-grid, .t-how-grid {
    grid-template-columns: 1fr;
  }

  .t-feat-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .t-h2-light {
    font-size: 32px;
  }

  .t-tst-grid {
    grid-template-columns: 1fr;
  }

  .t-final-h2 {
    font-size: 34px;
  }

  .v2-container.v2-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .v2-h1 {
    font-size: 46px;
  }

  .v2-quote {
    font-size: 26px;
  }

  .v2-cc-grid {
    grid-template-columns: 1fr;
  }

  .v2-h2 {
    font-size: 30px;
  }

  .v2-steps {
    grid-template-columns: 1fr;
  }

  .v2-h2-light {
    font-size: 30px;
  }

  .v2-tiers {
    grid-template-columns: 1fr;
  }

  .v2-final-h2 {
    font-size: 34px;
  }

  .v3-container.v3-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .v3-h1 {
    font-size: 46px;
  }

  .v3-quote {
    font-size: 26px;
  }

  .v3-cc-grid {
    grid-template-columns: 1fr;
  }

  .v3-cc-title {
    font-size: 34px;
  }

  .v3-how-grid {
    grid-template-columns: 1fr;
  }

  .v3-how-left {
    position: static;
  }

  .v3-h2 {
    font-size: 31px;
  }

  .v3-step-panel {
    min-height: auto;
  }

  .v3-h2-light {
    font-size: 31px;
  }

  .v3-final-h2 {
    font-size: 34px;
  }
}

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

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

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

  .navigation {
    background-color: var(--light-blue);
    padding: 20px 30px;
  }

  .navigation-items {
    inset: 0% 0% auto;
  }

  .page-404-wrap {
    padding: 15px;
  }

  ._404-content-container {
    padding: 30px;
  }

  .hero-section {
    padding: 40px 20px;
  }

  .flex-container {
    flex-direction: column;
  }

  .cards-section {
    padding: 40px 20px;
  }

  .cards-section.membership {
    padding-left: 60px;
    padding-right: 60px;
  }

  .feature-image-mask {
    margin-right: 0;
  }

  .grid---customers {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

  .grid-logos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: repeat(auto-fit, minmax(30%, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    grid-auto-flow: row;
    overflow: scroll;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .div---feature-section-contents {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .heading-jumbo-small---color-1 {
    font-size: 30px;
    line-height: 52px;
  }

  .button---cta-demo.button-cta-demo-home-alignment.button-cta-demo-home-width-300.button-demo-home-n {
    margin-top: 20px;
  }

  .flex---feature-container {
    flex-direction: column;
  }

  .flex---feature-container.flex---feature-container-mobile {
    display: flex;
  }

  .image---feature-sm {
    margin-left: auto;
    margin-right: auto;
  }

  .navigation-menu {
    z-index: 2;
  }

  .feature-image-mask-2 {
    margin-right: 0;
  }

  .feature-image {
    margin-left: auto;
    margin-right: auto;
  }

  .flex-container-3 {
    flex-direction: column;
  }

  .cards-grid-container-7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

  .feature-image-left-pad {
    margin-left: auto;
    margin-right: auto;
  }

  .section---quote-mini {
    padding: 40px 20px;
  }

  .section---purple {
    margin-left: 15px;
    margin-right: 15px;
  }

  .column---feature-body-legacy.book-a-demo {
    padding-right: 0;
  }

  .div---section-title-divider-advoy {
    width: 548px;
  }

  .heading---section-title-advoy-center {
    font-size: 48px;
  }

  .column-right---advoy {
    justify-content: center;
    height: 400px;
    display: flex;
  }

  .div---section-inset-padding {
    width: auto;
    padding: 60px 30px 40px;
  }

  .grid---blog-table-content-advoy {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 548px;
  }

  .heading---advoy-blog-beige, .link---list-item {
    font-size: 16px;
  }

  .section---feature-white-bg {
    margin-top: 0;
    margin-bottom: 0;
  }

  .columns---advoy-wide {
    min-width: 548px;
  }

  .button---primary-cta-large, .image {
    margin-bottom: 30px;
  }

  .button-pricing-cta {
    font-size: 14px;
  }

  .text-block-2 {
    align-items: flex-start;
    margin-bottom: 31px;
  }

  .button-pricing-cta-selected {
    font-size: 14px;
  }

  .button-pricing-cta-selected:hover {
    color: #fff;
  }

  .grid---pricing-plans-5 {
    min-width: 548px;
  }

  .image-3 {
    width: 200px;
    height: 300px;
  }

  .image---home-section-advoy {
    width: 300px;
    height: 300px;
  }

  .container---pricing-faq {
    text-align: left;
    margin-top: 91px;
    padding: 0 40px;
  }

  .accordion-body-inner, .accordion-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div---pricing-faq-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button---primary-cta.button---mobile-cta {
    display: block;
  }

  .button---primary-cta.button---book-a-demo.mobile {
    display: none;
  }

  .column-hero-home-left {
    padding-left: 40px;
    padding-right: 100px;
  }

  .columns-hero-home.columns---hero-home-bonus, .columns-hero-home.columns-hero-home-vcenter {
    flex-direction: column;
  }

  .flex---outer-header-left {
    justify-content: center;
    width: auto;
  }

  .div---s1-auto-layout-section-right {
    z-index: -1;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    bottom: 0%;
    left: 0%;
  }

  .div---header-left {
    background-color: var(--light-blue);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    align-items: flex-start;
    width: 548px;
    margin-top: 0;
    padding: 30px;
  }

  .div---s1-auto-layout-section-left {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---page-title.heading---demo-title-pb-100 {
    text-align: center;
    margin-bottom: 40px;
  }

  .container---customers-home {
    display: block;
  }

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

  .div---customer-home-statement-left {
    flex-direction: column;
  }

  .section---navigation-dropdown {
    border-top-right-radius: 9px;
    width: 100%;
  }

  .button---navigation-cta {
    font-family: Montserrat, sans-serif;
    display: none;
  }

  .link---navigation-login {
    margin-right: 0;
    display: block;
  }

  .navigation-menu-mega {
    width: 100%;
  }

  .paragraph-center-big {
    font-size: 16px;
  }

  .tabs---holder {
    flex-direction: column;
  }

  .tab---tab-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .divider---tab-content-body-container-divider {
    display: none;
  }

  .grid---how-it-works {
    grid-template-columns: 1.5fr;
  }

  .image---feature-grid-icon-m {
    width: 80px;
  }

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

  .card---feature-grid {
    padding: 32px;
  }

  .div-centered.members {
    margin-top: 30px;
  }

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

  .image---feature-grid-cell {
    min-width: 150px;
    min-height: 150px;
    max-height: 150px;
  }

  .label---pricing-value-text {
    align-items: flex-start;
    margin-bottom: 31px;
  }

  .heading---h2-landing-page-opt-in {
    font-size: 44px;
  }

  .heading---h2-landing-page-opt-in.margin-bottom-24 {
    font-size: 38px;
  }

  .section---opt-in-page {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .button---cta-black {
    margin-left: auto;
  }

  .column---feature-body {
    text-align: center;
  }

  .image---book-demo {
    max-width: 400px;
  }

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

  .container---benefit-section, .section-container---book-demo-padding, .section-container---benefits-section-padding {
    width: auto;
    padding: 60px 30px 40px;
  }

  .heading---feature-title, .paragrah---feature-description-m {
    text-align: center;
  }

  .image---feature-sm-custom {
    margin-left: auto;
    margin-right: auto;
  }

  .mw---grid---how-it-works-i, .mw---grid---how-it-works-ii {
    grid-template-columns: 1.5fr;
  }

  .grid---features-home {
    grid-template-columns: 1.5fr 1.5fr;
  }

  .item-container---grid-use-case {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---home-nnn.border-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .mw---grid---how-it-works-prev-version {
    grid-template-columns: 1.5fr;
  }

  .image---right-col-how-it-works {
    width: 100%;
    height: 100%;
  }

  .c-text-1 {
    font-size: 16px;
    line-height: 28px;
  }

  .lib-at-autotabs {
    flex-direction: column-reverse;
  }

  .c-autotabs_content-2 {
    width: 100%;
    margin-bottom: 30px;
  }

  .c-title-3 {
    font-size: 24px;
    line-height: 38px;
  }

  .c-autotabs_image {
    margin-right: auto;
  }

  .c-autotabs_image.cc-pane-crypto {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .lib-at-autotabs_menu {
    width: 100%;
  }

  .lib-at-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .demo-wrapper {
    margin-top: 140px;
    padding-left: 0;
    padding-right: 0;
  }

  .d-101-logo-wrapper, .d-101-logo-wrapper.square {
    margin-left: 10px;
    margin-right: 10px;
  }

  .demo-container-3 {
    background-image: url('../images/background.svg'), linear-gradient(to bottom, null, null);
    background-attachment: fixed, scroll;
    align-items: center;
    min-height: 100vh;
    display: block;
  }

  .div---columns-how-it-works {
    display: block;
  }

  .slider-arrow---brix {
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .split-content---np.testimonials-client-info---brix {
    margin-bottom: -16px;
  }

  .card---brix {
    border-radius: 12px;
  }

  .card---brix.testimonial-v1---brix {
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 32px;
  }

  .card---brix.testimonial-v1---brix.first---brix {
    margin-left: 0;
  }

  .slide---brix.testimonial-v1---brix {
    max-width: none;
  }

  .slide---brix.testimonial-v1---brix.first---brix {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .image-wrapper---brix.testimonial-v1---brix {
    margin-bottom: 16px;
    margin-right: 16px;
  }

  .mask---testimonials-home {
    border-radius: 12px;
    margin-right: 20px;
  }

  .mask---testimonials-home.testimonial-v1---brix, .mask---testimonials-home.testimonial-v1 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph---brix.hero-v1---brix {
    margin-bottom: 24px;
  }

  .div---column-m-transformation-home {
    display: none;
  }

  .div---wrapper-demo-home {
    text-align: center;
    display: block;
  }

  .grid-item---arrow-right {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column---hero-home, .columns---best {
    flex-direction: column;
  }

  .div---hero-home-cta-aligner {
    text-align: center;
  }

  .slide.testimonial-v1 {
    max-width: none;
  }

  .slide.testimonial-v1.first---testimonial {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .card-testimonial {
    border-radius: 12px;
  }

  .card-testimonial.testimonial-v1 {
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 32px;
  }

  .card-testimonial.testimonial-v1.first---testimonial {
    margin-left: 0;
  }

  .split-content.testimonials-client-info {
    margin-bottom: -16px;
  }

  .image-wrapper---testimonial.testimonial-v1 {
    margin-bottom: 16px;
    margin-right: 16px;
  }

  .slider-arrow---testimonial-home, .slider-arrow--testimonial-home {
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .column---hero-case-study {
    flex-direction: column;
  }

  .heading---hero-case-study {
    font-size: 29px;
    line-height: 41px;
  }

  .columns---analog-customers {
    flex-direction: column;
  }

  .div---testimonial {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div---about-ot-section-customers {
    padding-left: 50px;
    padding-right: 50px;
  }

  .section-helper---demo-cta-vpadding {
    text-align: center;
  }

  .text---customers {
    font-size: 18px;
  }

  .mw---hero-customers-cla {
    padding-left: 60px;
    padding-right: 60px;
  }

  .container---demo-cta-cla.container-maxw-cla {
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---hero-alt {
    font-size: 35px;
    line-height: 50px;
  }

  .sub-heading---hero-alt {
    font-size: 16px;
  }

  .heading---text-hero-alt {
    font-size: 13.5px;
    line-height: 35px;
  }

  .div---subheading-hero-alternative {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div---comparison {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon---feature-no {
    width: 30%;
  }

  .icon---feature-yes {
    width: 33%;
  }

  .div---feature-icon-no-alt, .div---feature-icon-yes-alt {
    justify-content: flex-start;
  }

  .div-block-30 {
    grid-column-gap: 30px;
  }

  .sub-heading---hero-at, .sub-heading---attendance-tracker {
    font-size: 16px;
  }

  .image---before-after-icon {
    height: 200px;
  }

  .heading---text-hero-qr-code {
    font-size: 29px;
    line-height: 42px;
  }

  .div---subheading-hero-qr-code {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid---benefits-qr-code-c {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .item-container---grid-benefits {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---text-hero-kiosk {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 29px;
    line-height: 42px;
  }

  .div---subheading-hero-kiosk {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub-heading---hero-kiosk {
    font-size: 16px;
  }

  .item-container---grid-check-in-kiosk, .item-container---grid-use-case-qr {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---use-cases-qr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---subheading-digital-kiosk {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---use-cases-visitor-app {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-container---grid-use-case-visitor-app, .item-container---grid-features-visitor-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cta-heading---hero-visitor {
    font-size: 16px;
  }

  .div---subheading-reasons-visitor {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading---text-hero-hiw, .subheading---text-hero-hiw {
    font-size: 29px;
    line-height: 42px;
  }

  .sub-heading---demo-hiw {
    font-size: 16px;
  }

  .div---subheading-visitor-app, .div---demo-subheading-visitor-app, .div---subheading-hero-visitor-app {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-card {
    width: 56%;
    height: 300px;
  }

  .section---use-cases-guestlist {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---text-hero-guestlist {
    font-size: 29px;
    line-height: 42px;
  }

  .h1-heading---hero-guestlist {
    font-size: 16px;
  }

  .div---subheading-hero-guestlist {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub-heading---hero-guestlist {
    font-size: 16px;
  }

  .div---subheading-guestlist {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub-heading---guestlist {
    font-size: 16px;
  }

  .item-container---grid-how-it-works-guestlist, .item-container---grid-features-guestlist, .item-container---grid-event {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cp---image-of-benefit-in-cell {
    width: 50px;
    height: 50px;
  }

  .cp---section.blue.padding-100y {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cp---grid-feature-events {
    grid-template-columns: 1fr 1fr;
  }

  .cp---item-grid-benefits-events {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-heading---demo-section.heading-text-center {
    font-size: 31px;
    line-height: 46px;
  }

  .image---before {
    height: 200px;
  }

  .h1-heading---hero {
    font-size: 29px;
    line-height: 42px;
  }

  .div---subheading-hero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---persona-guestlist {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-container---grid-persona, .item-container---grid-benefits-guestlist, .item-container---grid-persona-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---subheading-event {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cp---section-demo {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---subheading-guestlist-app {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cell---hero-description {
    justify-content: center;
    align-items: center;
  }

  .icon---quote-mobile {
    width: 20px;
  }

  .heading---text-hero-blog {
    font-size: 29px;
    line-height: 42px;
  }

  .sub-heading---hero-blog {
    font-size: 16px;
  }

  .table-text.tab-kioosk-mobile {
    font-size: 15px;
  }

  .div---disclaimer-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---description-cell {
    padding: 10px 15px;
  }

  .addon-description-text {
    font-size: 12px;
    line-height: 22px;
  }

  .div---app-cell {
    padding: 15px;
  }

  .div---rows-titles {
    margin-bottom: 10px;
  }

  .pricing-check-mark {
    width: 2.7vw;
  }

  .pricing-component-titles {
    font-size: 2.1vw;
  }

  .text-block-48 {
    letter-spacing: 0;
    font-size: 13px;
  }

  .apply-buttons {
    letter-spacing: 0;
    padding: 5px 10px;
    font-size: 1.8vw;
  }

  .member-level-title-and-apply, .div---column-titles {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---text-features {
    padding: 15px;
  }

  .container---hero-add-on {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mobile-nav {
    font-weight: 400;
  }

  .mobile-toggle:active {
    color: var(--royal-blue);
  }

  .mobile-toggle.w--open {
    color: var(--royal-blue);
    font-size: 17px;
  }

  .menu-mob {
    color: #2d6ae9;
    border: 1px solid #2d6ae91a;
    border-radius: 10px;
  }

  .menu-mob.w--open {
    background-color: var(--royal-blue);
  }

  .navigation-mob {
    display: block;
  }

  .onetap-attendance-tracker-logo {
    min-width: 25%;
  }

  .div---nav-right-mobile {
    grid-column-gap: 20px;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .text-block-49 {
    padding-left: 20px;
  }

  .pricing-check-cell {
    padding: 10px 15px;
  }

  .pricing-description-cell, .addons-description-cell {
    padding: 15px;
  }

  .addons-check-cell {
    padding: 10px 15px;
  }

  .pricing-rows-titles {
    margin-bottom: 10px;
  }

  .pricing-check-column-titles {
    padding-left: 10px;
    padding-right: 10px;
  }

  .th---addons-description-cell {
    padding: 15px;
  }

  .addons-row-titles {
    font-size: 2.1vw;
    line-height: 20px;
  }

  .addon-component-title {
    font-size: 2.1vw;
  }

  .sub-heading---hero-best-addons {
    font-size: 16px;
  }

  .th---addons {
    padding: 10px 15px;
  }

  .div---cell-alternative {
    padding: 15px;
  }

  .div---description-cell-alternative {
    padding: 10px 15px;
  }

  .heading-text---google-forms-alternatives {
    font-size: 16px;
  }

  .section---footer-onetap {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.69vw;
  }

  .div-footer-column-wrapper {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .container-footer-inner-wrap {
    flex-direction: column;
  }

  .heading---text-alternative-left {
    font-size: 13.5px;
    line-height: 35px;
  }

  .text---google-forms-alternatives, .text---google-forms-alternative, .text---feature-google-forms-alt {
    font-size: 16px;
  }

  .heading---text-feature-visitor {
    font-size: 13.5px;
    line-height: 35px;
  }

  .sub-heading---text-alt, .cta-heading---visitor-app, .heading-text---prob-proxy {
    font-size: 16px;
  }

  .tab-link {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: -16px;
    padding-left: 16px;
  }

  .col {
    padding-left: 12px;
    padding-right: 12px;
  }

  .row {
    margin-left: -12px;
    margin-right: -12px;
  }

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

  .text---cta-proxy-attendance {
    font-size: 16px;
  }

  .tab-button {
    justify-content: flex-start;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .load-bar-base {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .tab-button-2 {
    justify-content: flex-start;
  }

  .item-container---grid-visitor-how, .grid-item---arrow-right-how-works {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---description-demo {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading---text-hero-addon {
    font-size: 29px;
    line-height: 42px;
  }

  .container---best-add-on {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub-heading---habit-gforms, .sub-heading-top---hero-feature {
    font-size: 16px;
  }

  .h1-heading---hero-feature {
    font-size: 29px;
    line-height: 42px;
  }

  .sub-heading---hero-feature {
    font-size: 16px;
  }

  .item-container---grid-use-case-feature, .item-container---grid-use-case-feature-c2, .item-container---grid-checkout-feature {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---kiosk {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 16px;
  }

  .item-container---grid-use-cases-kiosk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---description-feature-cell {
    width: 100%;
    padding: 10px 15px;
  }

  .div---feature-cell-kiosk {
    padding: 15px 5px;
  }

  .h1-heading---hero-kiosk {
    font-size: 29px;
    line-height: 42px;
  }

  .col-kiosk {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tabs-menu-kiosk {
    flex-wrap: wrap;
  }

  .div---column-titles-kiosk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---hero-ipad-kiosk {
    font-size: 16px;
  }

  .tab-button-kiosk {
    justify-content: flex-start;
  }

  .h1-heading---hero-gforms {
    font-size: 35px;
    line-height: 50px;
  }

  .heading-text---gforms {
    font-size: 16px;
  }

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

  .tab-link---gforms {
    margin-left: 0;
    margin-right: 0;
  }

  .card-tabs.tabs-v1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-content---brix {
    margin-top: 20px;
  }

  .top-heading---h2-hero-gforms {
    font-size: 13.5px;
    line-height: 35px;
  }

  .stack---hero-proxy {
    padding-top: 20px;
  }

  .sub-heading---hero-proxy {
    font-size: 16px;
  }

  .item-container---grid-benefits-blog, .item-container---grid-use-cases-class-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---class-attendance-app {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 16px;
  }

  .grid---feature-class-at {
    grid-template-columns: 1fr 1fr;
  }

  .h1-heading---text-hero-class-at {
    font-size: 29px;
    line-height: 42px;
  }

  .grid-content-l--class-at-system {
    grid-template-columns: 1.5fr;
  }

  .grid-content-r--class-at-system {
    grid-template-columns: 2fr;
  }

  .grid---item-benefits-class-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---cta-class-at {
    font-size: 16px;
  }

  .div---h2-heading-case-study {
    padding-left: 0%;
    padding-right: 0%;
  }

  .item-container---grid-case-study {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---h2-heading-solution-case-study-copy {
    padding-left: 0%;
    padding-right: 0%;
  }

  .item-container---grid-challange-case-study {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---cta-case-study {
    grid-row-gap: 20px;
    grid-template-columns: 1.75fr;
  }

  .content-wrap-left {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs---class-attendance {
    display: none;
  }

  .item-container---grid-use-cases-classes {
    padding-left: 10px;
    padding-right: 10px;
  }

  .top-heading---class-at {
    font-size: 16px;
  }

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

  .hover-tabs_list-item, .hover-tabs_list-item-2, .hover-tabs_list-item-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .tabs-menu---brix-2 {
    flex-direction: column;
  }

  .section---case-study-classes.case-study {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .form-newsletter {
    width: 100%;
    padding-left: 0;
  }

  .div---challange-case-study {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---text-challenges-case-study {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-content---image-persona-2-copy, .tabs-content---image-persona-2 {
    margin-top: 20px;
  }

  .div---cta-case-study-class {
    margin-left: 20px;
    margin-right: 20px;
  }

  .grid---why-onetap-class-attendance-r2 {
    padding-left: 0;
    padding-right: 0;
  }

  .h1-heading---hero-proxy-attendance {
    font-size: 29px;
    line-height: 42px;
  }

  .item-container---grid-use-case-proxy-attendance {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---hero-quote {
    font-size: 16px;
    line-height: 28px;
  }

  .div---heading-problems-proxy-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---prob-proxy, .heading-text---proxy-at {
    font-size: 16px;
  }

  .div---cta-with-heading-proxy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---persona-proxy {
    grid-column-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .sub-heading-text---persona {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .text---cta-proxy-at, .heading---how-onetap {
    font-size: 16px;
  }

  .h2-heading---hero-proxy-attendance {
    font-size: 29px;
    line-height: 42px;
  }

  .sub-heading-text---prevent-proxy-at {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 16px;
  }

  .container---hero-proxy-attendance {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---h2-proxy-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---proxy-at {
    font-size: 16px;
  }

  .div---quote-proxy-at {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div---cta-with-heading-proxy-at, .div---heading-persona-proxy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---persona-proxy, .text---client-quote {
    font-size: 16px;
  }

  .div---quote-proxy-at1 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .text---before-onetap, .sub-heading-text---other-apps-proxy-at {
    font-size: 16px;
  }

  .card-content-pricing, .card-top-pricing {
    padding: 20px;
  }

  .heading---plans-pricing.pricing-home.custom-pricing-home, .heading---plans-pricing.pricing-bts-offer.custom-pricing-home {
    margin-top: 70px;
  }

  .cards-wrap {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cards-wrap.pricing-home {
    grid-template-columns: 1fr 1fr;
  }

  .card-3.pricing-home.free-plan-home {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .switch-wrap-pricing-2 {
    margin-bottom: 40px;
  }

  .shadow-3 {
    z-index: 99;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #1118284d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .text---plan-pricing {
    padding-right: 80px;
  }

  .text---plan-pricing.pricing-home {
    text-align: center;
  }

  .item-container---why-onetap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-global-2 {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  .padding-global-2.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .faqs-heading {
    font-size: 18px;
  }

  .faq-p {
    margin-bottom: 20px;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 15px;
  }

  .faq-question-2 {
    padding: 20px 16px;
  }

  .sticky-grid-pricing {
    background-color: #edf1fd;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .table-cell {
    width: 33.2%;
  }

  .price-category-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pricing-chart-grid {
    flex-flow: wrap;
    grid-template-columns: 1.5fr 1fr;
    grid-template-areas: ".";
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .placeholder-spacer {
    display: none;
  }

  .table-cell-title {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
  }

  .pricing-tab-link {
    width: 40%;
  }

  .pricing-tab-link.w--current {
    width: 30%;
  }

  .pricing-item {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-use-cases {
    flex-wrap: wrap;
  }

  .tab-button-use-case {
    justify-content: flex-start;
  }

  .heading-large {
    font-size: 1.875rem;
  }

  .vertical-scroll-wrapper {
    height: 2.34375rem;
    overflow: hidden;
  }

  .text-rotation-wrapper {
    margin-left: 0%;
  }

  .card-bottom-features {
    padding: 20px;
  }

  .tick-icon {
    width: 4%;
  }

  .item-container---grid-benefits-self-check-in-qr, .item-container---grid-how-it-works-self-check-in-qr {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-menu---forms-qr {
    flex-direction: column;
  }

  .tab-link---gforms-qr {
    margin-left: 0;
    margin-right: 0;
  }

  .section-24 {
    padding: 3vh;
  }

  .card-wrapper {
    width: 100%;
    max-width: 600px;
    padding: 30px;
  }

  .cards-container {
    padding-top: 0;
    top: 3vh;
  }

  .section-25 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .button-box {
    margin-top: 40px;
  }

  .navigator-flex {
    grid-row-gap: 30px;
    border-radius: 10px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    top: 5vh;
  }

  .hero-heading {
    font-size: 30px;
    line-height: 54px;
  }

  .hero-text {
    font-size: 16px;
    line-height: 32px;
  }

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

  .title---feature-comparison-table {
    letter-spacing: 0;
    font-size: 1.7vw;
  }

  .h2-vertical-scroll-wrapper {
    height: 2.34375rem;
    overflow: hidden;
  }

  .section---use-case-forms-qr {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button-box---gforms-qr {
    margin-top: 40px;
  }

  .section---use-case-forms-qr-mobile {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .card-tabs-mobile.tabs-v1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text---feature-gforms-qr, .sub-heading---hero-gforms-templates, .sub-heading---top-gforms-templates {
    font-size: 16px;
  }

  .div---subheading-gforms-templates-onetap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .title---text-gforms-templates {
    font-size: 16px;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navbar-mobile {
    display: block;
  }

  .nav-menu__cta-button {
    background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--royal-blue));
    border-radius: 10px;
  }

  .img---logo-nav-mobile {
    width: 20%;
  }

  .navbar__navmenu {
    height: 85vh;
  }

  .navmenu__link-list {
    border-bottom-style: none;
  }

  .h1-heading---hero-gforms-location {
    font-size: 35px;
    line-height: 50px;
  }

  .heading-large-gforms {
    font-size: 1.875rem;
  }

  .container---hero-excel-alternative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h1-heading---hero-excel-alternative {
    text-align: center;
    font-size: 34px;
    line-height: 42px;
  }

  .sub-heading-text---benefits-excel-alternatives {
    font-size: 16px;
  }

  .sub-heading---hero-excel-alternative {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
    line-height: 26px;
  }

  .section---hero-attendance-home {
    padding-top: 100px;
  }

  .text---hero-home {
    font-size: 13px;
    line-height: 150%;
  }

  .div---heading-hero {
    margin-bottom: 30px;
  }

  .heading---hero-home-25 {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .primary-button, .secondary-button-2 {
    padding: 12px 20px;
    font-size: 15px;
  }

  .section---social-proof-hero-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-home.logos {
    margin-top: 10px;
  }

  .client-logo-ticker-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .text---social-proof {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 15px;
    line-height: 150%;
  }

  .section-title-2 {
    font-size: 28px;
  }

  .use-cases-tab-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .use-case-content-wrapper {
    padding: 30px;
  }

  .div-title-wrap.center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---use-cases-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---use-cases-home.industry {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .use-cases-single-tab-link {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .use-cases-single-tab-link.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .use-case-title {
    font-size: 24px;
  }

  .use-cases-tab-link-details {
    font-size: 13px;
  }

  .use-case-img-wrapper {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .text-button-wrap {
    grid-column-gap: 10px;
    font-size: 15px;
  }

  .div---heading-wrapper {
    margin-bottom: 0;
  }

  .heading---home {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading---home.comparison-home {
    margin-bottom: 10px;
    line-height: 40px;
  }

  .heading-text---home {
    font-size: 15px;
    line-height: 150%;
  }

  .div---use-cases-wrap {
    margin-bottom: 0;
  }

  .list---use-cases {
    font-size: 14px;
  }

  .core-feature-v2-icon-flex {
    grid-column-gap: 10px;
  }

  .it-work-img {
    width: 300px;
  }

  .it-work-img-wrap {
    padding-top: 40px;
  }

  .core-feature-v2-icon {
    width: 45px;
  }

  .section---persona-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .persona-tabs-wrapper {
    display: none;
  }

  .persona-tab-menu {
    margin-bottom: 10px;
  }

  .persona-single-tab-link {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .persona-tab-link-details {
    font-size: 15px;
  }

  .section---comparison-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .text---item-col-paper {
    font-size: 14px;
    line-height: 22px;
  }

  .title---col-comparison {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 150%;
  }

  .works-list-wrap {
    grid-row-gap: 15px;
  }

  .single-it-works-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section---how-works {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .works-list-item {
    grid-column-gap: 10px;
  }

  .work-list-details, .text---top-list {
    font-size: 15px;
    line-height: 150%;
  }

  .single-feature-content-wrap {
    grid-column-gap: 30px;
  }

  .feature-title-4 {
    margin-bottom: 6px;
    font-size: 24px;
  }

  .feature-flex-wrap {
    grid-row-gap: 20px;
  }

  .integration-v2-img-wrap {
    max-height: 336px;
    position: relative;
  }

  .feature-card._1, .feature-card._4, .feature-card._2, .feature-card._3 {
    width: 25%;
  }

  .feature-details {
    font-size: 14px;
    line-height: 150%;
  }

  .single-feature-wrapper._2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .single-feature-wrapper._1 {
    padding-bottom: 36px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .single-feature-wrapper.small {
    padding-left: 15px;
  }

  .single-feature-wrapper._4 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .feature-title-wrap.center {
    margin-bottom: 30px;
  }

  .feature-title-wrap.center._3 {
    margin-bottom: 20px;
  }

  .feature-title-wrap._2 {
    margin-bottom: 30px;
  }

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

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

  .feature-grid-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .feature-title {
    font-size: 20px;
  }

  .feature-grid-wrap-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .subtext---feature-security {
    font-size: 15px;
    line-height: 150%;
  }

  .feature-security-details {
    font-size: 14px;
    line-height: 150%;
  }

  .section---testimonial-home {
    padding-top: 40px;
    padding-bottom: 80px;
  }

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

  .text---customer-testimonial {
    font-size: 15px;
    line-height: 150%;
  }

  .single-plan-tab-link {
    padding: 20px;
  }

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

  .heading---faq-home {
    margin-bottom: 8px;
    font-size: 38px;
  }

  .grid---faq-home {
    grid-template-rows: auto auto auto auto;
  }

  .section---multiple-check-ins {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-179 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .core-feature-v2-title {
    font-size: 20px;
  }

  .core-feature-v2-accordion-details-2 {
    font-size: 15px;
    line-height: 150%;
  }

  .core-feature-v2-arrow-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .it-work-img-wrap-2 {
    padding-top: 40px;
  }

  .core-feature-v2-accordion-ans {
    padding-left: 55px;
  }

  .div---inner-persona-content {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .title---persona-tab {
    font-size: 15px;
  }

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

  .div---feature-cta-home {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading---feature-home {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 38px;
  }

  .grid---feature-cta {
    grid-template-columns: 1.75fr;
  }

  .div---img-hero-home {
    margin-top: 50px;
  }

  .text---rotate {
    font-size: 15px;
    line-height: 150%;
  }

  .text---rotate-left {
    font-size: 13px;
    line-height: 150%;
  }

  .text---use-csae-bottom-content {
    font-size: 15px;
    line-height: 150%;
  }

  .pricing-description-text {
    font-size: 2.5vw;
  }

  .text-block-88 {
    letter-spacing: 0;
    font-size: 1.7vw;
  }

  .section-27 {
    padding: 30px;
  }

  .rotate-wrap {
    margin-top: -30px;
  }

  .rotatingtext {
    font-size: 28px;
  }

  .process-border-wrapper {
    display: none;
  }

  .process-logo-wrap {
    justify-content: center;
    align-items: flex-start;
    margin-top: -30px;
    display: flex;
  }

  .process-border {
    display: block;
  }

  .process-logo {
    margin-top: 11px;
  }

  .div---rotate-left-persona {
    max-width: 200px;
  }

  .div---rotate-center-persona {
    max-width: 210px;
  }

  .text---rotate-center {
    font-size: 13px;
    line-height: 150%;
  }

  .div---rotate-text-wrapper-right-persona {
    padding-right: 5%;
  }

  .text---rotate-right {
    font-size: 13px;
    line-height: 150%;
  }

  .div---rotate-right-persona {
    max-width: 230px;
  }

  .heading---persona-home {
    margin-bottom: 8px;
    font-size: 28px;
  }

  .section---how-works-sample {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container---onetap-pricing-home {
    grid-template-columns: 1fr;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div---quote-home {
    padding-left: 0%;
    padding-right: 0%;
  }

  .list---feature-tab-cta {
    font-size: 14px;
  }

  .image-431 {
    width: 50%;
  }

  .list---text-feature {
    font-size: 14px;
  }

  .grid---check-in-methods-home {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---check-ins-methods {
    text-align: center;
  }

  .div---check-ins-methods.tab---highlighted-shadow {
    flex-flow: column;
    display: flex;
  }

  .h3---title-check-in-methods {
    padding-right: 0;
  }

  .text---check-in-methods {
    font-size: 14px;
    line-height: 150%;
  }

  .image-432, .image-433, .image---check-in-methods, .image---visitor-check-in-method {
    width: 50%;
  }

  .cta---title-check-in-methods {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
  }

  .grid---use-cases-wrap-home-mob {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text---title-use-case {
    padding-right: 0;
    font-size: 15px;
  }

  .text---use-case-content-wrapper {
    padding: 30px;
  }

  .div---text-use-cases-wrap-mob {
    margin-bottom: 0;
  }

  .text---use-csae-bottom-content-mob {
    font-size: 15px;
    line-height: 150%;
  }

  .use-case-title-mob {
    font-size: 24px;
  }

  .div-block-190 {
    margin-top: 160px;
  }

  .image-436 {
    width: 180px;
  }

  .heading---hero-univ {
    font-size: 30px;
    line-height: 42px;
  }

  .sub-heading---hero-univ {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .section---social-proof-hero-univ {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-univ.logos {
    margin-top: 10px;
  }

  .container---univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---univ {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---heading-wrapper-univ {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .div---quote-univ {
    padding-left: 0%;
    padding-right: 0%;
  }

  .title---grid-how-it-works-univ {
    font-size: 17px;
  }

  .item-container---grid-how-it-works-univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .persona-tab-menu---univ {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .persona-single-tab-link---univ {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .persona-single-tab-link---univ.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .persona-img-wrapper---univ {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .slider01_mask {
    width: 80%;
  }

  .slider_arrow.is-left {
    right: 3.5rem;
  }

  .testimonial-person_item {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .h1 {
    font-size: 2.5rem;
  }

  .testimonial-card1_item {
    padding: 1.5rem;
  }

  .testimonial-arrow-icon {
    width: 17px;
  }

  .single-feature-content {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: stretch;
  }

  .feature-arrow.right {
    right: 20px;
  }

  .feature-arrow.left {
    right: 85px;
  }

  .grid---use-case-univ {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image---use-case {
    width: 50%;
  }

  .div---heading-cell, .div---text-cell {
    padding: 10px 15px;
  }

  .div---cell-alternative-benefits {
    padding: 15px;
  }

  .text---compare, .text---compare1 {
    font-size: 15px;
    line-height: 150%;
  }

  .item-container---feature-comparison {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---programs-univ, .div---text-programs-univ {
    margin-bottom: 0;
  }

  .title---benefit {
    font-size: 28px;
  }

  .title---benefit.univ, .title---benefit.after-school, .title---benefit.grants, .title---benefit.ce-credits {
    font-size: 20px;
  }

  .grid---demo-univ {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .grid---demo {
    grid-template-columns: 1.25fr;
  }

  .item-container---grid-demo {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .image-438 {
    width: 60%;
  }

  .div---cta-demo {
    text-align: center;
    margin-top: 40px;
  }

  .image---benefits-univ {
    width: 300px;
  }

  .text---cta-benefit-sm, .text---benefits-details-mobile {
    font-size: 15px;
    line-height: 150%;
  }

  .div---text-benefit-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---text-benefit-mobile.school-classroom {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---persona-wrap-univ-mob {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text---title-persona {
    padding-right: 0;
    font-size: 15px;
  }

  .div---imag-benefits-wrap {
    padding-top: 40px;
  }

  .accordion-paragraph---faq {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .column---faq {
    max-width: 100%;
  }

  .column---faq.right---faq {
    margin-left: 0;
  }

  .column---faq.left---faq {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .faq-columns-wrapper {
    flex-direction: column;
  }

  .accordion-item-title---faq {
    max-width: 80%;
    font-size: 18px;
  }

  .accordion-item-title---faq.accordion-3---faq {
    max-width: 82%;
  }

  .accordion-item---faq.accordion-3---faq {
    margin-bottom: 16px;
    padding: 32px;
  }

  .sub-heading---text-hero-univ {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
  }

  .title---how-it-works-univ {
    font-size: 17px;
  }

  .item-container---grid-use-case-univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-container---grid-use-case-univ.hv2 {
    padding: 10px;
  }

  .div---cell-alternative-univ {
    padding: 15px;
  }

  .div---text-cell-univ {
    padding: 10px 15px;
  }

  .single-comparison-content {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: stretch;
  }

  .div---comparison-mobile {
    margin-top: 40px;
  }

  .cta-text---comparison {
    font-size: 15px;
    line-height: 150%;
  }

  .persona-tab-menu---school {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid---use-case-school {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .item-container---grid-use-case-school {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---text-use-cases-school {
    margin-bottom: 0;
  }

  .text---use-cases-school {
    font-size: 14px;
  }

  .text-wrap {
    grid-row-gap: 15px;
  }

  .div---heading-wrapper-school {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .div---quote-school {
    padding-left: 0%;
    padding-right: 0%;
  }

  .text---social-proof-school {
    font-size: 15px;
    line-height: 150%;
  }

  .image---benefits-school {
    width: 300px;
  }

  .div---benefit-content-bottom-school.school-classroom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---benefit-bottom-content {
    font-size: 15px;
    line-height: 150%;
  }

  .image---kiosk-benefits-school {
    width: 200px;
  }

  .persona-img-wrapper---school {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .div---image-benefits-school {
    padding-top: 40px;
  }

  .heading---school {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---heading-wrap-school, .div---heading-wrap-usecase-school {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .grid---persona-school {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .item-container---grid-persona-school {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---hero-after-school {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .item-container---grid-after-school {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---hero-school {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div---heading-usecase-after-school, .div---heading-benefits-after-school {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .image---benefits-after-school {
    width: 300px;
  }

  .item-container---grid-use-case-after-school {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---cell-as {
    padding: 15px;
  }

  .div---text-cell-as {
    padding: 10px 15px;
  }

  .div---text-value-afterschool {
    margin-bottom: 0;
  }

  .text---value-afterschool {
    font-size: 14px;
  }

  .container---value-afterschool {
    padding-left: 10px;
    padding-right: 10px;
  }

  .persona-tab-link-details-afterschool {
    font-size: 13px;
  }

  .persona-content-wrapper {
    padding: 30px;
  }

  .div---persona-content-wrap {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .persona-img-wrapper---afterschool {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .persona-tab-menu---afterschool {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid---value-after-school {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text---afterschool, .text---persona-afterschool {
    font-size: 14px;
  }

  .title---use-case-afterschool {
    font-size: 17px;
  }

  .persona-title-mob {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .text---persona-content-wrapper {
    padding: 30px;
  }

  .div---text-value-usecase-afterschool {
    margin-bottom: 0;
  }

  .text---value-after-school {
    font-size: 14px;
  }

  .heading---afterschool {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---quote-afterschool {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .div---persona-home-mob {
    margin-bottom: 60px;
    display: block;
  }

  .persona-content-wrap-home {
    text-align: center;
  }

  .text---persona-home {
    font-size: 16px;
  }

  .text---persona-content-wrapper-home {
    padding: 30px;
  }

  .div---persona-content-wrap-top {
    border-top-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div---persona-content-wrap-bottom {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div---persona-home {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .div---inner-wrap-kiosk {
    margin-bottom: 0;
  }

  .list---text-inner-ipad-kiosk {
    font-size: 14px;
  }

  .text---link-kiosk-check-in-app {
    font-size: 14px;
    line-height: 150%;
  }

  .heading---check-ins-home {
    margin-bottom: 8px;
    font-size: 28px;
  }

  .section---reports-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---reports-home {
    grid-template-columns: 1.75fr;
  }

  .title---text-reports {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 150%;
  }

  .text---reports {
    font-size: 14px;
    line-height: 22px;
  }

  .heading---reports-home {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-text---reports-home {
    font-size: 15px;
    line-height: 150%;
  }

  .grid---use-case-grants {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .item-container---grid-use-case-grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---use-case-grants {
    font-size: 17px;
  }

  .text---use-cases-grants, .list-text---use-cases-grants {
    font-size: 14px;
  }

  .div---heading-usecase-grants {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .sub-heading---grants {
    font-size: 15px;
    line-height: 150%;
  }

  .footer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 20px;
  }

  .section-31 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-left-div {
    padding-left: 30px;
    padding-right: 20px;
  }

  .footer-heading {
    font-size: 50px;
    line-height: 50px;
  }

  .footer-text {
    max-width: none;
  }

  .footer-right-div {
    padding-left: 30px;
  }

  .social-media-branding-div {
    grid-column-gap: 20px;
    margin-bottom: 40px;
  }

  .navigator-flex-2 {
    grid-row-gap: 30px;
    border-radius: 10px;
    justify-content: center;
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
    top: 5vh;
  }

  .social-icon {
    width: 20px;
    height: 20px;
  }

  .tabs-menu---grants {
    flex-wrap: wrap;
  }

  .container---grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---features-grants {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .grid---faq-grants, .grid---faq-col2-grants {
    grid-template-rows: auto auto auto auto;
  }

  .sub-heading---usecase-grants, .sub-heading---simplify-grants, .sub-heading---compare-grants {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---usecase-programs {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---heading-usecase-grants-programs {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .container---value-grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---benefits-grants {
    font-size: 15px;
    line-height: 150%;
  }

  .container---modern-solution {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading-modern-grants {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .heading---modern-grants {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .sub-heading---modern-grants, .text---modern-grants {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---grants, .heading---grants-mgmt {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .text---cta-benefit-grants {
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-compare-grants {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .div---cta-demo-grants {
    text-align: center;
    margin-top: 40px;
  }

  .image---benefits-grants {
    width: 300px;
  }

  .heading---check-ins-methods-home {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .item-container---onetap-attendance-system {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---onetap-attendance-system {
    font-size: 14px;
    line-height: 22px;
  }

  .div---cta-demo-home {
    text-align: center;
    margin-top: 40px;
  }

  .heading---grants-management {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---image-benefits-grants {
    padding-top: 40px;
  }

  .grid---cta-feature-wrap-home {
    grid-row-gap: 20px;
    grid-template-columns: 1.75fr;
  }

  .grid---faq-after-school {
    grid-template-rows: auto auto auto auto;
  }

  .section---social-proof-hero-class {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-class.logos {
    margin-top: 10px;
  }

  .div---quote-hero-proxy {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div---check-ins-methods-home {
    text-align: center;
  }

  .div-heading---hero-pricing {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---feature {
    font-size: 15px;
    line-height: 150%;
  }

  .grid---pain-features {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .item-container---grid-features, .container---feature-webpage {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---features {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .heading---hero-features {
    font-size: 30px;
    line-height: 42px;
  }

  .sub-heading---how-feature {
    font-size: 15px;
    line-height: 150%;
  }

  .image---benefits-features {
    width: 300px;
  }

  .section---social-proof-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero.logos {
    margin-top: 10px;
  }

  .section---social-proof-hero-attendance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-attendance.logos {
    margin-top: 10px;
  }

  .section---social-proof-hero-visitor {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-visitor.logos {
    margin-top: 10px;
  }

  .section---social-proof-hero-uni {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-uni.logos {
    margin-top: 10px;
  }

  .tab-menu---trigger-action-feature {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .single-tab---link-action {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .single-tab---link-action.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---integration-feature {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .subheading---feature {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---how-integrations {
    font-size: 24px;
  }

  .div---text-how-integration {
    padding: 30px;
  }

  .grid---use-cases-integration {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div---quote-integration {
    padding-left: 0%;
    padding-right: 0%;
  }

  .tab-menu---integration {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid---use-cases-integration-jotform, .grid---use-cases-integration-rest-api {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .container---usecase-integration {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---text-integrations {
    font-size: 17px;
  }

  .container---other-integrations, .item-container---other-integrations {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subheading---integration-jotform {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---integrations {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .subheading---other-integration {
    font-size: 15px;
    line-height: 150%;
  }

  .image-wrap---connect-integration {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .div---text-webhooks-integration {
    padding: 30px;
  }

  .image-wrap---connect-integration-webhooks {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .section---integration-webhooks {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---webhook-integration {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-wrap---n8n-integration {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .heading---features-integration {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .subheading---feature-integration {
    font-size: 15px;
    line-height: 150%;
  }

  .sub-heading---hero-feature-integrations {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .text---hero-compliance {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---persona-compliance {
    margin-bottom: 8px;
    font-size: 28px;
  }

  .div---heading-wrap-persona-compliance {
    margin-bottom: 0;
  }

  .heading-text---compliance {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---feature-compliance {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .grid---feature-compliance {
    grid-template-columns: 1fr 1fr;
  }

  .section---persona-compliance, .section---reports-compliance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .title---text-reports-compliance {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 150%;
  }

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

  .heading---compliance {
    margin-bottom: 8px;
    font-size: 28px;
  }

  .section---how-onetap-compliance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text---cta-demo {
    font-size: 15px;
    line-height: 150%;
  }

  .section---hero-compliance {
    padding-top: 100px;
  }

  .button---navigation-cta-demo {
    padding: 7px 10px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    display: block;
  }

  .grid---persona-compliance-mob {
    text-align: center;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    display: block;
  }

  .image---compliance {
    width: 50%;
  }

  .text---cta {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
  }

  .div---heading-school {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .section---social-proof-alternatives {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-alternatives.logos {
    margin-top: 10px;
  }

  .div---heading-wrapper-afterschool {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .heading---feature-grants {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---heading-features-grants {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .div---text-usecases-school {
    margin-bottom: 0;
  }

  .section---usecase-compliance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---usecases-compliance {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---usecases-compliance {
    text-align: center;
  }

  .h3---title-usecase {
    padding-right: 0;
  }

  .text---persona-usecase, .text---usecase-compliance, .text---highlight-usecase {
    font-size: 14px;
    line-height: 150%;
  }

  .section---hero-attendance-tracker-app {
    padding-top: 100px;
  }

  .heading---hero-attendance-tracker {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .text---hero-attendance-tracker {
    font-size: 15px;
    line-height: 150%;
  }

  .section---use-cases-attendance-tracker {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---use-cases-attendance-tracker {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---use-case-attendance-tracker {
    text-align: center;
  }

  .div---inner-wrap-usecase {
    margin-bottom: 0;
  }

  .list---text-usecase {
    font-size: 14px;
  }

  .section---social-proof-hero-qr {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section---social-proof-hero-qr.logos {
    margin-top: 10px;
  }

  .text---usecase-at {
    font-size: 14px;
    line-height: 150%;
  }

  .div---use-case-cta-attendance-tracker {
    text-align: center;
  }

  .heading-text---attendance-tracker {
    font-size: 15px;
    line-height: 150%;
  }

  .section---solution-attendance-tracker {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div---flex-benefits-attendance-tracker {
    grid-row-gap: 30px;
    border-radius: 10px;
    justify-content: center;
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
    top: 5vh;
  }

  .h3---title-comparison-at {
    padding-right: 0;
  }

  .div---text-comparison-col-left {
    margin-bottom: 0;
  }

  .div---setup-attendance-tracker {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---cta-at {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section---testimonial-at {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .div---heading-wrapper-at {
    margin-bottom: 0;
  }

  .heading---hero-bts {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .text---hero-bts {
    font-size: 15px;
    line-height: 150%;
  }

  .div---use-case-bts {
    text-align: center;
  }

  .grid---use-cases-bts {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---heading-wrapper-bts {
    margin-bottom: 0;
  }

  .heading---bts {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div---heading-wrapper-bts-benefits {
    margin-bottom: 0;
  }

  .div---use-case-cta-bts {
    text-align: center;
  }

  .countdown_number {
    font-size: 3em;
  }

  .heading-text---bts {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---offer-bts {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-text---offer-bts {
    font-size: 15px;
    line-height: 150%;
  }

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

  .image---benefits-bts, .image---feature-bts {
    width: 300px;
  }

  .heading-text---reports-bts {
    font-size: 15px;
    line-height: 150%;
  }

  .title---benefit-bts {
    font-size: 28px;
  }

  .faq-columns-wrapper---bts {
    flex-direction: column;
  }

  .accordion-paragraph---faq-bts {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .subheading-text---attendance-tracker {
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-wrapper-attendace-tracker {
    margin-bottom: 0;
  }

  .div---cta-feature-at {
    margin-left: 20px;
    margin-right: 20px;
  }

  .image---comparison-col-left-at {
    height: 200px;
  }

  .heading-text---at {
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-at {
    margin-bottom: 0;
  }

  .heading---text-hero-article {
    font-size: 29px;
    line-height: 42px;
  }

  .div---app-cell-article {
    padding: 15px;
  }

  .div---description-cell-article, .div---description-cell-details-article {
    padding: 10px 15px;
  }

  .div---cta-hero-horizontal {
    flex-flow: column;
  }

  .sub-heading---grants-management, .text---demo-hero, .heading-text---halloween-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---hero-lp {
    font-size: 30px;
    line-height: 42px;
  }

  .sub-heading---hero-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .div---heading-wrapper-lp {
    margin-bottom: 0;
  }

  .div---grid-usecase-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---grid-lp {
    font-size: 17px;
  }

  .h2-heading---lp {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-text---onetap-halloween-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .div---how-lp {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div---heading-wrapper-how-lp {
    margin-bottom: 0;
  }

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

  .link---demo-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---demo-hero {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 50px;
  }

  .subheading---demo-hero {
    margin-bottom: 8px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 30px;
    line-height: 43px;
  }

  .text---hero-demo {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-hero-copy {
    margin-bottom: 30px;
  }

  .subtext---demo-cta {
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-wrapper-np {
    margin-bottom: 0;
  }

  .heading---section-np {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading---pain-np {
    padding-right: 0;
  }

  .div---inner-wrap-np {
    margin-bottom: 0;
  }

  .list---inner-text-np {
    font-size: 14px;
  }

  .text---demo-cta {
    font-size: 15px;
    line-height: 150%;
  }

  .icon---quote-persona {
    width: 20px;
  }

  .content-wrapper---persona {
    padding: 30px;
  }

  .text---use-case-np {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 15px;
    line-height: 150%;
  }

  .ticker-wrapper---use-cases {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .text---ticker {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 15px;
    line-height: 150%;
  }

  .div---cta-demo-np {
    text-align: center;
    margin-top: 40px;
  }

  .heading-text---np {
    font-size: 15px;
    line-height: 150%;
  }

  .div---comparison-np {
    padding: 10px 15px;
  }

  .img---demo-cta {
    width: 60%;
  }

  .div---cta-demo-faq-np {
    text-align: center;
    margin-top: 40px;
  }

  .hero-image---np.hero-image-left---np {
    border-radius: 18px;
    width: 36%;
    top: 24px;
    left: 24px;
  }

  .hero-image---np.hero-image-right---np {
    border-radius: 18px;
    width: 38%;
    bottom: 24px;
    right: 24px;
  }

  .button-secondary---brix.variant-01---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  ._2-buttons---brix {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .button---demo {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .text---hero-np {
    font-size: 15px;
    line-height: 150%;
  }

  .button---demo-np {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .div---hero-wrap-np {
    margin-bottom: 0;
  }

  .section---solution-np {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-image---brix.hero-v5-image-left---brix {
    border-radius: 18px;
    width: 36%;
    top: 24px;
    left: 24px;
  }

  .hero-image---brix.hero-v5-image-right---brix {
    border-radius: 18px;
    width: 38%;
    bottom: 24px;
    right: 24px;
  }

  .hero-image---brix.hero-v2---brix._03---brix, .hero-image---brix.hero-v2---brix._02---brix {
    border-radius: 8px;
  }

  .hero-image---brix.hero-v2---brix._01---brix {
    border-radius: 12px;
  }

  .hero-image---brix.hero-v3---brix {
    height: 40vh;
    min-height: 40vh;
  }

  .hero-image---brix.hero-v6---brix._01---brix {
    border-radius: 12px;
  }

  .hero-image---brix.hero-v1---brix {
    border-radius: 15px;
  }

  .hero-image---brix.hero-v1---brix._02---brix {
    margin-top: 101px;
    margin-left: 12px;
  }

  .component-section---brix.hero-v5---brix {
    padding-top: 82px;
  }

  .component-section---brix.hero-v3---brix {
    justify-content: flex-start;
  }

  .button-primary---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .button-primary---brix._2-buttons---brix {
    margin-bottom: 16px;
    margin-right: 16px;
  }

  .cloneable-header-grid {
    grid-template-columns: 1fr;
  }

  .heading---hero-np {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .section---features-np {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---features-np {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div---feature-single-np {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---persona-np {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-text---section-np {
    font-size: 15px;
    line-height: 150%;
  }

  .img---content-np {
    width: 300px;
  }

  .div---solution-content-wrapper-np {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div---list-wrapper-np {
    margin-bottom: 0;
  }

  .list---features-np {
    font-size: 14px;
  }

  .tab-title---persona-np {
    font-size: 13px;
  }

  .heading-text---best-np {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---best-np {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .grid---persona-wrap-np-mob {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div---quote-persona-np {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .div---persona-content-wrap-np {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .title---features-np {
    font-size: 17px;
  }

  .div---column-titles-np {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---section-feature-np {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-text---feature-np, .heading-text---use-case-np {
    font-size: 15px;
    line-height: 150%;
  }

  .div---content-wrapper-mob {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .list---inner-text-mob {
    font-size: 14px;
  }

  .persona-img-wrapper---np {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .list---inner-text-pain-np {
    font-size: 14px;
  }

  .footer-grid-2 {
    grid-row-gap: 34px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .subtitle-wrapper---brix.hero-section-v1---brix {
    margin-bottom: 20px;
  }

  .logo-bar-grid-hero-v2---brix {
    grid-column-gap: 43px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .submit-button---brix {
    padding-left: 34px;
    padding-right: 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .grid-header {
    grid-template-columns: 1fr .6fr;
  }

  .header-logo {
    width: 260px;
  }

  .hero-form-block---brix.hero-v1---brix {
    margin-bottom: 24px;
  }

  .logo-bar-grid-hero-v1---brix {
    grid-column-gap: 43px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .logo-bar-grid-hero-v5---brix-3 {
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    grid-template-columns: auto 1fr;
    justify-items: start;
  }

  .blob-hero-2 {
    width: 50%;
    bottom: -14%;
    left: -27%;
  }

  .cta-card-image {
    bottom: -20%;
  }

  .hero-v3-wrapper---brix {
    justify-content: space-between;
  }

  .split-content---brix.hero-v3-right---brix {
    max-height: 45vh;
  }

  .grid-2-columns {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .cta-card {
    padding-top: 52px;
  }

  .section---onetap-np {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .div---cta-np {
    margin-left: 20px;
    margin-right: 20px;
  }

  .button---signup {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .button---cta-demo-np, .button---cta-demo-np-faq {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .div-content-wrapper---persona {
    padding: 30px;
  }

  .div---content-wrap-persona {
    margin-bottom: 0;
  }

  .list---inner-text-persona {
    font-size: 14px;
  }

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

  .section---persona-tab-np, .section---case-study-np {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---case-study-np {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .div---content-case-study {
    grid-template-columns: 1.25fr;
  }

  .text-button {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .text---case-study-np {
    font-size: 14px;
  }

  .heading---hero-events {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .div---heading-wrapper-events {
    margin-bottom: 0;
  }

  .subtext---solutionevents {
    font-size: 15px;
    line-height: 150%;
  }

  .div---wrap-events {
    margin-bottom: 0;
  }

  .heading-text---events {
    font-size: 15px;
    line-height: 150%;
  }

  .list---inner-text-pain-events {
    font-size: 14px;
  }

  .section---onetap-events {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-text---onetap-events {
    font-size: 15px;
    line-height: 150%;
  }

  .div-content-wrapper---events {
    padding: 30px;
  }

  .list---inner-text-events {
    font-size: 14px;
  }

  .heading---section-events {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .text---subheadline-hero-events {
    font-size: 15px;
    line-height: 150%;
  }

  .section---cta-events {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div---cta-heading {
    margin-bottom: 0;
  }

  .heading-text---cta-events {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---section-cta-events {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .button---secondary-demo, .button---primary-signup {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .button---primary-signup.section-pricing {
    max-width: 100%;
  }

  .section---case-study-events {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div---cta-case-study-left {
    text-align: center;
    margin-top: 40px;
  }

  .grid---case-study-events {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .section---outcome-bts-jan {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .subheadline---outcome-bts-jan, .subheadline---after-bts-jan {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---pain-bts-jan, .heading---solution-bts-jan {
    padding-right: 0;
  }

  .section---ce-use-cases {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tab-link-2 {
    padding-right: 24px;
  }

  .grid---columns-bts-jan {
    grid-template-columns: 1fr;
  }

  .text---cta-bts-jan {
    font-size: 15px;
    line-height: 150%;
  }

  .section---befotre-after-jan {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---check-in-methods-bts-jan {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---check-ins-method {
    text-align: center;
  }

  .list---text-inner {
    font-size: 14px;
  }

  .div---inner-wrap {
    margin-bottom: 0;
  }

  .section---admin-attendance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid---features-bts-jan {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div---cta-bts {
    text-align: center;
    margin-top: 40px;
  }

  .div---heading-wrap-bts {
    margin-bottom: 0;
  }

  .grid---use-cases-ce-credits {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .section---onetap-attendance {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text-wrap---bts-jan {
    grid-row-gap: 15px;
  }

  .image---attendance-bts {
    width: 300px;
  }

  .text---inner-use-case {
    font-size: 14px;
  }

  .title---use-cases {
    padding-right: 0;
  }

  .div---comparison-bts {
    padding: 10px 15px;
  }

  .text---title-comparison-bts {
    letter-spacing: 0;
    font-size: 13px;
  }

  .div---text-comparison {
    padding: 10px 15px;
  }

  .button---cta-hero-bts {
    align-items: flex-start;
    margin-top: 10px;
  }

  .div---use-cases-bts {
    text-align: center;
  }

  .div---feature-single {
    padding-left: 10px;
    padding-right: 10px;
  }

  .list---inner-text-feature {
    font-size: 14px;
  }

  .div---feature-single-bts {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---vertical-border, .div---vertical {
    text-align: center;
  }

  .heading---section-use-case-ce {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div---faq-columns-wrapper {
    flex-direction: column;
  }

  .accordion-ans---faq {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .image---location-tracking {
    width: 300px;
  }

  .text---hero-ce {
    font-size: 15px;
    line-height: 150%;
  }

  .div---heading-wrapper-ce {
    margin-bottom: 0;
  }

  .subheadline---text-ce, .text---top-headline {
    font-size: 15px;
    line-height: 150%;
  }

  .heading---hero {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .div---quote-feature, .div---quote-comparison {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section---features-ce {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .navbar_menu, .div---button_wrapper {
    display: none;
  }

  .heading---hero-credits {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .text---hero-credits {
    font-size: 15px;
    line-height: 150%;
  }

  .div---sticky-heading-wrapper {
    margin-bottom: 0;
  }

  .heading---sticky {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .subheadline---text-sticky {
    font-size: 15px;
    line-height: 150%;
  }

  .grid---sticky-use-case {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div---sticky-use-case {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---sticky-content-inner-use-case {
    font-size: 14px;
  }

  .grid---sticky-onetap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text---sticky-content {
    font-size: 14px;
  }

  .div---sticky-solution {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---solution-onetap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div---flex-wrap-cme {
    grid-row-gap: 30px;
    border-radius: 10px;
    justify-content: center;
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    top: 5vh;
  }

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

  .div---feature-cme {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navmenu_dropdown-list1 {
    padding-left: 0;
    padding-right: 0;
  }

  .navmenu_dropdown-section-list {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .navmenu_dropdown-list2 {
    padding-left: 10px;
    padding-right: 0;
  }

  .navmenu_dropdown-section-list2, .navmenu_dropdown-section-list3 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .navbar_dropdown-button-demo {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .navmenu_dropdown-section-list4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navmenu_dropdown-list4 {
    padding-right: 0;
  }

  .navmenu_dropdown-section-list5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid---sticky-use-case-cle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .subheading---certifiations {
    font-size: 15px;
    line-height: 150%;
  }

  .grid---sticky-use-case-cpe {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div---sticky-heading-wrapper-cpe {
    margin-bottom: 0;
  }

  .list---inner-text-cpe, .list---inner-text-pdh {
    font-size: 14px;
  }

  .div---hero-wrap-text-pdh {
    margin-bottom: 0;
  }

  .grid---sticky-use-case-pdh, .grid---features-pdh {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text---inner-solution-pdh {
    font-size: 14px;
  }

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

  .page-padding {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-header {
    max-width: 570px;
  }

  .hero-img-wrap {
    padding-bottom: 256px;
  }

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

  .hero-img-target {
    margin-top: 80px;
  }

  .feature-img-wrap-2 {
    border-radius: 8px;
  }

  .section-feature {
    padding-top: 300px;
  }

  .subheading {
    font-size: 18px;
  }

  .feature-subheading {
    font-size: 24px;
  }

  .heading-medium {
    font-size: 50px;
  }

  .hero-heading1 {
    font-size: 56px;
  }

  .container-hero-feature {
    text-align: center;
  }

  .div---heading-hero-feature {
    margin-bottom: 30px;
  }

  .subheading-hero-feature {
    font-size: 15px;
    line-height: 150%;
  }

  .cta-hero-feature {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .container-feature-lp {
    text-align: center;
  }

  .section-attendance-feature {
    padding-top: 300px;
  }

  .admin-feature-heading {
    font-size: 52px;
  }

  .padding-xhuge {
    padding: 4rem;
  }

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

  .button---secondary-demo-feature {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .section---compliance-blog, .section---compliance-blog.hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .floating-item.hero-v2---01 {
    max-width: 480px;
  }

  .grid---hero-columns-blog {
    grid-template-columns: 1fr;
  }

  .section-45, .section-45.hero-primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-45.hero-primary.hero-image-bg {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .right-text-after, .left-text-before {
    font-size: 15px;
    line-height: 150%;
  }

  .heading-icon {
    flex: 1;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 38px;
    line-height: 25px;
  }

  .text-icon {
    background-size: 45px 45px;
    padding-left: 1.4em;
  }

  .booster-tab-menu {
    z-index: 9;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: #fff;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
    position: sticky;
    top: 75px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .grdid-feature-columns {
    grid-template-columns: 1fr;
  }

  .cta_card.right_card {
    margin-top: 220px;
    top: 100%;
  }

  .cta_absolute-2 {
    top: 57%;
  }

  .cta_absolute-1 {
    top: 28%;
  }

  .padding-global-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-cta-last {
    justify-content: flex-start;
    align-items: center;
    min-height: 100svh;
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .cta-hero-btn {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .section-attendance {
    padding-top: 70px;
  }

  .div-heading-wrapper-attendance {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1.25fr;
    margin-bottom: 50px;
  }

  .div-persona-inner-left {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-attendance {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 38px;
  }

  .subheading-attendance {
    text-align: center;
    padding-left: 0;
    font-size: 14px;
    line-height: 150%;
  }

  .image-458 {
    width: 50%;
  }

  .grid-column-attendance {
    grid-template-columns: 1fr;
  }

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

  .grid-column2-attendance, .grid-column3-attendance {
    grid-template-columns: 1fr;
  }

  .div-card-content-seciurity {
    padding: 32px 10px 40px;
  }

  .div-integration {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-auto-flow: row;
  }

  .div-integration-wrapper {
    padding-top: 40px;
  }

  .div-persona-attendance {
    grid-template-columns: 1.25fr;
  }

  .div-inner-persona {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-inner-persona-left {
    font-size: 14px;
  }

  .cell-39 {
    padding-right: 0;
  }

  .text-inner-icon {
    font-size: 15px;
    line-height: 150%;
  }

  .typed-words {
    font-size: 38px;
    line-height: 25px;
  }

  .fs-sliderdots_arrow-right {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    right: 3rem;
  }

  .fs-sliderdots_arrow-left-2 {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    left: 3rem;
  }

  .div-section-heading-left {
    margin-bottom: 20px;
  }

  .div-button-attendance {
    justify-content: center;
    align-items: center;
  }

  .tlc-line {
    display: none;
  }

  .accordion-content-3 {
    font-size: 14px;
    line-height: 25px;
  }

  .faq-tab-link {
    border-radius: 99999px;
  }

  .accordion {
    text-align: left;
  }

  .heading-three.text-white.text-effect {
    font-size: 45px;
  }

  .faq-area-3 {
    padding-top: 20px;
  }

  .subheading-hero-attendance {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .div-section-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-text-wrap {
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-bullet-inner {
    font-size: 14px;
    line-height: 23px;
  }

  .heading-persona-attendance {
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 30px;
  }

  .div-list-inner-persona {
    margin-bottom: 12px;
  }

  .cards-heading-persona-attendance {
    margin-top: 3px;
    font-size: 13px;
  }

  .icon-persona-attendance {
    width: 12px;
    height: 12px;
  }

  .teaser-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .teaser-heading-copy-right {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div-text-wrap-right {
    margin-bottom: 0;
  }

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

  .teaser-text-copy-right {
    font-size: 15px;
    line-height: 150%;
  }

  .div-collaboration-wrapper {
    padding-top: 40px;
  }

  .rotate-text-attendance {
    font-size: 15px;
    line-height: 150%;
  }

  .div---img-hero-attendance {
    margin-top: 50px;
  }

  .heading-three-2 {
    font-size: 32px;
  }

  .section-content-sm.text-effect {
    font-size: 14px;
  }

  .img-integration-attendance {
    width: 300px;
  }

  .heading-icon-admin-attendance {
    flex: 1;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 38px;
    line-height: 46px;
  }

  .div---heading-hero-admin-attendance {
    margin-bottom: 30px;
  }

  .navbar-mob-update {
    display: block;
    overflow: visible;
  }

  .scroll-max-right {
    font-size: 12px;
  }

  .header-table {
    grid-template-columns: 46vw 50vw 50vw 50vw 50vw;
  }

  .scroll-50, .scroll-100, .scroll-to-start {
    font-size: 12px;
  }

  .text-pricing-feature {
    font-size: 13px;
  }

  .grid-features-pricing {
    grid-template-columns: 1fr;
  }

  .accordion-item---faq-pricing.accordion-3---faq {
    margin-bottom: 16px;
  }

  .accordion-item-title---faq-pricing {
    max-width: 80%;
    font-size: 18px;
  }

  .accordion-item-title---faq-pricing.accordion-3---faq {
    max-width: 82%;
  }

  .accordion-paragraph---faq-pricing {
    max-width: 100%;
    line-height: 1.6;
  }

  .faq-col2-wrapper-pricing {
    flex-direction: column;
    margin-top: 20px;
  }

  .faq-col1-wrapper-pricing {
    flex-direction: column;
  }

  .hero-pricing {
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 23px;
    line-height: 39px;
  }

  .div---heading-hero-pricing {
    margin-bottom: 30px;
  }

  .subheading-pricing {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .text-banner-pricing {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-text---headline-pricing {
    font-size: 12px;
  }

  .table-navigation-pricing {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .fixed-button-test-scroll-pt {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-pricing-plan-2 {
    font-size: 13px;
  }

  .button---navigation-cta-4 {
    font-family: Montserrat, sans-serif;
  }

  .link-list__list-item-cta {
    display: block;
  }

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

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

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

  .cards-wrap-free-plan {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section---blog-hero {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .heading---hero-blog {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .text---hero-blog {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    line-height: 150%;
  }

  .div---btn-hero-blog {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .heading---blog {
    line-height: 46px;
  }

  .div---comparison-table-blog {
    display: block;
  }

  .div---table-header-feature-blog {
    padding: 15px;
  }

  .div---description-header-cell-blog {
    padding: 10px 15px;
  }

  .div---column-titles-blog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---cell-heading-blog {
    letter-spacing: 0;
    font-size: 13px;
  }

  .text---cell-blog {
    letter-spacing: 0;
    font-size: 13px;
    line-height: 22px;
  }

  .text---caption-table-blog {
    letter-spacing: 0;
    font-size: 13px;
  }

  .list---inner-text-blog {
    font-size: 14px;
  }

  .div---features-wrap-blog {
    margin-bottom: 0;
  }

  .cards-wrap-blog {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text---plan-pricing-blog {
    padding-right: 80px;
  }

  .text-feature-table-blog {
    font-size: 13px;
  }

  .text-details-features {
    font-size: 13px;
    line-height: 18px;
  }

  .heading-h3-4 {
    font-size: 16px;
    font-weight: 500;
  }

  .magic_grid-2 {
    grid-template-columns: 2fr 1.5fr 1.5fr;
  }

  .div-heading-table-blog {
    justify-content: flex-start;
  }

  .div---description-title-cell-blog, .div---description-feature-header-cell-blog {
    padding: 10px 15px;
  }

  .div-heading-cell-table-blog {
    justify-content: flex-start;
  }

  .div---header-cell-use-cases {
    padding: 10px 15px;
  }

  .text---header-cell-use-case {
    letter-spacing: 0;
    font-size: 13px;
  }

  .div---description-cell-use-cases {
    padding: 10px 15px;
  }

  .div---btn-hero-blog-copy {
    align-items: flex-start;
    margin-bottom: -16px;
  }

  .heading---hero-faqs {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .faq-col-pricing {
    flex-direction: column;
  }

  .column---faq-pricing {
    max-width: 100%;
  }

  .testimonials_quote-icon-bottom {
    width: 3.5rem;
  }

  .libraries-howitworks_video-wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    padding-top: 62.5%;
    display: none;
    position: relative;
  }

  .text-color-darkgrey.max-width-xsmall {
    font-size: 15px;
    line-height: 25px;
  }

  .libraries-howitworks_tabs-menu {
    display: none;
    position: relative;
    top: 0;
  }

  .libraries-header_heading {
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 55px;
  }

  .text-size-large-3 {
    font-size: 1.125rem;
  }

  .text-size-large-3.text-align-center {
    font-size: 1rem;
  }

  .libraries-howitworks_content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .libraries-howitworks_mobile-image-wrapper {
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    display: block;
  }

  .libraries-howitworks_desktop-content-wrapper {
    display: none;
  }

  .testimonials_quote-icon-top {
    width: 3.5rem;
  }

  .libraries-howitworks_content-right {
    background-position: 0 0, 50% 75%;
    background-size: 18.75rem, 50rem;
    background-attachment: scroll, scroll;
    padding: 2rem;
  }

  .libraries-howitworks_content-right.is-item1 {
    height: auto;
    position: relative;
  }

  .libraries-howitworks_tab-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
  }

  .libraries-header_text-underline {
    background-position: 50%;
    background-size: 15rem;
  }

  .testimonials_component {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }

  .button-26.button-large.max-width-full-mobile-portrait {
    font-size: 1rem;
  }

  .libraries-howitworks_component-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl-navbar_loop {
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .rl-navbar_loop-text {
    font-size: 12px;
  }

  .section-47 {
    height: 170px;
    padding-top: 100px;
    padding-right: 70px;
    font-size: 16px;
  }

  .text-social-proof-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .div-social-proof-lp {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-inner-social-proof-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .subtext-persona-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .text-user-persona-lp {
    text-align: center;
    font-size: 14px;
    line-height: 150%;
  }

  .heading-user-persona-lp {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .process_list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .process_circle {
    margin-top: 1.75rem;
  }

  .process_fade-overlay-top {
    z-index: 3;
  }

  .process_circle-wrapper {
    left: 0;
  }

  .section-heading {
    font-size: 25px;
  }

  .process_row {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: max-content 1fr;
    place-items: start center;
  }

  .process_image-wrapper {
    width: 100%;
  }

  .process_item {
    grid-template-rows: auto auto;
    grid-template-columns: 4rem 1fr;
    width: 100%;
    padding-right: 20px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section-persona-lp {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .div-heading-wrapper-persona-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .div-feature-persona-lp {
    grid-row-gap: 30px;
    border-radius: 10px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    top: 5vh;
  }

  .text-quote-persona-lp {
    font-size: 15px;
    line-height: 26px;
  }

  .div-text-social-lp {
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cards-wrap-persona-lp {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cards-wrap-persona-lp.pricing-home {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-card-lp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-free-card-lp {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-27 {
    padding: .5rem .25rem;
  }

  .rl-features_background-overlay {
    z-index: 1;
    background-image: linear-gradient(#161616 22%, #16161600);
    position: absolute;
    inset: 0%;
  }

  .rl-features_card3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .rl-features_card3.overflow-safari.background-style-4 {
    grid-column-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 2.25fr;
  }

  .heading-large-3 {
    font-size: 48px;
    line-height: 58px;
  }

  .rl-features_card3-background-wrapper {
    right: -20%;
  }

  .rl-features_card3-background {
    justify-content: center;
    align-items: flex-start;
    height: 16rem;
  }

  .div-persona-banner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-heading-lp {
    margin-bottom: 20px;
    line-height: 45px;
  }

  .heading-inner-feature-lp {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div-rotate-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-rotate-right-lp, .text-rotate-left-lp, .subtext-feature-persona-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .subtext-howitworks-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 150%;
  }

  .div-heading-wrapper-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtext-testimonial-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .div-heading-wrapper-pricing-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .subtext-faq-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .div-device-hero-lp {
    margin-top: 160px;
  }

  .div-device-text-hero-lp {
    max-width: 230px;
  }

  .text-rotate-hero-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 150%;
  }

  .demo-button.is-secondary {
    font-size: 14px;
  }

  .text-rotate-mob-right-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .cards-pricing-persona-lp {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .subtext-pricing-persona-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .div-video-wrap-lp {
    width: 100%;
    height: auto;
    margin-left: auto;
    padding-top: 62.5%;
    position: relative;
  }

  .subtext-pain-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .subtext-howitworks {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 150%;
  }

  .section-heading-persona-lp {
    margin-bottom: 20px;
    line-height: 45px;
  }

  .subtext-table-lp, .subtext-social-proof-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .div-text-social-district-lp {
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-no-rotate-lp {
    font-size: 15px;
    line-height: 150%;
  }

  .subtext-pricing-big-card-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .pricing-big-card-lp {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-discrict-lp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .circle-blur-top-left-2 {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

  .circle-blur-top-left-2.safari {
    opacity: .9;
    filter: blur(64px);
  }

  .button-28 {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
  }

  .with-underline {
    background-position: 50% 110%;
    padding-top: 2px;
    padding-bottom: 4px;
  }

  .heading-hero-persona-lp {
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 55px;
  }

  .text-rotate-hero-district-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 150%;
  }

  .div-district-hero-text {
    margin-left: 140px;
  }

  .text-banner-lp {
    font-size: 12px;
  }

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

  .circle-blur-bottom-right-2 {
    filter: blur(60px);
    width: 280px;
    height: 280px;
    bottom: 5%;
  }

  .circle-blur-bottom-right-2.safari {
    filter: blur(64px);
  }

  .process-image {
    background-image: url('../images/Process-Image-Background-Mobile.png');
    background-size: cover;
    width: 100%;
    margin-bottom: 24px;
  }

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

  .section-heading-district-lp {
    margin-bottom: 20px;
    line-height: 45px;
  }

  .text-quote-pain-lp {
    font-size: 15px;
    line-height: 26px;
  }

  .div-benefit-lp {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-img-benefit-wrap {
    padding-top: 40px;
  }

  .div-text-wrap-left {
    margin-bottom: 0;
  }

  .div-heading-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-inner-benefit-lp {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .grid-howitworks-lp {
    grid-template-columns: 1fr;
  }

  .div-step-info {
    margin-left: 0;
  }

  .circle-blur-middle-left {
    width: 280px;
    height: 280px;
  }

  .circle-blur-middle-left.safari {
    opacity: .9;
    filter: blur(64px);
    opacity: .9;
  }

  .comparison-img---desktop {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .comparison-img---mobile {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

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

  .circle-blur-top-right-2 {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
    top: 2%;
  }

  .circle-blur-top-right-2.safari {
    opacity: .9;
    filter: blur(64px);
    opacity: .9;
  }

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

  .circle-blur-top-left {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

  .circle-blur-bottom-right {
    filter: blur(60px);
    width: 280px;
    height: 280px;
  }

  .circle-blur-bottom-right.safari {
    opacity: .9;
    filter: blur(64px);
    opacity: .9;
    opacity: .9;
  }

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

  .circle-blur-bottom-left {
    opacity: .9;
    filter: blur(60px);
    background-image: linear-gradient(132deg, #ff7448 29%, #ff4848 52%, #6248ff 75%);
    width: 280px;
    height: 280px;
    left: -20%;
  }

  .circle-blur-bottom-left.safari {
    opacity: .9;
    filter: blur(64px);
    opacity: .9;
  }

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

  .footer-credits {
    flex-direction: column-reverse;
  }

  .text-link.text-light-grey.privacy-policy {
    margin-bottom: 16px;
  }

  .footer-wrapper.margin-xl {
    grid-template-columns: 3fr;
  }

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

  .div-feature-inner-lp {
    margin-bottom: 20px;
  }

  .div---cta-hero-district {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .link-section.section-howitworks {
    font-size: 14px;
  }

  .subtext-banner-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .tab-menu---lp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .tab-link---district-lp {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tab-link---district-lp.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-text-lp {
    font-size: 13px;
  }

  .heading-hero-wp {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 55px;
  }

  .subtext-hero {
    font-size: 17px;
    line-height: 28px;
  }

  .div---list-wrap-hero {
    margin-bottom: 0;
  }

  .div---cta-hero {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text---list-hero {
    font-size: 16px;
  }

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

  .heading-wp {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-subtext-wp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtext-wp.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading-wp {
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-inner-wp {
    padding-right: 0;
    line-height: 27px;
  }

  .text---inner-wp {
    font-size: 14px;
    line-height: 25px;
  }

  .circle-blur-top-left-3 {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

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

  .div---list-small-text-wp, .div-small-text {
    margin-bottom: 0;
  }

  .h3-heading-wp {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div-text-image-wrapper-wp {
    margin-top: 40px;
  }

  .cta-content-wp {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
  }

  .div-text-image-wrapper1-wp {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .grid-howitworks-wp {
    grid-template-columns: 1fr;
  }

  .text---vertical-inner-wp {
    padding-right: 0;
    font-size: 15px;
  }

  .subtextext---vertical-inner-wp {
    font-size: 13.5px;
  }

  .text---small-wp {
    font-size: 12px;
    line-height: 24px;
  }

  .div---th-wp, .div---th-blue-wp {
    padding: 10px 15px;
  }

  .th-text-wp {
    letter-spacing: 0;
    font-size: 13px;
  }

  .h3-heading {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .div---h3-heading-wp {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-rotate-text-wp {
    margin-top: auto;
  }

  .circle-blur-top-left-wp {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

  .circle-blur-top-left-wp.safari {
    opacity: .9;
    filter: blur(64px);
  }

  .text-link-wp.link-demo {
    font-size: 14px;
  }

  .text-trustedby {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
    line-height: 150%;
  }

  .text---inner-quote-wp {
    font-size: 14px;
  }

  .grid-wrap-content-right {
    grid-template-columns: 1.75fr;
  }

  .circle-blur-top-right {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

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

  .grid-2-columns-2.hero-v16.background-style-4 {
    grid-column-gap: 40px;
    grid-template-columns: 3fr;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .brix---button-row-left {
    margin-right: 16px;
  }

  .brix---btn-download-app, .brix---btn-download-app-white {
    padding: 20px 22px;
  }

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

  .heading-cta-wp {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 40px;
  }

  .section-mid-cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .link---navigation-demo {
    margin-right: 0;
    display: block;
  }

  .link---nav-demo {
    margin-right: 0;
    font-size: 14px;
    display: block;
  }

  .h4-heading-wp {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .subtextext---horizontal-inner-wp {
    font-size: 13.5px;
  }

  .div-rotate-wp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .img---with-onetap {
    width: 210px;
    margin-left: 0;
    margin-right: 0;
  }

  .img---without-onetap {
    width: 250px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-rotate-with-onetap, .text-rotate-without-onetap {
    font-size: 15px;
    line-height: 150%;
  }

  .section-faq-wp {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .subtext---hero-home {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .div---cta-hero-copy, .div-cta---hero-home {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tabs---hero-home {
    display: none;
  }

  .section---hero-attendance-home-copy, .section---home-hero {
    padding-top: 100px;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-left: 0;
  }

  .section---logo-home {
    padding-top: 100px;
  }

  .div---h2-slider-control {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .h2-align-left {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .heading-text---hero-home {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 50px;
  }

  .slider-left-arrow.right {
    right: 20px;
  }

  .slider-left-arrow.left, .slider-left-arrow.left-copy {
    right: 85px;
  }

  .slider-arrow.right {
    right: 20px;
  }

  .slider-arrow.left {
    right: 85px;
  }

  .slider-arrow-r.right {
    right: 20px;
  }

  .slider-arrow-r.left {
    right: 85px;
  }

  .link-slider-arrow.right {
    right: 20px;
  }

  .link-slider-arrow.left {
    right: 85px;
  }

  .link-slider-arrow-right.right {
    right: 20px;
  }

  .link-slider-arrow-right.left {
    right: 85px;
  }

  .heading-slider {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---inner-slider {
    margin-bottom: 0;
  }

  .agenct_card_img {
    max-width: 1.8rem;
  }

  .text---list-inner-cards {
    font-size: 14px;
  }

  .grid---content-mouse-hover {
    grid-template-columns: 1fr;
  }

  .div---content-top-card {
    padding: 32px 24px 40px;
  }

  .text---16 {
    font-size: 15px;
    line-height: 150%;
  }

  .div---text {
    margin-bottom: 20px;
  }

  .tab-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .tab-link-text {
    font-size: 13px;
  }

  .single-tab-link {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .single-tab-link.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---tab-content-wrap {
    padding: 30px;
  }

  .div---tab-image-wrap {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .intro-title {
    font-size: 2.8em;
  }

  .copy-large {
    font-size: 1.3rem;
  }

  .made-in-webflow {
    font-size: 2.6vw;
  }

  .auto-tabs-menu {
    padding-right: 0;
  }

  .intro-copy-text {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h1 {
    font-size: 3.2rem;
  }

  .div---tab-vertical-content {
    text-align: center;
  }

  .div---tab-vertical-content.tab---highlighted-shadow {
    flex-flow: column;
    display: flex;
  }

  .tab-link-title {
    font-size: 13px;
  }

  .text---name-quote {
    font-size: 14px;
    line-height: 150%;
  }

  .integration-v2-logo {
    width: 45px;
  }

  .integration-v2-logo._11 {
    bottom: 80px;
    right: 50px;
  }

  .integration-v2-logo._4 {
    top: 80px;
    left: 50px;
  }

  .integration-v2-logo._9 {
    bottom: 10px;
  }

  .integration-v2-logo._7 {
    top: 80px;
    right: 110px;
  }

  .integration-v2-logo._3 {
    top: 10px;
  }

  .integration-v2-logo._5 {
    top: 70px;
  }

  .integration-v2-logo._2 {
    top: 20px;
    left: 100px;
  }

  .integration-v2-logo._10 {
    bottom: 20px;
    right: 100px;
  }

  .integration-v2-logo._8 {
    bottom: 70px;
  }

  .integration-v2-logo._6 {
    bottom: 80px;
    left: 110px;
  }

  .integration-v2-main-logo {
    width: 80px;
  }

  .integration-v2-collection-wrap {
    margin-bottom: 30px;
  }

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

  .integration-v2-wrapper {
    border-radius: 20px;
    margin-bottom: 30px;
    padding-top: 40px;
  }

  .section-details {
    font-size: 15px;
    line-height: 150%;
  }

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

  .text-left {
    font-size: 15px;
    line-height: 150%;
  }

  .div---center {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .section---vertical-cards {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .container---gradient {
    border-radius: 20px;
    margin-bottom: 30px;
    padding-top: 40px;
  }

  .container-grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-color-3f3f3f, .text---inner-columns {
    font-size: 14px;
  }

  .heading-subtext {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtext.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---image-wrap {
    padding-top: 40px;
  }

  .h3-heading-column {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .text-s15, .text-left-copy {
    font-size: 15px;
    line-height: 150%;
  }

  .container---onetap-pricing-home-copy {
    grid-template-columns: 1fr;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div---faq-wrap {
    flex-direction: column;
    margin-top: 20px;
  }

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

  .heading-subtex-left {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtex-left.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---left {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .subtext---highlighted-white {
    font-size: 15px;
    line-height: 150%;
  }

  .sections---for-teams, .section-old-system, .section---cta-highlight, .section---table {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .div---card-last.right_card {
    margin-top: 220px;
    top: 100%;
  }

  .div---last-cta {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .div-img-home-wrap {
    padding-top: 40px;
  }

  .static-marquee_logos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .logo {
    width: 130px;
    height: 40px;
  }

  ._4-col-text {
    font-size: 13.5px;
  }

  .div---horizontal-col-wrap {
    margin-top: 20px;
  }

  .div-block-238 {
    justify-content: center;
    align-items: center;
  }

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

  .tab-menu-left {
    grid-template-columns: .75fr 1fr;
  }

  .tab-menu-left._7col {
    display: none;
  }

  .tab-link-left {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tab-link-left.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-heading {
    font-size: 13px;
  }

  .div---heading-left {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .circle-blur-top-left-guide {
    opacity: .9;
    filter: blur(68px);
    width: 320px;
    height: 320px;
  }

  .circle-blur-top-left-guide.safari {
    opacity: .9;
    filter: blur(64px);
  }

  .accordion-2 {
    width: 100%;
    margin-bottom: -16px;
  }

  .question-text {
    margin-top: 8px;
  }

  .accordion__item {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text---vertical-tabs {
    padding-right: 0;
    font-size: 15px;
  }

  .div---card-horizontal.border-top {
    flex-flow: row;
  }

  .div---right-card {
    flex-flow: column;
  }

  .text---cards {
    font-size: 13.5px;
  }

  .text---cards-big {
    width: 100%;
    font-size: 13px;
  }

  .text---cards-green, .text---horizontal-cards-inner {
    font-size: 13.5px;
  }

  .div---horizontal-cards-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div---left-card-1 {
    flex-flow: column;
    width: 350px;
  }

  .text---horizontal-cards-inner-text {
    font-size: 12px;
    line-height: 21px;
  }

  .text---cards-big-right {
    font-size: 13px;
    line-height: 23px;
  }

  .text-bg-4 {
    width: 100%;
    height: 55px;
  }

  .text-bg-5 {
    flex-flow: column;
    width: 100%;
    height: 55px;
  }

  .text-bg-6, .text-bg-7, .text-bg-8 {
    width: 100%;
    height: 55px;
  }

  .subtext-cta-demo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-signup {
    padding: .5rem .25rem;
  }

  .heading-left {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 38px;
  }

  .div---cta {
    grid-template-columns: 1fr;
  }

  .div---cta.hero-v16.background-style-4 {
    grid-column-gap: 40px;
    grid-template-columns: 3fr;
    padding: 40px 10px;
  }

  .div---image-cta-right {
    width: 50%;
  }

  .heading-cta {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 40px;
  }

  .heading-subtext-left {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtext-left.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading {
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-subtext-center {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtext-center.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtext---column-wrap {
    font-size: 14px;
    line-height: 25px;
  }

  .div---stats {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---heading-wp-copy {
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---4column {
    margin-top: 20px;
  }

  .subtext-center {
    font-size: 14px;
    line-height: 25px;
  }

  .eyebrow-text-red {
    margin-bottom: 12px;
  }

  .faq-col2-wrapper {
    flex-direction: column;
    margin-top: 20px;
  }

  .heading-subtext-left-copy {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 150%;
  }

  .heading-subtext-left-copy.padding-lr-200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-guide, .section-57-copy {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .accordion-item---faq-border.accordion-3---faq {
    margin-bottom: 16px;
  }

  .tab-link-left-black {
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tab-link-left-black.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---vertical-tab {
    padding-right: 0;
    font-size: 15px;
  }

  .text---horizontal-cards-inner2 {
    font-size: 13.5px;
  }

  .text---cards-content2 {
    font-size: 13px;
    line-height: 24px;
  }

  .accordion-tabs2 {
    width: 100%;
    margin-bottom: -16px;
  }

  .accordion__item2 {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .heading-hero-blog {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 55px;
  }

  .text---hero-inner {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 25px;
  }

  .subtext-hero-blog {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content-2 {
    display: none;
  }

  .accordion-tabs2-mobile {
    width: 100%;
    margin-bottom: -16px;
  }

  .accordion-tabs2-mobile.js-accordion {
    display: block;
  }

  .faq_top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .faq_dropdown-toggle, .faq_dropdown-content {
    padding-right: 20px;
  }

  .text-size-xlarge.text-weight-semibold {
    font-size: 2rem;
  }

  .faq_bottom {
    flex-flow: column;
  }

  .faq_bottom-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: auto;
  }

  .faq_mobile-img-wrap {
    display: block;
  }

  .faq_dropdown-list {
    display: none;
  }

  .faq_bottom-dropdown-wrap {
    border-radius: 5px;
  }

  .faq_top-right, .faq_top-left {
    width: auto;
  }

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

  .faq_bottom-right {
    display: none;
  }

  .subtext-center-small {
    font-size: 14px;
    line-height: 25px;
  }

  .subtext-hero-home {
    font-size: 13px;
    line-height: 150%;
  }

  .h1-heading-hero-blog {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 55px;
  }

  .div---wrap-blog-vertical {
    margin-bottom: 0;
  }

  .heading---blog-post {
    line-height: 46px;
  }

  .h3-column-blog-post {
    padding-right: 0;
    line-height: 27px;
  }

  .text---inner-col-blog {
    font-size: 14px;
    line-height: 25px;
  }

  .div---arrow-text-blog {
    margin-bottom: 0;
  }

  .h3-heading-blog-posts {
    padding-right: 0;
    line-height: 27px;
  }

  .text---ct-blog {
    font-size: 13px;
  }

  .item-col1-ct-blog, .item-col1-ct-blog.bg-color-fafbfc {
    padding-left: 20px;
  }

  .grid-ct-blog {
    grid-template-columns: 18vw 35vw 35vw;
  }

  .h3-heading---blog-post {
    line-height: 46px;
  }

  .heading-blog-posts, .heading-cta-mid-blog, .text-col-heading-small-blog, .text-col-heading-small-blog-color {
    padding-right: 0;
    line-height: 27px;
  }

  .subtextext---vertical-inner-blog {
    font-size: 13.5px;
  }

  .heading-text---vertical-inner {
    padding-right: 0;
    font-size: 15px;
  }

  .text---inner-block {
    padding-right: 0;
    line-height: 27px;
  }

  .h3-heading2 {
    line-height: 46px;
  }

  .faq-col1-wrapper-blog {
    flex-direction: column;
    margin-top: 20px;
  }

  .faq-blog {
    max-width: 100%;
  }

  .faq-blog.right---faq {
    margin-left: 0;
  }

  .faq-blog.left---faq {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .section-final-cta-blog {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .text---inner-col-blog-horizontal, .text---inner-row {
    font-size: 14px;
    line-height: 25px;
  }

  .heading---inner-row {
    padding-right: 0;
    line-height: 27px;
  }

  .navbar_dropdown-button-ai {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .link---nav-demo1 {
    margin-left: -10px;
    margin-right: 0;
    font-size: 14px;
    display: block;
  }

  .stack---hero-n8n {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  .trust---h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .trust---doc-grid {
    grid-template-columns: 1fr;
  }

  .t-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .t-hero-h1 {
    font-size: 36px;
  }

  .t-h2 {
    font-size: 28px;
  }

  .t-feat-grid {
    grid-template-columns: 1fr;
  }

  .t-h2-light {
    font-size: 28px;
  }

  .t-cmp-head, .t-cmp-row, .t-cmp-foot {
    grid-template-columns: 1.25fr .9fr .9fr;
  }

  .t-cmp-cell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-cmp-cell.t-cmp-feat {
    font-size: 13px;
  }

  .t-final-h2 {
    font-size: 28px;
  }

  .t-final-stats {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .v2-h1 {
    font-size: 34px;
  }

  .v2-hero-visual {
    padding-top: 0;
  }

  .v2-qr-wrap {
    width: 172px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .v2-qr-card {
    transform: rotate(0);
  }

  .v2-quote {
    font-size: 22px;
  }

  .v2-h2, .v2-h2-light {
    font-size: 26px;
  }

  .v2-final-h2 {
    font-size: 27px;
  }

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

  .v3-h1 {
    font-size: 34px;
  }

  .v3-hero-visual {
    padding-top: 0;
  }

  .v3-qr-wrap {
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .v3-qr-card {
    transform: rotate(0);
  }

  .v3-quote {
    font-size: 22px;
  }

  .v3-cc-title {
    font-size: 30px;
  }

  .v3-h2, .v3-h2-light {
    font-size: 26px;
  }

  .v3-final-h2 {
    font-size: 27px;
  }
}

@media screen and (max-width: 479px) {
  body {
    margin-left: auto;
    margin-right: auto;
  }

  h1 {
    font-size: 36px;
    line-height: 52px;
  }

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

  .menu {
    margin-left: 15px;
    display: block;
    position: static;
  }

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

  .menu-button {
    flex: none;
    position: relative;
  }

  .menu-button.w--open {
    flex: none;
  }

  .navigation-items {
    object-fit: fill;
    flex-direction: row;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .section---footer {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-label {
    margin-top: 15px;
  }

  .cards-section.membership {
    padding: 10px;
  }

  .paragraph---logo-quote {
    margin-left: auto;
    margin-right: auto;
  }

  .centered-container-3 {
    text-align: left;
  }

  .grid---customers {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-logos {
    object-fit: fill;
    grid-template-columns: repeat(auto-fit, minmax(60%, 1fr));
    grid-auto-flow: row;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
  }

  .image---grid-logo {
    max-width: 100px;
    max-height: 100px;
  }

  .div---feature-section-contents {
    padding-left: 0;
    padding-right: 0;
  }

  .button---cta-demo.button-cta-demo-home-alignment.button-cta-demo-home-width-300.button-demo-home-n.button-cta-text-demo-hiw {
    width: 260px;
  }

  .grid-container-5 {
    object-fit: fill;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .grid-container-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
    overflow: scroll;
  }

  .flex---feature-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navigation-menu {
    z-index: 2;
    background-color: var(--light-blue);
  }

  .section---home-customers {
    padding-top: 0;
  }

  .container---center-customers {
    text-align: left;
  }

  .feature-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cards-grid-container-7 {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph---quote {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph---center {
    padding-top: 10px;
  }

  .section---home {
    padding: 60px 0%;
  }

  .column---feature-body-legacy {
    flex: 0 auto;
    order: 0;
  }

  .div---section-title-divider-advoy {
    width: 300px;
  }

  .paragraph---blog-advoy-beige {
    font-size: 16px;
  }

  .heading---section-title-advoy-center {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
  }

  .heading---blog-section-title-advoy {
    text-align: center;
    line-height: 30px;
  }

  .column-right---advoy {
    justify-content: center;
    height: 200px;
    display: flex;
  }

  .div---section-inset-padding {
    flex-flow: row;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-card {
    margin-bottom: 0;
  }

  .grid---blog-table-content-advoy {
    width: 300px;
  }

  .icon-table-of-content {
    margin-top: 20px;
  }

  .heading-card {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .div-block-4 {
    max-width: 320px;
  }

  .card---table-content-advoy {
    padding-left: 5px;
    padding-right: 5px;
  }

  .heading---advoy-blog-beige {
    line-height: 22px;
  }

  .colum-image-2 {
    height: 200px;
  }

  .columns---advoy-wide {
    min-width: 300px;
  }

  .list-item---pricing-text {
    text-align: left;
  }

  .tab-link---pricing-monthly {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
    display: flex;
  }

  .grid---pricing-plans-5 {
    border-radius: 0;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    min-width: 300px;
  }

  .tab-link---pricing-annual {
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .tab-link---pricing-annual.w--current {
    justify-content: center;
    display: flex;
  }

  .image-2 {
    width: 300px;
  }

  .image-3, .image---home-section-advoy {
    width: 150px;
    height: 200px;
  }

  .container---pricing-faq {
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---pricing-faq-container {
    padding: 60px 10px;
  }

  .button---primary-cta.button---mobile-cta {
    display: block;
  }

  .button---primary-cta.button---book-a-demo.mobile {
    margin-bottom: 30px;
    display: block;
  }

  .column-hero-home-left {
    padding-left: 0;
    padding-right: 0;
  }

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

  .columns-hero-home.columns---hero-home-bonus {
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .columns-hero-home.columns-hero-home-vcenter {
    flex-direction: column;
  }

  .flex---outer-header-left {
    justify-content: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div---s1-auto-layout-section-right {
    background-image: none;
    inset: auto 0% -89%;
  }

  .div---s1-auto-layout-section-right.school-classroom-image {
    background-position: 50%;
  }

  .div---header-left {
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
    width: auto;
    margin-top: 0%;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---s1-auto-layout-section-left {
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---page-title {
    font-size: 34px;
    line-height: 44px;
  }

  .heading---page-title.heading---demo-title-pb-100 {
    text-align: center;
  }

  .section---dynamite-layout-section {
    height: auto;
    margin-bottom: 200px;
  }

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

  .section---customers {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex---logo-customer-grid-vert {
    border-radius: 5px;
  }

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

  .grid---customers-home-right {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .button---navigation-button-mega {
    color: #2d6ae9;
    border-color: #2d6ae91a;
    border-radius: 10px;
  }

  .navigation-dropdown.mw-dropdown-list {
    width: auto;
    min-width: auto;
    display: block;
    position: absolute;
  }

  .section---pricing-features {
    padding: 0 0%;
  }

  .colum---features {
    order: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-10.book-a-demo {
    order: -1;
    margin-bottom: 30px;
  }

  .section---pricing {
    padding: 60px 0;
  }

  .column---features-right {
    padding-left: 0;
    padding-right: 0;
  }

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

  .number-wrap-event {
    margin-right: 20px;
  }

  .title---how-it-works {
    font-size: 40px;
  }

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

  .div---container-how-it-works-title {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .grid---how-it-works {
    grid-template-columns: 1.5fr;
  }

  .heading---temp {
    font-weight: 400;
  }

  .title---feature-grid-cell {
    font-weight: 500;
  }

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

  .container---feature-grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .feature-paragraph-2-event-2 {
    margin-bottom: 0;
  }

  .card---feature-grid {
    padding: 30px 0;
  }

  .image---feature-grid-icon.image---feature-grid-icon-size {
    width: 200px;
    height: 200px;
  }

  .tab-container-content {
    border-radius: 10px;
  }

  .title-for-karsh {
    color: var(--light-black);
    font-size: 18px;
  }

  .container---home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-container-content-paragraph {
    color: var(--light-black);
  }

  .heading---pricing-disclaimer {
    text-align: center;
    line-height: 30px;
  }

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

  .image---feature-grid-cell {
    min-width: 200px;
    min-height: 200px;
    max-height: 200px;
  }

  .section---guide---home {
    padding: 60px 0%;
  }

  .grid---guides {
    grid-template-columns: 2fr;
  }

  .heading---h2-landing-page-opt-in.margin-bottom-24 {
    font-size: 28px;
  }

  .form-submit-onetap {
    width: 100%;
    margin-top: 12px;
  }

  .form-wrapper--opt-in {
    flex-direction: column;
  }

  .input-opt-in {
    margin-right: 0;
  }

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

  .paragraph---feature-grid-cell-description {
    margin-bottom: 0;
  }

  .title---feature-grid-cell-edit {
    font-weight: 500;
  }

  .button---cta-black {
    display: block;
  }

  .column---feature-body {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: block;
  }

  .image---book-demo {
    max-width: 250px;
  }

  .container---benefit-section, .section-container---book-demo-padding, .section-container---benefits-section-padding {
    flex-flow: row;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column---feature-image {
    flex: 0 auto;
    order: 0;
  }

  .mw---section---hero-home {
    padding: 0 10px 40px;
  }

  .mw---column---hero-home-left {
    padding-left: 0;
    padding-right: 0;
  }

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

  .heading---hero-home.heading-mobile {
    font-size: 36px;
    line-height: 28px;
  }

  .heading---hero-home.heading---hero-home-mobile {
    text-align: center;
    line-height: 38px;
  }

  .image---heading-ii {
    margin-top: 40px;
    display: inline-block;
  }

  .mw---grid---customers-hero-home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .mw---hero-customers {
    margin-top: 0;
  }

  .text---customers-hero-home---cal {
    font-size: 16px;
    line-height: 24px;
  }

  .heading---section-home {
    font-size: 36px;
  }

  .heading---section-home.heading-text-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 32px;
  }

  .title---grid-use-cases-home.text---color-steel-blue {
    font-size: 16px;
  }

  .heading---transformation-home {
    font-size: 21px;
  }

  .subheading---transformation-home {
    font-size: 16px;
  }

  .div---column-transformation-home {
    display: block;
  }

  .mw---grid---how-it-works-i, .mw---grid---how-it-works-ii {
    grid-template-columns: 1.5fr;
  }

  .heading-text-bold {
    line-height: 20px;
  }

  .grid---features-home {
    grid-template-columns: 1.5fr;
  }

  .div---inner-use-case-home {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---use-cases-home {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case {
    border-radius: 5px;
  }

  .item-container---grid-use-case.hv2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid---industries-use-case-home {
    grid-template-columns: 1fr 1fr;
  }

  .section---home-nnn {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---home-nnn.section---home-bg-light-blue {
    padding: 60px 10px;
  }

  .section---home-nnn.section---home-bg-light-blue.section---home-bg-dark-blue {
    display: block;
  }

  .section---home-nnn.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mw---grid---reviews-hero-home {
    justify-content: center;
  }

  .text---trusted-by {
    padding-left: 10px;
    font-size: 12px;
    line-height: 20px;
  }

  .icon---ratings-home {
    width: 18%;
    padding-right: 0;
    font-size: 16px;
  }

  .icon---ratings-home.icon-fixed-width-hero-home {
    width: 85px;
  }

  .mw---grid---how-it-works-prev-version {
    grid-template-columns: 1.5fr;
  }

  .c-text-1 {
    font-size: 14px;
    line-height: 26px;
  }

  .c-autotabs_line {
    left: 25px;
  }

  .c-title-3 {
    font-size: 20px;
    line-height: 34px;
  }

  .lib-at-autotabs_link {
    padding-left: 53px;
    padding-right: 40px;
  }

  .lib-at-autotabs_link.w--current {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .lib-at-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div---dotted-arrows-home {
    padding-left: 40px;
  }

  .image-11 {
    text-align: center;
    width: 40%;
  }

  .div---cta---use-case-home {
    margin-top: 0;
  }

  .span---check-in-process---how-it-works {
    font-size: 16px;
    line-height: 25px;
  }

  .grid---joined-by {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .img---social-proof-home {
    margin-top: 40px;
  }

  .heading---faq-left-home {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
  }

  .img---faq-right-home {
    width: 40%;
    height: 0%;
  }

  .faq-text {
    font-size: 14px;
    line-height: 20px;
  }

  .d-101-logo-text {
    text-align: center;
    font-size: 16px;
  }

  .demo-wrapper {
    align-items: center;
    margin-top: 140px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .d-101-logo-wrapper, .d-101-logo-wrapper.square {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container---section-home.container---extra-wide {
    flex-direction: row;
  }

  .container---section-home.container---extra-wide.container---section-home-h-center {
    display: block;
  }

  .container---section-home.container---extra-width {
    flex-direction: row;
  }

  .slider-arrow---brix.small---brix.right---brix {
    margin-bottom: -70px;
    right: 0;
  }

  .slider-arrow---brix.small---brix.left---brix {
    margin-bottom: -70px;
    left: auto;
    right: 74px;
  }

  .split-content---np.avatar-content---brix {
    margin-bottom: 16px;
  }

  .split-content---np.testimonials-client-info---brix {
    flex-direction: column;
    align-items: flex-start;
  }

  .split-content---np.hero-v1-left---np {
    text-align: center;
  }

  .title.testimonial-v1---brix {
    white-space: break-spaces;
  }

  .slider---testimonial.testimonial-v1---brix, .slider---testimonial.testimonial-v1 {
    margin-bottom: 80px;
  }

  .card---brix.testimonial-v1---brix {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
    min-height: 470px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .container-default---brix {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slide---brix.testimonial-v1---brix {
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide---brix.testimonial-v1---brix.first---brix {
    margin-right: 30px;
  }

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

  .mask---testimonials-home {
    margin-left: 0;
    margin-right: 0;
  }

  .div---column-m-transformation-home {
    justify-content: center;
    margin-top: auto;
    display: flex;
  }

  .div---column-faqs-home {
    margin-bottom: 10px;
  }

  .que-text---faq-home {
    font-size: 12px;
    line-height: 18px;
  }

  .div---cta---faq-home {
    text-align: center;
    flex-direction: row;
    align-items: center;
    display: block;
  }

  .heading---cta-faq-home {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    margin-bottom: auto;
    font-size: 25px;
    display: block;
  }

  .text---faqs-home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .text---faqs-home.masonry-grid {
    column-count: 3;
    column-gap: 10px;
  }

  .div--faq-home {
    direction: ltr;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
  }

  .div---image-l-faq-home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    box-shadow: none;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .div---column-r-faqs-home {
    margin-top: 10px;
  }

  .image---faq-home {
    display: none;
  }

  .image---hero-image {
    display: inline-block;
  }

  .h3-description---section-home.h3-description-custom-padding {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .h3-description---section-home.h3-description-custom-padding.semibold {
    padding-left: 0;
  }

  .div---spacer-section-title.extra-space-40 {
    padding-top: 40px;
  }

  .div---spacer-section-title.less-space {
    padding-top: 5px;
  }

  .text---trusted-by-home {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
  }

  .section---hero-home-n {
    padding: 60px 10px 40px;
  }

  .hero-heading-text {
    line-height: 20px;
  }

  .hero-heading-text.heading-mobile {
    font-size: 17px;
    line-height: 0;
  }

  .sub-heading---hero-home {
    text-align: left;
    line-height: 42px;
  }

  .heading-hero-home {
    font-size: 40px;
    line-height: 0;
  }

  .heading-hero-home.heading-hero-mobile {
    font-size: 31px;
  }

  .paragraph-hero-home {
    text-align: center;
  }

  .div---hero-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
  }

  .hero-paragraph-list-text {
    font-size: 14px;
    line-height: 25px;
  }

  .column---hero-lists {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .column---hero-home-left {
    padding-left: 0;
    padding-right: 0;
  }

  .section---home-n {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---home-n.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---home-nn {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---home-nn.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---how-onetap-works-home {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .grid-item---arrow-right {
    text-align: center;
    border-radius: 5px;
    display: block;
  }

  .image---arrow---how-it-works {
    transform: rotate(90deg);
  }

  .heading-3---grid-item-best-title {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-best-title.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .section---home-n-blue {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---home-n-blue.extra-padding-lr-40---mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---demo-home-n {
    padding: 60px 10px;
    overflow: visible;
  }

  .heading---cta-section-home {
    font-size: 27px;
    line-height: 42px;
  }

  .sub-heading---cta-section-home-copy {
    line-height: 40px;
  }

  .img-user-review {
    width: 14%;
    padding-right: 0;
    font-size: 16px;
  }

  .div---inner {
    flex-flow: row;
  }

  .slide.testimonial-v1 {
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide.testimonial-v1.first---testimonial {
    margin-right: 30px;
  }

  .card-testimonial.testimonial-v1 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
    min-height: 470px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .split-content.testimonials-client-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .split-content.image-content---testimonial {
    margin-bottom: 16px;
  }

  .heading-testimonial.testimonial-v1 {
    white-space: break-spaces;
  }

  .slider-arrow---testimonial-home.small---testimonial-home.left---testimonial-home {
    margin-bottom: -70px;
    left: auto;
    right: 74px;
  }

  .slider-arrow--testimonial-home.small---testimonial-home.right---testimonial-home {
    margin-bottom: -70px;
    right: 0;
  }

  .grid---hero-home {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .section---hero-customers {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .container---hero-case-study {
    flex-direction: column;
  }

  .column---hero-case-study {
    grid-column-gap: 0px;
    flex-direction: column;
  }

  .heading---hero-case-study {
    text-align: left;
    font-size: 22px;
    line-height: 32px;
  }

  .section---about-customers {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---section-customers {
    font-size: 20px;
    line-height: 30px;
  }

  .section---testimonial-customers {
    padding: 10px 20px;
  }

  .div---testimonial {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---testimonial-customers {
    font-size: 15px;
    line-height: 25px;
  }

  .section---solution-customers {
    padding: 40px 20px;
  }

  .link {
    display: inline;
  }

  .section---demo-cta-customers {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo---onetap {
    width: 33%;
  }

  .heading---cta-section-customers {
    margin-top: 40px;
    font-size: 24px;
    line-height: 30px;
  }

  .section-helper---demo-cta-vpadding {
    background-image: none;
  }

  .text---customers {
    font-size: 16px;
  }

  .column-l---logo-customer {
    padding-left: 0;
    padding-right: 0;
  }

  .image---logo-customer.mobile-width {
    width: 42%;
  }

  .column-l---about-logo-customer, .text---cta-book-demo {
    padding-left: 0;
    padding-right: 0;
  }

  .mw---hero-customers-cla {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mw---grid---customers-hero-cal {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section---benefits-cal {
    padding: 40px 20px;
  }

  .heading---benefits-cal {
    font-size: 20px;
  }

  .icon---benefits-cla {
    width: 50px;
    height: 50px;
  }

  .h3---grid-item-title-benefits-cal {
    font-size: 16px;
    line-height: 27px;
  }

  .div---spacer-60h.spacer-mobile-30h {
    height: 30px;
  }

  .div---spacer-60h.mobile-space-height-40 {
    height: 40px;
  }

  .heading---section-benefits-cal {
    font-size: 36px;
  }

  .heading---section-benefits-cal.heading-text-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 32px;
  }

  .sub-heading---section-benefits-cal {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 26px;
  }

  .quote---section-benefits-cal {
    font-size: 17px;
    line-height: 26px;
  }

  .div---spacer-above-cta-cla.mobile-space-height-30 {
    height: 30px;
  }

  .div---space-extra.mobile-space-height-60 {
    height: 60px;
  }

  .div---space-extra.mobile-space-height-30 {
    height: 30px;
  }

  .section---faq-cla.section-cla-mobile-hpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-25 {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading---hero-cal {
    font-size: 18px;
    line-height: 26px;
  }

  .text---heading-title-benefits-cal {
    font-size: 18px;
    line-height: 27px;
  }

  .grid---review-benefits {
    align-items: center;
  }

  .icon---ratings-cla {
    width: 18%;
    padding-right: 0;
    font-size: 16px;
  }

  .icon---ratings-cla.icon-fixed-width-benefits-cla {
    align-self: center;
    width: 90px;
  }

  .text---trusted-by-benefits-cla {
    font-size: 12px;
    line-height: 20px;
  }

  .section---demo-cta-cla {
    background-image: url('../images/Rectangle-6.png');
    background-position: 50% 0;
    background-size: auto;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---demo-cta-cla.container-maxw-cla {
    max-width: 375px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---section-demo-cta-cal-ii {
    line-height: 33px;
  }

  .heading---section-demo-cta-cal-ii.heading-text-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
    line-height: 42px;
  }

  .text---announcement-cla {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 25px;
  }

  .bold-text---announcement-cla {
    font-size: 15px;
  }

  .grid---hero-cla {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .text---customers-hero-cla {
    font-size: 16px;
    line-height: 24px;
  }

  .grid---benefits-cla {
    flex-direction: column;
    display: flex;
  }

  .icon---checklist-hero-cla {
    width: 20px;
    height: 20px;
  }

  .hero-paragraph-list-text-cla {
    font-size: 16px;
    line-height: 22px;
  }

  .sub-heading---benefits-cal {
    font-size: 15px;
    line-height: 26px;
  }

  .grid---faq-cla {
    max-width: 950px;
  }

  .tab-container-content---faq-cla {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---faq-cal {
    color: var(--light-black);
    font-size: 16px;
    line-height: 24px;
  }

  .tab-container-content-paragraph---faq-cal {
    color: var(--light-black);
    font-size: 14px;
    line-height: 24px;
  }

  .heading---hero-cal {
    line-height: 46px;
  }

  .heading---title-cal {
    font-size: 40px;
  }

  .heading-hero-cla {
    font-size: 40px;
    line-height: 0;
  }

  .heading-hero-cla.heading-hero-mobile {
    font-size: 40px;
  }

  .text---para-benefits-cal {
    font-size: 15px;
    line-height: 26px;
  }

  .image---customer-testimonial-cal {
    align-self: center;
  }

  .text---customer-name-testimonial-cal {
    font-size: 14px;
    line-height: 23px;
  }

  .container---hero-home.container---extra-width.container---ipad-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .section---hero-alternative {
    padding: 40px 10px;
  }

  .heading---hero-alt {
    line-height: 33px;
  }

  .sub-heading---hero-alt {
    font-size: 15px;
    line-height: 25px;
  }

  .section---onetap-alternative {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---why-alternative {
    padding: 40px 10px;
    overflow: visible;
  }

  .heading---why-alternative {
    font-size: 36px;
  }

  .heading---why-alternative.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .heading---why-alternative.heading-text-center.mobile-padding-0 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid---why-alternative {
    flex-direction: column;
    display: flex;
  }

  .section---feature-comparison-alternative {
    padding: 20px 10px;
  }

  .container---feature-comparison-alternative {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 90%;
    display: flex;
  }

  .section---onetap-vs-myat-alternative {
    padding: 60px 10px;
    overflow: visible;
  }

  .heading---why-alternative-copy.heading-text-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 32px;
  }

  .sub-heading---vs-alt-copy {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .heading---text-hero-alt {
    font-size: 13px;
    line-height: 23px;
  }

  .grid---customers-hero-alt {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div---column-l-myat-alternative {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading---onetap-alternative {
    font-size: 21px;
    line-height: 30px;
  }

  .paragraph---onetap-alternative {
    font-size: 15px;
    line-height: 25px;
  }

  .section---last-cta-alternative {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---last-cta-alternative.border-bottom-alt {
    padding-left: 5px;
    padding-right: 5px;
  }

  .container---cta-alt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---cta-section-alternative {
    font-size: 23px;
    line-height: 33px;
  }

  .heading---cta-section-alt {
    font-size: 27px;
    line-height: 39px;
  }

  .div---subheading-hero-alternative {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column---myat-vs-onetap-alternative {
    flex-direction: column;
  }

  .div---spacer-20-m {
    height: 20px;
  }

  .div---comparison {
    width: 105%;
    padding-top: 20px;
  }

  .heading---feature-comparison-alt {
    font-size: 14px;
    line-height: 21px;
  }

  .icon---feature-no {
    width: 45%;
  }

  .icon---feature-yes {
    width: 50%;
  }

  .grid---comparison-features-alternative {
    grid-template-columns: 1.75fr .5fr .5fr;
  }

  .div---feature-icon-no-alt, .div---feature-icon-yes-alt {
    justify-content: center;
  }

  .div-block-30 {
    grid-column-gap: 11px;
  }

  .div---spacer-60h-2.mobile-space {
    padding-top: 40px;
  }

  .div---switch-to-onetap {
    flex-direction: column;
  }

  .div---column-l-switch-alternative {
    display: flex;
  }

  .container---onetap-alternative {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---switch-to-onetap-alt {
    font-size: 27px;
    line-height: 39px;
  }

  .div---cta-alternative {
    margin-top: 10px;
    padding-top: 10px;
  }

  .text---new-term-caa {
    line-height: 25px;
  }

  .heading---section-demo-cta-cau {
    line-height: 33px;
  }

  .heading---section-demo-cta-cau.heading-text-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
    line-height: 42px;
  }

  .navigation-bar-items.mw-mobile-nav {
    box-shadow: 42px 42px 55px #0003;
  }

  .section---hero-attendance-tracker {
    padding: 60px 10px 40px;
  }

  .div---top-hero-attendance-tracker {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text---top-hero-attendance-tracker {
    font-size: 12px;
    line-height: 22px;
  }

  .sub-heading---hero-at {
    font-size: 15px;
    line-height: 25px;
  }

  .text---hero-customer-attendance-tracker {
    font-size: 12px;
    line-height: 22px;
  }

  .section---better-way-attendance-tracker {
    padding: 40px 10px;
    overflow: visible;
  }

  .sub-heading---attendance-tracker {
    font-size: 15px;
    line-height: 25px;
  }

  .grid---better-way-at {
    flex-direction: column;
    display: flex;
  }

  .heading-3---grid-item-old-way-at {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-old-way-at.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .h2-heading---attendance-tracker {
    font-size: 36px;
  }

  .h2-heading---attendance-tracker.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .div---cta-attendance-tracker {
    margin-top: 0;
  }

  .section---how-it-works-steps-attendance-tracker {
    padding: 20px 10px;
  }

  .container---how-it-works-steps-at {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 90%;
    display: flex;
  }

  .column---check-in-process-at {
    flex-direction: column;
  }

  .div---column-l-steps-at {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .column2---check-in-process-at {
    flex-direction: column;
  }

  .div---column2-l-steps-at {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-31 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container---benefits-attendance-tracker {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---qrca-testimonials {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container---testimonial-at {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---img-arrow-at {
    display: none;
  }

  .image---check-in-process-at, .image---onetap-demo {
    width: 100%;
  }

  .icon---old-way-at {
    padding-top: 6px;
  }

  .section---hero-qrca {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading---text-hero-qr-code {
    line-height: 38px;
  }

  .div---subheading-hero-qr-code {
    padding-left: 10px;
    padding-right: 10px;
  }

  .img---hero-qr-code {
    width: 100%;
  }

  .div---hero-customer-qr-code {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section---qrca-better-way {
    padding: 40px 10px;
    overflow: visible;
  }

  .h2-heading---qr-code {
    font-size: 36px;
  }

  .h2-heading---qr-code.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 24px;
    line-height: 36px;
  }

  .grid---better-way-qr-code {
    flex-direction: column;
    display: flex;
  }

  .section---qrca-how-it-works {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---qrca-demo, .section---use-cases-qr-code {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---qrca-features.section-cla-mobile-hpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h2-heading---cta-qr-code {
    font-size: 36px;
  }

  .h2-heading---cta-qr-code.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .container---demo-qr-code {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---use-cases-qr-code {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .grid---benefits-qr-code-c {
    grid-template-columns: 1fr;
  }

  .grid---benefits-qr-code {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-benefits {
    border-radius: 5px;
  }

  .title---grid-use-cases-qr.text---color-steel-blue {
    font-size: 14px;
    line-height: 24px;
  }

  .section---hero-kiosk {
    padding: 60px 10px 40px;
  }

  .div---subheading-hero-kiosk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---hero-kiosk {
    font-size: 15px;
    line-height: 25px;
  }

  .div---hero-customer-quote-kiosk {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text---hero-customer-quote-kiosk {
    font-size: 12px;
    line-height: 22px;
  }

  .section---better-way-kiosk {
    padding: 40px 10px;
    overflow: visible;
  }

  .h2-heading---kiosk {
    font-size: 36px;
  }

  .h2-heading---kiosk.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .img---how-it-works-kiosk {
    width: 100%;
  }

  .grid---better-way-ipad-kiosk {
    flex-direction: column;
    display: flex;
  }

  .div---spacer-section-title-60-copy.mobile-space {
    padding-top: 40px;
  }

  .h2-heading---methods-kiosk {
    font-size: 36px;
  }

  .h2-heading---methods-kiosk.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .grid---methods-kiosk {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-check-in-kiosk {
    border-radius: 5px;
  }

  .heading-3---grid-item-old-way-qr {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-old-way-qr.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .heading-4---grid-item-old-way-at-copy {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-old-way-at-copy.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .heading-3---grid-item-new-way-qr {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-new-way-qr.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .heading-4---grid-item-new-way-qr {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-new-way-qr.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .section---qrca-faq.section-cla-mobile-hpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .item-container---grid-use-case-qr {
    border-radius: 5px;
  }

  .section---use-cases-qr {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-heading---how-it-works-qr {
    font-size: 36px;
  }

  .h2-heading---how-it-works-qr.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .section---digital-kiosk {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---subheading-digital-kiosk {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 42px;
  }

  .grid---cost-vp-digital-kiosk {
    flex-direction: column;
    display: flex;
  }

  .heading-3---grid-item-digital-kiosk {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-digital-kiosk.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---experiences-vp-digital-kiosk {
    flex-direction: column;
    display: flex;
  }

  .section---testimonials-kiosk, .section---kiosk-demo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---why-visitor-check-in, .grid---why-visitor-checkin {
    flex-direction: column;
    display: flex;
  }

  .grid---benefits-visitor-app {
    grid-template-columns: 1.25fr 1fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .section---use-cases-visitor-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---use-cases-visitor-app {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-visitor-app, .item-container---grid-features-visitor-app {
    border-radius: 5px;
  }

  .grid---features-visitor-app {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .h2-heading---visitor-app {
    font-size: 36px;
  }

  .h2-heading---visitor-app.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .cta-heading---hero-visitor {
    font-size: 15px;
    line-height: 25px;
  }

  .div---app-btn-hero-visitor {
    width: 80%;
  }

  .div---subheading-reasons-visitor {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---text-hero-hiw {
    font-size: 19px;
    line-height: 29px;
  }

  .subheading---text-hero-hiw {
    padding-top: 40px;
    font-size: 19px;
    line-height: 29px;
  }

  .grid---hero-hiw {
    grid-column-gap: 5px;
  }

  .hero-hiw-list-text {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
  }

  .section---how-hiw {
    padding: 40px 10px;
    overflow: visible;
  }

  .h2-heading---hiw {
    font-size: 36px;
  }

  .h2-heading---hiw.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .grid---how-text-l-hiw {
    flex-direction: column;
    display: flex;
  }

  .heading-3---grid-item-how-hiw {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-how-hiw.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .section---processes-hiw {
    padding: 40px 10px;
    overflow: visible;
  }

  .text---process-list-hiw {
    font-size: 16px;
  }

  .h3-heading---hiw {
    font-size: 36px;
  }

  .h3-heading---hiw.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .heading-4---subheading {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---subheading.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---self-hiw {
    flex-direction: column;
    display: flex;
  }

  .h2-heading---processes-hiw {
    font-size: 36px;
  }

  .h2-heading---processes-hiw.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .grid---selflink-hiw {
    flex-direction: column;
    display: flex;
  }

  .section---social-proof {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---testimonials-hiw {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---demo-hiw {
    font-size: 15px;
    line-height: 25px;
  }

  .container---why-onetap-hiw {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-5---subheading-hiw {
    justify-content: center;
    line-height: 33px;
  }

  .heading-5---subheading-hiw.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .img---hero-visitor-app {
    width: 100%;
  }

  .div---subheading-visitor-app, .div---demo-subheading-visitor-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---hero-visitor-app {
    padding: 40px 10px;
  }

  .h3-heading---demo-subheading-va {
    font-size: 36px;
  }

  .h3-heading---demo-subheading-va.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .section---hero-howitworks {
    padding: 60px 10px 40px;
  }

  .div---hero-features-hiw {
    flex-direction: column;
    display: flex;
  }

  .div---subheading-hero-visitor-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-4---grid-item-img-hiw {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-img-hiw.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .blog-card {
    width: 90%;
    height: 260px;
  }

  .button---hiw-cta-2 {
    width: 250px;
    font-size: 14px;
  }

  .button---hiw-cta-2.button---mobile-hero-hiw {
    align-self: center;
  }

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

  .section---use-cases-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-heading---guestlist {
    font-size: 36px;
  }

  .h2-heading---guestlist.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .heading---text-hero-guestlist {
    font-size: 19px;
    line-height: 29px;
  }

  .h1-heading---hero-guestlist {
    font-size: 15px;
    line-height: 25px;
  }

  .div---subheading-hero-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---check-ins-guestlist {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---check-ins-guestlist {
    flex-direction: column;
    display: flex;
  }

  .heading-3---grid-item-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-guestlist.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---texts-check-in-guestlist-l {
    font-size: 14px;
    line-height: 26px;
  }

  .grid---check-in-guestlist {
    flex-direction: column;
    display: flex;
  }

  .section---better-way-guestlist {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---better-way-guestlist {
    flex-direction: column;
    display: flex;
  }

  .heading-4---grid-item-old-way-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-old-way-guestlist.text-height---mobile {
    font-size: 15px;
    line-height: 30px;
  }

  .div---title-old-way-guestlist {
    font-size: 15px;
  }

  .div---old-way-guestlist {
    font-size: 14px;
    line-height: 26px;
  }

  .img---icon-old-way-guestlist {
    padding-top: 6px;
  }

  .heading-4---grid-item-new-way-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-new-way-guestlist.text-height---mobile {
    font-size: 15px;
    line-height: 30px;
  }

  .div---new-way-guestlist {
    font-size: 15px;
    line-height: 26px;
  }

  .div---new-way-guestlist.mobile-extra-tp {
    padding-top: 60px;
    font-size: 14px;
  }

  .container---better-way-guestlist {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---use-cases-guestlist {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---how-it-works-guestlist {
    padding: 60px 10px;
    overflow: visible;
  }

  .sub-heading---hero-guestlist {
    font-size: 15px;
    line-height: 25px;
  }

  .div---subheading-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading---guestlist {
    font-size: 15px;
    line-height: 25px;
  }

  .grid---how-it-works-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-how-it-works-guestlist {
    border-radius: 5px;
  }

  .grid---benefits-how-it-works-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .section---features-guestlist.section-cla-mobile-hpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid---features-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-features-guestlist {
    border-radius: 5px;
  }

  .section---demo-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-29 {
    width: 16%;
  }

  .image-30 {
    border-radius: 20px;
    width: 16%;
  }

  .heading---grid-item-old-way-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading---grid-item-old-way-guestlist.text-height---mobile {
    text-align: left;
    line-height: 30px;
  }

  .heading---grid-item-new-way-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading---grid-item-new-way-guestlist.text-height---mobile {
    line-height: 30px;
  }

  .item-container---grid-event {
    border-radius: 5px;
  }

  .section---hero-event {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .container---demo-guestlist {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cp--grid---customers---eventpage {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .cp---hero-customers-eventpage {
    margin-top: 0;
  }

  .cp-texts-customers--eventpage {
    font-size: 16px;
    line-height: 24px;
  }

  .cp---title-persona-section {
    font-size: 18px;
    line-height: 30px;
  }

  .cp---section.blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cp-grid---new-way {
    flex-direction: column;
    display: flex;
  }

  .heading-4---old-way-grid, .heading-4---grid-new-way-eventpage {
    justify-content: center;
    line-height: 33px;
  }

  .div---event-entry-holder {
    padding-top: 10px;
  }

  .cp---grid-feature-events {
    grid-template-columns: 1fr;
  }

  .heading-29 {
    font-size: 14px;
    line-height: 22px;
  }

  .cp---item-grid-benefits-events {
    border-radius: 5px;
  }

  .h2-heading---demo-section {
    font-size: 36px;
  }

  .h2-heading---demo-section.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .h1-heading---hero {
    font-size: 31px;
    line-height: 38px;
  }

  .div---subheading-hero, .section---persona-guestlist {
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-container---grid-persona {
    border-radius: 5px;
  }

  .grid---event-types {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text---event-type {
    font-size: 15px;
    line-height: 25px;
  }

  .img---event-workflow-guestlist {
    width: 100%;
  }

  .section---benefits-guestlist {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---item-benefits-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-benefits-guestlist {
    border-radius: 5px;
  }

  .image---client-profile.mobile-img-width {
    width: 25%;
  }

  .item-container---grid-persona-guestlist {
    border-radius: 5px;
  }

  .grid---persona-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div---subheading-event {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---hero-customer-quote-guestlist {
    font-size: 12px;
    line-height: 22px;
  }

  .div---image-customer-quote.mobile-justify-center {
    justify-content: center;
  }

  .heading-3---grid-item-features-guestlist {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-features-guestlist.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---item-3c-benefits-guestlist {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div---subheading-guestlist-app {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon---quote {
    width: 10%;
  }

  .cell---hero-heading {
    padding-left: 0%;
    padding-right: 0%;
  }

  .stack---hero {
    grid-row-gap: 20px;
  }

  .stack---hero.responsive---tab {
    padding-top: 0;
  }

  .div---customer-quote-mobile {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
    padding-bottom: 0;
    transform: none;
  }

  .div---customer-quote-mobile.mobile-margin {
    display: flex;
  }

  .grid---hero-customer-quote-m {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
  }

  .div---text-customer-quote-m {
    align-items: center;
  }

  .icon---quote-mobile {
    width: 20px;
  }

  .text---hero-customer-quote-guestlist-mobile {
    text-align: center;
    font-size: 13px;
    line-height: 22px;
  }

  .grid---event-type {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .image---gif-santa {
    width: 20%;
  }

  .section---hero-blog {
    padding: 20px 10px;
  }

  .heading---text-hero-blog {
    margin-bottom: auto;
    font-size: 21px;
    line-height: 29px;
  }

  .sub-heading---hero-blog {
    font-size: 15px;
    line-height: 25px;
  }

  .quick-stack-6 {
    grid-row-gap: 10px;
  }

  .text---blog {
    font-size: 16px;
  }

  .div---intro-text-blog {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .h2-heading---blog {
    font-size: 22px;
    line-height: 30px;
  }

  .h3-heading---blog, .h4-heading---blog {
    font-size: 20px;
    line-height: 30px;
  }

  .div-left---table-blog.position-mobile {
    width: 100%;
    position: static;
  }

  .flex-block-2.flex-mobile {
    flex-direction: column;
  }

  .list---why-now, .list---choose-best {
    font-size: 15px;
    line-height: 26px;
  }

  .h2-heading---final-thoughts {
    font-size: 20px;
    line-height: 30px;
  }

  .div---cta-ii.mobile-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .table-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .table-text.lp---np {
    font-size: 13px;
    line-height: 19px;
  }

  .link-text-top {
    font-size: 13px;
  }

  .text---section {
    font-size: 16px;
  }

  .div---disclaimer-text {
    font-size: 11px;
    line-height: 25px;
  }

  .div---flexbox {
    display: flex;
  }

  .div---description-cell {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .addon-description-text {
    font-size: 11px;
    line-height: 18px;
  }

  .div---app-cell {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---rows-titles {
    width: 100%;
  }

  .pricing-check-mark {
    width: 5vw;
  }

  .pricing-description-col-titles {
    z-index: 2;
    width: 47%;
  }

  .pricing-component-titles {
    font-size: 3.5vw;
  }

  .text-block-48 {
    font-size: 13px;
  }

  .apply-buttons {
    padding: 3px 5px;
    font-size: 2.4vw;
  }

  .member-events-description {
    display: none;
  }

  .member-level-title-and-apply {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div---column-titles {
    padding-left: 60px;
    padding-right: 60px;
  }

  .horizontal-scroll {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .div---text-features {
    padding: 10px;
  }

  .container---best-attendance-app {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---hero-add-on {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .container---hero-add-on {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-heading-hero-add-on {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 25px;
  }

  .hero-add-on-list-text {
    font-size: 14px;
    line-height: 22px;
  }

  .h2-heading---add-on {
    font-size: 24px;
    line-height: 35px;
  }

  .list---install-add-on {
    font-size: 15px;
    line-height: 26px;
  }

  .section---troubleshoot-add-on {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-span-41 {
    font-size: 16px;
  }

  .tab-troubleshoot-content {
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .h3-heading---addon {
    font-size: 20px;
    line-height: 33px;
  }

  .grid---how-to-use-left-addon {
    flex-direction: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: space-between;
    display: flex;
  }

  .div---grid-how-to-use {
    padding-left: 0;
  }

  .text---how-to-use-add-on {
    font-size: 16px;
  }

  .grid---how-to-use-right-addon {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .navigation-left {
    width: 25%;
  }

  .mobile-nav {
    padding-bottom: 15px;
    font-weight: 400;
  }

  .mobile-nav-link {
    padding: 10px 10px 10px 20px;
  }

  .mw-navigation {
    display: none;
  }

  .mobile-toggle {
    padding: 10px 10px 10px 20px;
    font-weight: 400;
  }

  .mobile-toggle:active, .mobile-toggle.w--open {
    color: var(--royal-blue);
  }

  .brand-2.w--current {
    padding-left: 0;
  }

  .dropdown-link-mobile {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .menu-mob {
    color: #2d6ae9;
    -webkit-text-stroke-color: #2d6ae9;
    background-color: #fff;
    border: 1px solid #2d6ae91a;
    border-radius: 10px;
  }

  .menu-mob.w--open {
    background-color: #2d6ae9;
  }

  .navigation-mob {
    background-color: #fff;
    height: 80px;
    display: block;
    position: sticky;
  }

  .brand-3 {
    padding-left: 0;
    text-decoration: none;
  }

  .onetap-attendance-tracker-logo {
    width: 50%;
  }

  .div---nav-right-mobile {
    grid-column-gap: 16px;
    align-items: center;
    display: flex;
  }

  .text-block-49 {
    padding-left: 20px;
  }

  .section---hero-customer-stories {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---table-row-m {
    border-color: var(--text-grey) var(--text-grey) black;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: none;
    border-left-width: 1px;
    border-right-width: 1px;
    align-items: stretch;
    width: 700px;
  }

  .div-block-t {
    align-items: flex-start;
    width: auto;
    min-width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    position: sticky;
    left: 0;
  }

  .div-block-d {
    border-top: 1px none var(--text-grey);
    border-right-width: 1px;
    border-right-color: var(--text-grey);
    width: auto;
    min-width: 20%;
    padding: 10px 0 20px;
  }

  .div-block-d.column-border {
    width: auto;
    min-width: 20%;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .flexbox---table-mobile {
    border: 1px solid var(--text-grey);
    display: flex;
    overflow: auto;
    box-shadow: 0 0 10px -3px #0003;
  }

  .table-heading-text {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }

  .div---content-table-row {
    width: 100%;
    display: flex;
  }

  .div---table-heading-row-m {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #000;
    border-left-width: 1px;
    border-left-color: #000;
    border-right-width: 1px;
    border-right-color: #000;
    align-items: stretch;
    width: 700px;
    height: 40px;
  }

  .div---hero-list-addons {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .list---gaddon-pains {
    font-size: 15px;
    line-height: 26px;
  }

  .pricing-check-cell {
    padding: 5px;
  }

  .pricing-description-cell, .addons-description-cell {
    padding: 10px;
  }

  .addons-check-cell {
    padding: 5px;
  }

  .pricing-check-column-titles {
    padding-left: 5px;
    padding-right: 5px;
  }

  .th---addons-description-cell {
    padding: 10px;
  }

  .addons-row-titles {
    font-size: 10px;
    line-height: 14px;
  }

  .image-40 {
    width: 30%;
  }

  .addon-component-title {
    font-size: 12px;
    line-height: 20px;
  }

  .image---addon-check {
    width: 29%;
  }

  .sub-heading---hero-best-addons {
    width: 100%;
    line-height: 25px;
  }

  .h3-heading---text-addons {
    font-size: 20px;
    line-height: 30px;
  }

  .container-24 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-quote---reviews-addon {
    font-size: 16px;
    line-height: 28px;
  }

  .image-43 {
    width: 70%;
  }

  .th---addons {
    grid-row-gap: 6px;
    padding: 10px 5px;
  }

  .section---best-add-on-content {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .grid---onetap-google-forms-alternative {
    flex-direction: column;
    display: flex;
  }

  .table---onetap-vs-google-forms {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .div---flexbox-google-forms {
    display: flex;
  }

  .div---cell-alternative {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---cell-alternative.lp---np {
    justify-content: center;
    align-items: center;
    width: 34%;
  }

  .div---description-cell-alternative {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .image-45 {
    width: 33%;
  }

  .heading-text---google-forms-alternatives {
    font-size: 15px;
    line-height: 25px;
  }

  .section---footer-onetap {
    font-size: 2.5vw;
  }

  .div-footer-column-wrapper {
    grid-column-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .link-footer-disclaimer {
    font-size: 12px;
  }

  .gen-wrap-3 {
    flex-direction: column;
  }

  .link-footer-copywright {
    font-size: 15px;
  }

  .heading---text-alternative-left {
    font-size: 14px;
    line-height: 25px;
  }

  .text---google-forms-alternatives, .text---google-forms-alternative {
    font-size: 15px;
    line-height: 25px;
  }

  .text---feature-google-forms-alt {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 15px;
    line-height: 25px;
  }

  .stack---visitor-app-google-forms-alt {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---text-feature-visitor {
    font-size: 16px;
    line-height: 25px;
  }

  .cell-17, .cell-18, .cell-19 {
    justify-content: center;
    align-items: center;
  }

  .section---visitor-app {
    padding: 40px 10px;
    display: none;
    overflow: visible;
  }

  .heading---google-forms-alternative {
    font-size: 36px;
  }

  .heading---google-forms-alternative.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .heading-3---grid-item-google-forms {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-google-forms.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .div---cta-with-heading {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section---google-forms-alternative {
    padding: 40px 10px;
    overflow: visible;
  }

  .heading---google-forms-alt {
    font-size: 36px;
  }

  .heading---google-forms-alt.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .heading---why-alternative-copy {
    font-size: 36px;
  }

  .heading---why-alternative-copy.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .section---onetap-app-alternative {
    margin-top: -70px;
    padding: 40px 10px;
    overflow: visible;
  }

  .sub-heading---text-alt, .cta-heading---visitor-app {
    font-size: 15px;
    line-height: 25px;
  }

  .div---grid-google-forms-alternatives {
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-48 {
    width: 33%;
  }

  .div---column-l-google-forms-alternative {
    padding: 20px 0;
  }

  .grid---google-forms-chaos-l {
    flex-direction: column;
    display: flex;
  }

  .why-visitor-text {
    font-size: 15px;
  }

  .div---text-subheading {
    padding-left: 0%;
    padding-right: 0%;
  }

  .heading---onetap-vs-google-forms-alternative {
    font-size: 36px;
  }

  .heading---onetap-vs-google-forms-alternative.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .heading-3---grid-item-google-forms-alternative-title {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-google-forms-alternative-title.text-height---mobile {
    font-size: 17px;
    line-height: 30px;
  }

  .container---google-forms-alternative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---google-forms-alternative.padding10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---problem-proxy-attendnace {
    padding: 40px 0;
  }

  .container---problems-proxy-attendance {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-heading---prob-proxy {
    font-size: 22px;
    line-height: 33px;
  }

  .heading-text---prob-proxy {
    font-size: 15px;
    line-height: 25px;
  }

  .grid---texts-problems-proxy {
    place-items: start;
    display: flex;
  }

  .grid---problem-proxy, .grid---statistics-proxy {
    flex-direction: column;
    display: flex;
  }

  .div---statistics-proxy-attendance {
    padding-left: 5%;
    padding-right: 5%;
  }

  .heading---proxy-alternative {
    font-size: 36px;
  }

  .heading---proxy-alternative.heading-text-center {
    font-size: 25px;
    line-height: 36px;
  }

  .strategy-illo_top {
    width: 300px;
  }

  .tab-link {
    margin-left: -12px;
    padding-left: 12px;
  }

  .strategy-illo_bg {
    width: 300px;
  }

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

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

  .heading---text-tab {
    font-size: 21px;
    line-height: 30px;
  }

  .grid---visitor-app-proxy {
    flex-direction: column;
    display: flex;
  }

  .grid---academic-proxy-attendance {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .text---cta-proxy-attendance {
    font-size: 15px;
    line-height: 25px;
  }

  .section---solution-proxy-attendance {
    margin-top: -70px;
    padding: 20px 10px;
    overflow: visible;
  }

  .section---use-cases-proxy-attendance {
    padding: 40px 10px;
    overflow: visible;
  }

  .content-block {
    padding-bottom: 10px;
  }

  .tabs-content {
    padding-top: 20px;
  }

  .tab-panel-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-block---tab-check-in {
    padding-bottom: 10px;
  }

  .text---collaborators-list-hiw {
    font-size: 16px;
  }

  .section---collaborators-hiw {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---more-features-hiw {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-flow: column;
  }

  .h2-heading---social-proof {
    font-size: 36px;
  }

  .h2-heading---social-proof.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .section---disclaimers {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container---disclaimers {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---visitor-how {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-visitor-how {
    border-radius: 5px;
  }

  .grid---hero-how-works {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div---steps-how-works {
    margin-left: auto;
  }

  .grid-item---arrow-right-how-works {
    border-radius: 5px;
  }

  .image---arrow-how-works {
    transform: rotate(90deg);
  }

  .div---steps-share-link-how-works, .div---steps-uploads-how-works {
    margin-left: auto;
    padding-top: 40px;
  }

  .div---description-demo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---text-hero-addon {
    font-size: 26px;
    line-height: 38px;
  }

  .div---customer-quote-addon {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
    padding-bottom: 0;
    transform: none;
  }

  .div---customer-quote-addon.mobile-margin {
    display: flex;
  }

  .container---best-add-on {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---spacer-lp-lg.spacer-sm-mob {
    height: 20px;
  }

  .div---spacer-lp-lg.grid---mobile {
    display: none;
  }

  .section---attendance-tracking-for-educators-gforms, .section---spreadsheets-gforms-alternative {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---before-after-sheets-gforms {
    flex-direction: column;
    display: flex;
  }

  .div---title-before-sheets-gforms {
    font-size: 15px;
  }

  .heading-4---grid-item-before-sheets-gforms {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-before-sheets-gforms.text-height---mobile {
    font-size: 15px;
    line-height: 25px;
  }

  .heading-4---grid-item-after-sheets-gforms {
    justify-content: center;
    line-height: 33px;
  }

  .heading-4---grid-item-after-sheets-gforms.text-height---mobile {
    font-size: 15px;
    line-height: 30px;
  }

  .grid---texts-before {
    place-items: start center;
  }

  .div---before-spreadsheets-gforms {
    font-size: 14px;
    line-height: 26px;
  }

  .div---after-spreadsheets-gforms {
    font-size: 15px;
    line-height: 26px;
  }

  .div---after-spreadsheets-gforms.mobile-extra-tp {
    padding-top: 60px;
    font-size: 14px;
  }

  .quick-stack---habit-gforms {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
  }

  .text---habit-gforms, .text---list-habit-gforms {
    font-size: 16px;
  }

  .sub-heading---habit-gforms {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 15px;
    line-height: 25px;
  }

  .quick-stack---benefits {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .div---cell-benefits {
    flex-flow: wrap;
  }

  .section---hero-feature {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .stack---hero-features {
    grid-row-gap: 20px;
  }

  .sub-heading-top---hero-feature {
    font-size: 15px;
    line-height: 25px;
  }

  .h1-heading---hero-feature {
    font-size: 31px;
    line-height: 38px;
  }

  .sub-heading---hero-feature {
    font-size: 15px;
    line-height: 25px;
  }

  .text---hero-paragraph-list-feature {
    font-size: 16px;
  }

  .grid---use-cases-feature {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-feature {
    border-radius: 5px;
  }

  .section---use-cases-feature {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---use-cases-feature-2c {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-feature-c2 {
    border-radius: 5px;
  }

  .section---pain-check-out-feature {
    padding: 40px 10px;
    overflow: visible;
  }

  .icon---pains-checkout {
    width: 50px;
    height: 50px;
  }

  .text---pain-checkout {
    font-size: 15px;
    line-height: 26px;
  }

  .section---checkout-feature {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---checkout-feature {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-checkout-feature {
    border-radius: 5px;
  }

  .section---benefits-checkout-feature {
    padding: 40px 10px;
    overflow: visible;
  }

  .heading-3---grid-item-benefits-checkout {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-benefits-checkout.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---benefits-checkout, .grid---benefits-checkout-r2 {
    flex-direction: column;
    display: flex;
  }

  .hero-paragraph-list-text---google-forms-solution {
    font-size: 16px;
  }

  .grid---google-forms-chaos-r {
    flex-direction: column;
    display: flex;
  }

  .hero-paragraph-list-text---google-forms {
    font-size: 16px;
  }

  .section---use-case-kiosk {
    padding: 60px 10px;
    overflow: visible;
  }

  .sub-heading---kiosk {
    font-size: 15px;
    line-height: 25px;
  }

  .grid---use-case-kiosk {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .section---check-in-kiosk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---how-it-works-kiosk {
    padding: 60px 10px;
    overflow: visible;
  }

  .item-container---grid-use-cases-kiosk {
    border-radius: 5px;
  }

  .text---liest-use-case-kiosk {
    font-size: 16px;
  }

  .table---comparison-kiosk {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .div---description-feature-cell {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .div---feature-cell-kiosk {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .stack---hero-kiosk {
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---hero-kiosk {
    max-width: 950px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h1-heading---hero-kiosk {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 31px;
    line-height: 38px;
  }

  .col-kiosk {
    padding-left: 0;
    padding-right: 0;
  }

  .section---check-in-attachments {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-block---tab-kiosk {
    padding-bottom: 10px;
  }

  .tab-panel-3---kiosk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---column-titles-kiosk {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sub-heading---hero-ipad-kiosk {
    text-align: center;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .h1-heading---hero-gforms {
    font-size: 22px;
    line-height: 30px;
  }

  .div---benefits-gforms {
    display: none;
  }

  .hero-paragraph-list-text-gforms {
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .heading-text---gforms {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 15px;
    line-height: 25px;
  }

  .heading---gforms-attendance {
    font-size: 36px;
  }

  .heading---gforms-attendance.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 20px;
    line-height: 30px;
  }

  .section---onetap-benefits-gforms {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---img-arrow-comparison {
    display: none;
  }

  .mg-bottom-8px {
    font-size: 17px;
    line-height: 30px;
  }

  .tabs-v---gforms {
    display: none;
  }

  .mg-bottom-16px {
    font-size: 14px;
    line-height: 26px;
  }

  .tabs-menu---brix {
    z-index: 9;
    grid-column-gap: 10px;
    flex-flow: row;
    position: sticky;
    top: 100px;
  }

  .tab-link---gforms, .tab-link---gforms.tab-link---highlight.w--current {
    padding: 10px;
  }

  .grid-tabs---2-columns._0-75fr-left.grid-align-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tabs-content---brix {
    z-index: 8;
  }

  .text---tab-menu {
    font-size: 13px;
  }

  .grid---hero-gforms1 {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .image-71 {
    width: 10%;
  }

  .div-block-152 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div---text-quote {
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 5%;
    padding-right: 5%;
    transform: skew(6deg);
  }

  .div---quote-hero {
    padding-left: 3%;
    padding-right: 3%;
  }

  .grid---hero-gforms-mobile {
    grid-column-gap: 3px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div---benefits-gforms-mob {
    display: block;
  }

  .div---check-ins-gforms-mob {
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .div---inner-check-ins {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px #0003;
  }

  .stack---grid-use-case {
    padding-left: 0;
    padding-right: 0;
  }

  .cell---text-use-case-left {
    padding-left: 0;
  }

  .container---hero-google-forms-alternative {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flexbox---table-gforms-mobile {
    border: 1px solid var(--text-grey);
    display: none;
    overflow: auto;
    box-shadow: 0 0 10px -3px #0003;
  }

  .div---title-feature {
    align-items: flex-start;
    width: auto;
    min-width: 18%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    position: sticky;
    left: 0;
  }

  .table-text---feature-title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .div---cell-title-feature {
    border-top: 1px none var(--text-grey);
    border-right-width: 1px;
    border-right-color: var(--text-grey);
    width: auto;
    min-width: 30%;
    padding: 10px 0 20px;
  }

  .div---cell-title-feature.column-border {
    grid-row-gap: 15px;
    flex-flow: column;
    width: auto;
    min-width: 41%;
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex;
  }

  .top-heading---h2-hero-gforms {
    font-size: 13px;
    line-height: 23px;
  }

  .cell-27 {
    justify-content: center;
    align-items: center;
  }

  .section---visitor-app-mob {
    padding: 40px 10px;
    display: block;
    overflow: visible;
  }

  .stack---hero-proxy {
    grid-row-gap: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .sub-heading---hero-proxy {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .section---visitor-check-in-app {
    padding: 40px 10px;
    overflow: visible;
  }

  .stack---heading-blog {
    grid-row-gap: 10px;
  }

  .grid---benefits-blog {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-benefits-blog {
    border-radius: 5px;
  }

  .grid---hero-class-at {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .icon---checklist-hero-class-at {
    width: 20px;
    height: 20px;
  }

  .hero-paragraph-list-text-class-at {
    font-size: 16px;
    line-height: 22px;
  }

  .item-container---grid-use-cases-class-at {
    border-radius: 5px;
  }

  .grid---use-case-class-at {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .sub-heading---class-attendance-app {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 25px;
  }

  .section---features-class-at {
    padding: 40px 10px;
  }

  .grid---feature-class-at {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section---how-class-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---why-onetap-class-at {
    padding: 40px 20px;
  }

  .h1-heading---text-hero-class-at {
    font-size: 26px;
    line-height: 33px;
  }

  .heading---class-attendance {
    font-size: 36px;
  }

  .heading---class-attendance.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 24px;
    line-height: 36px;
  }

  .div---spacer-lp-xlg {
    display: none;
  }

  .grid-content-l--class-at-system {
    flex-direction: column;
    display: flex;
  }

  .section---class-at-system {
    padding: 40px 10px;
    overflow: visible;
  }

  .heading-3---grid-item-class-at-system {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-class-at-system.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid-content-r--class-at-system {
    flex-direction: column;
    display: flex;
  }

  .grid---institution-success-benefit-class-at {
    align-content: stretch;
    place-items: stretch stretch;
  }

  .grid---item-benefits-class-at {
    border-radius: 5px;
  }

  .heading---cta-class-at {
    font-size: 15px;
    line-height: 25px;
  }

  .image-78 {
    margin-top: 10px;
  }

  .icon---grid-use-case {
    padding-top: 6px;
  }

  .grid---text-use-case-class-at {
    flex-direction: column;
    display: flex;
  }

  .text---grid-text-class-at {
    font-size: 16px;
    line-height: 22px;
  }

  .div---h2-heading-case-study {
    padding-left: 5%;
    padding-right: 5%;
  }

  .h2-heading---case-study {
    font-size: 36px;
  }

  .h2-heading---case-study.heading-text-center {
    font-size: 24px;
    line-height: 36px;
  }

  .grid---case-study {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-case-study {
    border-radius: 5px;
  }

  .heading---grid-item-case-study {
    justify-content: center;
    line-height: 33px;
  }

  .heading---grid-item-case-study.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---before-case-study {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-flow: column;
  }

  .div---h2-heading-solution-case-study-copy {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid---result-case-study {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-challange-case-study {
    border-radius: 5px;
  }

  .button---quote-case-study {
    width: 250px;
    font-size: 14px;
  }

  .div---quote-case-study-class-at {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---cta-case-study {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    place-items: center;
  }

  .image-81 {
    width: 80%;
  }

  .paragraph-hero-class-at {
    font-size: 15px;
    line-height: 24px;
  }

  .content-wrap-left {
    padding-top: 20px;
  }

  .tabs-content-01 {
    padding: 0 20px 20px;
  }

  .tabs-menu-01 {
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-link-01 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tabs-01 {
    flex-direction: column;
  }

  .tabs---class-attendance {
    display: none;
  }

  .section---use-case-tabs-class-at {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---grid-case-study {
    padding: 40px 10px;
    overflow: visible;
  }

  .item-container---grid-use-cases-classes {
    border-radius: 5px;
  }

  .image---use-cases {
    width: 60%;
  }

  .top-heading---class-at {
    font-size: 15px;
    line-height: 25px;
  }

  .in-tabs-image-tab1, .in-tabs-image-tab2, .in-tabs-image-tab3, .in-tabs-image-tab4, .in-tabs-image-tab5, .in-tabs-image-tab6 {
    min-height: 300px;
  }

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

  .padding-vertical.padding-large {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .grid---persona-class-at {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: center start;
  }

  .tabs-menu---brix-2.v2 {
    width: 70%;
  }

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

  .section---case-study-classes.case-study {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .input-relative.newsletter.footer {
    min-height: 62px;
  }

  .paragraph-44 {
    font-size: 16px;
    line-height: 26px;
  }

  .div---challange-case-study {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---text-challenges-case-study {
    padding-left: 0;
    padding-right: 0;
  }

  .text---challaneges-case-study {
    font-size: 15px;
  }

  .heading---title-before-case-study {
    justify-content: center;
    line-height: 33px;
  }

  .heading---title-before-case-study.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .tabs---persona-class-at-2.flex-horizontal.tablet-vertical {
    justify-content: space-around;
    align-items: baseline;
  }

  .tabs-content---image-persona-2-copy.v2 {
    order: -1;
    margin-right: 10px;
  }

  .tabs-content---image-persona-2.v2 {
    margin-left: 40px;
    margin-right: auto;
  }

  .div---cta-case-study-class {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---cta-case-study {
    font-size: 27px;
    line-height: 42px;
  }

  .heading-2---case-study {
    justify-content: center;
    line-height: 33px;
  }

  .heading-2---case-study.text-height---mobile {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .subtext---cta-case-study {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-heading---cta-case-study {
    line-height: 40px;
  }

  .grid---why-onetap-class-attendance {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .grid---why-onetap-class-attendance-r2 {
    grid-template-columns: 1fr;
  }

  .image-405 {
    width: 24%;
  }

  .title---grid-benefits-class {
    color: var(--royal-blue);
    text-align: center;
  }

  .h1-heading---hero-proxy-attendance {
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .item-container---grid-use-case-proxy-attendance {
    border-radius: 5px;
  }

  .item-container---grid-use-case-proxy-attendance.hv2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div---hero-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .section---hero-proxy-at {
    padding: 10px 10px 40px;
  }

  .div---top-hero-proxy-at {
    padding-left: 5px;
    padding-right: 5px;
  }

  .text---top-hero-proxy-at {
    font-size: 12px;
    line-height: 22px;
  }

  .heading---hero-university {
    line-height: 46px;
  }

  .text---list-proxy-at {
    font-size: 14px;
    line-height: 22px;
  }

  .image---customer {
    width: 42px;
  }

  .text---hero-customer-quote {
    font-size: 13px;
    line-height: 22px;
  }

  .text---hero-quote {
    text-align: center;
    font-size: 13px;
    line-height: 22px;
  }

  .section---problem-proxy-attendnace-old {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---heading-problems-proxy-at {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-text---prob-proxy {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .grid---problem-proxy-at {
    flex-direction: column;
    display: flex;
  }

  .heading-text---proxy-at {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .section---solution-proxy-attendance-old {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---cta-with-heading-proxy {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid---persona-proxy-at, .grid---persona-proxy-at2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    place-items: center start;
    padding-left: 60px;
    padding-right: 60px;
  }

  .text---persona-proxy-at {
    font-size: 16px;
    line-height: 15px;
  }

  .grid---problems-proxy-at {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    place-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---heading-demo {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---persona-proxy {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .heading-3---grid-item-persona {
    justify-content: center;
    line-height: 33px;
  }

  .sub-heading-text---persona {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .section---persona-proxy {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---persona-proxy.extra-padding---mobile {
    padding: 40px 20px;
  }

  .container---persona-proxy.container---extra-width {
    flex-direction: row;
  }

  .section---why-onetap {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---inner-persona {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div---inner-persona-proxy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-block-77 {
    line-height: 24px;
  }

  .icon---school-check-ins {
    width: 24px;
  }

  .div---image-cta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: column;
  }

  .text---cta-proxy-at {
    font-size: 15px;
    line-height: 25px;
  }

  .div-block-165 {
    padding-left: 0;
    padding-right: 0;
  }

  .div---how-onetap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---how {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---how-onetap-works {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .heading---how-onetap {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .h1-hero---proxy {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---hero-proxy-attendance {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .section---prevent-proxy-attendance {
    padding: 10px 0 40px;
  }

  .h2-heading---hero-proxy-attendance {
    font-size: 32px;
    line-height: 38px;
  }

  .h2-heading---prevent-proxy-at {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    line-height: 33px;
  }

  .cell---heading-prevent-proxy-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-heading-text---prevent-proxy-at {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 25px;
  }

  .cell---hero-heading-prevent-proxy-at {
    text-align: center;
  }

  .div---attendance-proxy-at {
    padding-right: 0;
  }

  .text---heading-proxy-at {
    font-size: 14px;
    line-height: 22px;
  }

  .container---hero-proxy-attendance {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---h2-proxy-at {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-text---proxy-at {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 25px;
  }

  .div-inner---restrictions-proxy-l.grid---mobile {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .h3---heading-restrictions-proxy-at.grid---mobile {
    font-size: 16px;
  }

  .h4---heading-restrictions-proxy-at {
    margin-top: 0;
    font-size: 20px;
    line-height: 33px;
  }

  .h4---heading-restrictions-proxy-at.grid---mobile {
    font-size: 19px;
    line-height: 28px;
  }

  .text---restrictions-proxy-at {
    font-size: 15px;
    line-height: 26px;
  }

  .div-inner-text.grid---mobile {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .h2-heading---cta-proxy {
    font-size: 22px;
    line-height: 33px;
  }

  .h2-heading---cta-proxy.grid---mobile, .text---cta-proxy.grid---mobile {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---how-proxy-at {
    padding: 20px 0;
  }

  .section---persona-proxy-at {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---persona-proxy-at.extra-padding---mobile {
    padding: 40px 20px;
  }

  .text---hero-customer-quote-proxy-at {
    text-align: center;
    font-size: 13px;
    line-height: 22px;
  }

  .section---problem-proxy-at {
    padding: 40px 10px;
    overflow: visible;
  }

  .section---testimonial {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---testimonial.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---problems-proxy-at {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---cta-with-heading-proxy-at {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div---heading-persona-proxy {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-text---persona-proxy {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 25px;
  }

  .heading-3---grid-item-persona-proxy-at {
    justify-content: center;
    line-height: 26px;
  }

  .grid---persona-proxy-attendance {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    place-items: center start;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---persona-proxy-r2 {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    place-items: center start;
    padding-left: 0;
    padding-right: 0;
  }

  .text---client-quote {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .div---quote-proxy-at1 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section---alternatives-proxy-attendance {
    padding: 40px 10px;
    overflow: visible;
  }

  .column---other-apps {
    flex-direction: column;
  }

  .paragraph---other-apps {
    font-size: 15px;
    line-height: 25px;
  }

  .heading---other-apps {
    font-size: 21px;
    line-height: 30px;
  }

  .heading---other-apps.grid---mobile {
    text-align: center;
  }

  .div---column-l-other-apps {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div---column-l-other-apps.grid---mobile {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-166.grid---mobile {
    grid-column-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .image---logo.grid---mobile {
    width: 33%;
  }

  .text---before-onetap {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .heading---after-onetap {
    font-size: 21px;
    line-height: 30px;
  }

  .sub-heading-text---other-apps-proxy-at {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .grid---check-in-restriction-l {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .div---check-in-l.grid---mobile {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 60px;
    display: flex;
  }

  .image-412.small-width---mobile {
    width: 240px;
  }

  .grid---check-in-restriction-r {
    grid-template-columns: .75fr;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .card-top-pricing {
    padding-bottom: 0;
  }

  .cards-wrap.pricing-home {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-3.pricing-home.free-plan-home {
    display: flex;
  }

  .text---plan-pricing {
    padding-right: 0;
  }

  .paragraph-48.pricing-home {
    font-size: 8px;
  }

  .text-size-small.text-align-center {
    font-size: .7rem;
  }

  .heading---hero-pricing {
    font-size: 22px;
    line-height: 33px;
  }

  .h1-hero---pricing {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section---why-onetap-pricing {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---why-onetap {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---why-onetap {
    border-radius: 5px;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global-2.padding-section-large {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .faq-answer {
    object-fit: fill;
  }

  .faqs-heading {
    width: 100%;
    font-size: 16px;
  }

  .faq-p {
    font-size: 14px;
  }

  .heading---faq-pricing {
    font-size: 36px;
  }

  .sticky-grid-pricing {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1px;
    padding-left: 0%;
    padding-right: 0%;
    display: grid;
    overflow: hidden;
  }

  .table-cell {
    width: 33.1%;
  }

  .price-category-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pricing-sticky-bg-wrap {
    flex: 0 auto;
    align-self: stretch;
    width: 100%;
    height: 100%;
  }

  .h2 {
    font-size: 30px;
  }

  .pricing-title-wrap-sticky {
    width: 100%;
    padding: 15px 21px 15px 15px;
    font-size: 13px;
  }

  .pricing-title-wrap-sticky.custom-plan, .pricing-title-wrap-sticky.middle {
    padding-right: 15px;
  }

  .outer-chart-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
  }

  .table-cell-title {
    text-align: center;
    border-top: 1px solid #f2f3ff;
    justify-content: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blurb-txt {
    font-size: 13px;
    display: block;
  }

  .pricing-tab-link, .pricing-tab-link.w--current {
    width: 70%;
  }

  .tabs-menu---switch-pricing.pricing-home {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .tabs-content---pricing {
    display: flex;
  }

  .div---compare-pricing {
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .profiles-item.in-dropdown, .profiles-item.in-dropdown.w--open {
    font-size: 20px;
    line-height: 20px;
  }

  .profiles-item.in-dropdown-list {
    font-size: 20px;
  }

  .tab-panel---use-cases {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content---use-cases {
    padding-top: 20px;
  }

  .content-block---use-case {
    padding-bottom: 10px;
  }

  .heading-3---title-use-cases {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---title-use-cases.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .subheading---use-cases {
    justify-content: center;
    line-height: 33px;
  }

  .subheading---use-cases.text-height---mobile {
    font-size: 18px;
    line-height: 30px;
  }

  .grid---courses-use-case {
    text-align: center;
    grid-template-columns: 1fr 1fr;
  }

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

  .heading-3---courses-use-case {
    justify-content: center;
    line-height: 22px;
  }

  .heading--feature-use-case {
    justify-content: center;
    line-height: 26px;
  }

  .section---benefits-courses-attendance {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---check-in-methods-courses {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .title---check-in-method.text---color-steel-blue {
    font-size: 16px;
  }

  .grid---other-check-ins-courses {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-flow: column;
  }

  .container---hero-training-course.container---extra-width.container---ipad-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .heading---hero-training-course {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }

  .subheading---hero-training-course {
    text-align: center;
    font-size: 16px;
  }

  .section---testimonial-course {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---testimonial-course.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mw-navigation-old {
    display: none;
  }

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

  .tick-icon {
    width: 10%;
  }

  .feature-list---pricing {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    padding-top: 20px;
  }

  .plan-box.hover {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
  }

  .div---spacer-lp-xsm {
    height: 0;
  }

  .section---hero-self-check-in-qr {
    padding: 80px 10px 40px;
  }

  .section---feature-comparison-alternative-copy {
    padding: 20px 10px;
  }

  .quick-stack---benefits-self-check-in-qr {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .grid---benefits-self-check-in-qr {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .item-container---grid-benefits-self-check-in-qr {
    border-radius: 5px;
    padding: 20px 10px;
  }

  .item-container---grid-benefits-self-check-in-qr.gforms-alternative {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 10px 0;
  }

  .text-benefits-self-check-ins {
    font-size: 14px;
  }

  .grid---list-benefits-self-check-in-qr {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-flow: column;
  }

  .div---benefits-self-check-ins.grid-gap {
    grid-column-gap: 6px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title---more-benefits.font-size-14 {
    font-size: 14px;
    line-height: 23px;
  }

  .section---features-attendance-tracking {
    padding: 40px 10px;
    overflow: visible;
  }

  .grid---features-attendance-tracking {
    flex-direction: column;
    display: flex;
  }

  .text---feature-attendance-tracking {
    font-size: 15px;
    line-height: 25px;
  }

  .heading-3---grid-features {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-features.text-height---mobile {
    font-size: 17px;
    line-height: 30px;
  }

  .item-container---grid-how-it-works-self-check-in-qr {
    border-radius: 5px;
  }

  .hero-paragraph-list-text-gforms-qr-code {
    border-radius: 5px;
    padding: 5px;
    line-height: 16px;
  }

  .div---hero-list-gforms {
    justify-content: flex-start;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .section---persona-google-form-qr {
    margin-top: -70px;
    padding: 40px 10px;
    overflow: visible;
  }

  .tabs-menu---forms-qr {
    z-index: 9;
    grid-column-gap: 10px;
    flex-flow: row;
    position: sticky;
    top: 100px;
  }

  .title---personal-form-qr {
    font-size: 16px;
    line-height: 24px;
  }

  .container---google-forms-qr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link---gforms-qr {
    padding: 10px;
  }

  .section---why-onetap-over-gforms-qr {
    padding: 40px 10px;
    overflow: visible;
  }

  .column---gform-qr-vs-onetap {
    flex-direction: column;
  }

  .section---why-onetap-gforms {
    padding: 40px 10px;
    overflow: visible;
  }

  .subtext---hero-self-check-in-qr {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 14px;
    line-height: 24px;
  }

  .text-container {
    flex-direction: column;
    display: flex;
  }

  .trigger-card-2 {
    top: 196.7vh;
  }

  .card-main-image-container {
    margin-bottom: 10px;
  }

  .section-24 {
    height: 400vh;
    padding: 2vh;
  }

  .trigger-card-3 {
    top: 295vh;
  }

  .card-content-icon {
    margin-left: auto;
    margin-right: auto;
  }

  .card-content-icon.mobile-spacing {
    margin-left: 0;
    margin-right: 0;
  }

  .card-wrapper {
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    height: auto;
    padding: 15px;
    transform: translate(0, 50vw);
  }

  .cards-container {
    height: 50vh;
  }

  .trigger-card-1 {
    top: 98.3vh;
  }

  .card-content-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: 0;
  }

  .heading---gforms-qr {
    font-size: 36px;
  }

  .heading---gforms-qr.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 20px;
    line-height: 30px;
  }

  .text---title-container-persona {
    font-size: 16px;
  }

  .trigger-card-4 {
    top: 295vh;
  }

  .button-10 {
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 4vw;
    line-height: 2;
  }

  .button-10.white.button-mobile-padding {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .card-image {
    height: 250px;
  }

  .navigator-image {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .button-box {
    align-items: center;
  }

  .stacking-cards-wrapper {
    margin-top: 40px;
  }

  .navigator-flex {
    grid-row-gap: 40px;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .navigator-flex.reverse-flex {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-heading {
    line-height: 40px;
  }

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

  .container---use-case-google-forms {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title---feature-comparison-table, .title---feature-comparison-table.text-color---royal-blue.lp---np {
    font-size: 13px;
  }

  .heading---column-r-onetap-alternative {
    margin-top: 10px;
    font-size: 21px;
    line-height: 30px;
  }

  .h2-infinite-rotation-holder {
    justify-content: center;
    align-items: center;
    padding-left: 5%;
  }

  .card-image-1 {
    width: 500px;
    height: 200px;
  }

  .card-image-2, .card-image-3, .card-image-4, .card-image-5 {
    height: 300px;
  }

  .section---use-case-forms-qr, .tabs-v---gforms-qr {
    display: none;
  }

  .button-box---gforms-qr {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .section---use-case-forms-qr-mobile {
    display: block;
  }

  .card-tabs-mobile.tabs-v1 {
    margin-top: 40px;
    padding: 20px 15px;
  }

  .navigator-image-gforms-qr {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 210px;
    display: flex;
  }

  .navigator-image-gforms-qr.mobile-image-size {
    width: 100%;
    height: 100%;
    margin-top: 10px;
  }

  .icon---more-feature-mobile {
    width: 20px;
    padding-top: 3px;
  }

  .card-image-mobile {
    width: 500px;
    height: 200px;
  }

  .title---personal-form-qr-mobile {
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    line-height: 24px;
  }

  .container---google-forms-alternative-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---google-forms-alternative-copy.mobile-padding-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .text---feature-gforms-qr {
    margin-top: 20px;
    font-size: 15px;
    line-height: 25px;
  }

  .div---hero-gforms-qr-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .section---hero-gforms-templates {
    padding: 10px 10px 40px;
  }

  .container---hero-gforms-templates {
    padding-left: 20px;
    padding-right: 20px;
  }

  .stack---hero-gforms-templates {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .img---hero-google-forms-templates {
    flex: 1;
    position: static;
  }

  .sub-heading---hero-gforms-templates {
    font-size: 15px;
    line-height: 25px;
  }

  .subheading---hero-paragraph {
    font-size: 14px;
    line-height: 25px;
  }

  .button---gforms-templates {
    text-align: center;
    font-size: 16px;
  }

  .container---gforms-templates {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---gforms-templates {
    width: 100%;
  }

  .div---heading-gforms-templates {
    padding-left: 0;
    padding-right: 0;
  }

  .subheading---gforms-templates {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }

  .div---button-gforms-templates {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .sub-heading---top-gforms-templates {
    font-size: 15px;
    line-height: 25px;
  }

  .section---other-gforms-templates {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section---onetap-gforms-templates {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .div---subheading-gforms-templates-onetap {
    padding-left: 0;
    padding-right: 0;
    font-size: 29px;
    line-height: 33px;
  }

  .subheading---para-gforms-templates {
    font-size: 15px;
  }

  .image-419 {
    padding-top: 20px;
  }

  .section---google-forms-templates {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .grid---google-forms-tempaltes {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }

  .div---list-google-forms-templates {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    padding-left: 0;
    padding-right: 0;
  }

  .title---text-gforms-templates {
    font-size: 15px;
    line-height: 25px;
  }

  .div---list-google-forms-templates-3 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .image---create-google-forms {
    width: 100%;
  }

  .navmenu__dropdown-section-link-heading {
    font-size: 14px;
  }

  .navmenu__dropdown-section-link {
    flex-direction: column;
  }

  .navmenu__dropdown-section-link:hover {
    color: var(--one-tap-blue-med);
    -webkit-text-stroke-color: var(--one-tap-blue-med);
  }

  .link-list__dropdown-toggle {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .link-list__dropdown-toggle:hover {
    color: var(--one-tap-blue-med);
  }

  .link-list__dropdown-toggle.w--open:hover {
    color: var(--one-tap-blue-med);
    -webkit-text-stroke-color: var(--one-tap-blue-med);
  }

  .navmenu__dropdown-right {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .navmenu__flex-container {
    height: 100%;
  }

  .link-list__list-item {
    margin-bottom: 5px;
  }

  .link-list__list-item.cc-first {
    margin-bottom: 5px;
    padding-top: 18px;
  }

  .link-list__link:hover {
    color: var(--one-tap-blue-med);
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
  }

  .navbar-mobile {
    display: block;
  }

  .nav-menu__cta-button {
    background-image: linear-gradient(135deg, var(--dark-slate-blue-gradient), var(--one-tap-blue-med));
    border-top: 1px #000;
    border-radius: 10px;
  }

  .navmenu__dropdown-section-heading {
    margin-bottom: 10px;
  }

  .navmenu__dropdown-block {
    border-bottom-width: 0;
    padding: 0 5px 20px;
  }

  .navmenu__cta-wrapper {
    flex-direction: column;
  }

  .img---logo-nav-mobile, .img---logo-nav-mobile.w--current {
    width: 33%;
    padding-left: 0;
  }

  .navmenu__dropdown-list {
    margin-top: 0;
  }

  .navbar__navmenu {
    height: 75vh;
  }

  .navmenu__dropdown-banner-link {
    border-style: none;
    transition-property: none;
  }

  .navmenu__link-list {
    border-bottom-style: none;
    margin-top: auto;
  }

  .navmenu__dropdown-left {
    padding-bottom: 0;
  }

  .icon-wrap-nav-mobile {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
    padding: 6px;
  }

  .link-block---img-gforms {
    width: 50%;
    padding-left: 20px;
  }

  .h1-heading---hero-gforms-location {
    padding-left: 5px;
    padding-right: 0;
    font-size: 22px;
    line-height: 30px;
  }

  .subtext---hero-gforms-location {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px;
    line-height: 24px;
  }

  .h2-infinite-rotation-holder---gforms-location {
    justify-content: center;
    align-items: center;
    padding-left: 5%;
  }

  .section---hero-gforms-location {
    padding: 80px 10px 40px;
  }

  .grid---title-benefits-location-tracking-onetap {
    text-align: center;
    font-size: 17px;
    line-height: 30px;
  }

  .title---inner-use-case {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-tabs--use-cases._0-75fr-left.grid-align-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid---features-gforms-location {
    flex-direction: column;
    display: flex;
  }

  .section---features-gforms-location {
    padding: 40px 10px;
    overflow: visible;
  }

  .section---comparison-gforms-vs-onetap-location {
    padding: 0 10px;
  }

  .image-423 {
    height: 60px;
  }

  .title---use-case-gforms-location {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
  }

  .h2-heading---how-it-works {
    font-size: 36px;
  }

  .h2-heading---how-it-works.heading-text-center {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 24px;
    line-height: 36px;
  }

  .subtext---hero-cta-gforms-location {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 12px;
    line-height: 24px;
  }

  .div---gforms-location {
    padding: 10px 20px;
  }

  .image-424 {
    width: 20px;
    padding-top: 5px;
  }

  .section---why-onetap-over-gforms-location {
    padding: 0 10px 40px;
    overflow: visible;
  }

  .heading---demo-gforms-attendance {
    font-size: 36px;
  }

  .subtext---demo {
    font-size: 15px;
    line-height: 25px;
  }

  .div---grid-title-benefits-gforms {
    flex-flow: row;
  }

  .heading---gforms-location {
    font-size: 36px;
  }

  .heading---gforms-location.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 20px;
    line-height: 30px;
  }

  .grid---title-benefits-gforms-location {
    font-size: 17px;
    line-height: 30px;
  }

  .container---benefits-gforms-location {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---benefits-gforms-location {
    padding-left: 25px;
    font-size: 14px;
  }

  .text---col-l-onetap {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px;
    line-height: 24px;
  }

  .section---hero-excel-alternative {
    padding: 100px 10px 40px;
  }

  .container---hero-excel-alternative {
    padding-left: 0;
    padding-right: 0;
  }

  .stack---hero-excel-alternative {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .cell---hero-description-excel-alternative {
    justify-content: center;
    align-items: center;
  }

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

  .h1-heading---hero-excel-alternative {
    text-align: center;
    font-size: 35px;
    line-height: 38px;
  }

  .div---table-left-hero-excel {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-177 {
    padding-left: 40px;
  }

  .title-text---col-r-excel {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px;
    line-height: 22px;
  }

  .text---col-r-excel {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px;
    line-height: 24px;
  }

  .img---hero-excel-alterntive {
    margin-top: 20px;
  }

  .section---benefit-onetap-vs-excel-alternative {
    padding: 10px 10px 40px;
  }

  .heading---benefit-onetap-vs-excel-alternative {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
  }

  .grid---benefits-excel {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .div---inner-benefits-l {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .heading---title-benefit {
    text-align: center;
    font-size: 19px;
    line-height: 28px;
  }

  .text---benefits {
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
    line-height: 24px;
  }

  .div---inner-benefits-r {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .section---why-onetap-vs-excel-alternative {
    padding: 40px 0;
  }

  .grid---benefits-excel-alternatives-l {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .grid---benefits-excel-alternatives-r {
    grid-template-columns: .75fr;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .heading---benefits-excel-alternatives-l {
    margin-top: 0;
    font-size: 20px;
    line-height: 33px;
  }

  .text---benefits-excel-alternatives-l {
    font-size: 15px;
    line-height: 26px;
  }

  .sub-heading-text---benefits-excel-alternatives {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .container---hero-excel-attendance-alternative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---benefits-excel-alternatives-r {
    font-size: 15px;
    line-height: 26px;
  }

  .section---comparison-excel-vs-onetap {
    padding: 0 10px;
  }

  .heading---benefits-excel-alternatives {
    font-size: 22px;
    line-height: 33px;
  }

  .heading---feature-onetap-v-excel {
    font-size: 36px;
  }

  .heading---feature-onetap-v-excel.heading-text-center {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 20px;
    line-height: 30px;
  }

  .grid---customers-logos-excel-alternatives {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .sub-heading---hero-excel-alternative {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 22px;
  }

  .section---hero-attendance-home {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .text---hero-home {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .div---heading-hero {
    margin-bottom: 20px;
  }

  .heading---hero-home-25 {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 26px;
    line-height: 32px;
  }

  .primary-button {
    padding: 10px 20px;
    font-size: 15px;
  }

  .container---hero-home-25 {
    position: relative;
  }

  .secondary-button-2 {
    padding: 10px 20px;
    font-size: 14px;
  }

  .section---social-proof-hero-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-home.logos {
    padding-top: 20px;
  }

  .partner-icon {
    width: 80px;
    margin-right: 20px;
  }

  .text---social-proof {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 150%;
  }

  .use-cases-tab-grid-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-title-2 {
    font-size: 24px;
  }

  .section-title-2.works {
    margin-bottom: 5px;
    font-size: 22px;
  }

  .use-cases-tab-menu {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .use-case-content-wrapper {
    border-radius: 10px;
    padding: 20px;
  }

  .div-title-wrap {
    margin-bottom: 20px;
  }

  .div-title-wrap.center {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---use-cases-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---use-cases-home.industry {
    padding-bottom: 60px;
  }

  .use-case-title {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .use-cases-tabs-wrapper {
    display: none;
  }

  .use-case-img-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .text-button-wrap {
    grid-column-gap: 8px;
    font-size: 15px;
  }

  .section-sub-title {
    padding: 6px 0;
    font-size: 12px;
    font-weight: 300;
  }

  .heading---home {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 34px;
  }

  .heading---home.comparison-home {
    padding-left: 0;
    padding-right: 0;
    line-height: 34px;
  }

  .heading-text---home {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .image-428 {
    width: 19px;
  }

  .list---use-cases {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  .core-feature-v2-icon-flex {
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: flex-start;
  }

  .it-work-img-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .core-feature-v2-icon {
    width: 40px;
  }

  .check-ins-tab-link {
    border-radius: 10px;
    padding: 15px;
  }

  .section---persona-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .persona-tabs-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .persona-tab-menu {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    margin-bottom: 20px;
  }

  .persona-tab-link-details {
    font-size: 12px;
  }

  .div---cta-hero-home {
    margin-top: 0;
  }

  .grid---cta-trusted-by {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .section---comparison-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container---comparison-home {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .div---col-paper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .works-list-wrap {
    grid-row-gap: 10px;
  }

  .single-it-works-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .single-works-grid-wrap.lp---np {
    grid-template-rows: auto auto;
  }

  .section---how-works {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .work-list-details, .text---top-list {
    font-size: 14px;
  }

  .single-feature-content-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .feature-title-4 {
    font-size: 20px;
  }

  .feature-img {
    width: 50%;
  }

  .feature-card {
    border-radius: 10px;
  }

  .feature-card._1 {
    width: 50%;
  }

  .feature-card._4, .feature-card._2, .feature-card._3 {
    width: 50%;
    margin-left: 0;
  }

  .feature-details {
    line-height: 140%;
  }

  .feature-details.white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-feature-wrapper._1 {
    padding: 15px 20px 20px;
  }

  .single-feature-wrapper._4 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-title-wrap {
    margin-bottom: 20px;
  }

  .feature-title-wrap._2 {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .feature-content-wrap, .feature-img-wrap {
    text-align: center;
  }

  .feature-title {
    margin-bottom: 10px;
  }

  .div---feature-security {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .subtext---feature-security {
    font-size: 13px;
    line-height: 150%;
  }

  .feature-security-details {
    margin-bottom: 20px;
    line-height: 140%;
  }

  .section---testimonial-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .text---customer-testimonial {
    margin-top: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .single-plan-tab-link {
    border-radius: 10px;
    padding: 15px;
  }

  .container---faq-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading---faq-home {
    margin-bottom: 8px;
    font-size: 26px;
    line-height: 40px;
  }

  .grid---faq-home {
    max-width: 950px;
  }

  .tab---faq {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .title---faq-home {
    color: var(--light-black);
    font-size: 16px;
    line-height: 24px;
  }

  .text---ans-faq-home {
    color: var(--light-black);
    font-size: 14px;
    line-height: 24px;
  }

  .section---multiple-check-ins {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container---multiple-check-ins {
    padding-left: 20px;
    padding-right: 20px;
  }

  .core-feature-v2-title {
    font-size: 18px;
  }

  .core-feature-v2-accordion-details-2 {
    margin-top: 10px;
  }

  .core-feature-v2-arrow-2 {
    font-size: 15px;
    line-height: 16px;
  }

  .it-work-img-wrap-2 {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .it-work-img-wrap-2.v2 {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .multiple-check-in-tab-link {
    border-radius: 10px;
    padding: 15px;
  }

  .core-feature-v2-accordion-ans {
    padding-left: 0;
  }

  .grid---persona-tab-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text---section-disclaimer {
    font-size: 13px;
    line-height: 22px;
  }

  .section---feature-cta-home {
    padding: 40px 10px;
    overflow: visible;
  }

  .div---feature-cta-home {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 20px;
  }

  .heading---feature-home {
    margin-bottom: 8px;
    font-size: 23px;
    line-height: 34px;
  }

  .grid---feature-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .div---img-hero-home {
    margin-top: 60px;
  }

  .text---rotate {
    font-size: 13px;
    line-height: 150%;
  }

  .icon---text-arrow {
    margin-right: 200px;
  }

  .div---rotate-text-wrapper-right {
    padding-top: 20px;
  }

  .text---rotate-left, .text---use-csae-bottom-content {
    font-size: 13px;
    line-height: 150%;
  }

  .pricing-description-text {
    font-size: 4vw;
  }

  .text-block-88 {
    font-size: 2.5vw;
  }

  .section-27 {
    padding: 10px;
  }

  .rotate-wrap {
    height: 100px;
    margin-top: -40px;
    margin-bottom: 20px;
  }

  .rotatingtext {
    font-size: 23px;
  }

  .text---rotate-center, .text---rotate-right {
    font-size: 13px;
    line-height: 150%;
  }

  .heading---persona-home {
    margin-bottom: 8px;
    font-size: 23px;
    line-height: 36px;
  }

  .section---how-works-sample {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---onetap-pricing-home {
    padding-top: 80px;
  }

  .container---onetap-pricing-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab---check-ins {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---check-ins, .grid---check-ins-col1 {
    max-width: 950px;
  }

  .list---feature-tab-cta {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .image-431 {
    width: 70%;
  }

  .list---text-feature {
    margin-bottom: 10px;
  }

  .grid---check-in-methods-home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div---check-ins-methods {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---check-ins-methods.tab---highlighted-shadow {
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
  }

  .div---check-ins-methods.ipad-kiosk-check-in {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3---title-check-in-methods {
    text-align: center;
    font-size: 15px;
  }

  .text---check-in-methods {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .image-432 {
    width: 100%;
    height: 100%;
  }

  .image-433 {
    box-shadow: 0 0 3px #0003;
  }

  .image---check-in-methods {
    width: 70%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image---visitor-check-in-method {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-186 {
    margin-bottom: 20px;
  }

  .cta---title-check-in-methods {
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .video---attendance-app-onetap {
    height: 201px;
    margin-top: -21px;
    top: 20px;
  }

  .div---wrapper-cta-home {
    margin-top: 40px;
  }

  .div---feature-cta-wrap {
    margin-bottom: 5px;
  }

  .icon---text-arrow-right {
    margin-left: 200px;
  }

  .text-block-89, .text-block-90 {
    font-size: 13px;
  }

  .grid---use-cases-wrap-home-mob {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .div---use-case-home-mob {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .text---title-use-case {
    background-color: var(--one-tap-blue-med);
    color: #fff;
    text-align: center;
    border-radius: 7px;
    margin-top: -37px;
    padding: 12px 12px 13px;
    font-size: 15px;
    box-shadow: 0 0 5px #0003;
  }

  .text---use-case-content-wrapper {
    border-radius: 10px;
    margin-top: 20px;
    padding: 0;
  }

  .div---text-use-cases-wrap-mob {
    margin-bottom: 15px;
  }

  .text---use-csae-bottom-content-mob {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 150%;
  }

  .div---use-case-content-bottom-mob {
    margin-top: 5px;
    display: flex;
  }

  .div---use-cases-mob {
    margin-top: 20px;
  }

  .use-case-title-mob {
    text-align: center;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .div---wrapper-demo-home-mob {
    text-align: center;
    margin-top: -50px;
    display: block;
  }

  .div-block-190 {
    margin-top: 215px;
    margin-right: 10px;
  }

  .section---device-image.v2 {
    margin-top: -300px;
  }

  .image-436 {
    width: 100px;
  }

  .section---hero-university {
    padding: 100px 10px 20px;
  }

  .heading---hero-univ {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 34px;
  }

  .stack---hero-univ {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-univ {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .cell---hero-description-univ {
    padding-top: 0;
  }

  .container---hero-univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---social-proof-hero-univ {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-univ.logos {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .cell---hero-univ {
    padding-top: 10px;
  }

  .section---univ {
    padding: 60px 10px;
    overflow: visible;
  }

  .container---univ {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading---univ {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .div---heading-wrapper-univ {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .div---text-univ {
    margin-top: 20px;
  }

  .heading-hero---univ {
    text-align: center;
    margin-top: 0;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 13px;
  }

  .div---univ {
    padding-right: 0;
  }

  .section---benefits-univ {
    padding: 40px 0;
  }

  .heading---benefit-univ {
    margin-top: 0;
    font-size: 20px;
    line-height: 33px;
  }

  .section---feature-univ {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---features-univ {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div---grid-item-feature-univ {
    text-align: center;
  }

  .heading-3---grid-item-features-univ {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-features-univ.text-height---mobile {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }

  .text---features-univ {
    font-size: 14px;
    line-height: 24px;
  }

  .item-container---grid-how-it-works-univ {
    border-radius: 5px;
  }

  .persona-tabs-wrapper---univ {
    display: none;
  }

  .persona-tab-menu---univ {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .div---customer-univ {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .persona-img-wrapper---univ {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div---cta---univ {
    margin-top: 0;
    padding-top: 20px;
  }

  .slider01_slide {
    margin-right: 1rem;
  }

  .slider01_mask {
    width: 95%;
  }

  .single-feature-content {
    justify-content: center;
    align-items: center;
  }

  .feature-arrow {
    width: 50px;
    height: 35px;
  }

  .feature-arrow.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .feature-arrow.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .slider.testimonial-v2 {
    width: 240px;
  }

  .grid---use-case-univ {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .section---persona-univ, .section---use-case-univ {
    padding: 60px 10px;
    overflow: visible;
  }

  .image---use-case {
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 0 3px #0003;
  }

  .image---hero-univ {
    width: 100%;
    height: 100%;
  }

  .div---heading-cell, .div---text-cell {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .div---cell-alternative-benefits {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---flexbox-comparison {
    display: flex;
  }

  .table---comparison-univ {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .section---feature-comparison-univ {
    padding: 20px 10px;
  }

  .text---compare {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .text---compare1 {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .grid---feature-comparison-univ {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .item-container---feature-comparison {
    border-radius: 5px;
  }

  .title---benefit {
    font-size: 24px;
  }

  .title---benefit.univ, .title---benefit.after-school {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .title---benefit.grants {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .title---benefit.ce-credits {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .container---benefits-uni {
    display: block;
  }

  .feature-slider-wrap {
    margin-left: -10px;
  }

  .single-feature {
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
    display: flex;
  }

  .section---demo-univ {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---demo {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-demo {
    border-radius: 5px;
  }

  .text---demo {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .image-438 {
    width: 80%;
  }

  .div---cta-demo {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .persona-tab-grid-wrap---univ {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section---case-study {
    padding: 60px 10px;
    overflow: visible;
  }

  .text---cta-benefit-sm {
    margin-top: 30px;
    font-size: 14px;
  }

  .text---benefits-details-mobile {
    font-size: 14px;
  }

  .div---text-benefit-mobile.after-school {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---benefits-wrapper {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .div---benefits-wrapper.grants {
    margin-bottom: auto;
  }

  .div---grid-item-feature-univ {
    justify-content: center;
    align-items: center;
  }

  .grid---persona-wrap-univ-mob {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .div---persona-univ-mob {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .text---title-persona {
    background-color: var(--one-tap-blue-med);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin-top: -37px;
    padding: 12px 12px 13px;
    font-size: 15px;
    box-shadow: 0 0 5px #0003;
  }

  .div---imag-benefits-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .open-close-icon-wrapper---faq {
    margin-right: 16px;
  }

  .open-close-icon-wrapper---faq.large-icon---faq {
    width: 16px;
    min-height: 16px;
    margin-right: 0;
  }

  .accordion-paragraph---faq {
    max-width: 100%;
    font-size: 15px;
  }

  .column---faq.left---faq {
    margin-bottom: 16px;
  }

  .accordion-item-title---faq {
    max-width: 70%;
    font-size: 20px;
  }

  .accordion-item-title---faq.accordion-3---faq {
    max-width: 75%;
    font-size: 16px;
    line-height: 25px;
  }

  .accordion-3-open-close-icon-wrapper---faq {
    border-radius: 5px;
    width: 30px;
    min-height: 30px;
  }

  .accordion-item---faq.accordion-3---faq {
    margin-bottom: 16px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .sub-heading---text-hero-univ {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .grid---how-it-works-univ {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-univ {
    border-radius: 5px;
  }

  .div---cell-alternative-univ {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---text-cell-univ {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .single-comparison {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px 15px;
    display: flex;
    box-shadow: 0 0 5px #0003;
  }

  .single-comparison-content {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .div---grid-item-comparison {
    justify-content: center;
    align-items: center;
  }

  .heading---title-comparison {
    color: var(--text-grey);
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
  }

  .heading---title-comparison.text-color---royal-blue {
    color: var(--royal-blue);
    font-weight: 500;
  }

  .text---comparison-univ {
    font-size: 14px;
    line-height: 24px;
  }

  .heading---grid-item-comparison-univ {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .div---comparison-mobile {
    margin-top: auto;
    display: block;
  }

  .cta-text---comparison {
    margin-top: 20px;
    font-size: 14px;
  }

  .button---cta-use-case.university {
    width: 280px;
  }

  .button---cta-use-case.after-school, .button---cta-use-case.halloween-cta {
    width: 260px;
  }

  .div---cta-hero-university {
    margin-top: 0;
  }

  .cell---hero-description-school {
    padding-top: 0;
  }

  .stack---hero-school {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .cell---image-hero-school {
    padding-top: 10px;
  }

  .persona-tab-menu---school {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .grid---use-case-school {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-school {
    border-radius: 5px;
    padding: 10px 20px 20px;
  }

  .text---use-cases-school {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .section---benefits-school {
    padding: 60px 0 0;
  }

  .text-wrap {
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }

  .section---feature-school {
    padding: 60px 10px;
    overflow: visible;
  }

  .div---heading-wrapper-school {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .div---quote-school {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text---social-proof-school {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 13px;
    line-height: 150%;
  }

  .grid---hero-school-classroom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .paragraph---hero-list {
    font-size: 14px;
    line-height: 22px;
  }

  .div---cta-hero-school-classroom {
    margin-top: 0;
  }

  .section---quote-school {
    padding: 40px 0;
  }

  .section---persona-school {
    padding: 60px 10px;
    overflow: visible;
  }

  .text---benefit-bottom-content {
    font-size: 15px;
    line-height: 150%;
  }

  .persona-img-wrapper---school {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div---image-benefits-school {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading---school {
    margin-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .container---benefits-school {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .div---heading-wrap-school, .div---heading-wrap-usecase-school {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---persona-school {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-persona-school {
    border-radius: 5px;
    padding: 10px 20px 20px;
  }

  .stack---hero-after-school {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading---hero-after-school {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 25px;
  }

  .cell---hero-description-after-school {
    padding-top: 0;
  }

  .section---grid-after-school {
    padding: 60px 10px;
    overflow: visible;
  }

  .item-container---grid-after-school {
    border-radius: 5px;
    padding: 10px 20px 20px;
  }

  .div---cta---school {
    margin-top: 0;
    padding-top: 20px;
  }

  .paragraph---hero-list-school {
    font-size: 14px;
    line-height: 22px;
  }

  .grid---hero-school {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div---inner-grid-hero-school {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section---use-case-after-school {
    padding: 60px 10px;
    overflow: visible;
  }

  .div---heading-usecase-after-school, .div---heading-benefits-after-school {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .table---comparison-after-school {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .table-text-after-school {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .item-container---grid-use-case-after-school {
    border-radius: 5px;
    padding: 10px 20px 20px;
  }

  .div---cell-as {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---text-cell-as {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .grid---value-afterschool {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: row;
    display: block;
  }

  .text---value-afterschool {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .container---value-afterschool {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---benefit-hg-after-school, .section---persona-afterschool {
    padding: 60px 10px;
    overflow: visible;
  }

  .persona-content-wrapper {
    border-radius: 10px;
    padding: 20px;
  }

  .div---persona-content-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .persona-img-wrapper---afterschool {
    padding-left: 50px;
    padding-right: 50px;
  }

  .persona-tab-menu---afterschool {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .grid---value-after-school {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .text---afterschool, .text---persona-afterschool {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .div---persona-afterschool-mob {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .persona-title-mob {
    text-align: center;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
  }

  .persona-title-mob.lp---np {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }

  .text---persona-content-wrapper {
    border-radius: 10px;
    margin-top: 20px;
    padding: 0;
  }

  .text---value-after-school {
    text-align: center;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 23px;
  }

  .heading---afterschool {
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .div---quote-afterschool {
    flex-flow: column;
    padding-right: 0;
  }

  .div---persona-home-mob {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .persona-content-wrap-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---persona-home {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .text---persona-content-wrapper-home {
    border-radius: 10px;
    padding: 0;
  }

  .div---persona-content-wrap-top {
    border-top-style: none;
    justify-content: flex-start;
    align-items: center;
  }

  .div---persona-content-wrap-bottom {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 30px;
  }

  .grid---how-it-works-home {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .video---ipad-kiosk-check-in {
    top: 20px;
  }

  .div---inner-wrap-kiosk {
    margin-bottom: 10px;
  }

  .list---text-inner-ipad-kiosk {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .text---link-kiosk-check-in-app {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
  }

  .heading---check-ins-home {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 30px;
  }

  .text---heading-check-in-home {
    font-size: 24px;
    line-height: 30px;
  }

  .section---reports-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---reports-home {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-top: 40px;
    display: flex;
  }

  .heading---reports-home {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 34px;
  }

  .heading-text---reports-home {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .grid---hero-grants {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .list---hero-grants {
    font-size: 15px;
    line-height: 22px;
  }

  .grid---use-case-grants {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-use-case-grants {
    border-radius: 5px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 20px 20px;
  }

  .div---use-case-grants {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title---use-case-grants {
    margin-top: 0;
    line-height: 26px;
  }

  .text---use-cases-grants, .list-text---use-cases-grants {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .div---heading-usecase-grants {
    margin-bottom: 10px;
  }

  .sub-heading---grants {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .button-13 {
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 4vw;
    line-height: 2;
  }

  .button-13.white {
    justify-content: center;
  }

  .footer-left-div {
    padding-left: 20px;
  }

  .card-image-6 {
    height: 300px;
  }

  .navigator-image-2 {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 210px;
    display: flex;
  }

  .branding-footer {
    overflow: hidden;
  }

  .footer-text {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .footer-right-div {
    padding-left: 20px;
  }

  .footer-brand {
    width: 180px;
    margin-bottom: 0;
  }

  .navigator-flex-2 {
    grid-row-gap: 40px;
    justify-content: space-between;
    padding-top: 45px;
    padding-bottom: 60px;
    padding-right: 20px;
  }

  .div---hover-use-cases-grants {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .tooltip-section.first {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-block-91 {
    font-size: 14px;
    line-height: 21px;
  }

  .section---list-use-case-grants {
    padding: 60px 10px;
    overflow: visible;
  }

  .tab-panel-3---grants, .container---grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---benefit-grants {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .list---benefits-grants {
    text-align: left;
    font-size: 15px;
    line-height: 22px;
  }

  .grid---benefit-grants-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .grid---benefit-grants-1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: column;
    display: flex;
  }

  .grid---features-grants {
    flex-flow: column;
    align-content: stretch;
    place-items: stretch stretch;
    display: flex;
  }

  .single-feature---grants {
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 10px 15px;
    display: flex;
  }

  .grid---faq-grants {
    max-width: 950px;
  }

  .grid---faq-col2-grants {
    grid-template-rows: auto auto auto;
    max-width: 950px;
  }

  .container---faq-grants {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-3---grid-item-cta-features-grants {
    justify-content: center;
    line-height: 33px;
  }

  .heading-3---grid-item-cta-features-grants.text-height---mobile {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }

  .sub-heading---usecase-grants {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .sub-heading---simplify-grants, .sub-heading---compare-grants {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .heading---usecase-programs {
    margin-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .div---heading-usecase-grants-programs {
    margin-top: 50px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .section---use-case-grants {
    padding: 60px 10px 10px;
    overflow: visible;
  }

  .container---value-grants {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---list-grants {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    margin-top: 30px;
    display: flex;
  }

  .sub-heading---benefits-grants {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .section---modern-solution-grants {
    padding: 60px 10px;
    overflow: visible;
  }

  .container---modern-solution {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid---modern-solution-grants {
    flex-direction: column;
    display: flex;
  }

  .div---heading-modern-grants {
    text-align: center;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---modern-grants {
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .sub-heading---modern-grants {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .div---modern-prob-grants {
    margin-top: 10px;
  }

  .text---modern-grants {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .div---modern-solu-grants {
    margin-top: 30px;
    padding-left: 0;
  }

  .div---img-arrow-grants {
    display: none;
  }

  .heading---grants {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .grid---cta-grants {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: row;
    display: block;
  }

  .grid---value-grants {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: row;
    margin-bottom: 40px;
    display: block;
  }

  .heading---grants-mgmt {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 32px;
  }

  .text---cta-benefit-grants {
    margin-top: 30px;
    font-size: 14px;
  }

  .div---heading-compare-grants {
    margin-bottom: 10px;
  }

  .div---cta-demo-grants {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div---cta-home {
    padding-left: 0;
    padding-right: 0;
  }

  .heading---check-ins-methods-home {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .grid---onetap-attendance-system {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---onetap-attendance-system {
    border-radius: 5px;
  }

  .div---cta-demo-home {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading---grants-management {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .div---image-benefits-grants {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .single-feature---cta-grants {
    background-color: #0000;
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 10px 15px;
    display: flex;
  }

  .div---ipad-kiosk-home {
    flex-flow: column;
  }

  .div---inner-text-kiosk-home {
    width: 100%;
  }

  .div---wrapper-cta-feature-home {
    margin-top: 40px;
    display: none;
  }

  .grid---cta-feature-wrap-home {
    flex-direction: column;
    display: flex;
  }

  .cta---signup-home {
    width: 280px;
  }

  .cta---signup-home.grid---mobile {
    width: 220px;
  }

  .grid---faq-after-school {
    max-width: 950px;
  }

  .section---after-school {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---social-proof-hero-class {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-class.logos {
    padding-top: 20px;
  }

  .section---onetap-pricing-plan {
    padding: 60px 10px;
    overflow: visible;
  }

  .div---check-ins-methods-home {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---cta-pricing {
    padding-left: 0;
    padding-right: 0;
  }

  .div-heading---hero-pricing {
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .div---img-arrow {
    display: none;
  }

  .heading-top---hero-feature {
    text-align: center;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 13px;
  }

  .stack---hero-feature {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .image---hero-feature {
    width: 75%;
    height: 100%;
  }

  .cell---image-hero-feature {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
  }

  .section---use-case-pain-feature {
    padding: 60px 10px;
    overflow: visible;
  }

  .sub-heading---feature {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .grid---pain-features {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .item-container---grid-features {
    border-radius: 5px;
    padding: 10px 20px 20px;
  }

  .text---list-feature {
    font-size: 16px;
  }

  .container---feature-webpage {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---benefits-feature {
    padding: 40px 10px;
    overflow: visible;
  }

  .text---benefit-feature {
    font-size: 14px;
    line-height: 25px;
  }

  .grid---highlight-feature {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: row;
    display: block;
  }

  .heading---features {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .heading---hero-features {
    text-align: center;
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
    line-height: 37px;
  }

  .sub-heading---how-feature {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .section---social-proof-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero.logos {
    padding-top: 20px;
  }

  .section---social-proof-hero-attendance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-attendance.logos {
    padding-top: 20px;
  }

  .section---social-proof-hero-visitor {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-visitor.logos {
    padding-top: 20px;
  }

  .section---social-proof-hero-uni {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-uni.logos {
    padding-top: 20px;
  }

  .tab-menu---trigger-action-feature {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

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

  .section---integration-feature {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .subheading---feature {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .heading---how-integrations {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .div---text-how-integration {
    border-radius: 10px;
    padding: 20px;
  }

  .section---use-case-integration {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---use-cases-integration {
    flex-flow: column;
    align-content: stretch;
    place-items: stretch stretch;
    display: flex;
  }

  .div---quote-integration {
    padding-left: 5%;
    padding-right: 5%;
  }

  .tab-menu---integration {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .div---heading-integration {
    margin-bottom: 20px;
  }

  .div---connect-jotform-integrations {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid---use-cases-integration-jotform, .grid---use-cases-integration-rest-api {
    flex-flow: column;
    align-content: stretch;
    place-items: stretch stretch;
    display: flex;
  }

  .div---use-cases-integrations {
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 10px 15px;
    display: flex;
  }

  .container---usecase-integration {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text---description-integrations {
    font-size: 15px;
    line-height: 24px;
  }

  .container---other-integrations {
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-container---other-integrations {
    border-radius: 5px;
  }

  .grid---other-integrations {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .section---other-integrations {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---demo-integration {
    padding: 40px 10px;
  }

  .subheading---integration-jotform {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .heading---integrations {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .subheading---other-integration {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
  }

  .image---hero-integration {
    width: 100%;
    height: 100%;
  }

  .image-wrap---connect-integration {
    padding-left: 50px;
    padding-right: 50px;
  }

  .grid---integrations {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div---connect-integrations-webhooks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .text---webhooks-integration {
    font-size: 15px;
    line-height: 25px;
  }

  .div---text-webhooks-integration {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    border-radius: 10px;
    padding: 20px 0 0;
  }

  .image-wrap---connect-integration-webhooks {
    padding-left: 50px;
    padding-right: 50px;
  }

  .section---integration-webhooks {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .grid---webhook-integration {
    flex-flow: column;
    align-content: stretch;
    place-items: stretch stretch;
    margin-bottom: 0;
    display: flex;
  }

  .div---text-webhook-integration {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    border-radius: 15px;
    flex-flow: column;
    order: 1;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .image-wrap---n8n-integration {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---n8n-integration {
    padding: 60px 10px;
    overflow: visible;
  }

  .heading---features-integration {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 32px;
  }

  .subheading---feature-integration {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cell---hero-description-feature-integrations {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 0;
  }

  .sub-heading---hero-feature-integrations {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 25px;
  }

  .section---other-integration {
    padding: 60px 10px;
    overflow: visible;
  }

  .text---hero-compliance {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .heading---persona-compliance {
    margin-bottom: 0;
    font-size: 23px;
    line-height: 32px;
  }

  .div---heading-wrap-persona-compliance {
    margin-bottom: 20px;
  }

  .heading-text---compliance {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .heading---feature-compliance {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 32px;
  }

  .grid---feature-compliance {
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section---persona-compliance, .section---reports-compliance, .section---compliance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading---compliance {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 36px;
  }

  .section---how-onetap-compliance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text---cta-demo {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .dekstop-navigation {
    display: none;
  }

  .section---hero-compliance {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .button---navigation-cta-demo {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
  }

  .column---concern-compliance {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .paragraph-53 {
    font-size: 14px;
    line-height: 24px;
  }

  .image---compliance-reports {
    width: 100%;
  }

  .grid---persona-compliance-mob {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 60px;
    display: block;
  }

  .div---inner-grid-persona-compliance {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text---grid-text-persona-compliance {
    font-size: 15px;
    line-height: 22px;
  }

  .icon---grid-compliance {
    margin-top: 1px;
  }

  .grid---text-persona-compliance {
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }

  .image---compliance {
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 0 3px #0003;
  }

  .div---persona-compliance {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .text---cta {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .div---cta-gforms-vs, .div---cta-kiosk {
    margin-top: 0;
  }

  .text---quote-kiosk {
    font-size: 12px;
    line-height: 22px;
  }

  .div---cta-self-checl-in-kiosk {
    margin-top: 0;
  }

  .div---heading-school {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .section---social-proof-alternatives {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-alternatives.logos {
    padding-top: 20px;
  }

  .div---heading-wrapper-afterschool {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---feature-grants {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .div---heading-features-grants {
    margin-bottom: 10px;
  }

  .table---onetap-vs-google-form {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .flexbox---table-gforms-mob {
    border: 1px solid var(--text-grey);
    display: block;
    overflow: auto;
    box-shadow: 0 0 10px -3px #0003;
  }

  .div---text-usecases-school {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .section---before-after-compliance {
    padding: 60px 10px;
    overflow: visible;
  }

  .section---before-after-compliance.extra-padding---mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---transformation-compliance {
    display: block;
  }

  .section---usecase-compliance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---usecases-compliance {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div---usecases-compliance {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .h3---title-usecase {
    text-align: center;
    font-size: 15px;
  }

  .text---persona-usecase, .text---usecase-compliance, .text---highlight-usecase {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .section---hero-attendance-tracker-app {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .heading---hero-attendance-tracker {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .text---hero-attendance-tracker {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .text---top-hero-attendance-tracker-app {
    font-size: 12px;
    line-height: 22px;
  }

  .section---use-cases-attendance-tracker {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---use-cases-attendance-tracker {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div---use-case-attendance-tracker {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div---inner-wrap-usecase {
    margin-bottom: 10px;
  }

  .list---text-usecase {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .section---social-proof-hero-qr {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---social-proof-hero-qr.logos {
    padding-top: 20px;
  }

  .text---usecase-at {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .div---use-case-cta-attendance-tracker {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-text---attendance-tracker {
    padding-left: 0;
    padding-right: 0;
  }

  .section---solution-attendance-tracker {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text---pain-attendance-tracker {
    font-size: 15px;
    line-height: 24px;
  }

  .list---benefits-attendance-tracker {
    font-size: 16px;
  }

  .text---list-benefits {
    font-size: 15px;
    line-height: 20px;
  }

  .div---flex-benefits-attendance-tracker {
    grid-row-gap: 40px;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 60px;
    padding-right: 20px;
  }

  .div---image-benefits-at {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 210px;
    display: flex;
  }

  .list---benefits-at {
    line-height: 24px;
  }

  .grid---comparison-attendance-tracker {
    grid-template-columns: 1.5fr;
  }

  .h3---title-comparison-at {
    text-align: center;
    font-size: 15px;
  }

  .div---text-comparison-col-left {
    margin-bottom: 10px;
  }

  .icon---comparison-col-left {
    width: 19px;
  }

  .div---setup-attendance-tracker {
    border-radius: 5px;
  }

  .section---cta-attendance-tracker {
    padding: 60px 10px;
    overflow: visible;
  }

  .div---cta-at {
    background-color: var(--white);
    background-image: none;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---testimonial-at {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div---heading-wrapper-at {
    padding-left: 0;
    padding-right: 0;
  }

  .cta---signup-at {
    width: 280px;
  }

  .cta---signup-at.grid---mobile {
    width: 220px;
  }

  .cta---signup-at.grid---mobile.feature---cta.homepage {
    width: 300px;
  }

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

  .heading---hero-bts {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .text---hero-bts {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 150%;
  }

  .div---top-hero-bts {
    flex-flow: column;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div---use-case-bts {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .grid---use-cases-bts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section---solution-bts {
    padding: 60px 0 0;
  }

  .div---heading-wrapper-bts {
    padding-left: 0;
    padding-right: 0;
  }

  .heading---bts {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 33px;
  }

  .div---heading-wrapper-bts-benefits {
    padding-left: 0;
    padding-right: 0;
  }

  .section---benefit-bts {
    padding: 60px 10px;
  }

  .grid---benefits-bts {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .div---use-case-cta-bts {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---inner-benefits-l-bts {
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .div---inner-benefits-r-bts {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .text---benefits-bts {
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
    line-height: 24px;
  }

  .countdown_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
  }

  .countdown_number {
    font-size: 2.5em;
  }

  .countdown_label {
    font-size: 1.6em;
  }

  .text---top-hero-bts-timer {
    font-size: 15px;
    line-height: 22px;
  }

  .heading-text---bts {
    padding-left: 0;
    padding-right: 0;
  }

  .heading---offer-bts {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    line-height: 38px;
  }

  .heading-text---offer-bts {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .grid---title-benefits-self-check-ins-copy {
    font-size: 21px;
    line-height: 35px;
  }

  .extra-font-size.grid---title-offer-bts {
    font-size: 30px;
  }

  .section---pricing-offer-bts {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .heading-text---reports-bts {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .navbar__container-offer {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .navmenu__button-bts {
    margin-right: 0;
    padding-top: 0;
  }

  .div---grid-cta-bts {
    padding-left: 0;
    padding-right: 0;
  }

  .title---benefit-bts {
    color: var(--light-black);
    font-size: 19px;
    font-weight: 500;
    line-height: 26px;
  }

  .div---text-reports-bts {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-2---offer-bts {
    justify-content: center;
    line-height: 33px;
  }

  .heading-2---offer-bts.text-height---mobile {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 30px;
  }

  .accordion-paragraph---faq-bts {
    max-width: 100%;
    font-size: 15px;
  }

  .subheading-text---attendance-tracker, .div---heading-wrapper-attendace-tracker {
    padding-left: 0;
    padding-right: 0;
  }

  .div---cta-feature-at {
    background-color: var(--white);
    background-image: none;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-text---at, .div---heading-at {
    padding-left: 0;
    padding-right: 0;
  }

  .section---cta-at {
    padding: 60px 10px;
    overflow: visible;
  }

  .stack---hero-article {
    grid-row-gap: 10px;
  }

  .heading---text-hero-article {
    margin-bottom: auto;
    font-size: 21px;
    line-height: 29px;
  }

  .container---article {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---flexbox-article {
    display: flex;
  }

  .div---app-cell-article {
    z-index: 2;
    place-content: flex-end flex-start;
    width: 34%;
    padding: 0 10px;
    position: sticky;
    left: 1px;
  }

  .div---description-cell-article, .div---description-cell-details-article {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .heading---table-article {
    font-size: 20px;
    line-height: 30px;
  }

  .text---article, .suntext---article {
    font-size: 16px;
  }

  .list---article {
    font-size: 15px;
    line-height: 26px;
  }

  .sub-heading---grants-management {
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .div---cta-hero-demo {
    margin-top: 0;
  }

  .text---demo-hero {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 150%;
  }

  .grid---pain-point {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .div---inner-right, .div---inner-l {
    border-right-style: none;
    padding: 20px 0 0;
  }

  .heading-text---halloween-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .section---hero-lp {
    padding: 160px 10px 20px;
  }

  .stack---hero-lp {
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---hero-lp {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 34px;
  }

  .sub-heading---hero-lp {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 25px;
  }

  .section---usecase-lp {
    padding: 60px 10px;
  }

  .container---lp {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .div---heading-wrapper-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---lp {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div---grid-usecase-lp {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---grid-lp {
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
    line-height: 24px;
  }

  .h2-heading---lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .section---lp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---halloween-lp {
    padding: 80px 20px;
  }

  .heading-text---onetap-halloween-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .section---how-lp {
    padding: 60px 10px 0;
    overflow: visible;
  }

  .div---how-lp {
    background-color: var(--white);
    background-image: none;
    justify-content: center;
    align-items: center;
    margin-top: -100px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-2---how-lp {
    justify-content: center;
    line-height: 33px;
  }

  .heading-2---how-lp.text-height---mobile {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .div---heading-wrapper-how-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---comparison-columns-lp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section---cta-lp {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---usecase-lp {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .text---use-case-lp {
    justify-content: center;
    line-height: 26px;
  }

  .text---grid-usecase-lp {
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
    line-height: 24px;
  }

  .grid-2---lp {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .link-14 {
    color: var(--orange-red);
    font-size: 15px;
  }

  .link---demo-lp {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---demo-hero {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 29px;
    line-height: 32px;
  }

  .subheading---demo-hero {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .text---hero-demo {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .div---heading-hero-copy {
    margin-bottom: 20px;
  }

  .section---hero-demo-booked {
    padding-top: 60px;
  }

  .subtext---demo-cta {
    text-align: center;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
    line-height: 150%;
  }

  .div---hero-quote-np {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .subtext---quote {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---heading-wrapper-np {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---section-np {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 30px;
  }

  .div---grant-solution-np {
    grid-template-columns: 1fr;
  }

  .heading---pain-np {
    font-size: 15px;
    line-height: 24px;
  }

  .div---inner-wrap-np {
    margin-bottom: 10px;
  }

  .list---inner-text-np {
    margin-bottom: 0;
    line-height: 23px;
  }

  .icon---cross {
    width: 19px;
    height: 19px;
    margin-top: 4px;
  }

  .icon---check-dark {
    width: 19px;
  }

  .grid---pain-solution-np {
    align-items: center;
  }

  .text---demo-cta {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 150%;
  }

  .paragraph---persona {
    font-size: 15px;
    line-height: 25px;
  }

  .icon---quote-persona {
    width: 20px;
  }

  .paragraph---persona-quote {
    font-size: 15px;
    line-height: 25px;
  }

  .content-wrapper---persona {
    border-radius: 10px;
    padding: 20px;
  }

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

  .slider-wrap---use-cases {
    margin-left: -10px;
  }

  .slide---single-use-case {
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    width: 250px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .text---use-case {
    font-size: 14px;
    line-height: 24px;
  }

  .text---use-case-np {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 150%;
  }

  .div---text-use-case-np {
    padding-left: 0;
    padding-right: 0;
  }

  .text---ticker {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 150%;
  }

  .div---cta-demo-np {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid---steps-np {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .div---inner-cta {
    padding: 20px 0 40px;
  }

  .heading---title-cta-inner {
    text-align: center;
    font-size: 19px;
    line-height: 28px;
  }

  .heading-text---np {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div---comparison-np {
    justify-content: flex-start;
    width: 33%;
    padding: 5px 10px;
  }

  .section---faq-np {
    padding-top: 0;
  }

  .img---demo-cta {
    width: 80%;
  }

  .div---cta-demo-faq-np {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

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

  .hero-image---np.hero-image-left---np {
    border-radius: 16px;
    top: -10px;
    left: 0;
  }

  .hero-image---np.hero-image-right---np {
    border-radius: 16px;
    bottom: -10px;
    right: 0;
  }

  .divider---logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .button-secondary---brix.variant-01---brix {
    width: 100%;
  }

  .div---hero-np {
    text-align: center;
    margin-bottom: 64px;
  }

  .container-default-2 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._2-buttons---brix.hero-v2---brix {
    flex-direction: column;
    align-items: stretch;
  }

  .button---demo {
    border-radius: 5px;
    width: 140px;
    padding: 15px 10px 16px;
    font-size: 12px;
  }

  .subtitle---np {
    font-size: 13px;
    line-height: 18px;
  }

  .text---hero-np {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 150%;
  }

  .button---demo-np {
    justify-content: center;
    align-items: center;
  }

  .div---hero-wrap-np {
    margin-bottom: 10px;
  }

  .div---persona-title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }

  .subtext---quote-np {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---solution-np {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-image---brix.hero-v5-image-left---brix {
    border-radius: 16px;
    top: 18px;
  }

  .hero-image---brix.hero-v5-image-right---brix {
    border-radius: 16px;
    bottom: 16px;
  }

  .hero-image---brix.hero-v3---brix {
    height: 32vh;
    min-height: 32vh;
  }

  .hero-image---brix.hero-v1---brix._02---brix {
    margin-top: 66px;
    margin-left: 0;
  }

  .hero-v5-split---brix {
    margin-bottom: 64px;
  }

  .container-default-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-primary---brix {
    width: 100%;
    padding: 15px 34px 16px;
  }

  .button-primary---brix._2-buttons---brix {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .button-primary---brix.newsletter {
    width: 100%;
    margin-top: 16px;
    padding-top: 19px;
    padding-bottom: 19px;
    position: static;
  }

  .button-primary---brix.newsletter.button-footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-primary---brix.button-header {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .subtitle---brix-4 {
    font-size: 16px;
    line-height: 24px;
  }

  .section---hero-nonprofit {
    padding-top: 70px;
    padding-bottom: 30px;
  }

  .heading---hero-np {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    line-height: 39px;
  }

  .subtitle-text-highlight {
    font-size: 12px;
    line-height: 23px;
  }

  .section---features-np {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---features-np {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .div---feature-single-np {
    border-radius: 5px;
  }

  .section---persona-np {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tabs-wrapper---persona-np {
    display: none;
  }

  .heading-text---section-np {
    padding-left: 0;
    padding-right: 0;
  }

  .div---solution-content-wrapper-np {
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
  }

  .list---features-np {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  .heading-text---best-np {
    padding-left: 0;
    padding-right: 0;
  }

  .heading---best-np {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .table---attndance-app-for-np {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .section---demo-np {
    padding: 60px 10px;
    overflow: visible;
  }

  .grid---persona-wrap-np-mob {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .div---quote-persona-np {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-right: 0;
  }

  .div---persona-content-wrap-np {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div---persona-np-mob {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    text-align: center;
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    box-shadow: 3px 3px 100px 10px #55557c14;
  }

  .text---quote-name {
    align-self: center;
    font-size: 13px;
    line-height: 22px;
  }

  .title---features-np {
    margin-top: 10px;
    font-size: 15px;
    line-height: 23px;
  }

  .section---other-np {
    padding: 60px 10px;
  }

  .div---column-titles-np {
    padding-left: 0;
    padding-right: 0;
  }

  .div---grid-item-comparison-pn {
    justify-content: center;
    align-items: center;
  }

  .heading---grid-item-comparison-np {
    justify-content: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .text---comparison-np {
    color: var(--text-grey);
    font-size: 14px;
    line-height: 24px;
  }

  .heading---section-feature-np {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .heading-text---feature-np {
    padding-left: 0;
    padding-right: 0;
  }

  .section---use-cases-np {
    padding: 60px 10px;
    overflow: visible;
  }

  .heading-text---use-case-np {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .text---logo-np {
    font-size: 14px;
    line-height: 23px;
  }

  .div---content-wrapper-mob {
    padding: 30px 10px;
  }

  .list---inner-text-mob {
    text-align: center;
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---content-wrap-mob {
    padding-left: 0;
    padding-right: 0;
  }

  .div---grant-features-np {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .persona-img-wrapper---np {
    padding-left: 50px;
    padding-right: 50px;
  }

  .list---inner-text-pain-np {
    margin-bottom: 0;
    line-height: 23px;
  }

  .footer-grid-2 {
    justify-items: start;
  }

  .logo-bar-grid-hero-v2---brix {
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .top-content---brix.hero-v2---brix {
    margin-bottom: 40px;
  }

  .submit-button---brix {
    position: static;
  }

  .grid-header {
    grid-template-columns: .85fr .6fr;
  }

  .cta-card-logo {
    width: 200px;
  }

  .logo-bar-grid-hero-v1---brix {
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .logo-bar-grid-hero-v5---brix-3 {
    grid-column-gap: 40px;
    grid-row-gap: 24px;
  }

  .subscribe-footer-bottom {
    line-height: 24px;
  }

  .blob-hero-2 {
    width: 70%;
  }

  .button-white.cta {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-form---brix.absolute-button---brix {
    flex-direction: column;
  }

  .cta-title {
    margin-top: 20px;
  }

  .cta-card {
    padding-top: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .input.hero-v1---brix {
    min-height: 42px;
    margin-bottom: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-v1-split---brix {
    margin-bottom: 64px;
  }

  .section---onetap-np {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .card---how-onetap-np.content-left {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .heading---how-onetap-np {
    text-align: center;
    font-size: 19px;
    line-height: 28px;
  }

  .text---how-onetap-np {
    margin-bottom: 16px;
  }

  .div---cta-np {
    background-color: var(--white);
    background-image: none;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button---signup {
    border-radius: 5px;
    width: 102px;
    padding: 10px 0;
    font-size: 12px;
  }

  .button---cta-demo-np {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .button---cta-demo-np-faq {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .grid-28 {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .div-content-wrapper---persona {
    border-radius: 10px;
    padding: 20px;
  }

  .div---content-wrap-persona {
    margin-bottom: 10px;
  }

  .list---inner-text-persona {
    margin-bottom: 0;
    line-height: 23px;
  }

  .heading---persona {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .section---persona-tab-np, .section---case-study-np {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div---content-case-study {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .text-button {
    border-radius: 5px;
    width: 100%;
    padding: 15px 34px 16px;
    font-size: 14px;
  }

  .text---case-study-np {
    margin-bottom: 0;
    line-height: 23px;
  }

  .text---social-proof-events {
    font-size: 14px;
    line-height: 23px;
  }

  .container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section---hero-events {
    padding-bottom: 30px;
  }

  .div---hero-events {
    text-align: center;
    margin-bottom: 64px;
  }

  .heading---hero-events {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    line-height: 39px;
  }

  .split-content---events.hero-v1-left---events {
    text-align: center;
  }

  .section---solution-events {
    padding-bottom: 30px;
  }

  .div---heading-wrapper-events {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div---solution-events-l {
    text-align: center;
    margin-bottom: 64px;
  }

  .heading---title-solution-events {
    font-size: 18px;
    line-height: 30px;
  }

  .subtext---solutionevents {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 150%;
  }

  .div---wrap-events {
    margin-bottom: 10px;
  }

  .div---solution-events-r {
    text-align: center;
    margin-bottom: 64px;
  }

  .section---event-attendance {
    padding-bottom: 30px;
  }

  .heading-text---events {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .grid---solution-events {
    align-items: center;
  }

  .list---inner-text-pain-events {
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---solution-events-wrapper {
    grid-template-columns: 1fr;
  }

  .section---onetap-events {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-text---onetap-events {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div-content-wrapper---events {
    border-radius: 10px;
    padding: 20px;
  }

  .list---inner-text-events {
    margin-bottom: 0;
    line-height: 23px;
  }

  .grid---onetap-events {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .section---social-proof-events {
    padding-bottom: 30px;
  }

  .div---hero-quote-events {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .heading---section-events {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .text---subheadline-hero-events {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 150%;
  }

  .section---cta-events {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div---cta-heading {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2---cta-heading {
    justify-content: center;
    line-height: 33px;
  }

  .heading-2---cta-heading.text-height---mobile {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .heading-text---cta-events {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .heading---section-cta-events {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .button---secondary-demo {
    border-radius: 5px;
    width: 102px;
    padding: 10px 0;
    font-size: 12px;
  }

  .button---primary-signup {
    border-radius: 5px;
    padding: 15px 10px 16px;
    font-size: 12px;
  }

  .button---primary-signup.hero-bts {
    border-radius: 10px;
    padding: 12px 10px;
  }

  .section---case-study-events {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div---cta-case-study-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .section---device-image-bts-jan.v2 {
    margin-top: -300px;
  }

  .section---outcome-bts-jan {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .subheadline---outcome-bts-jan, .subheadline---after-bts-jan {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .heading---pain-bts-jan, .heading---solution-bts-jan {
    font-size: 15px;
    line-height: 24px;
  }

  .section---ce-use-cases {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mobile-link {
    z-index: 1;
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .tab-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: flex-start;
  }

  .tab-link-2 {
    padding: 10px;
    position: relative;
  }

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

  .stacked-gradient {
    display: none;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tab-image {
    border-radius: 8px;
    box-shadow: 6px 6px 8px #56565626;
  }

  .stacked-tabs-holder {
    margin-top: 40px;
  }

  .tab-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    box-shadow: 6px 6px 15px #65656542, inset -6px -6px 15px #7978781a;
  }

  .tab-title {
    font-size: 18px;
  }

  .tab-icon {
    width: 20px;
    height: 20px;
  }

  .grid---columns-bts-jan {
    grid-template-columns: 1fr;
  }

  .text---cta-bts-jan {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 150%;
  }

  .grid---text-pain-bts-jan, .grid---text-solution-bts-jan {
    align-items: center;
  }

  .div---pain-solution-bts-jan {
    grid-template-columns: 1fr;
  }

  .section---befotre-after-jan {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---check-in-methods-bts-jan {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div---check-ins-method {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .list---text-inner {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .icon---tick {
    width: 19px;
  }

  .div---inner-wrap {
    margin-bottom: 10px;
  }

  .section---admin-attendance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid---features-bts-jan {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .div---cta-bts {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div---heading-wrap-bts {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-text---headline-np {
    text-align: center;
    font-size: 12px;
    line-height: 21px;
  }

  .grid---use-cases-ce-credits {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .section---onetap-attendance {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid---content-wrap {
    grid-template-rows: auto auto;
    margin: 10px auto 80px;
  }

  .text-wrap---bts-jan {
    grid-row-gap: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .text---inner-use-case {
    margin-bottom: 0;
    line-height: 23px;
  }

  .title---use-cases {
    text-align: center;
    font-size: 15px;
  }

  .table---comparison-bts {
    z-index: 2;
    display: none;
    position: relative;
    overflow: auto;
  }

  .div---comparison-bts {
    justify-content: flex-start;
    width: 33%;
    padding: 5px 10px;
  }

  .text---title-comparison-bts {
    font-size: 13px;
  }

  .div---text-comparison {
    justify-content: flex-start;
    width: 33%;
    padding: 5px 10px;
  }

  .table-text---comparison-bts {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .div---hero-bts {
    text-align: center;
    margin-bottom: auto;
  }

  .split-content---hero.hero-left {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .button---cta-hero-bts {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div---use-cases-bts {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---feature-single {
    border-radius: 5px;
  }

  .list---inner-text-feature {
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---feature-single-bts {
    border-radius: 5px;
  }

  .div---vertical-border, .div---vertical {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading---section-use-case-ce {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .container---faq-ce {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-ans---faq {
    max-width: 100%;
    font-size: 15px;
  }

  .text---hero-ce {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 150%;
  }

  .div---heading-wrapper-ce {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .subheadline---text-ce {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .text---top-headline {
    font-size: 14px;
  }

  .subtitle-wrap---hero {
    justify-content: center;
    align-items: center;
  }

  .heading---hero {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    line-height: 39px;
  }

  .div---quote-feature, .div---quote-comparison {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section---features-ce {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .navmenu_dropdown-section-link-heading-2 {
    margin-right: 0;
    font-size: 13px;
  }

  .navmenu__dropdown-section-link-2 {
    flex-direction: column;
  }

  .heading---hero-credits {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    line-height: 39px;
  }

  .div---hero-credits {
    text-align: center;
    margin-bottom: 64px;
  }

  .split-content---hero-credits.hero-left {
    text-align: center;
  }

  .text---hero-credits {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 150%;
  }

  .sticky-right {
    width: 100%;
  }

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

  .sticky-left {
    width: 100%;
    height: auto;
  }

  .div---sticky-heading-wrapper {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading---sticky {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .subheadline---text-sticky {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .grid---sticky-use-case {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div---sticky-use-case {
    border-radius: 5px;
  }

  .text---sticky-content-inner-use-case {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .grid---sticky-onetap {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .text---sticky-content {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---sticky-solution {
    border-radius: 5px;
  }

  .container---credits {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---flex-wrap-cme {
    grid-row-gap: 40px;
    justify-content: space-between;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 60px;
    padding-right: 20px;
  }

  .stacking-cards-wrapper---cme {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .section---sol {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .card-image---cme {
    height: auto;
  }

  .div---feature-cme {
    border-radius: 5px;
  }

  .navmenu_dropdown-left {
    padding-bottom: 32px;
  }

  .navmenu_dropdown-section-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .navmenu_dropdown-section-link {
    flex-direction: column;
  }

  .navmenu_dropdown-section-list2 {
    grid-row-gap: 24px;
  }

  .navmenu_dropdown.w--open {
    padding-right: 5px;
  }

  .navmenu_dropdown-center {
    padding-bottom: 32px;
  }

  .navmenu_dropdown-block-center {
    border-bottom-style: none;
    border-bottom-width: 0;
    flex: 0 auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navmenu_dropdown-section-list3 {
    grid-column-gap: 25px;
    grid-row-gap: 14px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .navmenu_dropdown-right {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .navmenu__dropdown-section-heading-3 {
    font-size: 14px;
  }

  .text---navmenu_dropdown-section-right {
    font-size: 13px;
  }

  .navbar_dropdown-button-demo {
    border-radius: 5px;
    width: 102px;
    padding: 10px 0;
    font-size: 12px;
  }

  .navmenu_dropdown-section-list4 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .navmenu_dropdown-left4 {
    padding-bottom: 32px;
  }

  .navmenu_banner-image {
    width: 55%;
  }

  .navmenu_dropdown-section-link-icon {
    margin-bottom: 7px;
    transform: none;
  }

  .navmenu_dropdown-section-list5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid---sticky-use-case-cle {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .subheading---certifiations {
    padding-left: 0;
    padding-right: 0;
  }

  .grid---sticky-use-case-cpe {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .sticky-left-cpe {
    width: 100%;
  }

  .div---sticky-heading-wrapper-cpe {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .list---inner-text-cpe, .list---inner-text-pdh {
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---hero-wrap-text-pdh {
    margin-bottom: 10px;
  }

  .grid---sticky-use-case-pdh {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grid---features-pdh {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1.25fr;
    align-content: stretch;
    margin-bottom: 40px;
    display: flex;
  }

  .text---inner-solution-pdh {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .container-feature {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-grid {
    grid-column-gap: 16px;
  }

  .hero-img-bg, .hero-img {
    border-radius: 2px;
  }

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

  .hero-header {
    max-width: 420px;
  }

  .display-inline {
    display: inline-block;
  }

  .cta-heading {
    font-size: 38px;
  }

  .hero-img-target {
    margin-top: 72px;
  }

  .light-bar {
    width: 200%;
    margin-bottom: -420px;
    left: -50%;
  }

  .feature-card-content {
    font-size: 15px;
  }

  .feature-grid-item {
    font-size: 14px;
  }

  .feature-card-img.feature-card-img--views {
    top: 45%;
    left: 12px;
  }

  .feature-card-img.feature-card-img--board, .feature-card-img.feature-card-img--updates {
    top: 50%;
  }

  .feature-card-img.feature-card-img--roadmaps {
    top: 55%;
  }

  .feature-cards {
    padding: 24px 32px;
  }

  .feature-cards-wrap {
    margin-top: 64px;
  }

  .heading-medium {
    margin-bottom: 18px;
    font-size: 36px;
  }

  .feature-grid-icon {
    margin-bottom: 6px;
    bottom: 0;
  }

  .hero-heading1 {
    font-size: 44px;
  }

  .container-hero-feature {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div---heading-hero-feature {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .subheading-hero-feature {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .cta-hero-feature {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-heading-wrapper-feature {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .admin-feature-heading {
    font-size: 48px;
  }

  .text-feature-grid-item {
    font-size: 14px;
  }

  .icon-feature-grid {
    margin-bottom: 6px;
    bottom: 0;
  }

  .tabs-content-feature {
    padding-top: 20px;
  }

  .tab-panel---feature {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button---secondary-demo-feature {
    border-radius: 5px;
    width: 102px;
    padding: 10px 0;
    font-size: 12px;
  }

  .button---secondary-demo-feature.text-color---black.hero-bts {
    width: 300px;
  }

  .heading---compliance-blog {
    font-size: 22px;
    line-height: 30px;
  }

  .section---compliance-blog {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section---compliance-blog.hero-primary {
    padding-top: 48px;
  }

  .section---compliance-blog.hero-primary.hero-v4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .floating-item.hero-v2---01 {
    display: none;
  }

  .bg-split-v4.left {
    min-height: 710px;
  }

  .container-default-8, .container---compliance-blog {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .section-45.hero-primary {
    padding-top: 48px;
  }

  .section-45.hero-primary.hero-image-bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div---rotate-text-wrapper {
    padding-top: 20px;
  }

  .right-text-after, .left-text-before {
    font-size: 13px;
    line-height: 150%;
  }

  .heading-icon {
    font-size: 26px;
    line-height: 28px;
  }

  .text-icon {
    background-size: 30px;
    padding-left: 1.4em;
  }

  .booster-tab-menu {
    grid-auto-flow: row;
  }

  .text---center-tabs {
    padding-left: 0;
    padding-right: 0;
  }

  .text-menu-horizontal-tabs {
    font-size: 11px;
  }

  .div---tab-content-horizontal {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-text-horizontal {
    font-size: 14px;
  }

  .div---image-wrapper-bg.process-image {
    background-image: linear-gradient(56deg, var(--dark-slate-blue-gradient), var(--dark-slate-blue-gradient) 0%, var(--alice-blue-backgrounds)), url('../images/Process-Image-Background-Mobile.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    margin-bottom: 0;
  }

  .grdid-feature-columns {
    grid-template-columns: 1fr;
  }

  .grid-features {
    grid-column-gap: 16px;
  }

  ._2-2-grid, .grid-features-all {
    flex-direction: column;
    display: flex;
  }

  .cta_main {
    padding: 2rem 1rem;
  }

  .cta_card.left_card {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    height: 85%;
    max-height: none;
    margin-top: 20px;
    margin-left: auto;
    padding-top: 40px;
    top: 97%;
    transform: none;
  }

  .cta_card.right_card {
    height: 65%;
    max-height: none;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 130%;
    transform: none;
  }

  .cta_absolute-2 {
    display: none;
  }

  .text-size-xxlarge {
    font-size: 2.25rem;
  }

  .cta_absolute-1 {
    display: none;
  }

  .padding-global-3.padding-section-large {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-cta-last {
    min-height: 130svh;
  }

  .banner-v1-title-marked-2 {
    line-height: 36px;
  }

  .cta-hero-btn {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .section-attendance {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-heading-wrapper-attendance {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-persona-inner-left {
    text-align: center;
  }

  .heading-attendance {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .subheading-attendance {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .text-highlight-top {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }

  .grid-column-attendance {
    grid-template-columns: 1fr;
  }

  .card-text-attendance {
    font-size: 14px;
  }

  .grid-column2-attendance {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .grid-column3-attendance {
    grid-template-columns: 1fr;
  }

  .card-security {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-card-content-seciurity {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-integration-wrapper {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cards-heading-attendanc-security {
    font-size: 17px;
    line-height: 21px;
  }

  .div-persona-attendance {
    grid-template-columns: 1.25fr;
    align-content: stretch;
    place-items: stretch stretch;
  }

  .div-inner-persona {
    border-radius: 5px;
  }

  .text-inner-persona-left {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .text-inner-icon {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .typed-words {
    font-size: 26px;
    line-height: 28px;
  }

  .cta-last-attendance {
    padding: 2rem 1rem;
  }

  .section-hero-attendance {
    padding-top: 55px;
  }

  .fs-sliderdots_slide {
    min-height: 15rem;
  }

  .fs-sliderdots_arrow-right {
    right: 2rem;
  }

  .fs-sliderdots_slider {
    padding: 1rem;
  }

  .fs-sliderdots-nav {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .fs-sliderdots_content {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }

  .fs-example_wrapper {
    padding: 1rem;
  }

  .fs-sliderdots_arrow-left-2 {
    left: 2rem;
  }

  .div-attendance {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-sol-attendance {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-button-attendance {
    justify-content: center;
    align-items: center;
  }

  .tlc-line {
    width: 38px;
  }

  .accordion-header-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .faq-tab-menu {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .faq-tab-link {
    font-size: 14px;
  }

  .heading-three.text-white.text-effect {
    font-size: 36px;
    line-height: 110%;
  }

  .accordion-item-3.last {
    margin-bottom: 0;
  }

  .subheading-hero-attendance {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 150%;
  }

  .div-text-wrap {
    margin-bottom: 10px;
  }

  .text-bullet-inner {
    margin-bottom: 0;
    line-height: 23px;
  }

  .heading-persona-attendance {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 23px;
  }

  .stack-persona-attendance {
    padding-left: 0;
    padding-right: 0;
  }

  .teaser-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .teaser-heading-copy-right {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .div-text-wrap-right {
    margin-bottom: 10px;
  }

  .text-right {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
  }

  .teaser-text-copy-right {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
  }

  .div-collaboration-wrapper {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .icon-persona-left {
    width: 40px;
    height: 40px;
  }

  .rotate-text-attendance {
    font-size: 13px;
    line-height: 150%;
  }

  .div---img-hero-attendance {
    margin-top: 60px;
  }

  .testimonial-slider-item {
    max-width: 21%;
  }

  .heading-three-2 {
    font-size: 32px;
  }

  .section-content-sm {
    text-indent: 0;
  }

  .testimonial-top-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .heading-icon-admin-attendance {
    font-size: 25px;
    line-height: 36px;
  }

  .div---heading-hero-admin-attendance {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .link-list__dropdown-toggle-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .link-list__dropdown-toggle-5.w--open {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-mob-update {
    display: block;
  }

  .navmenu__dropdown-left-5 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
  }

  .navmenu_dropdown-section-link-2, .navmenu__dropdown-section-link-4 {
    flex-direction: column;
  }

  .link-list__link-6 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navmenu_dropdown-section-link-heading-3 {
    margin-right: 0;
    font-size: 13px;
  }

  .section---hero-pricing-onetap {
    padding-top: 70px;
    padding-bottom: 30px;
  }

  .container---hero-pricing {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .scroll-max-right {
    font-size: 3vw;
  }

  .header-table {
    grid-template-columns: 43vw 50vw 50vw 50vw 50vw;
  }

  .item-title-feature {
    height: 35px;
    padding-left: 8px;
  }

  .paragraph-feature-pricing {
    font-size: 4vw;
  }

  .icon-check {
    width: 3vw;
    height: 3vw;
  }

  .details-grid {
    font-size: 12px;
  }

  .heading-h4 {
    font-size: 14px;
  }

  .scroll-50, .scroll-100 {
    font-size: 3vw;
  }

  .scroll-to-start {
    font-size: 10px;
    line-height: 14px;
  }

  .heading-h3 {
    font-size: 6vw;
  }

  .main-button-text {
    font-size: 3vw;
  }

  .pricing-wrapper-hero {
    padding-left: 18px;
    padding-right: 18px;
  }

  .text-pricing-plan {
    padding-right: 0;
  }

  .text-pricing-feature {
    font-size: 12px;
  }

  .subtext-grid {
    font-size: 3vw;
  }

  .grid-features-pricing {
    flex-direction: column;
    display: flex;
  }

  .accordion-item---faq-pricing.accordion-3---faq {
    margin-bottom: 16px;
    padding: 21px 21px 19px;
  }

  .accordion-item-title---faq-pricing {
    max-width: 70%;
    font-size: 20px;
  }

  .accordion-item-title---faq-pricing.accordion-3---faq {
    max-width: 75%;
    font-size: 15px;
    line-height: 22px;
  }

  .accordion-paragraph---faq-pricing {
    max-width: 100%;
    font-size: 13px;
    line-height: 21px;
  }

  .hero-pricing {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 26px;
    line-height: 32px;
  }

  .div---heading-hero-pricing {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .div-heading-wrapper-feature-pricing {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .subheading-pricing {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .text-banner-pricing {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
  }

  .banner-text---headline-pricing {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
  }

  .heading-h3-2 {
    font-size: 6vw;
  }

  .table-navigation-pricing {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .fixed-button-test-scroll-pt {
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .heading-h3-3 {
    font-size: 6vw;
  }

  .subtext-grid-2 {
    font-size: 11px;
  }

  .text-pricing-feature-2 {
    font-size: 12px;
    line-height: 19px;
  }

  .text-pricing-plan-2 {
    padding-right: 0;
    font-size: 10px;
    line-height: 15px;
  }

  .magic_grid-pt {
    grid-template-columns: 44vw 50vw 50vw 50vw 50vw;
  }

  .plan-title-2.title-1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
  }

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

  .link-list__list-item-cta {
    flex-flow: column;
    margin-top: 0;
  }

  .heading-pricing-plan {
    font-size: 6vw;
  }

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

  .max-width-large {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

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

  .margin-top.margin-small {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .section---blog-hero {
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .heading---hero-blog {
    text-align: center;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
  }

  .div---hero-blog {
    text-align: center;
    margin-bottom: 64px;
  }

  .split-content---blog.hero-v1-left---blog {
    text-align: center;
  }

  .text---hero-blog {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 150%;
  }

  .div---btn-hero-blog {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .section---blog-flex {
    padding-top: 60px;
  }

  .div---toc-blog.position-mobile {
    width: 100%;
    position: static;
  }

  .div---content-r-blog {
    padding-left: 0;
    padding-right: 0;
  }

  .text---content-r-blog {
    font-size: 15px;
    line-height: 25px;
  }

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

  .div---comparison-table-blog {
    z-index: 2;
  }

  .div---table-header-feature-blog {
    z-index: 2;
    place-content: flex-end flex-start;
    align-items: flex-start;
    width: 30%;
    padding: 10px 5px 0 10px;
  }

  .div---heading-row-blog {
    z-index: 80;
    background-color: #fff;
    height: 30px;
    position: sticky;
    top: 65px;
  }

  .div---description-header-cell-blog {
    z-index: 60;
    background-color: #fff;
    justify-content: flex-start;
    width: 35%;
    padding: 5px;
  }

  .div---flexbox-blog {
    border-radius: 11px;
    display: flex;
  }

  .text---cell-heading-blog {
    font-size: 12px;
    line-height: 18px;
  }

  .text---cell-blog {
    font-size: 13px;
    line-height: 21px;
  }

  .text---caption-table-blog {
    font-size: 13px;
  }

  .h3---heading-blog, .h4---heading-blog {
    font-size: 22px;
    line-height: 30px;
  }

  .icon---features-blog {
    width: 19px;
  }

  .list---inner-text-blog {
    margin-bottom: 0;
    line-height: 22px;
  }

  .div---features-wrap-blog {
    margin-bottom: 10px;
  }

  .div-block-219 {
    justify-content: flex-start;
    align-items: center;
  }

  .text---plan-pricing-blog {
    padding-right: 0;
  }

  .item-feature {
    width: 140px;
    height: 75px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-feature-table-blog {
    font-size: 13px;
    line-height: 18px;
  }

  .icon-check-2 {
    width: 12px;
    height: 12px;
  }

  .text-details-features {
    font-size: 13px;
  }

  .item-grid-check {
    width: 160px;
    height: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .heading-h3-4 {
    font-size: 14px;
  }

  .magic_grid-2 {
    z-index: 20;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: auto;
  }

  .grid---feature-table-blog {
    position: relative;
  }

  .div-heading-table-blog {
    z-index: 20;
    width: 160px;
    height: 40px;
  }

  .div-heading-table-blog.border-right {
    min-width: 160px;
  }

  .item-blank-heading {
    height: 35px;
  }

  .div---final-cta-blog {
    flex-flow: column;
  }

  .h4---cta-heading-blog {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
  }

  .div-block-221 {
    justify-content: center;
    align-items: center;
  }

  .div---description-title-cell-blog {
    justify-content: flex-start;
    width: 30%;
    padding: 5px 10px;
  }

  .div---description-feature-header-cell-blog {
    z-index: 5;
    justify-content: flex-start;
    width: 30%;
    padding: 5px 10px;
    position: sticky;
    top: 40px;
  }

  .feature-table-scroll-wrap {
    width: 100%;
    position: relative;
    overflow: auto hidden;
  }

  .div-heading-cell-table-blog.border-right {
    z-index: 60;
    width: 100%;
    min-width: 140px;
  }

  .div-table-swipe-hint {
    z-index: 20;
    background-color: var(--light-black);
    width: 100%;
    color: var(--white);
    border-radius: 7px;
    flex-flow: column;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    position: sticky;
    top: 65px;
  }

  .text-swipe {
    padding: 3px 12px;
    font-size: 13px;
  }

  .div-heading-cell-table-blog {
    width: 160px;
    height: 40px;
  }

  .div-heading-cell-table-blog.border-right {
    width: 140px;
  }

  .table---use-case-onetap-clockify {
    z-index: 2;
    display: block;
    position: relative;
    overflow: auto;
  }

  .div---header-cell-use-cases {
    justify-content: flex-start;
    width: auto;
    padding: 5px 10px;
  }

  .div---header-cell-use-cases.lp-persona, .div---header-cell-use-cases.wp-column1 {
    flex-flow: column;
    padding-left: 5px;
  }

  .text---header-cell-use-case {
    font-size: 13px;
  }

  .div---description-cell-use-cases {
    justify-content: flex-start;
    padding: 5px 10px;
  }

  .div---description-cell-use-cases.lp-persona {
    padding-left: 5px;
    padding-right: 5px;
  }

  .table-text---use-cases {
    font-size: 12px;
    line-height: 18px;
  }

  .div---btn-hero-blog-copy {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .item-winner-feature {
    height: 35px;
    padding-left: 8px;
  }

  .heading---winner-feature {
    font-size: 14px;
  }

  .text---quote-blog {
    font-size: 12px;
    line-height: 22px;
  }

  .bold-text-25 {
    font-size: 12px;
    font-weight: 500;
  }

  .background-style-1 {
    background-size: auto, auto;
  }

  .button-group {
    justify-content: center;
    align-items: center;
  }

  .container-large-8 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section---hero-faqs {
    padding-top: 70px;
    padding-bottom: 30px;
  }

  .heading---hero-faqs {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 26px;
    line-height: 32px;
  }

  .faq-col-pricing {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials_quote-icon-bottom {
    width: 2rem;
  }

  .text-color-darkgrey.max-width-xsmall {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
  }

  .libraries-howitworks_tabs-menu {
    justify-content: flex-start;
    width: 90vw;
    overflow: scroll;
  }

  .libraries-header_heading {
    font-size: 2.3rem;
    line-height: 45px;
  }

  .heading-xsmall {
    line-height: 1.2;
  }

  .text-size-large-3.text-align-center {
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: .9rem;
    line-height: 1.6;
  }

  .libraries-howitworks_content {
    height: auto;
  }

  .testimonials_quote-icon-top {
    width: 2rem;
  }

  .libraries-howitworks_content-right {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-row.button-row-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-large-2 {
    font-size: 1rem;
  }

  .button-wrapper-2.button-wrapper-center.max-width-full-mobile-portrait {
    margin-left: 0;
    margin-right: 0;
  }

  .container-persona-lp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-26.button-large.max-width-full-mobile-portrait {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .9rem;
    line-height: .9;
  }

  .section-hero-persona-principal-lp {
    padding-bottom: 90px;
  }

  .libraries-howitworks_component-2 {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .rl-navbar_loop {
    margin-top: .125rem;
  }

  .rl-navbar_loop-text {
    font-size: 12px;
    line-height: 23px;
  }

  .section-47 {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .text-social-proof-lp {
    font-size: 12px;
    line-height: 17px;
  }

  .div-social-proof-lp {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    border-radius: 5px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-inner-social-proof-lp {
    border-radius: 5px;
  }

  .section-user-pain-persona-lp {
    padding-top: 30px;
  }

  .subtext-persona-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 150%;
  }

  .text-user-persona-lp {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .heading-user-persona-lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .text-size-regular-2 {
    margin-bottom: auto;
    font-size: 14px;
    line-height: 25px;
  }

  .section-heading {
    font-size: 22px;
    line-height: 1.3;
  }

  .process_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .process_item {
    grid-template-columns: 3rem 1fr;
    padding-right: 10px;
  }

  .section-persona-lp {
    padding-top: 80px;
  }

  .div-howonetap-lp {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-heading-wrapper-persona-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .section-feature-persona-lp {
    padding-top: 80px;
  }

  .div-feature-persona-lp {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-quote-persona-lp {
    font-size: 14px;
    line-height: 24px;
  }

  .div-text-social-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .table-persona-lp {
    z-index: 2;
    display: block;
    position: relative;
    overflow: auto;
  }

  .cards-wrap-persona-lp.pricing-home {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .background-style-4 {
    background-size: auto, auto;
  }

  .button-27 {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 23px;
  }

  .rl-features_card3 {
    padding: 2.5rem 1.5rem;
  }

  .rl-features_card3.overflow-safari.background-style-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  .heading-large-3 {
    text-align: center;
    font-size: 30px;
  }

  .rl-features_card3-background-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    bottom: -160%;
    right: -15%;
  }

  .rl-features_card3-background {
    height: 10rem;
    margin-top: 100px;
  }

  .rl-features_text-wrapper.text-color-white {
    padding-right: 0;
  }

  .div-persona-banner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
  }

  .section-heading-lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 35px;
  }

  .heading-inner-feature-lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .div-rotate-text-wrap-lp {
    margin-top: 0;
    padding-top: 20px;
  }

  .text-rotate-right-lp {
    font-size: 13px;
    line-height: 150%;
  }

  .text-rotate-left-lp {
    font-size: 13px;
    line-height: 18px;
  }

  .subtext-feature-persona-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .icon-check-dark-lp {
    width: 19px;
  }

  .text-inner-finalcta {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
  }

  .subtext-howitworks-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .text-highlight-howitworks {
    font-size: 12px;
    line-height: 21px;
  }

  .table-text-highlight {
    justify-content: flex-start;
    align-items: center;
    width: 71px;
    height: 18px;
  }

  .div-heading-wrapper-lp {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .subtext-testimonial-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div-heading-wrapper-pricing-lp {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .subtext-faq-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div-device-hero-lp {
    margin-top: 215px;
    margin-right: 10px;
  }

  .div-device-text-hero-lp {
    justify-content: center;
    align-items: center;
  }

  .text-rotate-hero-lp {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 150%;
  }

  .icon-arrow-hero-lp {
    margin-left: -30px;
    transform: rotateX(180deg)rotateY(180deg)rotateZ(-145deg);
  }

  .video-onetap-attendance-hero-lp {
    aspect-ratio: 3 / 2;
    margin-top: -21px;
    top: 20px;
  }

  .stacking-cards-wrapper-lp {
    margin-top: 40px;
  }

  .img-feature-card-lp {
    width: 100%;
  }

  .div-mob-rotate-lp {
    justify-content: center;
    align-items: center;
    max-width: 230px;
  }

  .text-rotate-mob-right-lp {
    font-size: 13px;
    line-height: 150%;
  }

  .div-mob-rotate-right-lp {
    justify-content: center;
    align-items: center;
    max-width: 230px;
  }

  .div-mobile-rotate-text-left-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .div-mobile-rotate-text-right-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .div-arrows {
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .div-mob-feature-personas {
    flex-flow: column;
    margin-top: 10px;
    display: flex;
  }

  .div-rotate-text-persona-wrap-lp {
    padding-top: 20px;
    display: none;
  }

  .socal-proof-text {
    font-size: 12px;
    line-height: 21px;
  }

  .text-block-95 {
    font-size: 14px;
    line-height: 23px;
  }

  .paragraph-56 {
    font-size: 13px;
    line-height: 18px;
  }

  .cards-pricing-persona-lp {
    grid-template-columns: 1fr;
  }

  .subtext-pricing-persona-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 150%;
  }

  .text-span-53 {
    color: #3593ff;
    font-weight: 600;
  }

  .container-table-persona-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-check-lp, .icon-check-howitworks {
    width: 19px;
  }

  .text-pricing-feature-lp {
    font-size: 4vw;
  }

  .subtext-pain-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 150%;
  }

  .subtext-howitworks {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .section-heading-persona-lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 35px;
  }

  .subtext-table-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 150%;
  }

  .subtext-social-proof-lp {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div-social-proof-testimonial-lp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-text-social-district-lp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-rotate-text-lp {
    padding-top: 20px;
    display: none;
  }

  .text-no-rotate-lp {
    font-size: 13px;
    line-height: 150%;
  }

  .subtext-pricing-big-card-lp {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 150%;
  }

  .icon-arrow-hero-district-lp {
    margin-left: -30px;
  }

  .section-district-persona-lp {
    padding-top: 30px;
  }

  .fixed-cta-2 {
    padding: 10px 14px;
    font-size: 13px;
    top: 18px;
  }

  .section-hero-district-lp {
    padding-bottom: 90px;
  }

  .paragraph-m.max-560w.margin-l.margin-0-t-m {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 26px;
  }

  .hero-grid {
    margin-top: 0;
  }

  .figma-embed-wrapper {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .circle-blur-top-left-2 {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .button-28.hide-on-t-m {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .heading-hero-persona-lp {
    font-size: 30px;
    line-height: 40px;
  }

  .text-rotate-hero-district-lp {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 150%;
  }

  .div-district-hero-text {
    margin-left: 10px;
  }

  .text-banner-lp {
    font-size: 12px;
    line-height: 21px;
  }

  ._4-col-grid {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .benefits-icon {
    width: 32px;
    margin-bottom: 0;
    margin-right: 12px;
  }

  .icon-image-wrapper {
    align-items: center;
    display: flex;
  }

  .section-49.grain.padding-top-100 {
    padding-top: 30px;
  }

  .heading-benefit-hero-lp {
    font-size: 21px;
  }

  .div-howonetap-district-lp {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-heading-district-lp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 35px;
  }

  .text-highlight-lp {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }

  .div-quote-pain-lp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .text-quote-pain-lp {
    font-size: 14px;
    line-height: 24px;
  }

  .div-benefit-lp {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-img-benefit-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-text-wrap-left {
    margin-bottom: 10px;
  }

  .div-highlight-pain-lp {
    margin-top: 21px;
  }

  .div-heading-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-inner-benefit-lp {
    margin-top: 10px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .grid-howitworks-lp {
    grid-template-columns: 1fr;
  }

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

  .text-highlight-howitwork-lp {
    font-size: 12px;
    line-height: 21px;
  }

  .text-steps-lp {
    font-size: 14px;
    line-height: 25px;
  }

  .cta-wrapper-lp.text-color-white {
    padding-right: 0;
  }

  .div-final-cta-lp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .nav-text {
    font-size: 13px;
  }

  .comparison-img---mobile {
    margin-top: 40px;
  }

  .circle-blur-top-right-2 {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .wrapper.footer-logo {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
  }

  .circle-blur-top-left {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .section-53.grain {
    padding-top: 60px;
  }

  .faq-top-2 {
    align-items: flex-start;
  }

  .circle-blur-bottom-left {
    left: -20%;
  }

  .footer-credits {
    text-align: center;
    justify-content: center;
  }

  .paragraph-s.text-light-grey {
    margin-top: 0;
    line-height: 22px;
  }

  .section-56.footer {
    justify-content: center;
    align-items: center;
  }

  .div---cta-hero-district {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-row-lp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .text-size-xsmall.text-align-center {
    font-size: .7rem;
  }

  .subtext-banner-lp {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 150%;
  }

  .tab-wrapper---district-lp {
    display: none;
  }

  .tab-menu---lp {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .section-district-pain-lp {
    padding-top: 30px;
  }

  .container-wp {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .container-wp.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-hero-wp {
    margin-top: 0;
    line-height: 45px;
  }

  .grid-hero-wp {
    margin-top: 0;
  }

  .subtext-hero {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .icon-check-hero {
    width: 19px;
  }

  .div---list-wrap-hero {
    margin-bottom: 10px;
  }

  .div---cta-hero {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text---list-hero {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  .tab-link-4.w--current {
    border-bottom-width: 2px;
  }

  .section-57.bg-grain {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-wp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 30px;
  }

  .heading-wp.text-align---left {
    font-size: 25px;
    line-height: 35px;
  }

  .heading-wp.text-size-36 {
    font-size: 26px;
    line-height: 36px;
  }

  .heading-subtext-wp {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .heading-subtext-wp.text-align---left {
    font-size: 14px;
    line-height: 24px;
  }

  .div---heading-wp {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .div---inner-wrapper-wp {
    justify-content: center;
    align-items: center;
  }

  .heading-inner-wp {
    font-size: 15px;
    line-height: 24px;
  }

  .text---inner-wp {
    margin-bottom: 0;
    line-height: 23px;
  }

  .circle-blur-top-left-3 {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .div---list-small-text-wp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    margin-bottom: 5px;
  }

  .div-small-text {
    margin-bottom: 5px;
  }

  .h3-heading-wp {
    margin-top: 20px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .div-text-image-wrapper-wp {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .cta-content-wp {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .div-text-image-wrapper1-wp {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-59.grain {
    padding-top: 80px;
  }

  .grid-howitworks-wp {
    grid-template-columns: 1fr;
  }

  .div---text-inner-wp {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div---vertical-wrapper-wp {
    grid-template-columns: 1fr;
  }

  .div---vertical-inner-wrap {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .text---vertical-inner-wp {
    font-size: 14px;
    line-height: 23px;
  }

  .subtextext---vertical-inner-wp {
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---list-wrapper-center-wp {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .text---small-wp {
    font-size: 11px;
    line-height: 17px;
  }

  .button-group-wp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .table---data-table-wp {
    z-index: 2;
    display: block;
    position: relative;
  }

  .div---th-wp, .div---th-blue-wp {
    justify-content: flex-start;
    padding: 5px 10px;
  }

  .th-text-wp {
    font-size: 13px;
  }

  .div---flexbox-table-wp {
    display: flex;
  }

  .h3-heading {
    margin-top: 10px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .div---h3-heading-wp {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-rotate-text-wp {
    padding-top: 20px;
    display: none;
  }

  .circle-blur-top-left-wp {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .text-trustedby {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 150%;
  }

  .text-highlight-howitwork {
    font-size: 12px;
    line-height: 21px;
  }

  .icon---check-circle-wp {
    width: 18px;
    height: 18px;
    margin-top: 3px;
  }

  .text---inner-quote-wp {
    margin-bottom: 0;
    line-height: 23px;
  }

  .eyebrow-text-wp {
    font-size: 12px;
    line-height: 23px;
  }

  .subtext-top-wp {
    margin-top: 10px;
    font-size: 13px;
    line-height: 18px;
  }

  .grid-wrap-wp.lp---np, .single-works-grid-wrap-copy.lp---np {
    grid-template-rows: auto auto;
  }

  .grid-wrap-content-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-wrap-right {
    width: 80%;
  }

  .circle-blur-top-right {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .grid-2-columns-2.hero-v16.background-style-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .brix---button-row-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---btn-download-app {
    text-align: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-icon-left {
    width: 10%;
  }

  .brix---btn-download-app-white {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

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

  .button-group-final-cta-wp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .heading-cta-wp {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    line-height: 30px;
  }

  .link---nav-demo {
    margin-top: 20px;
    font-size: 12px;
  }

  .div---vertical-inner-wrap-copy {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .div---horizontal-wrapper-wp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h4-heading-wp {
    margin-top: 20px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .div---horizontal-inner-wrap {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .subtextext---horizontal-inner-wp {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 21px;
  }

  .div-rotate-text-wrap-wp {
    padding-top: 20px;
  }

  .img---with-onetap {
    width: 170px;
  }

  .img---without-onetap {
    width: 120px;
  }

  .text-rotate-with-onetap {
    font-size: 13px;
    line-height: 18px;
  }

  .text-rotate-without-onetap {
    font-size: 13px;
    line-height: 150%;
  }

  .div---eyebrow-text-home {
    justify-content: center;
    align-items: center;
  }

  .h1-eybrow-text {
    font-size: 13px;
    font-weight: 500;
  }

  .subtext---hero-home {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 150%;
  }

  .div---cta-hero-copy, .div-cta---hero-home {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tabs---hero-home {
    display: none;
  }

  .tabs-menu---hero-home.margin-xl {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .section---hero-attendance-home-copy {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .tab-link---hero-home.w--current, .tab-link-4-copy.w--current {
    border-bottom-width: 2px;
  }

  .tab-text-hero-home {
    font-size: 10px;
    line-height: 14px;
  }

  .section---home-hero {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .client-logo {
    object-position: 0% 50%;
  }

  .text-marquee {
    font-size: 14px;
    line-height: 24px;
  }

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

  .clients-grid.logo-animate {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 26px;
  }

  .section---logo-home {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .section---horizontal-cards {
    padding: 60px 10px;
    overflow: visible;
  }

  .div---h2-slider-control {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-align-left {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .heading-text---hero-home {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 26px;
    line-height: 32px;
  }

  .slider-horizontal {
    margin-left: -10px;
  }

  .slider-left-arrow {
    width: 50px;
    height: 35px;
  }

  .slider-left-arrow.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .slider-left-arrow.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .slider-left-arrow.left-copy {
    inset: auto auto -20px 40%;
    transform: translate(-50%);
  }

  .slider-arrow {
    width: 50px;
    height: 35px;
  }

  .slider-arrow.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .slider-arrow.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .slider-arrow-r {
    width: 50px;
    height: 35px;
  }

  .slider-arrow-r.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .slider-arrow-r.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .feature-slider-wrap-copy {
    margin-left: -10px;
  }

  .link-slider-arrow {
    width: 50px;
    height: 35px;
  }

  .link-slider-arrow.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .link-slider-arrow.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .link-slider-arrow-right {
    width: 50px;
    height: 35px;
  }

  .link-slider-arrow-right.right {
    inset: -20px -5px auto auto;
    transform: translate(50%);
  }

  .link-slider-arrow-right.left {
    inset: auto auto -20px -5px;
    transform: translate(-50%);
  }

  .div---single-card {
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
    display: flex;
  }

  .heading---slider-horizontal-card {
    justify-content: center;
    line-height: 33px;
  }

  .heading---slider-horizontal-card.text-height---mobile {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }

  .heading-slider {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .subtext---slider-card {
    font-size: 14px;
    line-height: 24px;
  }

  .div---inner-slider-card {
    width: 100%;
  }

  .div---inner-slider {
    margin-bottom: 10px;
  }

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

  .agenct_secondary_card {
    padding: 20px 16px;
  }

  .heading {
    font-size: 32px;
  }

  .agenct_secondary_dd {
    margin-left: 0;
  }

  .text---list-inner-cards {
    text-align: left;
    margin-bottom: 0;
    line-height: 23px;
  }

  .icon_tick_blue {
    width: 19px;
  }

  .grid---content-mouse-hover {
    grid-template-columns: 1fr;
  }

  .div---image-bottom-card.process-image {
    background-image: linear-gradient(56deg, var(--dark-slate-blue-gradient), var(--dark-slate-blue-gradient) 0%, var(--alice-blue-backgrounds)), url('../images/Process-Image-Background-Mobile.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    margin-bottom: 0;
  }

  .section---highlight-container {
    padding: 60px 10px;
    overflow: visible;
  }

  .container-blur-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-blur-bottom.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .tab-menu {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

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

  .div---tab-content-wrap {
    border-radius: 10px;
    padding: 20px;
  }

  .div---tab-image-wrap {
    padding-left: 50px;
    padding-right: 50px;
  }

  .auto-tabs-button {
    inset: 0% auto auto 0%;
  }

  .auto-tabs-content {
    aspect-ratio: 2 / 3;
  }

  .div---tab-vertical-content {
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div---tab-vertical-content.tab---highlighted-shadow {
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
  }

  .div---tab-vertical-content.ipad-kiosk-check-in {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div---inner-list-card {
    width: 100%;
  }

  .text---name-quote {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .integration-v2-logo {
    width: 30px;
  }

  .integration-v2-logo._11 {
    bottom: 0;
    right: 0;
  }

  .integration-v2-logo._4 {
    top: 0;
    left: 0;
  }

  .integration-v2-logo._9 {
    bottom: 20px;
    left: 50px;
  }

  .integration-v2-logo._7 {
    top: 0;
    right: 0;
  }

  .integration-v2-logo._3 {
    top: 20px;
    right: 50px;
  }

  .integration-v2-logo._5 {
    right: 0;
  }

  .integration-v2-logo._2 {
    left: 50px;
  }

  .integration-v2-logo._10 {
    bottom: 20px;
    right: 50px;
  }

  .integration-v2-logo._8 {
    left: 0;
  }

  .integration-v2-logo._6 {
    bottom: 0;
    left: 0;
  }

  .integration-v2-main-logo {
    width: 50px;
  }

  .section-title-wrap {
    margin-bottom: 20px;
  }

  .integration-v2-collection-wrap {
    margin-bottom: 25px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .integration-v2-wrapper {
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .section-details {
    font-size: 14px;
    line-height: 140%;
  }

  .section-sub-title-2 {
    padding: 6px 18px;
    font-weight: 400;
  }

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

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

  .container---gradient {
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .left-arrow {
    top: -36px;
    right: 11%;
  }

  .right-arrow {
    top: -36px;
  }

  .text-color-3f3f3f, .text---inner-columns {
    margin-bottom: 0;
    line-height: 23px;
  }

  .icon---cross-red, .icon---tick-blue {
    width: 19px;
    height: 19px;
    margin-top: 4px;
  }

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

  .heading-subtext {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div---image-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div---columns-3 {
    grid-template-columns: 1fr;
  }

  .div---inner-column {
    align-items: center;
  }

  .h3-heading-column {
    margin-top: 20px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    line-height: 25px;
  }

  .text-highlight-grey {
    font-size: 12px;
    line-height: 21px;
  }

  .text-s15, .text-left-copy {
    font-size: 14px;
  }

  .container---onetap-pricing-home-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid---columns3 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .heading-subtex-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .grid---4-column {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .usecases-left-title {
    font-size: 1rem;
  }

  .grid---3column {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .subtext---highlighted-white {
    font-size: 13px;
    line-height: 150%;
  }

  .div---highlighted-text-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section-usecases {
    padding-top: 30px;
  }

  .div---card-last.left_card {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    height: 85%;
    max-height: none;
    margin-top: 20px;
    margin-left: auto;
    padding-top: 40px;
    top: 97%;
    transform: none;
  }

  .div---card-last.right_card {
    height: 65%;
    max-height: none;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 130%;
    transform: none;
  }

  .div---last-cta.padding-section-large {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-cta-wp {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .text-inner-cta {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
  }

  .div-img-home-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-hero-home {
    position: relative;
  }

  .div---quote-column-right {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .text---customer-name {
    font-size: 14px;
    line-height: 23px;
  }

  .left-arrow-2 {
    top: -36px;
    right: 11%;
  }

  .right-arrow-2 {
    top: -36px;
  }

  .marquee_wrap {
    width: 800vw;
  }

  .static-marquee_logos {
    width: 400vw;
  }

  .div-hero-guide {
    margin-top: 0;
  }

  ._4-col-hero {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  ._4-col-text {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .section-hero-guide {
    padding-bottom: 30px;
  }

  .div---horizontal-col-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-238 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .text---date {
    padding-left: 10px;
    font-size: 12px;
    line-height: 20px;
  }

  .section---guide.bg-grain {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tab-menu-left {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    margin-bottom: 20px;
  }

  .tab-menu-left._7col {
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .5fr;
    grid-auto-flow: row;
    display: none;
    position: sticky;
    top: 60px;
    bottom: auto;
  }

  .tab-link-left, .tab-link-left.w--current {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .tab-link-heading {
    font-size: 13px;
  }

  .tab-content-wrapper-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div---heading-left {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-content-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .circle-blur-top-left-guide {
    width: 280px;
    height: 280px;
    right: -20%;
  }

  .accordion_item-image {
    width: 30px;
  }

  .accordion-body-2 {
    padding-left: 56px;
  }

  .accordion-body-2.js-accordion-body {
    border-top: 1px solid #0000001a;
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .question-text {
    flex: 0 100%;
    margin-bottom: 8px;
    margin-left: 16px;
    padding-right: 20px;
  }

  .faq-image {
    margin-top: 20px;
  }

  .text---vertical-tabs {
    font-size: 14px;
    line-height: 23px;
  }

  .text-bg {
    width: 310px;
    height: 55px;
  }

  .div---card-horizontal.border-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-top-style: none;
    flex-flow: column;
    margin-bottom: 12px;
    padding-top: 10px;
  }

  .text---cards {
    width: 300px;
    margin-bottom: 0;
    line-height: 23px;
  }

  .text---cards-big {
    line-height: 23px;
  }

  .text---noncompliance.pricing-home {
    font-size: 8px;
  }

  .div---accordion-contents {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    padding: 12px 10px;
    display: flex;
  }

  .text---cards-green {
    margin-bottom: 0;
    line-height: 23px;
  }

  .text---horizontal-cards-inner {
    text-align: left;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 21px;
  }

  .div---horizontal-cards-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div---horizontal-cards-wrapper.rows2 {
    grid-template-rows: auto auto;
  }

  .div---left-card-1 {
    width: 100%;
  }

  .div---horizontal-cards-grey {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .div---horizontal-cards-grey.bg-color-f0f4f8 {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .text---horizontal-cards-inner-text {
    text-align: left;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 21px;
  }

  .div---text-bg {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .text-bg-2, .text-bg-3 {
    width: 310px;
    height: 55px;
  }

  .text-bg-4 {
    width: 310px;
  }

  .text-bg-5 {
    width: 310px;
    height: 76px;
  }

  .text-bg-6, .text-bg-7, .text-bg-8 {
    width: 310px;
    height: 75px;
  }

  .text-bg-9 {
    width: 300px;
    height: 55px;
  }

  .text-bg-10 {
    width: 310px;
    height: 55px;
  }

  .subtext-cta-demo {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 21px;
  }

  .button-signup {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 23px;
  }

  .heading-left {
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
    line-height: 32px;
  }

  .heading-left.text-size-36 {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 26px;
    line-height: 36px;
  }

  .div---cta.hero-v16.background-style-4 {
    padding: 40px 0;
  }

  .div---image-cta-right {
    width: 70%;
  }

  .heading-cta {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
  }

  .heading-subtext-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div---heading {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-subtext-center {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .grid---4col {
    grid-template-columns: 1fr;
  }

  .text---column-wrap {
    text-align: center;
    font-size: 14px;
    line-height: 25px;
  }

  .subtext---column-wrap {
    text-align: center;
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---heading-wp-copy {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid---4column {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .text-color-red {
    font-size: 21px;
  }

  .subtext-center {
    margin-bottom: 0;
    line-height: 23px;
  }

  .eyebrow-text-red {
    font-size: 12px;
    line-height: 23px;
  }

  .heading-subtext-left-copy {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .section-57-copy.bg-grain {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .accordion-item---faq-border.accordion-3---faq {
    margin-bottom: 16px;
    padding: 21px 21px 19px;
  }

  .text---vertical-tab {
    font-size: 13px;
    line-height: 20px;
  }

  .div---heading-inner-vertical-tab {
    justify-content: space-between;
    align-items: center;
    padding-right: 12px;
  }

  .div---horizontal-cards-wrap2 {
    align-items: center;
    padding: 5px;
  }

  .text---horizontal-cards-inner2 {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 21px;
  }

  .text---cards-content2 {
    padding-right: 0;
  }

  .heading-hero-blog {
    margin-top: 0;
    font-size: 32px;
    line-height: 43px;
  }

  .text---hero-inner {
    text-align: center;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 23px;
  }

  .text---hero-inner.width-800, .text---hero-inner.width-550 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .subtext-hero-blog {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 24px;
  }

  .container-guide {
    position: relative;
  }

  .container-guide.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .tabs-content-2 {
    display: none;
  }

  .faq_content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .faq_dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .faq_top-icon-wrap {
    width: auto;
  }

  .faq_dropdown-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 10px;
  }

  .text-size-xlarge.text-weight-semibold {
    font-size: 1.5rem;
  }

  .faq_bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .faq_bottom-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    width: auto;
  }

  .faq_dropdown-list {
    padding-left: 10px;
  }

  .faq_bottom-dropdown-wrap {
    align-items: stretch;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

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

  .faq_dropdown {
    justify-content: space-between;
    width: 100%;
  }

  .faq_bottom-right {
    width: auto;
  }

  .faq_close-wrap._3, .faq_close-wrap._2, .faq_close-wrap._1, .faq_close-wrap._4, .faq_close-wrap._5 {
    margin-bottom: 15px;
  }

  .faq_top-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .subtext-center-small {
    margin-bottom: 0;
    line-height: 23px;
  }

  .subtext-hero-home {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 150%;
  }

  .h1-heading-hero-blog {
    margin-top: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .container---best-attendance-app-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-hero-blog {
    padding-bottom: 30px;
  }

  .div---toc-blog-left.position-mobile {
    width: 100%;
    position: static;
  }

  .text---blog-r {
    font-size: 14px;
    line-height: 25px;
  }

  .div---wrap-blog-vertical {
    margin-bottom: 10px;
  }

  .heading---blog-post {
    font-size: 26px;
    line-height: 35px;
  }

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

  .h3-column-blog-post {
    font-size: 15px;
    line-height: 24px;
  }

  .text---inner-col-blog {
    margin-bottom: 0;
    line-height: 23px;
  }

  .div---inner-wrapper-col {
    justify-content: center;
    align-items: flex-start;
  }

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

  .div---arrow-text-blog {
    margin-bottom: 10px;
  }

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

  .h3-heading-blog-posts {
    font-size: 15px;
    line-height: 24px;
  }

  .heading-ct-blog {
    font-size: 6vw;
  }

  .heading---ct-blog {
    font-size: 4vw;
  }

  .text---ct-blog {
    font-size: 12px;
  }

  .item-col1-ct-blog, .item-col1-ct-blog.bg-color-fafbfc {
    padding-left: 10px;
  }

  .grid-ct-blog {
    grid-template-columns: 24vw 33vw 33vw;
  }

  .text-small-blog {
    font-size: 15px;
    line-height: 25px;
  }

  .text-small-blog.text-highlight-blue.color {
    text-align: left;
    width: 100%;
    font-size: 13px;
    line-height: 22px;
  }

  .text-small-blog.text-highlight-grey {
    text-align: left;
    width: 100%;
    font-size: 13px;
    line-height: 23px;
  }

  .h3-heading---blog-post {
    font-size: 23px;
    line-height: 36px;
  }

  .heading-blog-posts {
    font-size: 16px;
    line-height: 24px;
  }

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

  .text---cta-mid {
    font-size: 15px;
    line-height: 25px;
  }

  .heading-cta-mid-blog {
    font-size: 15px;
    line-height: 24px;
  }

  .div---cta-buttons-blog {
    justify-content: flex-start;
    align-items: center;
  }

  .text-col-heading-small-blog, .text-col-heading-small-blog-color {
    font-size: 15px;
    line-height: 24px;
  }

  .div---inner-wrapper-col-bg-color {
    justify-content: center;
    align-items: center;
  }

  .col---horizontal, .div---vertical-wrapper-blog {
    grid-template-columns: 1fr;
  }

  .div---vertical-inner-wrap-blog {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .subtextext---vertical-inner-blog {
    margin-bottom: 0;
    line-height: 23px;
  }

  .heading-text---vertical-inner {
    font-size: 14px;
    line-height: 23px;
  }

  .text---inner-block {
    font-size: 14px;
    line-height: 24px;
  }

  .grid-33 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 2.75fr;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .text---div-wrap-r {
    font-size: 15px;
    line-height: 25px;
  }

  .text---div-wrap-r.text-bg-blue, .text---div-wrap-r.text-bg-grey {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .text---div-wrap-left {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
  }

  .div-wrapper-blog-row2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-wrapper-blog-row2.bf-color-f9fafb, .div-wrapper-blog-row1 {
    padding: 0;
  }

  .div-wrapper-blog-row-last {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .h3-heading2 {
    padding-bottom: 10px;
    font-size: 21px;
    line-height: 28px;
  }

  .faq-blog.left---faq {
    margin-bottom: 16px;
  }

  .text---cta-mid-left {
    font-size: 15px;
    line-height: 25px;
  }

  .text---inner-col-blog-horizontal {
    margin-bottom: 0;
    line-height: 23px;
  }

  .grid---use-case-wrap {
    grid-template-columns: 1fr;
  }

  .text---inner-row {
    margin-bottom: 0;
    line-height: 23px;
  }

  .heading---inner-row {
    font-size: 15px;
    line-height: 24px;
  }

  .navmenu_dropdown-right1 {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .navmenu__dropdown-section-heading-ai {
    font-size: 14px;
  }

  .navbar_dropdown-button-ai {
    border-radius: 5px;
    width: 102px;
    padding: 10px 0;
    font-size: 12px;
  }

  .div-navmenu_dropdown-right1 {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .link---nav-demo1 {
    margin-top: 20px;
    font-size: 12px;
  }

  .banner-text-offer {
    text-align: center;
    font-size: 12px;
    line-height: 21px;
  }

  .stack---hero-n8n {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }
}

#w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93c8-6a1de5e5, #w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93cf-6a1de5e5, #w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93d6-6a1de5e5, #w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93dd-6a1de5e5, #w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93e4-6a1de5e5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_87688442-0ad5-a9da-7ef5-aa8be50b93be-6a1de5e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bf2a3cac-e56b-d288-1fd5-9d4315c2dd5c-6a1de5e5, #w-node-bf2a3cac-e56b-d288-1fd5-9d4315c2dd63-6a1de5e5, #w-node-bf2a3cac-e56b-d288-1fd5-9d4315c2dd6a-6a1de5e5, #w-node-bf2a3cac-e56b-d288-1fd5-9d4315c2dd71-6a1de5e5, #w-node-bf2a3cac-e56b-d288-1fd5-9d4315c2dd78-6a1de5e5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_38cdb4c6-7179-cb26-00ed-a4a942ecf49b-6a1de5e5 {
  align-self: center;
}

#w-node-_667c42f0-e2ca-cdde-222c-db5d128ccffb-6a1de5e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f7bf6b4-42ee-e84a-8ae4-ccd21f4438e6-6a1de5e5 {
  align-self: center;
}

#w-node-d2b03e23-11fc-c60d-0924-b9057aebb2c6-6a1de5e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1bd481aa-d66b-0e1a-6938-033981a62a93-6a1de5e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-caae01f1-fa2b-15cf-de17-4add884d04d7-884d04b3, #w-node-caae01f1-fa2b-15cf-de17-4add884d04e6-884d04b3, #w-node-caae01f1-fa2b-15cf-de17-4add884d04f3-884d04b3, #w-node-caae01f1-fa2b-15cf-de17-4add884d0517-884d04b3, #w-node-caae01f1-fa2b-15cf-de17-4add884d052d-884d04b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#id-text-trusted-by-hero-home.w-node-_6b658084-af55-14c5-13ff-89bf639cd2c1-639cd2c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_3d6c8953-5760-cd40-fdae-b15d5d2303e7-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d2303f0-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d2303f6-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d230411-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d230420-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d23042f-5d2303bf, #w-node-_3d6c8953-5760-cd40-fdae-b15d5d230438-5d2303bf {
  justify-self: auto;
}

#id-text-trusted-by-hero-home.w-node-f8ede5be-7cfc-ff3f-bc9b-8d9a99897b62-99897b62 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_22289da0-5865-9fd8-5b0e-88dff72dd4db-f72dd4da {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_35254cef-2bc9-a384-ac9e-08323174733b-31747327 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_35254cef-2bc9-a384-ac9e-08323174736c-31747327 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_35254cef-2bc9-a384-ac9e-08323174737d-31747327, #w-node-_35254cef-2bc9-a384-ac9e-083231747386-31747327, #w-node-_35254cef-2bc9-a384-ac9e-0832317473d0-31747327, #w-node-_35254cef-2bc9-a384-ac9e-0832317473df-31747327, #w-node-_35254cef-2bc9-a384-ac9e-08323174740e-31747327, #w-node-_35254cef-2bc9-a384-ac9e-083231747417-31747327, #w-node-_35254cef-2bc9-a384-ac9e-083231747458-31747327 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_4b968a80-2cd7-215c-0609-01dc6b5142d3-7d9f7628 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1148cc43-6796-da08-694c-ec434ebb7d91-4ebb7d79, #w-node-_1148cc43-6796-da08-694c-ec434ebb7e13-4ebb7d79, #w-node-_1148cc43-6796-da08-694c-ec434ebb7e1c-4ebb7d79, #w-node-_1148cc43-6796-da08-694c-ec434ebb7e8a-4ebb7d79, #w-node-_04c98ef9-994f-738b-5f0d-816abb49244f-4ebb7d79, #w-node-_04c98ef9-994f-738b-5f0d-816abb4924da-4ebb7d79, #w-node-b01742f3-ee08-a353-ba3a-d2ed9d554317-9d554303 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d554330-9d554303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d55439c-9d554303 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d55441e-9d554303 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1c2b844b-0b84-a8c6-6722-d79fe5f53969-9d554303 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_1c2b844b-0b84-a8c6-6722-d79fe5f5396d-9d554303 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d554426-9d554303, #w-node-b01742f3-ee08-a353-ba3a-d2ed9d554432-9d554303 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d554468-9d554303 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d55446c-9d554303 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b01742f3-ee08-a353-ba3a-d2ed9d554474-9d554303 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_22b883bf-b035-58f2-5650-779f88e4d233-88e4d22a, #w-node-_22b883bf-b035-58f2-5650-779f88e4d234-88e4d22a, #w-node-_22b883bf-b035-58f2-5650-779f88e4d232-88e4d22a, #w-node-_22b883bf-b035-58f2-5650-779f88e4d235-88e4d22a {
  place-self: center;
}

#w-node-e30bcefd-af78-1223-4002-62f36d268fa2-6a1de644 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_701343ec-d6bc-32ad-b58a-4c1be882a87e-6a1de644 {
  justify-self: center;
}

#w-node-_6778fd5f-3730-3878-8b1f-a69d373a9cfb-6a1de644 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d08-6a1de644, #w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d14-6a1de644, #w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d20-6a1de644 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d2c-6a1de644 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d39-6a1de644, #w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d45-6a1de644, #w-node-a05e5ad0-1d88-93d6-abc4-e07a3619dc42-3619dbca, #w-node-_48045ff3-670d-6caa-9b9b-d917256ae4a6-3619dbca, #w-node-_1016f094-a2fe-d344-9fe7-7ef5de1790b4-3619dbca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#id-text-trusted-by-hero-home.w-node-_1221da43-df18-0321-dee1-743a8704ef62-6a1de661 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_66839f3c-b9a0-fa20-46c0-9a57c95788d0-6a1de661, #w-node-_403c9e6d-169d-7067-e080-748f18159df6-6a1de661, #w-node-_184eba52-f5d3-411d-df5c-493a25025ddf-6a1de661, #w-node-a8b4d83c-23dc-aacb-5e66-05807bad9e5c-6a1de661, #w-node-fca52142-ba63-440e-3fb9-8ad70a3b1c86-6a1de661, #w-node-_6fac31ed-1a7c-3e5b-a13e-ac6af1f3038d-6a1de661, #w-node-_059c8478-345b-0c5c-7d75-b9a55d91957d-6a1de661, #w-node-_17c6d169-3e03-6a05-4625-39472922d60c-6a1de661, #w-node-_18d6b5b1-b332-90e2-d687-264205adb085-6a1de661, #w-node-_18d6b5b1-b332-90e2-d687-264205adb08d-6a1de661, #w-node-_18d6b5b1-b332-90e2-d687-264205adb095-6a1de661, #w-node-_18d6b5b1-b332-90e2-d687-264205adb09d-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8132c-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81334-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8133c-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81344-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8134c-6a1de661, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81354-6a1de661, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b68-6a1de661, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b70-6a1de661, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b78-6a1de661, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b80-6a1de661, #w-node-_66839f3c-b9a0-fa20-46c0-9a57c95788d0-6a1de662, #w-node-_403c9e6d-169d-7067-e080-748f18159df6-6a1de662, #w-node-_184eba52-f5d3-411d-df5c-493a25025ddf-6a1de662, #w-node-a8b4d83c-23dc-aacb-5e66-05807bad9e5c-6a1de662, #w-node-fca52142-ba63-440e-3fb9-8ad70a3b1c86-6a1de662, #w-node-_6fac31ed-1a7c-3e5b-a13e-ac6af1f3038d-6a1de662, #w-node-_059c8478-345b-0c5c-7d75-b9a55d91957d-6a1de662, #w-node-_17c6d169-3e03-6a05-4625-39472922d60c-6a1de662, #w-node-_18d6b5b1-b332-90e2-d687-264205adb085-6a1de662, #w-node-_18d6b5b1-b332-90e2-d687-264205adb08d-6a1de662, #w-node-_18d6b5b1-b332-90e2-d687-264205adb095-6a1de662, #w-node-_18d6b5b1-b332-90e2-d687-264205adb09d-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8132c-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81334-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8133c-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81344-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c8134c-6a1de662, #w-node-cbaac9ee-8ac5-51e5-7fc6-14e344c81354-6a1de662, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b68-6a1de662, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b70-6a1de662, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b78-6a1de662, #w-node-_546b3f45-71dd-1324-83cd-eb561c856b80-6a1de662, #w-node-_6d0eca6e-a68c-5b5e-c267-ae35b4e137fa-6a1de67a, #w-node-b661649d-0d7d-f0a2-279d-5d4d7a1fea24-6a1de67a, #w-node-_4abfd832-5f7d-e5b3-1fae-e94fcc597df9-6a1de67a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3325a70c-d95d-b87f-c01f-9aedc90dc76e-6a1de67a, #w-node-_3325a70c-d95d-b87f-c01f-9aedc90dc76f-6a1de67a, #w-node-_3325a70c-d95d-b87f-c01f-9aedc90dc770-6a1de67a {
  place-self: center;
}

#w-node-_582d3830-0e9b-5e3e-87b9-acf2724f32ef-6a1de685 {
  place-self: end;
}

#w-node-_582d3830-0e9b-5e3e-87b9-acf2724f32f1-6a1de685 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_582d3830-0e9b-5e3e-87b9-acf2724f32f2-6a1de685 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_582d3830-0e9b-5e3e-87b9-acf2724f32f4-6a1de685 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-f6f86178-8dc7-d5e9-2ef5-f69c55d596be-6a1de685 {
  place-self: end;
}

#w-node-f6f86178-8dc7-d5e9-2ef5-f69c55d596c0-6a1de685, #w-node-_4757f15e-75b7-f263-44cf-48b6236d07d3-6a1de69f, #w-node-_6951d1cb-4d87-b629-1452-19d1ac56c129-6a1de69f, #w-node-_149c820d-fdff-96f9-87f0-57e66d54c62a-6a1de69f, #w-node-_149c820d-fdff-96f9-87f0-57e66d54c630-6a1de69f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17088031-9ea0-fbe0-5bad-3c3ab97a075c-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e584af86-075c-87a9-2d30-1423c293d162-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fa-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fb-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e05f7baa-c4f2-41c9-d4b2-7c8e26885d2b-6a1de6a4, #w-node-a3d5ccf8-3c8a-6a69-2a60-7afaf8614505-6a1de6a4, #w-node-e2150c4d-a3a8-7252-d7e0-73ff68d4be2f-6a1de6a4, #w-node-_453eaed3-3b2a-2890-39c9-24db0a5e6c0b-6a1de6a4, #w-node-_32ff6281-9546-574d-5ba0-a671625ef895-6a1de6a4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_5272de40-8c04-11b1-b32f-3ebe4a9353a5-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-b383af4b-0b16-cdec-bd41-3d0a50e222ee-6a1de6a4, #w-node-_64c4bc33-bbd0-bc9e-5260-355a356ada20-6a1de6a4, #w-node-_60c0093f-4d7c-4ae9-c290-d8520e27349d-6a1de6a4, #w-node-_008c6fad-1292-e637-5f50-da09e6092052-6a1de6a4, #w-node-_78b95d9a-cbb8-4eae-712e-b5ebb9e8a742-6a1de6a4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_24c77e49-143f-4d5b-544e-a0c836f2af71-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_24c77e49-143f-4d5b-544e-a0c836f2af72-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-fc302405-c078-5ff5-b8d4-dea8a218c8e6-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1792c6fa-f482-6712-d532-6a4f721c5a82-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_1ed16181-9b89-2f03-118a-e3f8170ee335-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_1ed16181-9b89-2f03-118a-e3f8170ee32b-6a1de6a4, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc93-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc98-6a1de6a4 {
  grid-area: span 10 / span 1 / span 10 / span 1;
  place-self: start;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc99-6a1de6a4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca1-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca6-6a1de6a4 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcac-6a1de6a4, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcb3-6a1de6a4, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcb6-6a1de6a4, #w-node-fee5d9cb-564e-6f6b-85ae-6667cae871e0-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13bbac70-d4b6-a8ca-d916-ccb70460ed04-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_13bbac70-d4b6-a8ca-d916-ccb70460ed05-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_9d383f8b-b5c1-5c17-e38b-71975b2ce41d-6a1de6a4, #w-node-_940acffe-8119-6c48-02bb-29791015c4ff-6a1de6a4, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b25-6a1de6a4, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b26-6a1de6a4, #w-node-_23d838c2-df06-e25f-e667-086af03bba00-6a1de6a4, #w-node-_23d838c2-df06-e25f-e667-086af03bba01-6a1de6a4, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a02-6a1de6a4, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a03-6a1de6a4, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed6-6a1de6a4, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed7-6a1de6a4, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dba-6a1de6a4, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dbb-6a1de6a4, #w-node-af71d795-9a79-4776-261e-7643bdea567c-6a1de6a4, #w-node-af71d795-9a79-4776-261e-7643bdea567d-6a1de6a4, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64693-6a1de6a4, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64694-6a1de6a4, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f14-6a1de6a4, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f15-6a1de6a4, #w-node-f91ed507-f84b-3724-67c9-b19ebf4fd9f3-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d17121b2-6424-7a1f-77c0-a85babb6369b-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d17121b2-6424-7a1f-77c0-a85babb6369c-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e06d427c-0617-68b9-0fe2-13a113843327-6a1de6a4 {
  place-self: end;
}

#w-node-e06d427c-0617-68b9-0fe2-13a113843329-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d813b262-5f90-5730-22e0-c05e7e4c729c-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d813b262-5f90-5730-22e0-c05e7e4c729d-6a1de6a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_957f9328-225d-5d7e-ea42-286809e5152a-6a1de6a5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_957f9328-225d-5d7e-ea42-286809e51558-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_957f9328-225d-5d7e-ea42-286809e51559-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_17088031-9ea0-fbe0-5bad-3c3ab97a075c-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e584af86-075c-87a9-2d30-1423c293d162-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-d158f8a9-aa73-57d6-3251-a32842404259-6a1de6a5, #w-node-_59a8e2d9-7d52-3cf5-8764-e9b2a84f9b2f-6a1de6a5, #w-node-_0f7700a1-1418-2169-b535-982aa876924d-6a1de6a5, #w-node-_6882035d-6a71-2544-2dcc-5b6d9cfb4edf-6a1de6a5, #w-node-_055793da-5a2d-18e9-07f6-c5e0c90b53a1-6a1de6a5, #w-node-_9779f36a-b04f-22bf-59b2-4b3df89d9f2b-6a1de6a5, #w-node-_5ce343fc-1ec2-22fa-a147-6ad9508f06e6-6a1de6a5, #w-node-_9e784c1e-24c3-5698-8728-ea7ba84af951-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fa-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fb-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e05f7baa-c4f2-41c9-d4b2-7c8e26885d2b-6a1de6a5, #w-node-a3d5ccf8-3c8a-6a69-2a60-7afaf8614505-6a1de6a5, #w-node-e2150c4d-a3a8-7252-d7e0-73ff68d4be2f-6a1de6a5, #w-node-_453eaed3-3b2a-2890-39c9-24db0a5e6c0b-6a1de6a5, #w-node-_32ff6281-9546-574d-5ba0-a671625ef895-6a1de6a5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_5272de40-8c04-11b1-b32f-3ebe4a9353a5-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-b383af4b-0b16-cdec-bd41-3d0a50e222ee-6a1de6a5, #w-node-_64c4bc33-bbd0-bc9e-5260-355a356ada20-6a1de6a5, #w-node-_60c0093f-4d7c-4ae9-c290-d8520e27349d-6a1de6a5, #w-node-_008c6fad-1292-e637-5f50-da09e6092052-6a1de6a5, #w-node-_78b95d9a-cbb8-4eae-712e-b5ebb9e8a742-6a1de6a5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_24c77e49-143f-4d5b-544e-a0c836f2af71-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_24c77e49-143f-4d5b-544e-a0c836f2af72-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-fc302405-c078-5ff5-b8d4-dea8a218c8e6-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1792c6fa-f482-6712-d532-6a4f721c5a82-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_1ed16181-9b89-2f03-118a-e3f8170ee335-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_1ed16181-9b89-2f03-118a-e3f8170ee32b-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd19a459-e460-267d-b02b-26ba8e674940-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-a155b48b-1012-b944-1b1e-8e8f203d8004-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5c2da5b-2498-e755-a902-dbb0336bcabf-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-a5c2da5b-2498-e755-a902-dbb0336bcac6-6a1de6a5, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc93-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc98-6a1de6a5 {
  grid-area: span 10 / span 1 / span 10 / span 1;
  place-self: start;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc99-6a1de6a5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca1-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca6-6a1de6a5 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcac-6a1de6a5, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcb3-6a1de6a5, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcb6-6a1de6a5, #w-node-fee5d9cb-564e-6f6b-85ae-6667cae871e0-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13bbac70-d4b6-a8ca-d916-ccb70460ed04-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_13bbac70-d4b6-a8ca-d916-ccb70460ed05-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-e06d427c-0617-68b9-0fe2-13a113843327-6a1de6a5 {
  place-self: end;
}

#w-node-e06d427c-0617-68b9-0fe2-13a113843329-6a1de6a5, #w-node-_9d383f8b-b5c1-5c17-e38b-71975b2ce41d-6a1de6a5, #w-node-_940acffe-8119-6c48-02bb-29791015c4ff-6a1de6a5, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b25-6a1de6a5, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b26-6a1de6a5, #w-node-_23d838c2-df06-e25f-e667-086af03bba00-6a1de6a5, #w-node-_23d838c2-df06-e25f-e667-086af03bba01-6a1de6a5, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a02-6a1de6a5, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a03-6a1de6a5, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed6-6a1de6a5, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed7-6a1de6a5, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dba-6a1de6a5, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dbb-6a1de6a5, #w-node-af71d795-9a79-4776-261e-7643bdea567c-6a1de6a5, #w-node-af71d795-9a79-4776-261e-7643bdea567d-6a1de6a5, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64693-6a1de6a5, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64694-6a1de6a5, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f14-6a1de6a5, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f15-6a1de6a5, #w-node-f91ed507-f84b-3724-67c9-b19ebf4fd9f3-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d17121b2-6424-7a1f-77c0-a85babb6369b-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d17121b2-6424-7a1f-77c0-a85babb6369c-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-d813b262-5f90-5730-22e0-c05e7e4c729c-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d813b262-5f90-5730-22e0-c05e7e4c729d-6a1de6a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-b0e19f02-e030-849b-665a-b6ecfded8c61-6a1de6a6, #w-node-_567c6b02-4866-87a6-9dc1-33fd38a29114-6a1de6a6, #w-node-d0831132-3e8c-2927-04b5-d678d87749a5-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0831132-3e8c-2927-04b5-d678d87749a6-6a1de6a6 {
  align-self: start;
}

#w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396852-6a1de6a6 {
  justify-self: center;
}

#w-node-_60cc1e3e-00e0-49b9-07c4-1f4e9c1e33e5-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396862-6a1de6a6 {
  align-self: center;
}

#w-node-_16829fb5-b389-4904-2b72-6cee16fab643-6a1de6a6, #w-node-_506c63a4-f9b8-b5b2-50ba-c27aeaff722a-6a1de6a6, #w-node-_2d8e288d-e156-5a75-6753-9122f7c849e9-6a1de6a6, #w-node-_0a876794-385b-596c-87fe-9bd0f455abf3-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396870-6a1de6a6 {
  align-self: center;
}

#w-node-_3f11326e-4e66-9c42-e951-aa5063a007f5-6a1de6a6, #w-node-_4a2818a4-2904-ad49-ffcf-73922e8a9aab-6a1de6a6, #w-node-_998d5f39-1499-2a64-6f39-65268dd54679-6a1de6a6, #w-node-aabe3ac8-62d4-7105-7207-d9aeaca57f68-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396880-6a1de6a6 {
  align-self: center;
}

#w-node-_5a7073c9-980f-0502-8c14-647748c572d6-6a1de6a6, #w-node-_5a7073c9-980f-0502-8c14-647748c572db-6a1de6a6, #w-node-_5a7073c9-980f-0502-8c14-647748c572e0-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396890-6a1de6a6 {
  place-self: center;
}

#w-node-_7ed506da-a3c4-8c6d-d70b-52c89ac52d93-6a1de6a6, #w-node-_7ed506da-a3c4-8c6d-d70b-52c89ac52d98-6a1de6a6, #w-node-_7efe56aa-4175-1217-dd6b-c820116cdcee-6a1de6a6, #w-node-_3861dcb4-67bd-634c-23b5-0f48483da5e0-6a1de6a6, #w-node-_3861dcb4-67bd-634c-23b5-0f48483da5e3-6a1de6a6, #w-node-_3861dcb4-67bd-634c-23b5-0f48483da5e7-6a1de6a6, #w-node-_17f422b5-8ec1-99b6-b948-57fbf68e518f-6a1de6a6, #w-node-_17f422b5-8ec1-99b6-b948-57fbf68e51ca-6a1de6a6, #w-node-_17f422b5-8ec1-99b6-b948-57fbf68e51dc-6a1de6a6, #w-node-_17f422b5-8ec1-99b6-b948-57fbf68e51e7-6a1de6a6, #w-node-a5c7e946-2202-a81d-195f-932d122cdc74-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17f422b5-8ec1-99b6-b948-57fbf68e5202-6a1de6a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0163e9da-e5af-0dc8-454a-52d13699bda1-6a1de6a6, #w-node-_0163e9da-e5af-0dc8-454a-52d13699bda6-6a1de6a6, #w-node-_0163e9da-e5af-0dc8-454a-52d13699bdab-6a1de6a6, #w-node-e4bfe546-e853-b739-9da6-b61194c81c9f-6a1de6a6, #w-node-e4bfe546-e853-b739-9da6-b61194c81ca4-6a1de6a6, #w-node-eb3ed223-e0d2-ac11-4322-5ba9b149c6e4-6a1de6a6, #w-node-ae691e46-ce01-9ae9-aaac-cdb01cabdd82-6a1de6a6, #w-node-ae691e46-ce01-9ae9-aaac-cdb01cabdd85-6a1de6a6, #w-node-ae691e46-ce01-9ae9-aaac-cdb01cabdd89-6a1de6a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e5fba8-13bf-5c6e-efdb-72878081742f-6a1de6a8 {
  grid-template-rows: auto auto;
  grid-template-columns: 4.5fr 3.25fr;
}

#w-node-a4e5fba8-13bf-5c6e-efdb-728780817437-6a1de6a8 {
  grid-row: span 2 / span 2;
}

#w-node-_7f677759-146e-6df9-be1d-944826dd7c63-6a1de6a8, #w-node-_7f677759-146e-6df9-be1d-944826dd7c75-6a1de6a8, #w-node-_9292003a-085c-279a-8614-696c0c79ad59-6a1de6a8, #w-node-_9292003a-085c-279a-8614-696c0c79ad69-6a1de6a8, #w-node-_9dada536-587a-ab60-199f-e20f7f57b308-6a1de6a8, #w-node-_9dada536-587a-ab60-199f-e20f7f57b312-6a1de6a8, #w-node-_6bd7355d-0285-1845-358e-51bbbe1e7f7e-6a1de6a8, #w-node-_6bd7355d-0285-1845-358e-51bbbe1e7f8e-6a1de6a8, #w-node-_54c00cb1-7641-d108-e489-23256f53ece9-6a1de6a8, #w-node-_072c5f50-1f5c-fda7-dfaf-a0e1e343282f-6a1de6a8, #w-node-_4dad33be-7f76-2483-758a-12e4e0aea4c2-6a1de6a8, #w-node-_41c9a534-d548-2ece-fd6b-a50f9586c1e2-6a1de6a8, #w-node-_8a1404df-1ebc-f02f-b948-ee1470246237-6a1de6a8, #w-node-_0e8a3081-b486-8a6a-8573-b0a3ad54b4c3-6a1de6a8, #w-node-bde32db3-8026-b16d-228a-3e6e660d7182-6a1de6a8, #w-node-_3242b828-4dd1-fb3a-5a93-3badc7260158-6a1de6a8, #w-node-_8248af2d-fde6-d11c-4ae3-91254a2fd4c1-6a1de6a8, #w-node-_62573704-226b-3113-3b3d-dba04e97cc60-6a1de6a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb3e97cb-b7a9-9f91-7950-f1c63446be1e-6a1de6a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-f1728099-cc8b-808a-7c02-79590bf58185-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf58186-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf58189-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf5818a-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf5818d-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf5818e-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf58191-6a1de6a8, #w-node-f1728099-cc8b-808a-7c02-79590bf58192-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c57fc-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c57fd-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c5803-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c5804-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c580a-6a1de6a8, #w-node-_95f1b881-a09e-9fe8-1d82-e2969f7c580b-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391be-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391bf-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391c7-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391c8-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391cd-6a1de6a8, #w-node-_299395be-169e-71c5-772f-eba54c9391ce-6a1de6a8, #w-node-f4d5e6d5-1d49-e327-830c-1ee9c2d254bc-6a1de6a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_299395be-169e-71c5-772f-eba54c9391d9-6a1de6a8 {
  justify-self: end;
}

#w-node-_09f74eea-0d0a-da7d-5dbc-96261fabf0ad-6a1de6a8, #w-node-_09f74eea-0d0a-da7d-5dbc-96261fabf0ae-6a1de6a8, #w-node-_09f74eea-0d0a-da7d-5dbc-96261fabf0b9-6a1de6a8, #w-node-_09f74eea-0d0a-da7d-5dbc-96261fabf0ba-6a1de6a8, #w-node-_264a38dd-d466-d6f7-91a8-7475303883ee-6a1de6a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2a94b79-2778-9b3b-0a41-a6c5cbf312d7-6a1de6be {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-b2a94b79-2778-9b3b-0a41-a6c5cbf312ff-6a1de6be {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8ebfbdce-51ed-6a06-60f1-43042b48a729-6a1de6bf, #w-node-_2bd4d379-6827-5bd6-78af-489eb4869008-6a1de6bf, #w-node-_9832bda7-1875-fce8-2277-ffbbd9dc84d9-6a1de6bf, #w-node-b328a105-1a81-2c8d-4b50-553ac19e980c-6a1de6bf, #w-node-a235faf4-6302-6584-dc0b-fed3f355a88d-6a1de6bf, #w-node-_4ca37232-7825-02d8-3699-481bddc4d740-6a1de6bf, #w-node-e9674887-69a4-2aaa-a1d4-0e7eb552591e-6a1de6bf, #w-node-_35e643a6-c9ff-54bb-758f-bf7d89bcf8ff-6a1de6bf, #w-node-_72dfc2b6-308f-8d5e-6be1-a2383728ea41-6a1de6bf, #w-node-_13867cc4-9100-7fc9-cf85-4f1953eacd79-6a1de6bf, #w-node-_51e62a5d-3931-1138-473f-e28a93abbf2d-6a1de6bf, #w-node-a0be50b7-ff1c-1b73-46c8-0cbfddbef548-6a1de6bf, #w-node-ae4e3fa5-65e9-1706-2900-b79b39d4ccbc-6a1de6bf, #w-node-_267172f0-a7eb-4706-089d-69a5a1e29962-6a1de6bf, #w-node-_892bbd3d-6b53-4a97-b37a-d69d0a4af166-6a1de6bf, #w-node-_92e3b296-9ed1-6be8-dc3c-6361085b604e-6a1de6bf, #w-node-a3822e72-909f-3571-dc8b-bbc90724f2a8-6a1de6bf, #w-node-_35296975-88af-a56e-289f-e23b523ddafe-6a1de6bf, #w-node-_50a57776-7d45-327b-65f9-03f2136f2365-6a1de6bf, #w-node-_057265d3-8b55-c5d6-b254-adc583d64170-6a1de6bf, #w-node-_3e68f617-fe17-e34e-9f99-ff9f3eda3fc8-6a1de6bf, #w-node-a94728b5-b36b-9ec2-91b8-9cff56a6570c-6a1de6bf, #w-node-c6ca63e4-101b-bf46-98cc-847913c0b249-6a1de6bf, #w-node-_885daf07-6482-a15c-7226-fae734eaf8b8-6a1de6bf, #w-node-_1959e08d-8212-516a-5881-4f0366d34bcd-6a1de6bf, #w-node-_9fcc49dd-abb0-e479-6b7a-b7e5418b5503-6a1de6bf, #w-node-c6d80eea-6e72-9371-aa0d-b4b298e10448-6a1de6bf, #w-node-_1b954c4b-b483-ae9d-ff97-e94d325014a0-6a1de6bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-6a1de6bf {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_08e915d1-6742-b7c7-655c-39597eb9142b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91431-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91432-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91436-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9143a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9143e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91442-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91449-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9144e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91450-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91452-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91454-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91456-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91459-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9145c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9145e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91460-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91462-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91464-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91467-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9146a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9146b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9146d-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9146f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91471-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91474-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91477-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91479-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9147b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9147d-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9147f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91482-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91485-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91486-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91488-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9148a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9148c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9148f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91492-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91493-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91495-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91497-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91499-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9149c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914a1-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914a3-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914a5-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914a7-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914a9-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914ac-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914b1-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914b2-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914b4-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914b6-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914b8-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914bb-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c0-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c1-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c2-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c4-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c6-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914c9-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914ce-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914d0-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914d2-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914d4-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914d6-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914d9-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914dc-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914dd-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914df-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914e1-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914e3-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914e6-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914e9-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914eb-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914ed-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914ef-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914f1-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914f4-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914f8-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914fa-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914fc-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb914fe-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91500-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91503-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91506-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91507-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91509-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9150b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9150d-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91510-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91515-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91516-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91518-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9151a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9151c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9151f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91522-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91524-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91526-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91528-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9152a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9152d-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91532-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91533-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91534-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91536-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91538-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9153b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9153e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9153f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91540-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91541-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91542-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91545-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9154a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9154b-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9154c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9154e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91550-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91553-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91557-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91558-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91559-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9155a-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9155c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9155f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91562-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91563-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91564-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91565-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91566-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91569-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9156c-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9156d-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9156e-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9156f-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91570-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91573-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91576-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91577-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91578-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb91579-6a1de6c4, #w-node-_08e915d1-6742-b7c7-655c-39597eb9157a-6a1de6c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38b1d37c-c06b-ad9f-e5ed-5775d1393369-d1393363, #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d139336a-d1393363, #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d139336b-d1393363, #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d139336c-d1393363 {
  place-self: center;
}

#w-node-_522ef949-3246-e95e-aa7f-ca09dc566277-f356a997 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch;
}

#w-node-_522ef949-3246-e95e-aa7f-ca09dc56628a-f356a997, #w-node-_522ef949-3246-e95e-aa7f-ca09dc5662a1-f356a997, #w-node-_522ef949-3246-e95e-aa7f-ca09dc5662c4-f356a997, #w-node-_522ef949-3246-e95e-aa7f-ca09dc5662e7-f356a997 {
  justify-self: auto;
}

#w-node-e2cd85f5-9139-3061-2dde-7d9a2af43f97-f356a997 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch;
}

#w-node-_15331e02-eca5-018a-53e9-9464f356aa55-f356a997, #w-node-_15331e02-eca5-018a-53e9-9464f356aa74-f356a997, #w-node-f981568c-23f9-ee31-69cb-43ccaf9d5e7b-f356a997, #w-node-_5a1628dd-157d-41c3-f164-d0d35e386fa2-f356a997 {
  justify-self: auto;
}

#w-node-_54c00cb1-7641-d108-e489-23256f53ece9-6a1de6cb, #w-node-_072c5f50-1f5c-fda7-dfaf-a0e1e343282f-6a1de6cb, #w-node-_4dad33be-7f76-2483-758a-12e4e0aea4c2-6a1de6cb, #w-node-_41c9a534-d548-2ece-fd6b-a50f9586c1e2-6a1de6cb, #w-node-_8a1404df-1ebc-f02f-b948-ee1470246237-6a1de6cb, #w-node-_0e8a3081-b486-8a6a-8573-b0a3ad54b4c3-6a1de6cb, #w-node-bde32db3-8026-b16d-228a-3e6e660d7182-6a1de6cb, #w-node-_3242b828-4dd1-fb3a-5a93-3badc7260158-6a1de6cb, #w-node-_8248af2d-fde6-d11c-4ae3-91254a2fd4c1-6a1de6cb, #w-node-_62573704-226b-3113-3b3d-dba04e97cc60-6a1de6cb, #w-node-a00649e6-36db-e00f-e66f-acb6b277ccb6-6a1de6cb, #w-node-e6ef3729-a5c4-4119-1496-817e9f1043e1-6a1de6cb, #w-node-e5add622-e963-ae01-1ec2-fc13f31b0e6a-6a1de6cb, #w-node-_029ee5d9-54a0-053b-e446-3a68d4d2ebdb-6a1de6cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb3e97cb-b7a9-9f91-7950-f1c63446be1e-6a1de6cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-f1728099-cc8b-808a-7c02-79590bf58185-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58186-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58189-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf5818a-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf5818d-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf5818e-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58191-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58192-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58195-6a1de6cb, #w-node-f1728099-cc8b-808a-7c02-79590bf58196-6a1de6cb, #w-node-_6309ea2d-aed3-0c06-9fd8-8d86f8c1ef0f-6a1de6cb, #w-node-_7eb9f46f-803a-9474-6d62-a69323445734-6a1de6cb, #w-node-_45f017eb-0517-4ac9-bc92-f9b8bf851656-6a1de6cb, #w-node-_0bb3a1d8-1fe3-8d34-aca2-3a85060ba6d4-6a1de6cb, #w-node-ff43b4da-2e01-33ab-05ff-e610a7d2a898-6a1de6cb, #w-node-dece7704-6bf5-dca9-220c-6a344dda8917-6a1de6cb, #w-node-_20268b41-0467-3d38-33f6-a1b33a0bb10f-6a1de6cb, #w-node-_1ef1915c-9615-2d5f-1a28-f6d676ca376f-6a1de6cb, #w-node-e2094184-ba2a-4c1c-5cd9-a4c29a5b5338-6a1de6cb, #w-node-_7bfadf48-c112-7c66-2645-b0b1768a4523-6a1de6cb, #w-node-_93757258-6e06-a32e-0005-98ca15ab495d-6a1de6cb, #w-node-bae3d7ab-2103-6590-c26a-498fc3353c4f-6a1de6cb, #w-node-_53a8638a-dacd-726b-cb86-9e679361db79-6a1de6cb, #w-node-_50ba8b16-9eec-eb57-58f9-b98ba9be8ad4-6a1de6cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
  grid-template-rows: auto auto;
  grid-template-columns: 6fr 4.5fr;
}

#w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-6a1de6cc {
  grid-row: span 2 / span 2;
}

#w-node-_1c8925e4-18d5-6dbb-6fdd-85be3bc62ab5-6a1de6cc, #w-node-_15270024-7939-077a-3e4d-dd9b3f8b4315-6a1de6cc, #w-node-_7dac31f6-ecc1-4a80-a30d-f61a69e796ea-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e68456-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e6846c-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e68472-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e68490-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e68496-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e684b0-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e684b6-6a1de6cc, #w-node-cd7d45b6-a835-9024-24be-227e31e684c8-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42b7-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42c6-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42cc-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42d7-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e4-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ea-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42f8-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4301-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4305-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4307-6a1de6cc, #w-node-_9934de25-7c06-31f7-3ead-e64d5efbe427-6a1de6cc, #w-node-_9934de25-7c06-31f7-3ead-e64d5efbe435-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c432c-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4337-6a1de6cc, #w-node-_1a49643d-a218-c33a-4aa0-382721246493-6a1de6cc, #w-node-_1a49643d-a218-c33a-4aa0-382721246497-6a1de6cc, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521b-6a1de6cc, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521f-6a1de6cc, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca5-6a1de6cc, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca8-6a1de6cc, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7c-6a1de6cc, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7f-6a1de6cc, #w-node-c09957f4-6da0-7505-bea8-01cc7dc175ba-6a1de6cc, #w-node-c09957f4-6da0-7505-bea8-01cc7dc175bd-6a1de6cc, #w-node-a76a867c-5684-8d27-69e9-5528c3b841bc-6a1de6cc, #w-node-a76a867c-5684-8d27-69e9-5528c3b841bf-6a1de6cc, #w-node-_4551fa17-8af6-422e-1eb9-4378e80d7738-6a1de6cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
  grid-template-rows: auto auto;
  grid-template-columns: 6.25fr 4.25fr;
}

#w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84f6-6a1de6d8 {
  grid-row: span 2 / span 2;
}

#w-node-e1e1e424-8dbd-23f5-c85f-d290cec73256-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73265-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73269-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec7326b-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73278-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73283-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73287-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73289-6a1de6d8, #w-node-fd5f9b70-3e82-2a08-6931-7a713c541906-6a1de6d8, #w-node-fd5f9b70-3e82-2a08-6931-7a713c54190f-6a1de6d8, #w-node-_338ca79d-79f0-071d-b0fc-25c084ff6759-6a1de6d8, #w-node-_338ca79d-79f0-071d-b0fc-25c084ff6763-6a1de6d8, #w-node-f717e74f-506e-bce8-7688-f12a314a14a3-6a1de6d8, #w-node-f717e74f-506e-bce8-7688-f12a314a14ae-6a1de6d8, #w-node-abdf839a-857f-e0c8-3c2f-c533ff6148f9-6a1de6d8, #w-node-abdf839a-857f-e0c8-3c2f-c533ff614903-6a1de6d8, #w-node-_19d14768-04bc-1bba-e931-9c1b0dca05b0-6a1de6d8, #w-node-_19d14768-04bc-1bba-e931-9c1b0dca05c2-6a1de6d8, #w-node-b1674071-218b-8485-92c7-34556d73d60d-6a1de6d8, #w-node-b1674071-218b-8485-92c7-34556d73d617-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8f68-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8f85-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8f8b-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8fa9-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8faf-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8fcc-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8fd2-6a1de6d8, #w-node-_4c0da40e-fdee-18ff-ae2e-b8f127cb8fef-6a1de6d8, #w-node-_8b971d54-c7b9-0f18-6fd4-db11d8a2badc-6a1de6d8, #w-node-_8b971d54-c7b9-0f18-6fd4-db11d8a2baf9-6a1de6d8, #w-node-_0199e0f4-0385-78f3-3daf-2ab1cfc5808b-6a1de6d8, #w-node-a004dbe7-c7d6-a824-a5cf-478630e7b527-6a1de6dc, #w-node-_007955f8-7068-f9bc-5106-8c702491e652-6a1de6dc, #w-node-_54a52313-7728-1ad2-ece4-936ab489dc2f-6a1de6dc, #w-node-b07403af-8b5d-7c8e-63a8-d66ea59097db-6a1de6dc, #w-node-aa3abf08-1406-3ba5-ec58-3dc5653e9672-6a1de6dc, #w-node-aa3abf08-1406-3ba5-ec58-3dc5653e9679-6a1de6dc, #w-node-e5e6a008-613a-8129-cb15-e9ddb8f96a8f-6a1de6dc, #w-node-eafb80ba-6b05-15f4-4894-7e05874ee76c-6a1de6dc, #w-node-eafb80ba-6b05-15f4-4894-7e05874ee773-6a1de6dc, #w-node-e03c605d-17cb-07db-6ddc-8c77faa69a39-6a1de6dc, #w-node-_8ccaecc8-feb7-a5c8-7512-72c7b5c1dadb-6a1de6dc, #w-node-_8ccaecc8-feb7-a5c8-7512-72c7b5c1dae5-6a1de6dc, #w-node-_04262d76-5064-c728-92d0-80a00456a73b-6a1de6dc, #w-node-_0f6b293d-4ba6-6d60-d4d6-ca9c34e92e0f-6a1de6dc, #w-node-_0f6b293d-4ba6-6d60-d4d6-ca9c34e92e15-6a1de6dc, #w-node-_0f6b293d-4ba6-6d60-d4d6-ca9c34e92e18-6a1de6dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-1d476814 {
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 2.5fr;
}

#w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-1d476814 {
  grid-row: span 2 / span 2;
}

#w-node-c157944e-98fc-2784-a89a-c9c30d16a3da-1d476814 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a259ad4e-7507-f6d3-ba23-36b03f86760c-1d476814, #w-node-_93dba2cf-0d2c-3db9-5982-36ddb8b9156b-1d476814 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f76dd97-019a-1846-82af-8c7dd270fe17-1d476814 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_05eca1d5-0947-2747-1c4d-0d5914976c91-1d476814, #w-node-f811009a-2a92-3c09-e469-f8788d7c2587-1d476814 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59194664-9d2a-6aaa-ea05-7ae4f8b86222-1d476814 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_7a464695-b521-eb5b-6d0c-87639f0d3fe0-1d476814, #w-node-_8d68db4a-bc5a-2bb9-69ed-95a9c791b745-1d476814, #w-node-e0fd1311-12d3-16a1-50f5-762c9b04ec86-1d476814 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
}

#w-node-_075f728a-e33d-07f0-53b6-53fed4945ca4-1d476814, #w-node-_7f712a37-6808-2e3a-2374-16b4de22802c-1d476814, #w-node-a8a6fcee-9935-accf-e4d5-985e91dd2843-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d91-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d92-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d93-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d95-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d97-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d99-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d9b-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d9d-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4d9f-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da1-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da3-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da5-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da6-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da7-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4da9-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dab-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dad-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dae-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4daf-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db1-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db2-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db3-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db5-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db7-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4db9-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dba-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dbb-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dbd-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dbe-1d476814, #w-node-_5c5bd188-ebf9-28ea-ee2a-a2af46ec4dbf-1d476814, #w-node-_54c00cb1-7641-d108-e489-23256f53ece9-1d476814, #w-node-d60b13d9-16e1-400d-a06f-fc030e381be9-1d476814 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb3e97cb-b7a9-9f91-7950-f1c63446be1e-1d476814 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_21541103-5749-0275-0f3c-ae13dec5272e-1d476814, #w-node-_70ef6d99-1446-ef41-7c38-44fd5b0e0969-1d476814, #w-node-_0c129298-12ec-84fc-53dd-f78387f8577c-1d476814, #w-node-_144d61d4-3488-fcae-3023-170f7dffb70c-1d476814, #w-node-_3ae14294-338e-1a71-4c6e-2cab10ef7b0e-1d476814, #w-node-_91151679-bcf3-1a61-fee9-dde44faebf6e-1d476814, #w-node-_3d3575b7-27bf-21c6-41fe-053c541d2a67-1d476814, #w-node-_1c725483-88e4-8ee4-7fd0-f26594b3fc59-1d476814, #w-node-d4e4234d-6626-379b-4cd8-58237d73335b-8822c529, #w-node-d4e4234d-6626-379b-4cd8-58237d733362-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f2bb5a81-851e-3fd8-f158-234cfeffbe55-8822c529 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd6d0-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd6f0-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd710-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd730-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd750-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd770-8822c529 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_9fe96bc5-383c-ee36-028a-193eec9d02b5-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9fe96bc5-383c-ee36-028a-193eec9d02bc-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02ca-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fe96bc5-383c-ee36-028a-193eec9d02d1-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9fe96bc5-383c-ee36-028a-193eec9d02d8-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02df-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fe96bc5-383c-ee36-028a-193eec9d02e6-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_24609910-20e2-12df-0d2b-f32fd461feaa-8822c529 {
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 2.5fr;
}

#w-node-_24609910-20e2-12df-0d2b-f32fd461feb2-8822c529 {
  grid-row: span 2 / span 2;
}

#w-node-_24609910-20e2-12df-0d2b-f32fd461fecd-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24609910-20e2-12df-0d2b-f32fd461fece-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_24609910-20e2-12df-0d2b-f32fd461fecf-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9442f5f-fa67-4484-66e8-22d38ac9ccf6-8822c529 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c664b6ee-d2a4-0468-81f6-c655682398e4-8822c529, #w-node-_493bcd0d-2f20-b9ff-db77-50af88982719-8822c529, #w-node-_493bcd0d-2f20-b9ff-db77-50af88982724-8822c529, #w-node-_493bcd0d-2f20-b9ff-db77-50af8898272f-8822c529, #w-node-_493bcd0d-2f20-b9ff-db77-50af8898273d-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e43c-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e446-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e450-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e476-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e480-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b4e8178-8238-2eab-55db-de980922e489-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084d0-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084e0-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084e5-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084f4-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084f9-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd908508-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd90850d-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd908519-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd90851e-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25fd8410-06f8-ae12-4025-4bc7fd90852e-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f6c-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f7b-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f7f-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f81-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f8e-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f99-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f9d-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f9f-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb5-8822c529 {
  align-self: center;
}

#w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb7-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb8-8822c529 {
  align-self: center;
}

#w-node-ef642494-ef59-19bd-0a00-fcefc3c40054-8822c529 {
  order: 9999;
  grid-area: Tabs-Menu;
}

#w-node-a8b93729-6526-7db9-5825-d31ce5ec7ec5-8822c529, #w-node-a8b93729-6526-7db9-5825-d31ce5ec7ec7-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a66-8822c529 {
  align-self: center;
}

#w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a68-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a69-8822c529 {
  align-self: center;
}

#w-node-_19c1401a-40e2-11ee-44ff-b3131bcdae22-8822c529 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ae677ab3-5f6e-4f2e-f2b2-84e1b896c137-8822c529, #w-node-ae677ab3-5f6e-4f2e-f2b2-84e1b896c146-8822c529, #w-node-_4f64c4bd-9e12-611c-99fb-369647e73712-8822c529, #w-node-_2bb88577-8f74-8d5a-2395-3d1bcfee4762-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1dc-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1dd-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e0-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e1-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e4-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e5-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e8-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1e9-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1ec-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1ed-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e140821-e412-5182-f98f-ac0431bab1f0-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_4e140821-e412-5182-f98f-ac0431bab1f7-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1f8-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1fb-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1fc-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab1ff-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab200-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab203-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab204-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab207-8822c529, #w-node-_4e140821-e412-5182-f98f-ac0431bab208-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763c5-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763cd-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763d1-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763d3-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763da-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763dc-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763e5-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763e7-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763f0-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763f9-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763fd-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763ff-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57640a-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57640c-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576417-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576419-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576420-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576427-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57642b-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57642d-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576436-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576438-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576441-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576443-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57644c-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576451-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576455-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576457-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32dca87b-093b-59cd-3ad1-194fcb41744e-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb417478-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174a7-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174c9-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174e3-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174fc-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb417524-8822c529 {
  justify-self: end;
}

#w-node-_24d3141d-7aad-c3da-7422-9dfa25c3fb00-8822c529, #w-node-_24d3141d-7aad-c3da-7422-9dfa25c3fb13-8822c529, #w-node-_24d3141d-7aad-c3da-7422-9dfa25c3fb17-8822c529, #w-node-_24d3141d-7aad-c3da-7422-9dfa25c3fb2c-8822c529, #w-node-_7592aacc-4c14-186e-369d-a7c03e87e788-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7592aacc-4c14-186e-369d-a7c03e87e789-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_7592aacc-4c14-186e-369d-a7c03e87e78a-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec7fa758-7831-89ae-5290-3442a4e8c2bd-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ec7fa758-7831-89ae-5290-3442a4e8c2cc-8822c529, #w-node-ec7fa758-7831-89ae-5290-3442a4e8c2d8-8822c529, #w-node-ec7fa758-7831-89ae-5290-3442a4e8c2e4-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec7fa758-7831-89ae-5290-3442a4e8c2f0-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ec7fa758-7831-89ae-5290-3442a4e8c2ff-8822c529, #w-node-ec7fa758-7831-89ae-5290-3442a4e8c30b-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_994e6f42-4527-ab54-3c53-b37ed97fc65b-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_994e6f42-4527-ab54-3c53-b37ed97fc66a-8822c529, #w-node-_994e6f42-4527-ab54-3c53-b37ed97fc676-8822c529, #w-node-_994e6f42-4527-ab54-3c53-b37ed97fc682-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_994e6f42-4527-ab54-3c53-b37ed97fc68e-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_994e6f42-4527-ab54-3c53-b37ed97fc69d-8822c529, #w-node-_994e6f42-4527-ab54-3c53-b37ed97fc6a9-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e55-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e64-8822c529, #w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e70-8822c529, #w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e7c-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e88-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b9b5c6cf-042b-6dfb-a768-4ead78023e97-8822c529, #w-node-b9b5c6cf-042b-6dfb-a768-4ead78023ea3-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cce1-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cced-8822c529, #w-node-_1d1669c7-824b-3fb2-3599-f2f9b081ccf9-8822c529, #w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd05-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd11-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd1d-8822c529, #w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd29-8822c529, #w-node-_953d4e19-ed72-ef34-7774-0eaa7381fc52-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_953d4e19-ed72-ef34-7774-0eaa7381fc53-8822c529 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_953d4e19-ed72-ef34-7774-0eaa7381fc54-8822c529, #w-node-bdb6369c-a973-9055-d64e-f7347bca5aaa-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_94613782-173a-75c9-bccd-8fbdb7336ce5-8822c529 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_94613782-173a-75c9-bccd-8fbdb7336cef-8822c529, #w-node-_94613782-173a-75c9-bccd-8fbdb7336cf6-8822c529 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_94613782-173a-75c9-bccd-8fbdb7336cfd-8822c529 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_94613782-173a-75c9-bccd-8fbdb7336d08-8822c529, #w-node-_94613782-173a-75c9-bccd-8fbdb7336d0f-8822c529, #w-node-_94613782-173a-75c9-bccd-8fbdb7336d16-8822c529 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490b6-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490bf-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490ce-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490dd-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490ec-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8490f5-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849104-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849113-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849122-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd84912b-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd84913a-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849143-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849152-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849161-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd849170-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd84917f-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd84918e-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd84919d-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8491ac-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8491b5-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8491c4-8822c529, #w-node-_6a7cf80c-9358-8f8a-387f-5e7bfd8491d3-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90ac-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90fd-8822c529, #w-node-_0605fdb9-aff1-c312-face-062ab971801e-8822c529, #w-node-_0605fdb9-aff1-c312-face-062ab9718020-8822c529 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29fe54e7-bb51-8f0e-6d96-9053a5856eec-23c6a46d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c8571d75-fbf9-811a-4b05-638eec153509-23c6a46d {
  grid-row: span 2 / span 2;
}

#w-node-_583a4fc3-541a-b95c-88e4-9b87ce3a704f-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69cfdd6b-27cc-853d-738b-579e9402e627-23c6a46d {
  grid-area: Area-2;
}

#w-node-_155901f0-4752-2c5b-6adc-489a494a8835-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_155901f0-4752-2c5b-6adc-489a494a8838-23c6a46d {
  grid-area: Area-2;
}

#w-node-dbb21874-7eb6-9b02-5c91-37ba7e7d52d7-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbb21874-7eb6-9b02-5c91-37ba7e7d52da-23c6a46d {
  grid-area: Area-2;
}

#w-node-_01392c4b-bda4-93f8-f1e2-068062a100ef-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01392c4b-bda4-93f8-f1e2-068062a100f2-23c6a46d {
  grid-area: Area-2;
}

#w-node-b873c32b-f7e3-7b7f-1f14-611e3c154703-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b873c32b-f7e3-7b7f-1f14-611e3c154706-23c6a46d {
  grid-area: Area-2;
}

#w-node-_67ed0a22-1b5f-868c-1d44-860cd22e7c11-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67ed0a22-1b5f-868c-1d44-860cd22e7c14-23c6a46d {
  grid-area: Area-2;
}

#w-node-_5e3aa25b-4628-b310-0530-64b0a4ca39e5-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e3aa25b-4628-b310-0530-64b0a4ca39e8-23c6a46d {
  grid-area: Area-2;
}

#w-node-_93e64180-8620-07fa-7bd5-39d61b4a4e77-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93e64180-8620-07fa-7bd5-39d61b4a4e7a-23c6a46d {
  grid-area: Area-2;
}

#w-node-d1792e2d-666b-b032-3ff8-30e451d9dcec-23c6a46d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1792e2d-666b-b032-3ff8-30e451d9dcef-23c6a46d {
  grid-area: Area-2;
}

#w-node-_9aceb744-4b69-375e-b675-10743a79ed06-23c6a46d, #w-node-e13b53c1-f74c-2636-38ae-09d1f0e14b2b-23c6a46d, #w-node-_5beba10f-f171-e0f2-8a37-00457c58408e-23c6a46d, #w-node-_5beba10f-f171-e0f2-8a37-00457c58408f-23c6a46d, #w-node-_2ebad994-bfce-0384-dc96-daad86463020-23c6a46d, #w-node-_2ebad994-bfce-0384-dc96-daad86463021-23c6a46d, #w-node-d2433188-debb-d045-bedc-225eee448744-23c6a46d, #w-node-d2433188-debb-d045-bedc-225eee448745-23c6a46d, #w-node-faaa1eca-befc-4639-78d0-fc92a134eecf-23c6a46d, #w-node-faaa1eca-befc-4639-78d0-fc92a134eed0-23c6a46d, #w-node-_266a19ec-7ba7-fe58-8a40-5a4f53ad19fc-23c6a46d, #w-node-_266a19ec-7ba7-fe58-8a40-5a4f53ad19fd-23c6a46d, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8a4-b95ff2c4, #w-node-_29ca124f-3bec-4d84-8825-a2bf09fbabaa-b95ff2c4, #w-node-_28fe291c-1aed-173b-7737-94f724481148-b95ff2c4, #w-node-_041488ef-8d44-588a-1395-8fe8adecace1-b95ff2c4, #w-node-ceace742-e520-d5b4-63cd-a6231030b103-b95ff2c4, #w-node-_4653a194-ec41-f6a3-55c3-9dbe29857c73-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8cd-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8d5-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8e5-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8f5-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8ed-b95ff2c4, #w-node-f3e26437-f3e8-06f0-c4ed-cdf87294d8fe-b95ff2c4, #w-node-be781b70-addc-bf92-396d-5fbcc2b7a4c3-b95ff2c4, #w-node-_0cfb38f9-cf96-0464-7fb3-22f84e63d310-b95ff2c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8eab334a-2d21-ca93-7ed6-5e8057c12090-f84b3113 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1.5fr;
}

#w-node-_55cbe72d-d357-2b91-8d17-ef5bdee938fd-f84b3113 {
  grid-row: span 2 / span 2;
}

#w-node-_34db2534-909d-fccd-e8b0-05818f7ea86c-f84b3113 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8ea41b1-8f59-703e-5914-b26630aee59c-f84b3113, #w-node-c8ea41b1-8f59-703e-5914-b26630aee5a2-f84b3113, #w-node-c8ea41b1-8f59-703e-5914-b26630aee5a8-f84b3113, #w-node-c8ea41b1-8f59-703e-5914-b26630aee5ae-f84b3113, #w-node-_6856b8a1-ec2d-8c05-a98a-7ffc2a65dff9-f84b3113, #w-node-d8d6a5ba-a5c5-1c81-a180-e2e0268064e4-f84b3113, #w-node-d0a504b2-61ec-3a69-30a3-981c4086f010-f84b3113 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_956a3be2-c30a-7956-b9d5-683df96a8615-f84b3113, #w-node-_956a3be2-c30a-7956-b9d5-683df96a8619-f84b3113, #w-node-_956a3be2-c30a-7956-b9d5-683df96a861d-f84b3113, #w-node-_956a3be2-c30a-7956-b9d5-683df96a8621-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f48-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f4c-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f50-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f58-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f5c-f84b3113, #w-node-_5ed6d759-2fca-7200-eba7-435cb4952f60-f84b3113, #w-node-_344cd2ae-b29c-7a85-40aa-d8887a363144-f84b3113, #w-node-_344cd2ae-b29c-7a85-40aa-d8887a363148-f84b3113, #w-node-_344cd2ae-b29c-7a85-40aa-d8887a36314c-f84b3113, #w-node-_344cd2ae-b29c-7a85-40aa-d8887a363150-f84b3113, #w-node-e0dd3afd-3f8b-7fd5-57f8-e2bb4fcbf721-f84b3113, #w-node-e0dd3afd-3f8b-7fd5-57f8-e2bb4fcbf725-f84b3113, #w-node-e0dd3afd-3f8b-7fd5-57f8-e2bb4fcbf729-f84b3113, #w-node-e0dd3afd-3f8b-7fd5-57f8-e2bb4fcbf72d-f84b3113 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_18d0103f-73fb-f5b5-e514-310ef6675e64-f84b3113, #w-node-_18d0103f-73fb-f5b5-e514-310ef6675e69-f84b3113, #w-node-_18d0103f-73fb-f5b5-e514-310ef6675e6e-f84b3113, #w-node-_18d0103f-73fb-f5b5-e514-310ef6675e73-f84b3113, #w-node-_18d0103f-73fb-f5b5-e514-310ef6675e78-f84b3113, #w-node-_7b0191b2-5d36-0ae9-c087-77ccb1c104f8-f84b3113, #w-node-_3152d012-8e69-9761-5fe4-f918db7fd54e-f84b3113, #w-node-_55e01818-112c-38c7-94dc-5aa0c40db191-f84b3113, #w-node-_88917039-8446-4dca-5e4a-c3c71704155a-f84b3113, #w-node-_8107ae87-27d7-0187-085e-93592c8901e8-f84b3113, #w-node-_0cc06c86-653d-d540-ba13-f0b721321e1e-f84b3113 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_4a37c895-79a6-4396-5d8b-0e38c7c7cb22-e227f2f4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_41f02ec5-485e-58e7-b2d7-4682f56f365a-e227f2f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41f02ec5-485e-58e7-b2d7-4682f56f3659-e227f2f4 {
  justify-self: end;
}

#w-node-_55688f8c-5dc8-109c-69e4-a7388f44cb30-e227f2f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-baed734b-1e98-ef3c-0d8f-975a5b9908a3-e227f2f4, #w-node-b371ba50-3d2a-abf2-1825-3ed77d83e01d-e227f2f4, #w-node-e0b79de9-28f9-cf84-09ea-72dbda01da53-e227f2f4, #w-node-ae80b54e-e338-5583-04d9-cc0374dcdb14-e227f2f4, #w-node-e8767d92-c80b-b662-043f-1103ef968feb-e227f2f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a101cd89-d8da-5714-8e14-b7b915865c18-750be4ae {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-a101cd89-d8da-5714-8e14-b7b915865c19-750be4ae {
  grid-row: span 2 / span 2;
}

#w-node-_3ea7248e-1072-40ee-08a5-b28c77817023-750be4ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ea7248e-1072-40ee-08a5-b28c77817024-750be4ae {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_3ea7248e-1072-40ee-08a5-b28c77817025-750be4ae, #w-node-_75e8dcba-3a41-3119-d732-3e7f6431b014-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75e8dcba-3a41-3119-d732-3e7f6431b01e-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_75e8dcba-3a41-3119-d732-3e7f6431b023-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75e8dcba-3a41-3119-d732-3e7f6431b02d-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_75e8dcba-3a41-3119-d732-3e7f6431b032-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75e8dcba-3a41-3119-d732-3e7f6431b03c-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1acbd32a-5966-1286-788d-f8eca19e6242-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1acbd32a-5966-1286-788d-f8eca19e624c-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-eb1f8016-e30e-f3d5-cfa2-f70c4e91b7eb-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ef72b7ea-0b64-845d-0fd7-76a3c4bc219f-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_4f98cd93-9e33-4b3c-5d26-e3adff1a3801-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7fae5745-2ce3-7432-e6c3-9db861d07ada-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-b7dc0c85-288a-9283-e0b7-c615cb676deb-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

#w-node-_5d74280e-41af-c9a2-ae23-2671b99adb5f-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d74280e-41af-c9a2-ae23-2671b99adb93-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5d74280e-41af-c9a2-ae23-2671b99adba0-04d8c3d3, #w-node-_5d74280e-41af-c9a2-ae23-2671b99adba8-04d8c3d3, #w-node-_5d74280e-41af-c9a2-ae23-2671b99adbaf-04d8c3d3, #w-node-_5d74280e-41af-c9a2-ae23-2671b99adbb6-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69272bb2-bd4d-c139-6952-bdb60a5a3d2d-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e72125b4-26ec-2296-7689-0a5dae424ee3-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424eee-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424ef8-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424ef9-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424f04-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424f0d-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424f0f-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424f18-04d8c3d3, #w-node-e72125b4-26ec-2296-7689-0a5dae424f1a-04d8c3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b78f105-3dc8-9586-fb1c-1056780cdb98-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

#w-node-b2d9ce44-939f-5862-f2b7-c3063df32e07-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_3e9bfb18-bddd-e29a-dc65-334693d738f2-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

#w-node-f8a8047c-fd00-f244-3b1a-77674b2b02ed-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_6412a082-e5f4-c19e-0484-cf1c69c976e0-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

#w-node-_6412a082-e5f4-c19e-0484-cf1c69c976f7-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_6412a082-e5f4-c19e-0484-cf1c69c97709-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

#w-node-_6412a082-e5f4-c19e-0484-cf1c69c97720-04d8c3d3 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-04d8c3d3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f56-9a360f42 {
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 4.25fr;
}

#w-node-_4a596f9f-e369-b7c7-a302-1549ba023ee4-9a360f42, #w-node-_53251684-83f4-af81-b7ae-164284d08e14-9a360f42, #w-node-_149cc988-59f5-0c28-b765-bd3010d5c7be-9a360f42, #w-node-f7f9747d-b975-a925-5eab-dae9e26ecf38-9a360f42 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4162f37-2a67-dbdd-94e3-0561fca477db-9a360f42, #w-node-_77d3638f-49ad-3348-a704-ce5173309792-9a360f42 {
  grid-area: Area;
}

#w-node-_77d3638f-49ad-3348-a704-ce5173309793-9a360f42 {
  align-self: center;
}

#w-node-_80c35971-8f98-b524-c43a-ad69a5f5e8aa-9a360f42, #w-node-_77d3638f-49ad-3348-a704-ce5173309795-9a360f42 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77d3638f-49ad-3348-a704-ce5173309796-9a360f42 {
  align-self: center;
}

#w-node-_90573fca-aba4-2fa0-284c-7d5981debdf4-9a360f42, #w-node-e31f301e-bf4e-7cf8-b1fd-f6bb0a9e056e-9a360f42 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-cecaa3cc {
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 2.5fr;
}

#w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-cecaa3cc {
  grid-row: span 2 / span 2;
}

#w-node-_88aa079b-1e2a-4058-b8ad-55e1da8b48a0-cecaa3cc {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7d6f6e04-5fb4-048f-64a9-2bf6453e993c-cecaa3cc, #w-node-_4997058f-5b04-a9dc-32fa-134058c9fdc5-cecaa3cc, #w-node-_18569515-bbc8-6f70-cb62-25f4ea0a7fc7-cecaa3cc, #w-node-e1d9db29-ae80-9875-50b4-83bf3f4cf517-cecaa3cc, #w-node-_0ef98a34-2847-a948-5989-9dd65b0e457d-cecaa3cc, #w-node-_50f158ed-ef2c-002f-ca42-8abc38409ac9-cecaa3cc, #w-node-_9e59b761-5d16-d0d5-640b-11f27cd7e4f0-cecaa3cc, #w-node-_9e59b761-5d16-d0d5-640b-11f27cd7e4f8-cecaa3cc, #w-node-_54c00cb1-7641-d108-e489-23256f53ece9-cecaa3cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb3e97cb-b7a9-9f91-7950-f1c63446be1e-cecaa3cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_21541103-5749-0275-0f3c-ae13dec5272e-cecaa3cc, #w-node-_70ef6d99-1446-ef41-7c38-44fd5b0e0969-cecaa3cc, #w-node-_0c129298-12ec-84fc-53dd-f78387f8577c-cecaa3cc, #w-node-_144d61d4-3488-fcae-3023-170f7dffb70c-cecaa3cc, #w-node-_3ae14294-338e-1a71-4c6e-2cab10ef7b0e-cecaa3cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d2451da-c384-245e-b355-90167ae18538-1f263345, #w-node-_43add235-235a-1409-7ad9-b0907043abaf-eed23888 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.5fr;
}

#w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121a9b-81ca3c8a {
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 2.5fr;
}

#w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121aa3-81ca3c8a {
  grid-row: span 2 / span 2;
}

#w-node-_0a9957a9-b871-8c6b-b8fe-ae97f2197850-81ca3c8a, #w-node-_0a9957a9-b871-8c6b-b8fe-ae97f2197864-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f15433345586-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455a1-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455bc-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455d7-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309dd-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a64-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a7f-81ca3c8a, #w-node-_8bcc4af1-6336-0178-ef50-7049720d312f-81ca3c8a, #w-node-c80d401c-d053-1294-1331-2cb4c74e2f47-81ca3c8a, #w-node-_0989c59d-9fe0-58e7-e02a-4db41b6d9edd-81ca3c8a, #w-node-_4086f172-7b3e-f795-7d10-6426f979380f-81ca3c8a, #w-node-fd4bb381-08e4-a520-6bee-3417eb901a7e-81ca3c8a, #w-node-_7304d990-a0cf-2b50-af04-95ca38e3f010-81ca3c8a, #w-node-_061794ae-9b09-c823-ea14-edcac0d2f973-81ca3c8a, #w-node-b2199e1b-8e39-240b-d4b4-c8e5161233a3-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1c7-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1cd-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1d3-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1d9-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1df-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1e5-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1eb-81ca3c8a, #w-node-_21ae2060-f7b6-9d0d-ec7e-766f63a0e1f1-81ca3c8a, #w-node-a97d3818-b5b1-d75e-2385-7a582a10a121-81ca3c8a, #w-node-e94ef174-7a76-6c0b-69e8-d48f2f679a53-81ca3c8a, #w-node-_7dec6b4a-f269-d5b4-12aa-0767a54f80f9-81ca3c8a, #w-node-cfd5b8f0-7aa2-38b7-e490-dee85f45ed85-81ca3c8a, #w-node-_09c7dcb0-6ec1-3221-4bdb-8b7fe6b1fa46-81ca3c8a, #w-node-_5ce829e8-2619-cf9d-b08e-dcc11ce89f48-81ca3c8a, #w-node-_5ce829e8-2619-cf9d-b08e-dcc11ce89f4c-81ca3c8a, #w-node-_5ce829e8-2619-cf9d-b08e-dcc11ce89f52-81ca3c8a, #w-node-_16f36cf0-c967-5e3b-6b7b-cf2f8ea6df40-81ca3c8a, #w-node-_0cbd48a6-1877-c480-9ec1-68b959db739c-81ca3c8a, #w-node-dc4bda62-e15a-f893-181b-a9a2a0baf042-81ca3c8a, #w-node-_04fb5a88-a1a7-9143-71fc-7bfc04e817cd-81ca3c8a, #w-node-_5b1be727-dbe1-bfbf-c1e2-427595184598-81ca3c8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_754e21e4-385c-0a95-358e-258cee742282-81ca3c8a {
  grid-template-rows: auto;
  grid-template-columns: 2fr 2.25fr;
}

#w-node-_52464606-a678-aecf-0320-76e832e75492-81ca3c8a, #w-node-_52464606-a678-aecf-0320-76e832e75498-81ca3c8a, #w-node-_52464606-a678-aecf-0320-76e832e7549e-81ca3c8a, #w-node-_52464606-a678-aecf-0320-76e832e754a4-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab687-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab688-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab689-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab68b-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab68d-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab68f-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab691-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab693-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab695-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab697-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab699-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab69b-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab69c-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab69d-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab69f-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a1-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a3-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a4-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a5-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a7-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a8-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6a9-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6ab-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6ad-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6af-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6b0-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6b1-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6b3-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6b4-81ca3c8a, #w-node-bf9239d5-282a-fdb5-d002-4f2e04dab6b5-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cba8-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d065-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d066-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d06c-81ca3c8a, #w-node-b1307e16-e7ee-3efb-cd27-3fcae66701ba-81ca3c8a, #w-node-c90de4ab-f93f-3222-fda8-1bd14f35fcc8-81ca3c8a, #w-node-_8060e694-02ca-9dc9-4beb-5ac5a8cfc389-81ca3c8a, #w-node-acd8d55d-7d1e-e4dd-f387-95c2c97fcda2-81ca3c8a, #w-node-_045762d6-c8d6-7573-a3e3-6275df0c63a7-81ca3c8a, #w-node-_48650267-695c-1986-c99e-94aa894df9ee-81ca3c8a, #w-node-_19153088-a574-be3c-ee84-9bacada1bbbc-81ca3c8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97964089-2d85-658e-4a90-aa378b06d094-81ca3c8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_97964089-2d85-658e-4a90-aa378b06d096-81ca3c8a {
  align-self: auto;
}

#w-node-_97964089-2d85-658e-4a90-aa378b06d09d-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d09e-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0a3-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0a4-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0a9-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0aa-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0af-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0b0-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0b5-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0b6-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0bb-81ca3c8a, #w-node-_97964089-2d85-658e-4a90-aa378b06d0bc-81ca3c8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a44e-b6004e8b {
  grid-template-rows: auto auto;
  grid-template-columns: 4.25fr 3.25fr;
}

#w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a44f-b6004e8b, #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a455-b6004e8b {
  grid-row: span 2 / span 2;
}

#w-node-_94aa9d55-56e7-ee7c-1612-d4b896c18911-b6004e8b, #w-node-_2e794d97-54cf-1987-e5ec-7f8dc93d9efb-b6004e8b, #w-node-_2e794d97-54cf-1987-e5ec-7f8dc93d9f0b-b6004e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ca91f4e-9e2a-e2a5-1174-b9520ca2b821-b6004e8b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_83963610-37a5-364f-cace-5c8d03bbee27-b6004e8b, #w-node-f40d67ef-6e7a-9634-5388-7dbc6f9ba46b-b6004e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcc-b6004e8b {
  grid-template-rows: auto auto;
  grid-template-columns: 5.75fr 2.5fr;
}

#w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcd-b6004e8b, #w-node-fdc70a7b-a548-3d12-6e25-3c1b7c4a86c5-b6004e8b {
  grid-row: span 2 / span 2;
}

#w-node-_115516c2-db28-b4cd-0d7e-df828ce6205e-b6004e8b, #w-node-d97364cb-dc2b-7c71-3d84-f9461e4690a3-b6004e8b, #w-node-_50e615c4-cc17-d79b-969a-48d2721e20a2-b6004e8b, #w-node-_6ca1b3f0-6300-b2b2-b5f3-5894cd26bfc2-b6004e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a397f97-cd61-e861-9a33-8aa58579da1d-b6004e8b {
  grid-template-rows: auto;
  grid-template-columns: 4fr 2.5fr;
}

#w-node-f355d8df-99f0-f884-550b-49f72d60f024-b6004e8b, #w-node-f355d8df-99f0-f884-550b-49f72d60f027-b6004e8b {
  grid-area: Area;
}

#w-node-f355d8df-99f0-f884-550b-49f72d60f028-b6004e8b {
  align-self: center;
}

#w-node-f355d8df-99f0-f884-550b-49f72d60f02a-b6004e8b, #w-node-f355d8df-99f0-f884-550b-49f72d60f02d-b6004e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f355d8df-99f0-f884-550b-49f72d60f02e-b6004e8b {
  align-self: center;
}

#w-node-f355d8df-99f0-f884-550b-49f72d60f030-b6004e8b, #w-node-afdd1f1d-91cb-08ef-f81b-1dde33089d92-b6004e8b, #w-node-afdd1f1d-91cb-08ef-f81b-1dde33089d97-b6004e8b, #w-node-afdd1f1d-91cb-08ef-f81b-1dde33089d9c-b6004e8b, #w-node-afdd1f1d-91cb-08ef-f81b-1dde33089da1-b6004e8b, #w-node-_98ac7b06-81f5-cd8a-fb8a-1fb8f941d290-b6004e8b, #w-node-_4472a761-29bb-3ae4-e55f-89c2ec530a47-b6004e8b, #w-node-b3a33a02-7c12-a2a7-460b-6139e9e22fa6-b6004e8b, #w-node-e8839103-b456-2aa5-c0d0-4e5c07dac671-b6004e8b, #w-node-e905e935-a435-f1cb-5be2-281f3870231e-b6004e8b, #w-node-bf9b5c23-d35a-7c66-759b-24ce36532b97-b6004e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad14d4b8-d75f-fc2b-8b84-7eceaa982275-b6004e8b {
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 2fr;
}

#w-node-_38010bdd-2eea-007e-c2c0-d7a657f5c9fd-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5c9fe-8a03e548, #w-node-_4d6c1db9-91e3-96fb-0600-ff6d06844c29-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca04-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca0a-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca10-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca28-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca2b-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca2d-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca2f-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca31-8a03e548, #w-node-f047960f-17df-a29a-d0da-7743138c2a02-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca41-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca44-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca46-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca48-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca4a-8a03e548, #w-node-f57b29af-ee6b-49a1-6329-706cd0658c94-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca69-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca6c-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca6e-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca70-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca72-8a03e548, #w-node-f6c20603-ec41-3f3b-158f-888c59c31c14-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca7f-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca82-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca84-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca86-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca88-8a03e548, #w-node-_66de128d-09a8-d553-e7d1-86e4f2b13536-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca95-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca98-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca9a-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca9c-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5ca9e-8a03e548, #w-node-_51bacad0-e463-64df-dc9a-d9aff79e3e62-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5caab-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5caae-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cab0-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cab2-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cab4-8a03e548, #w-node-_2781afaa-d2d2-5e66-aed1-af70287404d8-8a03e548, #w-node-_22ff8404-6fe6-7b01-de78-1a44055f34f4-8a03e548, #w-node-cc5a4949-5d9f-0840-4da8-017157356fa5-8a03e548, #w-node-_2f8335da-bb18-ae07-dccb-ae77584143d2-8a03e548, #w-node-_6bd083f1-ecdd-30c7-7cf1-092b4610d1b7-8a03e548, #w-node-ca2cf069-e71b-2acf-9197-fb12cf521852-8a03e548, #w-node-_2bd3baf3-7ec3-752d-0ac1-aaedaab9e76b-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cad9-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cadc-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cadf-8a03e548, #w-node-bf46c17f-5e55-bd19-c639-98cdecc6fb3d-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cae5-8a03e548, #w-node-_03de6166-4d7d-e73c-697d-be0f61981779-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5caf7-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cafa-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cafd-8a03e548, #w-node-_81c7e88f-a280-f9d7-47ab-42f9bbf98e2e-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb03-8a03e548, #w-node-_54200243-7f2a-e6a5-98bf-bf4ded517e81-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb14-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb17-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb19-8a03e548, #w-node-_4d9644c7-fe11-29a5-5943-2ddc79599e36-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb1d-8a03e548, #w-node-_611dcdea-894b-38c9-6d06-c6f3469b8d2e-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb2c-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb2f-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb31-8a03e548, #w-node-cc99d786-bbce-5a95-575f-605fe9b03d19-8a03e548, #w-node-d9efb635-2622-1305-dd02-1d7c090ea7bd-8a03e548, #w-node-ff2b8edd-6503-3a79-26b4-44a5287622fd-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb42-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb45-8a03e548, #w-node-_38010bdd-2eea-007e-c2c0-d7a657f5cb47-8a03e548, #w-node-_90a98956-08a8-ee01-f8e4-2322a77218a6-8a03e548, #w-node-_4a5c6266-711b-9857-9d9b-83608d4fc4f5-8a03e548, #w-node-_4429ed32-9a0b-f5f1-5629-5a60473b228c-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e450-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e453-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e45d-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e467-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e471-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e47c-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e47d-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e483-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e489-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e48f-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e495-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e49a-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e49d-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4a0-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4a3-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4a6-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4ab-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4ae-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4b1-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4b4-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4b7-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4bc-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4c0-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4c4-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4c8-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4ca-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4cf-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4d1-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4d3-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4d5-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4d7-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4dc-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4de-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4e0-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4e2-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4e4-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4e9-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4eb-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4ed-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4ef-8a03e548, #w-node-bb4ea543-24a9-e510-06fc-f218d2814aa2-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4f6-8a03e548, #w-node-_7345a9db-4c7c-cde2-ad43-57db5ba8d0a9-8a03e548, #w-node-_9fb8bd07-b132-ead7-da68-b0c1ea60d259-8a03e548, #w-node-_93d1a12b-0296-7f8a-f582-bb38ce669dfc-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4f1-8a03e548, #w-node-a7a99d5c-d490-930b-c01b-f3f55b0bb232-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4f8-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4fa-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4fc-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e4fe-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e503-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e505-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e507-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e509-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e50b-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e510-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e512-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e514-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e516-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e518-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e51d-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e51f-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e521-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e523-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e525-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e52a-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e52c-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e52e-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e530-8a03e548, #w-node-ab9c038b-ba2c-0e48-e728-e18023f2094d-8a03e548, #w-node-_23cdf88c-d821-3c63-822e-3907f66bf3bf-8a03e548, #w-node-_3eed95a7-a7fa-49cc-2ead-77765a01a707-8a03e548, #w-node-_6473c9e5-1a0e-5556-525c-a5a08782aea2-8a03e548, #w-node-_6a7e27d0-0d1f-1814-562c-5c0f065b4ff5-8a03e548, #w-node-_1001c68e-8b8e-7c10-beca-44bd335798dc-8a03e548, #w-node-_4875a08f-9070-dfa6-9739-9b7af494f4a3-8a03e548, #w-node-_4a0b97c3-ce3e-954b-1a1a-e40ae8d47d94-8a03e548, #w-node-c2863768-d8a0-4c95-959c-086c0ab7b9c2-8a03e548, #w-node-db00030e-6495-bc05-61f3-4485f8579bfd-8a03e548, #w-node-_61a0256c-aff9-5521-5ec9-f27783993ad0-8a03e548, #w-node-_845bba72-05e1-618c-f0df-238f6cc56df0-8a03e548, #w-node-ca964959-4400-b479-ea58-3eee06853fda-8a03e548, #w-node-ca03a2e4-cd86-16b5-70e0-e9c9e740f503-8a03e548, #w-node-_0fa9bd81-33e0-617e-35af-4c5a27f28d8c-8a03e548, #w-node-_046a0844-d2a4-0815-d9a1-bc03d6fc8dcd-8a03e548, #w-node-_4439bd65-8143-d2db-7bed-747bf6a99455-8a03e548, #w-node-_7ea833f6-970c-9813-b452-3284787cd841-8a03e548, #w-node-_0cbf8779-4b16-f2ec-95b9-7013ee96ab85-8a03e548, #w-node-_947b474e-ff0f-84a4-ec9b-c4baac186456-8a03e548, #w-node-_7630ef3b-5adb-cc88-d7be-7cf500369e02-8a03e548, #w-node-a58d345f-7fc2-5788-0399-98796b04c69c-8a03e548, #w-node-_8b41c77e-0fed-d149-4d84-fc7c4cee198d-8a03e548 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71789341-cbc6-fce2-b5bd-56f4bd8357d9-874400ee {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a333159b-5d2b-cb44-7be9-c6170031dd33-874400ee {
  grid-row: span 2 / span 2;
}

#w-node-_61481ddf-6e3f-76ba-27ac-9ea40a256bb2-874400ee, #w-node-d817294d-e8a2-f91b-f02f-b808dbe0535a-874400ee, #w-node-fe7057d4-cb1f-a053-a77b-b2126ec85622-874400ee, #w-node-e84b4d93-fa7d-f4dc-af35-5fe5191e6a98-874400ee, #w-node-e84b4d93-fa7d-f4dc-af35-5fe5191e6aa0-874400ee, #w-node-e84b4d93-fa7d-f4dc-af35-5fe5191e6abb-874400ee, #w-node-_71fe6f1a-fe83-e676-b121-b2d6a1001347-874400ee, #w-node-_71fe6f1a-fe83-e676-b121-b2d6a100134f-874400ee, #w-node-_71fe6f1a-fe83-e676-b121-b2d6a1001366-874400ee, #w-node-_7f7f87d9-2010-0cd6-a943-3cede863059c-874400ee, #w-node-_7f7f87d9-2010-0cd6-a943-3cede86305a4-874400ee, #w-node-_7f7f87d9-2010-0cd6-a943-3cede86305bf-874400ee, #w-node-f29964e4-d4f8-5445-80e0-edd391f78a69-874400ee, #w-node-f29964e4-d4f8-5445-80e0-edd391f78a71-874400ee, #w-node-f29964e4-d4f8-5445-80e0-edd391f78a8c-874400ee, #w-node-_35ca0691-8749-ebc5-63a1-0adfc01402e5-874400ee, #w-node-_35ca0691-8749-ebc5-63a1-0adfc01402ed-874400ee, #w-node-_35ca0691-8749-ebc5-63a1-0adfc0140308-874400ee, #w-node-_93a63b9e-59f0-d1f9-fbff-e5eab69989cb-874400ee, #w-node-fa0cba6d-2497-5e67-52df-5878ce10e967-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fa0cba6d-2497-5e67-52df-5878ce10e985-874400ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fa0cba6d-2497-5e67-52df-5878ce10e992-874400ee, #w-node-b82a9679-98ac-62ef-53af-0b71f3298d5f-874400ee, #w-node-_1231a07b-ee14-bb3d-461b-3451747bdc03-874400ee, #w-node-fa0cba6d-2497-5e67-52df-5878ce10e9b8-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b52737ee-c78b-febf-432d-5fa893c8fcbe-874400ee, #w-node-b52737ee-c78b-febf-432d-5fa893c8fcc1-874400ee {
  grid-area: Area;
}

#w-node-b52737ee-c78b-febf-432d-5fa893c8fcc2-874400ee {
  align-self: center;
}

#w-node-b52737ee-c78b-febf-432d-5fa893c8fcc4-874400ee, #w-node-b52737ee-c78b-febf-432d-5fa893c8fcc7-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b52737ee-c78b-febf-432d-5fa893c8fcc8-874400ee {
  align-self: center;
}

#w-node-b52737ee-c78b-febf-432d-5fa893c8fcca-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40d8-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40d9-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40da-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40dc-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40de-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40e0-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40e2-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40e4-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40e6-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40e8-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40ea-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40ec-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40ed-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40ee-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f0-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f2-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f4-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f5-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f6-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f8-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40f9-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40fa-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40fc-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a40fe-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4100-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4101-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4102-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4104-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4105-874400ee, #w-node-_0e272ba6-4ba0-c6a0-6c3a-a0caea8a4106-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e99420-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0dc09468-0c5e-cb85-5629-651d09e99454-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_0dc09468-0c5e-cb85-5629-651d09e99461-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e99469-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e99470-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e9947e-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e99485-874400ee, #w-node-_0dc09468-0c5e-cb85-5629-651d09e9948c-874400ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_04f9c229-bd06-b451-98da-dfd6f782c004-7738ca3c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d16565ac-466d-7be1-d79c-3c4eb94fa517-7738ca3c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c68e-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6bf-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6c5-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6eb-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6f1-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c709-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c70f-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c720-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c726-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c73b-7738ca3c, #w-node-_335c46a5-2b00-2d0c-951c-f39d39f78dd2-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_335c46a5-2b00-2d0c-951c-f39d39f78d9d-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2e4e64b1-4875-bb8f-ea6f-6a448fda2646-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2e4e64b1-4875-bb8f-ea6f-6a448fda2649-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65e4d828-d1f7-e6c4-3f08-0fc726a1b4e7-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_65e4d828-d1f7-e6c4-3f08-0fc726a1b4ea-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf7de27f-7119-9752-8e8d-34921b14c551-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-bf7de27f-7119-9752-8e8d-34921b14c554-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2d81272-ce33-df9d-3ba0-ab70f7663176-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d2d81272-ce33-df9d-3ba0-ab70f7663179-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7dc0c85-288a-9283-e0b7-c615cb676deb-7738ca3c {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

#w-node-c9ee15bc-d794-bd87-ca09-12775f908563-7738ca3c, #w-node-b7d947b3-72de-9375-95d4-267f7705c5ef-7738ca3c, #w-node-_4d9ecd2b-ef7a-cb7b-e46c-571817c63fb3-7738ca3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-7738ca3c {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-fbc3ee2c {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-fbc3ee2c {
  grid-row: span 2 / span 2;
}

#w-node-_0a58db13-9c1b-2759-e13d-dc38ccefa103-fbc3ee2c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-8d6c62f6 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-8d6c62f6 {
  grid-row: span 2 / span 2;
}

#w-node-_0a58db13-9c1b-2759-e13d-dc38ccefa103-8d6c62f6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9886280f-1660-4fff-ccd8-551bd95a3c1d-8d6c62f6, #w-node-_9886280f-1660-4fff-ccd8-551bd95a3c25-8d6c62f6, #w-node-_9886280f-1660-4fff-ccd8-551bd95a3c2d-8d6c62f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fe7648a-12d8-3fb8-60ce-aedfe2547aca-5d85b1cc {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6c6031d9-31d2-0fdf-0936-ac6f81b35123-5d85b1cc, #w-node-_7799799b-5cb0-c686-eb70-9652896ffae8-5d85b1cc, #w-node-c2d5642a-142b-f02d-35b3-d05d184f1207-5d85b1cc, #w-node-_9c5e487c-910a-5e82-d6bc-1251a5e0a89d-5d85b1cc, #w-node-_9c5e487c-910a-5e82-d6bc-1251a5e0a8a5-5d85b1cc, #w-node-_9c5e487c-910a-5e82-d6bc-1251a5e0a8ad-5d85b1cc, #w-node-ab587de4-f6a4-624b-b75b-f89561896f9b-5d85b1cc, #w-node-ab587de4-f6a4-624b-b75b-f89561896fa3-5d85b1cc, #w-node-ab587de4-f6a4-624b-b75b-f89561896fab-5d85b1cc, #w-node-_3f8534cf-8ba2-0e95-c649-ba2663aa544d-5d85b1cc, #w-node-_3f8534cf-8ba2-0e95-c649-ba2663aa5455-5d85b1cc, #w-node-_3f8534cf-8ba2-0e95-c649-ba2663aa545d-5d85b1cc, #w-node-_7db3a1c5-0061-e27a-4794-2663bbc8a829-5d85b1cc, #w-node-_7db3a1c5-0061-e27a-4794-2663bbc8a831-5d85b1cc, #w-node-_7db3a1c5-0061-e27a-4794-2663bbc8a839-5d85b1cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-88a770eb {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-88a770eb {
  grid-row: span 2 / span 2;
}

#w-node-fd73e2a7-fc74-6a5e-f6b5-28b19181c606-88a770eb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-fd73e2a7-fc74-6a5e-f6b5-28b19181c617-88a770eb, #w-node-fd73e2a7-fc74-6a5e-f6b5-28b19181c61f-88a770eb, #w-node-fd73e2a7-fc74-6a5e-f6b5-28b19181c627-88a770eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-b494d751 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-b494d751 {
  grid-row: span 2 / span 2;
}

#w-node-_91f68e35-d53f-b13e-f648-a62bfa92c878-b494d751 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_91f68e35-d53f-b13e-f648-a62bfa92c889-b494d751, #w-node-_91f68e35-d53f-b13e-f648-a62bfa92c891-b494d751, #w-node-_91f68e35-d53f-b13e-f648-a62bfa92c899-b494d751 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-70de9cbe {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-70de9cbe {
  grid-row: span 2 / span 2;
}

#w-node-_8c96a32f-716a-8445-d5d7-702e8ae478e3-70de9cbe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8c96a32f-716a-8445-d5d7-702e8ae478f4-70de9cbe, #w-node-_8c96a32f-716a-8445-d5d7-702e8ae478fc-70de9cbe, #w-node-_8c96a32f-716a-8445-d5d7-702e8ae47904-70de9cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-4d09dd68 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-4d09dd68 {
  grid-row: span 2 / span 2;
}

#w-node-_1ef7a600-04bd-499a-32b2-1944395154f0-4d09dd68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1ef7a600-04bd-499a-32b2-194439515501-4d09dd68, #w-node-_1ef7a600-04bd-499a-32b2-194439515509-4d09dd68, #w-node-_1ef7a600-04bd-499a-32b2-194439515511-4d09dd68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-ce73ea90 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-ce73ea90 {
  grid-row: span 2 / span 2;
}

#w-node-c049534c-4b50-a123-2ed2-d2c67a6191c3-ce73ea90 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c049534c-4b50-a123-2ed2-d2c67a6191d4-ce73ea90, #w-node-c049534c-4b50-a123-2ed2-d2c67a6191dc-ce73ea90, #w-node-c049534c-4b50-a123-2ed2-d2c67a6191e4-ce73ea90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-1bbf4705 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-1bbf4705 {
  grid-row: span 2 / span 2;
}

#w-node-f86eea26-9af5-c24f-5e16-1cb57fbbad06-1bbf4705 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f86eea26-9af5-c24f-5e16-1cb57fbbad17-1bbf4705, #w-node-f86eea26-9af5-c24f-5e16-1cb57fbbad1f-1bbf4705, #w-node-f86eea26-9af5-c24f-5e16-1cb57fbbad27-1bbf4705 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3912a5fb {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3912a5fb {
  grid-row: span 2 / span 2;
}

#w-node-a5946983-fcf9-d84e-1755-c8931c0c5151-3912a5fb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a5946983-fcf9-d84e-1755-c8931c0c5162-3912a5fb, #w-node-a5946983-fcf9-d84e-1755-c8931c0c516a-3912a5fb, #w-node-a5946983-fcf9-d84e-1755-c8931c0c5172-3912a5fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2bb515e5 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2bb515e5 {
  grid-row: span 2 / span 2;
}

#w-node-faa74194-7c97-4a02-4102-a249599d744a-2bb515e5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-faa74194-7c97-4a02-4102-a249599d745b-2bb515e5, #w-node-faa74194-7c97-4a02-4102-a249599d7463-2bb515e5, #w-node-faa74194-7c97-4a02-4102-a249599d746b-2bb515e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-412b20d3 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-412b20d3 {
  grid-row: span 2 / span 2;
}

#w-node-_71284e49-3f2b-c65c-ed32-887fad3a9898-412b20d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_71284e49-3f2b-c65c-ed32-887fad3a98a9-412b20d3, #w-node-_71284e49-3f2b-c65c-ed32-887fad3a98b1-412b20d3, #w-node-_71284e49-3f2b-c65c-ed32-887fad3a98b9-412b20d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-9464dd9f {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-9464dd9f {
  grid-row: span 2 / span 2;
}

#w-node-_2b60bc52-22e4-c840-c6fd-76beaa6fb3aa-9464dd9f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2b60bc52-22e4-c840-c6fd-76beaa6fb3bb-9464dd9f, #w-node-_2b60bc52-22e4-c840-c6fd-76beaa6fb3c3-9464dd9f, #w-node-_2b60bc52-22e4-c840-c6fd-76beaa6fb3cb-9464dd9f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94f1b75a {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94f1b75a {
  grid-row: span 2 / span 2;
}

#w-node-_1340b201-3f09-93a4-e699-18d35f4712cc-94f1b75a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1340b201-3f09-93a4-e699-18d35f4712dd-94f1b75a, #w-node-_1340b201-3f09-93a4-e699-18d35f4712e5-94f1b75a, #w-node-_1340b201-3f09-93a4-e699-18d35f4712ed-94f1b75a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94682efc {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94682efc {
  grid-row: span 2 / span 2;
}

#w-node-_66b4ca8a-30c8-7e3d-b067-9443640ad1a3-94682efc {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_66b4ca8a-30c8-7e3d-b067-9443640ad1b4-94682efc, #w-node-_66b4ca8a-30c8-7e3d-b067-9443640ad1bc-94682efc, #w-node-_66b4ca8a-30c8-7e3d-b067-9443640ad1c4-94682efc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3c4fbf2c {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3c4fbf2c {
  grid-row: span 2 / span 2;
}

#w-node-c8c0e566-ef36-d514-f527-7385d92ea399-3c4fbf2c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c8c0e566-ef36-d514-f527-7385d92ea3aa-3c4fbf2c, #w-node-c8c0e566-ef36-d514-f527-7385d92ea3b2-3c4fbf2c, #w-node-c8c0e566-ef36-d514-f527-7385d92ea3ba-3c4fbf2c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2ebf8911 {
  grid-template-rows: auto auto;
  grid-template-columns: 3.5fr 3.25fr;
}

#w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2ebf8911 {
  grid-row: span 2 / span 2;
}

#w-node-_898c4dc1-8106-ddff-b9a8-2860173e5c92-2ebf8911 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_898c4dc1-8106-ddff-b9a8-2860173e5ca3-2ebf8911, #w-node-_898c4dc1-8106-ddff-b9a8-2860173e5cab-2ebf8911, #w-node-_898c4dc1-8106-ddff-b9a8-2860173e5cb3-2ebf8911 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-a4859765 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_04f9c229-bd06-b451-98da-dfd6f782c004-b5e93483 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d16565ac-466d-7be1-d79c-3c4eb94fa517-b5e93483 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c68e-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6bf-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6c5-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6eb-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c6f1-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c709-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c70f-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c720-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c726-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bbe4a07-7747-d9fe-d48f-8be56788c73b-b5e93483, #w-node-_335c46a5-2b00-2d0c-951c-f39d39f78dd2-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_335c46a5-2b00-2d0c-951c-f39d39f78d9d-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2e4e64b1-4875-bb8f-ea6f-6a448fda2646-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2e4e64b1-4875-bb8f-ea6f-6a448fda2649-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65e4d828-d1f7-e6c4-3f08-0fc726a1b4e7-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_65e4d828-d1f7-e6c4-3f08-0fc726a1b4ea-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf7de27f-7119-9752-8e8d-34921b14c551-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-bf7de27f-7119-9752-8e8d-34921b14c554-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2d81272-ce33-df9d-3ba0-ab70f7663176-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d2d81272-ce33-df9d-3ba0-ab70f7663179-b5e93483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-b5e93483 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-8974d94d {
  grid-template-rows: auto auto;
  grid-template-columns: 6.25fr 5.5fr;
}

#w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-8974d94d {
  grid-row: span 2 / span 2;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-8974d94d {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-0efaa026 {
  grid-template-rows: auto auto;
  grid-template-columns: 4.75fr 5.5fr;
}

#w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-0efaa026 {
  grid-row: span 2 / span 2;
}

#w-node-_7d87568f-6609-b846-54ec-0fd20256d2f5-0efaa026, #w-node-_7d87568f-6609-b846-54ec-0fd20256d337-0efaa026 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05c6e77e-ce97-6aa0-c044-079f801de464-0efaa026 {
  justify-self: start;
}

#w-node-_05c6e77e-ce97-6aa0-c044-079f801de466-0efaa026 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d87568f-6609-b846-54ec-0fd20256d2ed-0efaa026 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_43402942-c7aa-772d-c78f-5df89cc4bbe7-0efaa026 {
  justify-self: start;
}

#w-node-_43402942-c7aa-772d-c78f-5df89cc4bbe9-0efaa026 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619a7257-f7b7-a293-19a4-5baec9a0fd86-0efaa026 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-d5edb23a-ddc1-c26c-b7a8-e2352aa5b5f2-32920933 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_589767dd-1642-51e5-b811-c199a4e5279d-32920933, #w-node-_589767dd-1642-51e5-b811-c199a4e52798-32920933, #w-node-f43fbb70-9179-5eb4-c10d-13de00912816-32920933, #w-node-f43fbb70-9179-5eb4-c10d-13de00912830-32920933, #w-node-_5c46f894-9533-cf3b-e1b3-61444dc58756-32920933, #w-node-_5c46f894-9533-cf3b-e1b3-61444dc58770-32920933, #w-node-c1fd3fc1-81ce-7878-79c7-78899ee5bd13-32920933, #w-node-c1fd3fc1-81ce-7878-79c7-78899ee5bd2d-32920933, #w-node-_4c934b4e-fb5b-c70d-cadc-5f43c5f0930f-32920933, #w-node-_4c934b4e-fb5b-c70d-cadc-5f43c5f09329-32920933, #w-node-_05f06ada-dcab-3669-ce49-8c221bf05141-32920933 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05f06ada-dcab-3669-ce49-8c221bf0514a-32920933 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ede63a1f-6759-517a-e9e4-27d201bb5955-32920933, #w-node-ede63a1f-6759-517a-e9e4-27d201bb5961-32920933, #w-node-ede63a1f-6759-517a-e9e4-27d201bb596e-32920933, #w-node-ede63a1f-6759-517a-e9e4-27d201bb5983-32920933, #w-node-_7d614117-0531-e112-0557-da39d72964f6-32920933 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19081b08-65c4-15bc-ed33-9cc35d7f77e6-32920933 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c78a7f4b-caf6-99c5-7ea1-8f338dcff3f2-32920933, #w-node-_7fae9dcd-e406-734f-33c6-3134efff3899-32920933, #w-node-_0185d395-6806-ea37-5609-cdfd5b33d35d-32920933 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cda66dfd-0bb3-c61f-d5d6-bdde968a6bad-32920933 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e8e76793-8f1c-94e0-bc9b-b46328f1e14d-32920933, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-32920933, #w-node-_704ed59c-cd63-0a67-81e8-74119e6351d1-32920933 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82 {
  grid-template-rows: auto auto;
  grid-template-columns: 6fr 4.5fr;
}

#w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-cb892b82 {
  grid-row: span 2 / span 2;
}

#w-node-_1c8925e4-18d5-6dbb-6fdd-85be3bc62ab5-cb892b82, #w-node-_15270024-7939-077a-3e4d-dd9b3f8b4315-cb892b82, #w-node-_7dac31f6-ecc1-4a80-a30d-f61a69e796ea-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e68456-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e6846c-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e68472-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e68490-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e68496-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e684b0-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e684b6-cb892b82, #w-node-cd7d45b6-a835-9024-24be-227e31e684c8-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42b7-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42c6-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42cc-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42d7-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e4-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ea-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42f8-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4301-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4305-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4307-cb892b82, #w-node-_9934de25-7c06-31f7-3ead-e64d5efbe427-cb892b82, #w-node-_9934de25-7c06-31f7-3ead-e64d5efbe435-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c432c-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4337-cb892b82, #w-node-_1a49643d-a218-c33a-4aa0-382721246493-cb892b82, #w-node-_1a49643d-a218-c33a-4aa0-382721246497-cb892b82, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521b-cb892b82, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521f-cb892b82, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca5-cb892b82, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca8-cb892b82, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7c-cb892b82, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7f-cb892b82, #w-node-c09957f4-6da0-7505-bea8-01cc7dc175ba-cb892b82, #w-node-c09957f4-6da0-7505-bea8-01cc7dc175bd-cb892b82, #w-node-a76a867c-5684-8d27-69e9-5528c3b841bc-cb892b82, #w-node-a76a867c-5684-8d27-69e9-5528c3b841bf-cb892b82, #w-node-_4551fa17-8af6-422e-1eb9-4378e80d7738-cb892b82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-bce28fe7 {
  grid-row: span 2 / span 2;
}

#w-node-bb69f750-35c8-c425-1e1d-2b56363c42b7-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42c6-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42cc-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42d7-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e4-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ea-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42f8-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4301-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c432c-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4337-bce28fe7, #w-node-_1a49643d-a218-c33a-4aa0-382721246493-bce28fe7, #w-node-_1a49643d-a218-c33a-4aa0-382721246497-bce28fe7, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521b-bce28fe7, #w-node-_2eafaffc-68b6-4462-b57d-dd4d06f1521f-bce28fe7, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca5-bce28fe7, #w-node-_7b1f69c3-6233-c44c-0602-1f28a47d8ca8-bce28fe7, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7c-bce28fe7, #w-node-_973b0e8e-3079-1b04-db87-ea1809d1bb7f-bce28fe7, #w-node-_28b6b96f-be28-ca03-4799-558344e6bb6c-bce28fe7, #w-node-_28b6b96f-be28-ca03-4799-558344e6bb6e-bce28fe7, #w-node-_0b78887a-cc11-3fa9-6714-a5697dc4e9f5-bce28fe7, #w-node-_0b78887a-cc11-3fa9-6714-a5697dc4ea1d-bce28fe7, #w-node-_948bde54-0b81-85aa-cbf4-5ec59527fe60-bce28fe7, #w-node-_948bde54-0b81-85aa-cbf4-5ec59527fe75-bce28fe7, #w-node-_4d7fd306-e3ba-e955-d55f-f9338e03a122-bce28fe7, #w-node-_4d7fd306-e3ba-e955-d55f-f9338e03a137-bce28fe7, #w-node-_35325852-a853-6e17-ac68-e95615bdded0-bce28fe7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
  grid-template-rows: auto auto;
  grid-template-columns: 6.25fr 5.25fr;
}

#w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-520edbe5 {
  grid-row: span 2 / span 2;
}

#w-node-_4f036cf8-290a-1806-79f7-1898a7f3bc71-520edbe5, #w-node-_607e16fd-a2c4-dcc2-8937-3ab4c3ca78ca-520edbe5, #w-node-_3c558396-f8f7-e9a9-cb88-b25551027acb-520edbe5, #w-node-a1fd51b8-635f-1249-55f0-0af36d836649-520edbe5, #w-node-_75e3239b-695e-f4ac-feeb-4a2238281003-520edbe5, #w-node-_75e3239b-695e-f4ac-feeb-4a2238281005-520edbe5, #w-node-_0134f49a-0595-3f9a-b33c-1b276193176f-520edbe5, #w-node-_0134f49a-0595-3f9a-b33c-1b2761931777-520edbe5, #w-node-_0134f49a-0595-3f9a-b33c-1b276193177d-520edbe5, #w-node-_90d80792-e2e1-00e9-16ac-10c8e2a481f6-520edbe5, #w-node-_61f10bc3-729c-4042-6f8e-05a388327099-520edbe5, #w-node-a3ff470a-50ee-64ee-187d-5ace5934b729-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90d80792-e2e1-00e9-16ac-10c8e2a481f2-520edbe5 {
  place-self: center;
}

#w-node-_8b3aa0ee-35b9-07b6-9657-18379af976ff-520edbe5, #w-node-_8b3aa0ee-35b9-07b6-9657-18379af97704-520edbe5, #w-node-_8b3aa0ee-35b9-07b6-9657-18379af97709-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b3aa0ee-35b9-07b6-9657-18379af9770e-520edbe5 {
  place-self: center;
}

#w-node-bfb6cecf-adcf-a1de-cbe9-5115383dd461-520edbe5, #w-node-bfb6cecf-adcf-a1de-cbe9-5115383dd466-520edbe5, #w-node-bfb6cecf-adcf-a1de-cbe9-5115383dd46b-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bfb6cecf-adcf-a1de-cbe9-5115383dd470-520edbe5 {
  place-self: center;
}

#w-node-bb69f750-35c8-c425-1e1d-2b56363c42b7-520edbe5, #w-node-dd85b680-3e6b-7021-7f97-2919816e82ca-520edbe5, #w-node-da6f7213-1ede-5d9d-1765-d68d9784b505-520edbe5, #w-node-ecefd32f-3df2-c397-6b0c-64590c1fa4e9-520edbe5, #w-node-ecc5695a-0575-11a7-0421-702a5e387211-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42c6-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42cc-520edbe5, #w-node-_43318b58-ab1b-5bc1-a1aa-e14cb0b2f205-520edbe5, #w-node-_43318b58-ab1b-5bc1-a1aa-e14cb0b2f209-520edbe5, #w-node-_43318b58-ab1b-5bc1-a1aa-e14cb0b2f20d-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42d7-520edbe5, #w-node-_60559153-0a1b-0b32-7494-c45020d5f79d-520edbe5, #w-node-_6f38e9b4-9985-3bf9-ec38-6af4fbd17978-520edbe5, #w-node-_60559153-0a1b-0b32-7494-c45020d5f7a5-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e4-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ea-520edbe5, #w-node-_420d1a93-c586-399c-6411-a30935d95a4d-520edbe5, #w-node-_420d1a93-c586-399c-6411-a30935d95a51-520edbe5, #w-node-_420d1a93-c586-399c-6411-a30935d95a55-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42f8-520edbe5, #w-node-b515aa30-40d6-de0f-bcbc-1c0e6e9c07be-520edbe5, #w-node-b515aa30-40d6-de0f-bcbc-1c0e6e9c07c2-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4301-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c432c-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4337-520edbe5, #w-node-_5b5d7261-3b1f-16eb-ffa4-4ece3505cfb2-520edbe5, #w-node-_5b5d7261-3b1f-16eb-ffa4-4ece3505cfb6-520edbe5, #w-node-_5b5d7261-3b1f-16eb-ffa4-4ece3505cfba-520edbe5, #w-node-_5b5d7261-3b1f-16eb-ffa4-4ece3505cfbe-520edbe5, #w-node-ed7c6c52-fa96-6e7d-4689-04571f0f4949-520edbe5, #w-node-ed7c6c52-fa96-6e7d-4689-04571f0f494d-520edbe5, #w-node-ed7c6c52-fa96-6e7d-4689-04571f0f4951-520edbe5, #w-node-ed7c6c52-fa96-6e7d-4689-04571f0f4955-520edbe5, #w-node-ed7c6c52-fa96-6e7d-4689-04571f0f4959-520edbe5, #w-node-d3dc31dd-9e17-cdf9-57f4-3541129af4cf-520edbe5, #w-node-d3dc31dd-9e17-cdf9-57f4-3541129af4d3-520edbe5, #w-node-d3dc31dd-9e17-cdf9-57f4-3541129af4d7-520edbe5, #w-node-d3dc31dd-9e17-cdf9-57f4-3541129af4db-520edbe5, #w-node-d3dc31dd-9e17-cdf9-57f4-3541129af4df-520edbe5, #w-node-ab21a11b-59e4-3922-8fcf-64edf2dfb93e-520edbe5, #w-node-ab21a11b-59e4-3922-8fcf-64edf2dfb942-520edbe5, #w-node-ab21a11b-59e4-3922-8fcf-64edf2dfb946-520edbe5, #w-node-ab21a11b-59e4-3922-8fcf-64edf2dfb94a-520edbe5, #w-node-ab21a11b-59e4-3922-8fcf-64edf2dfb94e-520edbe5, #w-node-b96e73ff-4388-33ce-68d1-080f8dbeae3a-520edbe5, #w-node-b96e73ff-4388-33ce-68d1-080f8dbeae3e-520edbe5, #w-node-b96e73ff-4388-33ce-68d1-080f8dbeae42-520edbe5, #w-node-b96e73ff-4388-33ce-68d1-080f8dbeae46-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c6e6453-1ae7-8375-f275-8e9cd55a0476-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5c6e6453-1ae7-8375-f275-8e9cd55a0478-520edbe5 {
  align-self: auto;
}

#w-node-_2e704025-d507-798d-78c6-30d7fe2d6e5e-520edbe5, #w-node-_2e704025-d507-798d-78c6-30d7fe2d6e60-520edbe5, #w-node-e348a0a0-77aa-ff06-7e0c-f95d68f03e55-520edbe5, #w-node-_19a2c415-58bb-addd-5db7-6301cd368efd-520edbe5, #w-node-_21ca581e-2802-6d4f-bbe4-8a78fd4b5dc3-520edbe5, #w-node-f89327a9-02ad-d047-392d-03bd2b135de7-520edbe5, #w-node-_66a54bf8-b23f-e5a8-d076-900e105d8c68-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ffda2ec-42ea-e823-6f59-38ee2197c91d-520edbe5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ffda2ec-42ea-e823-6f59-38ee2197c925-520edbe5, #w-node-_4551fa17-8af6-422e-1eb9-4378e80d7738-520edbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-bd7c6a56 {
  grid-row: span 2 / span 2;
}

#w-node-_21107f91-f19a-c155-34c9-06ab319b1361-bd7c6a56, #w-node-f4fa187e-86a4-eb40-9bfa-9e2f82bfab69-bd7c6a56, #w-node-_395bd341-ed01-d628-e7f5-437e9a0b49c1-bd7c6a56, #w-node-_2590400f-5bb5-c26b-949e-b2f104814d8a-bd7c6a56, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3c-bd7c6a56, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3e-bd7c6a56 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-1673579c {
  grid-row: span 2 / span 2;
}

#w-node-_21107f91-f19a-c155-34c9-06ab319b1361-1673579c, #w-node-f4fa187e-86a4-eb40-9bfa-9e2f82bfab69-1673579c, #w-node-_395bd341-ed01-d628-e7f5-437e9a0b49c1-1673579c, #w-node-_2590400f-5bb5-c26b-949e-b2f104814d8a-1673579c, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3c-1673579c, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3e-1673579c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-dcee8f75 {
  grid-row: span 2 / span 2;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-33cf0c44 {
  grid-row: span 2 / span 2;
}

#w-node-_1e17e399-f3ef-7cf0-370f-52debb5054c6-33cf0c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-7c81a4ac {
  grid-row: span 2 / span 2;
}

#w-node-ed3268b0-39c3-a46e-0ab0-510cc38c6e04-7c81a4ac, #w-node-_92e8bb8c-74ef-0877-e1d4-7ab0bdceb722-7c81a4ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-0c07c603 {
  grid-row: span 2 / span 2;
}

#w-node-_1cda3e67-f534-2dd8-d813-fcc560656ad1-0c07c603, #w-node-_1cda3e67-f534-2dd8-d813-fcc560656ad4-0c07c603 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351 {
  grid-template-rows: auto auto;
  grid-template-columns: 7.25fr 5.25fr;
}

#w-node-_8df631f1-d633-6250-abe8-33857f323294-dac9f351 {
  grid-row: span 2 / span 2;
}

#w-node-_1e17e399-f3ef-7cf0-370f-52debb5054c6-dac9f351, #w-node-b9b54208-3129-1605-03c9-2f12bbba053a-6b68d09d, #w-node-_01cafa3f-00f4-db2d-5c5f-2eaf4e297602-6b68d09d, #w-node-_6c57082d-3e01-49ac-ff9d-cc9da370a364-6b68d09d, #w-node-_77505ba0-6ef3-2baf-2c4a-baf440c7bcec-6b68d09d, #w-node-da71680e-4049-69d7-b83c-e5941346feba-6b68d09d, #w-node-c6950e91-2201-53bd-7e1b-b612dbafc136-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8e-6b68d09d {
  grid-template-rows: auto auto;
  grid-template-columns: 5.75fr 2.5fr;
}

#w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8f-6b68d09d, #w-node-_906720ae-a063-63fc-f2b6-3de1dac83ebb-6b68d09d {
  grid-row: span 2 / span 2;
}

#w-node-_55a5b92c-0224-ffee-fb4d-88017009b88b-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c293cd1f-81c8-beaf-5d1f-20b90ec4818c-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-e19b8523-1965-6b83-e76e-517769072b5c-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e40432443-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e40432445-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e40432447-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e40432449-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e4043244b-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e4043244d-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e4043244f-6b68d09d, #w-node-ea179a8e-1a9b-70cc-cf10-447e40432451-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60d92f9a-98d3-da3a-028a-e88328d77bf2-6b68d09d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_60d92f9a-98d3-da3a-028a-e88328d77bfe-6b68d09d, #w-node-_60d92f9a-98d3-da3a-028a-e88328d77c0a-6b68d09d, #w-node-_60d92f9a-98d3-da3a-028a-e88328d77c16-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60d92f9a-98d3-da3a-028a-e88328d77c22-6b68d09d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_60d92f9a-98d3-da3a-028a-e88328d77c2e-6b68d09d, #w-node-_60d92f9a-98d3-da3a-028a-e88328d77c3a-6b68d09d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52a25a53-f3d6-f233-9574-b1089493ba03-889c18e8 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_8962dcc9-4874-66ce-d546-89b5b545c3e9-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c3f3-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c417-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c419-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c407-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c413-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c3f7-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c3f9-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c428-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c434-889c18e8, #w-node-f3aeedc7-4489-1d5a-c9c3-cc78493a5616-889c18e8, #w-node-f3aeedc7-4489-1d5a-c9c3-cc78493a5618-889c18e8, #w-node-_943aa086-7756-7b43-8f92-7398e8d55e6e-889c18e8, #w-node-_943aa086-7756-7b43-8f92-7398e8d55e7e-889c18e8, #w-node-d17c8a03-9736-92d2-e31c-7c0d9599e695-889c18e8, #w-node-d17c8a03-9736-92d2-e31c-7c0d9599e697-889c18e8, #w-node-_394e973d-02fb-f302-2e3b-879395662ea1-889c18e8, #w-node-_394e973d-02fb-f302-2e3b-879395662eb4-889c18e8, #w-node-accd3c93-a04d-af7f-d0e3-9e3e1424196e-889c18e8, #w-node-accd3c93-a04d-af7f-d0e3-9e3e14241970-889c18e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_738231f7-7242-8262-975e-c0c68e8e91ed-889c18e8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_738231f7-7242-8262-975e-c0c68e8e91f9-889c18e8, #w-node-_738231f7-7242-8262-975e-c0c68e8e9205-889c18e8, #w-node-_738231f7-7242-8262-975e-c0c68e8e9211-889c18e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_738231f7-7242-8262-975e-c0c68e8e921d-889c18e8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_738231f7-7242-8262-975e-c0c68e8e9229-889c18e8, #w-node-_738231f7-7242-8262-975e-c0c68e8e9235-889c18e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b32bad82-8635-ab70-9cf2-0facaa40e4b7-889c18e8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b32bad82-8635-ab70-9cf2-0facaa40e526-889c18e8, #w-node-_1aa25778-2d09-645a-bf55-eb23741f13d7-889c18e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8eab334a-2d21-ca93-7ed6-5e8057c12090-2e63396d {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.5fr;
}

#w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
  grid-template-rows: auto auto;
  grid-template-columns: 9.25fr 5.25fr;
}

#w-node-_5203b44e-3d18-7368-be36-8e1da39b7db1-66a2589f {
  grid-row: span 2 / span 2;
}

#w-node-c07ddbe9-4e8e-75d8-65c6-36c4dcf2926e-21dd4df6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_85ae50e0-6bf6-ce4b-5475-cb64af6d952d-21dd4df6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6196caec-0807-6663-89a7-b424db5c9d5a-21dd4df6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6196caec-0807-6663-89a7-b424db5c9d69-21dd4df6, #w-node-_6196caec-0807-6663-89a7-b424db5c9d75-21dd4df6, #w-node-_6196caec-0807-6663-89a7-b424db5c9d81-21dd4df6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6196caec-0807-6663-89a7-b424db5c9d8d-21dd4df6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6196caec-0807-6663-89a7-b424db5c9d9c-21dd4df6, #w-node-_6196caec-0807-6663-89a7-b424db5c9da8-21dd4df6, #w-node-_9870168d-139f-4788-0dd1-9b550ddf7570-21dd4df6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca3574bf-c3cf-6614-c7a9-adfb3cfebcf3-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_1ecbb18c-b8d5-2a1f-f762-cb2b912ef3d1-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0dd5ab8-1247-709f-a609-d18cf19ffb47-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d0dd5ab8-1247-709f-a609-d18cf19ffb48-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64b5e065-e1e9-2569-7d0d-424a3e375b09-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_64b5e065-e1e9-2569-7d0d-424a3e375b0a-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_399977c1-59f4-f680-541b-a3bf85052f16-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_399977c1-59f4-f680-541b-a3bf85052f17-79d44952, #w-node-_79c6046e-978a-38da-72ba-cbbbbbd36a05-79d44952, #w-node-_79c6046e-978a-38da-72ba-cbbbbbd36a07-79d44952, #w-node-_65e844b8-d20f-cc48-524e-cd8c6bca8107-79d44952, #w-node-_65e844b8-d20f-cc48-524e-cd8c6bca8119-79d44952, #w-node-d6836202-aa34-5f57-1f82-9802d0bf06e2-79d44952, #w-node-d6836202-aa34-5f57-1f82-9802d0bf06e4-79d44952, #w-node-_0347fb87-cf50-99a1-03d7-49e6d8f5a783-79d44952, #w-node-_0347fb87-cf50-99a1-03d7-49e6d8f5a79c-79d44952 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eec16c4e-5c0b-ae3d-1667-d75e3b0a22de-79d44952 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9870168d-139f-4788-0dd1-9b550ddf7570-79d44952, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-e637722d, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-e637722d, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-e637722d, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-e637722d, #w-node-_173e5ac2-793b-da2c-0181-4e8f75b142b6-e637722d, #w-node-_293b5fe5-fd96-118e-a7c1-691d34efaf56-e637722d, #w-node-b2a5fd3a-47db-6a3c-0e7e-1d08e1f99cad-e637722d, #w-node-_3c01349e-2605-af08-531d-77a5c5d51dba-e637722d, #w-node-_287b74f2-9bfb-f21e-4b65-75bb63e5e670-e637722d, #w-node-f252a44b-042c-ac3d-2181-cfacb8298802-e637722d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_976f1afd-6bb2-7a9f-f1af-d9cfb99472d8-e637722d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-066eba9d, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-066eba9d, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-066eba9d, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-066eba9d, #w-node-_173e5ac2-793b-da2c-0181-4e8f75b142b6-066eba9d, #w-node-_293b5fe5-fd96-118e-a7c1-691d34efaf56-066eba9d, #w-node-b2a5fd3a-47db-6a3c-0e7e-1d08e1f99cad-066eba9d, #w-node-_3c01349e-2605-af08-531d-77a5c5d51dba-066eba9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_976f1afd-6bb2-7a9f-f1af-d9cfb99472d8-066eba9d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f4c72c95-8cb7-d9de-f641-60b231f218b9-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218cb-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218dc-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218ed-066eba9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86bf2f09-e839-052e-ce1d-909459497415-066eba9d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-dd2c97e5, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-dd2c97e5, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-dd2c97e5, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-dd2c97e5, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-a2bd9916, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-a2bd9916, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-a2bd9916, #w-node-_9f037232-2dc1-00d8-cb8f-0cef89765fab-a2bd9916 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d4daa79-1816-03bd-d54c-bcd4ada8b2ea-a2bd9916 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b790f205-5139-1c6c-cfd5-0ced6ad4598f-2399c55a, #w-node-b0ac1e1f-ab22-685e-d2f4-1675ec1c73cd-2399c55a, #w-node-_87fb8972-b141-4295-5a20-9a21227d265d-2399c55a, #w-node-_0d7e1cb0-570e-08a9-bdfc-73c323188a6d-2399c55a, #w-node-a7b0b3bb-1198-5867-edb2-790ce8f3cecf-2399c55a, #w-node-_757ad8d5-5cfe-66d2-a3b8-2364715fd42c-2399c55a, #w-node-be460c30-5f41-71e6-6192-870e96d9a6e2-2399c55a, #w-node-ecc279b4-a92b-bda3-82f1-87ea75be8612-2399c55a, #w-node-a51e221c-1365-b75b-9f3c-44097f20c3d4-2399c55a, #w-node-ff4d416c-eed9-e567-62c5-a02d5b35eef2-2399c55a, #w-node-e7b413a1-69ea-f619-0b17-5ae98a75c024-2399c55a, #w-node-e11281bd-8c90-f2fb-c883-45565a56fdfe-2399c55a, #w-node-_008ccdc7-6164-dd2a-d01e-27f164c65449-2399c55a, #w-node-_008ccdc7-6164-dd2a-d01e-27f164c6544f-2399c55a, #w-node-_008ccdc7-6164-dd2a-d01e-27f164c65455-2399c55a, #w-node-_9ac1d899-eb6f-1b66-189f-0b01fbb308b9-2399c55a, #w-node-_9ac1d899-eb6f-1b66-189f-0b01fbb308bf-2399c55a, #w-node-_979215bb-127f-5b7c-ae2e-38c32b1fd2d1-2399c55a, #w-node-_979215bb-127f-5b7c-ae2e-38c32b1fd2d9-2399c55a, #w-node-_979215bb-127f-5b7c-ae2e-38c32b1fd2e4-2399c55a, #w-node-_979215bb-127f-5b7c-ae2e-38c32b1fd2ef-2399c55a, #w-node-_979215bb-127f-5b7c-ae2e-38c32b1fd2fa-2399c55a, #w-node-a693d99f-a7b7-6f21-c761-c4cc394b35ea-2399c55a, #w-node-caae9781-4df4-66fe-c518-53d3f3415d58-2399c55a, #w-node-f6a55e7e-5b18-81c3-eaff-7466f159f406-2399c55a, #w-node-e1ad066c-4747-c35a-85fa-952c2efb7002-2399c55a, #w-node-_088c06eb-a3fd-f380-bf58-8f0d58b23ad0-2399c55a, #w-node-c51a58b6-0dea-ec0c-7227-c781d54efb66-2399c55a, #w-node-d44af50a-7ee9-c2e4-2570-3f54a90b342c-2399c55a, #w-node-c30bce39-9322-6dd3-cb59-164fda77323e-2399c55a, #w-node-_4ce18e41-02c9-a08f-e7e6-45b1fe7eec52-2399c55a, #w-node-f49604c1-f1fa-3ea4-0776-0f1175bbaab1-2399c55a, #w-node-_0d15e555-c36b-a9ce-9c7f-b213f533ce42-2399c55a, #w-node-c22754a5-0ffa-3446-2a4d-dabf1d24982e-2399c55a, #w-node-_77c19b78-5aa4-e6bf-29f3-29eb59752f84-2399c55a, #w-node-_9831b8ac-847e-9609-96ab-39246bd9227f-2399c55a, #w-node-_97ac632b-4248-e2e0-2299-e489388b8228-2399c55a, #w-node-_1b44ffb0-3579-507e-ad3b-d967f31c66af-2399c55a, #w-node-_70360ca7-d20d-1cbe-b9d2-cd7bbdacb18a-2399c55a, #w-node-d969fb37-0359-ec44-2c4e-d9ce03f77d85-2399c55a, #w-node-_8a2f94b6-0045-4adb-9660-ea9ef85e4c56-2399c55a, #w-node-_6ff2032d-81a7-98bc-6122-731ebc0195c3-2399c55a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd56c-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd56d-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd56e-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd56f-7032fe3f {
  grid-area: Area;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd578-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd579-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57a-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57b-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57c-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57d-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57e-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd57f-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd580-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd581-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd582-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd583-7032fe3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd593-7032fe3f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd59c-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5a4-7032fe3f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5ac-7032fe3f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5d9-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5df-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5e5-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5eb-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5f1-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5f7-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd5ff-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd606-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd61b-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd621-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd627-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd62d-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd633-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd639-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd64e-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd654-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd65a-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd660-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd666-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd66c-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd674-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd67b-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6a1-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6a8-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6af-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6b5-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6bb-7032fe3f, #w-node-_6e6bcc5a-9299-11b1-3682-6a82ffdbd6c3-7032fe3f, #w-node-_1f908ee3-59aa-2a4a-c854-6c9fc895f1ec-e5555afa, #w-node-_1f908ee3-59aa-2a4a-c854-6c9fc895f1f6-e5555afa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d52c4e0a-52f4-9f68-346a-ffd0e9ce7a1e-e5555afa {
  place-self: end;
}

#w-node-_2758a6a3-8b75-0eb7-c52a-ab33b8d30ef9-e5555afa, #w-node-e51685e8-cf46-03e5-aefa-0392922a629d-e5555afa, #w-node-_412a1e15-1922-30c3-1ee1-e034d316793b-e5555afa, #w-node-_54327084-324e-26a6-4c2a-bdbc1ad65206-e5555afa, #w-node-b7a551b6-de91-f14a-1ff3-d712022d4ebc-e5555afa, #w-node-_84c7e52d-5701-cd56-60ac-4d981d462613-e5555afa, #w-node-_6f371d28-98e1-4328-743f-93e815a82cac-e5555afa, #w-node-cfffd5ed-fcf2-f90a-393d-1f33e56fa620-e5555afa, #w-node-ddd30b74-120c-8e14-6b61-2f77d5236920-e5555afa, #w-node-ddd30b74-120c-8e14-6b61-2f77d5236918-e5555afa, #w-node-ddd30b74-120c-8e14-6b61-2f77d5236928-e5555afa, #w-node-bf4b5ab8-41a0-b342-af7a-d37b728cf96f-e5555afa, #w-node-_97b9db72-8927-3c1c-c183-9b8acef0dd7e-e5555afa, #w-node-_97b9db72-8927-3c1c-c183-9b8acef0dd88-e5555afa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b687-e5555afa {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b689-e5555afa {
  grid-row: span 2 / span 2;
}

#w-node-_71baadf9-a581-aa81-cdb3-164b12bb3e25-e5555afa {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_71baadf9-a581-aa81-cdb3-164b12bb3e2e-e5555afa {
  grid-row: span 2 / span 2;
}

#w-node-ce42e682-5b54-7240-ed9e-993fa7f06cfb-e5555afa {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-ce42e682-5b54-7240-ed9e-993fa7f06d04-e5555afa {
  grid-row: span 2 / span 2;
}

#w-node-_33ba754f-1c5e-d5f0-17ab-ac97b02862d6-e5555afa {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_33ba754f-1c5e-d5f0-17ab-ac97b02862df-e5555afa {
  grid-row: span 2 / span 2;
}

#w-node-_01235de4-be30-540e-7fc1-ca3b31bb6f17-e5555afa {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_01235de4-be30-540e-7fc1-ca3b31bb6f20-e5555afa {
  grid-row: span 2 / span 2;
}

#w-node-_0cfe6c2f-d0cc-3f90-183d-580d8c1e3af0-e5555afa, #w-node-_0cfe6c2f-d0cc-3f90-183d-580d8c1e3ae7-e5555afa, #w-node-d38a5a79-2627-1697-cd8a-06cee2606892-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068a1-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068b1-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785100-397db67e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785103-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785112-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785115-397db67e, #w-node-db70eba5-932d-dfe5-4603-a6fd5d76fadb-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78512b-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78512e-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785130-397db67e, #w-node-a74047ad-6cef-0202-8110-222567189ed0-397db67e, #w-node-ea11a070-4a1c-e491-7943-80a338b297d2-397db67e, #w-node-_1a7999ae-a388-6c23-0a8a-963b7dbfc698-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785153-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785156-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785158-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785169-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78516c-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78516e-397db67e, #w-node-db108837-b0be-b118-b249-c60518195ef1-397db67e, #w-node-b784d9a4-dbf2-095f-3629-9b557072eb14-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78517f-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785182-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785184-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785195-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785198-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78519a-397db67e, #w-node-_7c6027a7-8e06-afbc-675c-fc561bf7a1a4-397db67e, #w-node-_8634b33d-04b6-8f91-d6b4-a9194dcf5554-397db67e, #w-node-e50a6451-ac00-a816-1c0b-9919fcae1ea3-397db67e, #w-node-_1475ce06-0e0c-87a7-947f-9741afa02636-397db67e, #w-node-_3c327e6b-e619-ac80-17b4-a66cdcd640a4-397db67e, #w-node-d14fc82f-e8af-173a-f1ae-67bf6e886dcd-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1cf40020-7b8b-104e-ead6-faeeda7d7fc4-397db67e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8ce954a7-ead2-eea4-2ce3-a6bb7e3661c1-397db67e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_071fec73-a6b2-1278-5f23-214a650177d3-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851c3-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851c6-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851c9-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851e1-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851e4-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851e7-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7851fe-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785201-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785203-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785216-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785219-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78521b-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785221-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785224-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785226-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07855720-6ff6-9a3b-c5f9-4f51a0b76537-397db67e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2d55c4fa-764d-a7d5-79a3-b2c541572808-397db67e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b3ec99a2-4245-41fb-ee3f-52543a6e4959-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78522c-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78522f-397db67e, #w-node-_46fe1372-cfd9-84ca-e2bd-452c37e4b036-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78523a-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78523d-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785240-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785250-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785253-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785255-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78525c-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78525f-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785261-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785267-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78526a-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78526c-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d4b5528-eef1-9ec2-ebd0-1be0acb6adc7-397db67e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ef98bb3b-1981-be27-4987-59c765d931e9-397db67e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785274-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785277-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785279-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785281-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785284-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785287-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785290-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785293-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785295-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d2b29d1-4189-2a3b-5ffb-e04dc8afde56-397db67e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a2acf081-77eb-bfbc-c6a0-115f4e45c407-397db67e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78529b-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca78529e-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852a0-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852a6-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852a9-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852ab-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852b1-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852b4-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852b6-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852bc-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852bf-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852c2-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852cb-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852ce-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852d1-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852d9-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852dc-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852de-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852e5-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852e8-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852eb-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852f4-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852f7-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca7852fa-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785303-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785306-397db67e, #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785309-397db67e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b28b605-be74-fd62-765e-5db909d917d1-397db67e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1c3f8e78-de2e-ddef-63d5-9296f7ea89b1-e3a345dd, #w-node-b9c32b23-ea52-cd80-5c2a-319750c76117-e3a345dd, #w-node-b9c32b23-ea52-cd80-5c2a-319750c7611b-e3a345dd, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c637e-e3a345dd, #w-node-_6391e89b-b9f9-f49e-0706-0a7ac566d941-e3a345dd, #w-node-_8fb5f9bf-807d-7114-0086-baa94299159f-e3a345dd, #w-node-cacdd2f2-70a6-ce0f-0a1b-b0611614c0f8-e3a345dd, #w-node-_1844937a-b6ce-cfea-d8f4-c564b66b0ced-e3a345dd, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c638e-e3a345dd, #w-node-d0bbc180-5b1c-3e06-4dbb-36e349d3c9b0-e3a345dd, #w-node-_9bcc0aee-fed2-79a1-3850-51937e9dc6f5-e3a345dd, #w-node-_9bcc0aee-fed2-79a1-3850-51937e9dc6f7-e3a345dd, #w-node-_40a976f3-efe5-72d9-6f24-bd6c82724e5b-e3a345dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1a709df-812c-1329-9364-b123d6732f27-885b8632 {
  align-self: center;
}

#w-node-_80470989-53f5-265c-7a90-34942047fc63-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fc92-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fc96-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fc98-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fcc1-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fced-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fcf1-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fcf3-885b8632, #w-node-c0ef67ed-dd25-e474-4d91-47cc3d741adf-885b8632, #w-node-c0ef67ed-dd25-e474-4d91-47cc3d741b0d-885b8632, #w-node-def8c03f-2c60-5ad8-cedb-c825ada04cdc-885b8632, #w-node-def8c03f-2c60-5ad8-cedb-c825ada04ced-885b8632, #w-node-bf32cd15-9da4-976a-e99c-e591f49373d9-885b8632, #w-node-bf32cd15-9da4-976a-e99c-e591f49373ea-885b8632, #w-node-_985933ec-02f2-d900-0a25-e2d66b502057-885b8632, #w-node-_985933ec-02f2-d900-0a25-e2d66b502068-885b8632, #w-node-c38110c2-bd53-da6c-890e-f9f621b5cf87-885b8632, #w-node-c38110c2-bd53-da6c-890e-f9f621b5cf98-885b8632, #w-node-f10a9f69-09e5-5bc9-a3b5-826d2901d84c-885b8632, #w-node-f10a9f69-09e5-5bc9-a3b5-826d2901d85d-885b8632, #w-node-_3b9e2806-80f0-3bfd-6322-0a12a2852182-885b8632, #w-node-_3b9e2806-80f0-3bfd-6322-0a12a2852193-885b8632 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18c39158-c9b4-7786-4ed8-c56014d55750-885b8632 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-_63863750-d43b-9cc6-42fb-37c09561f55d-885b8632 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end baseline;
}

#w-node-_598fa019-2451-acc1-9fbd-871432021e63-885b8632, #w-node-d30822a1-fa44-4c1a-fe7e-cc2d44d1cde9-885b8632 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_40a976f3-efe5-72d9-6f24-bd6c82724e5b-885b8632 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-4d047482 {
  align-self: center;
}

#w-node-_0947bb8f-381f-22ef-ddd3-ff9a13af82f7-4d047482, #w-node-bb17a861-467b-b641-6d7a-60f39105f780-4d047482, #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-4d047482, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-4d047482, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d7-4d047482, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e57-4d047482, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-4d047482, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-4d047482, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a946b-4d047482, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9eba6-4d047482, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-4d047482, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-4d047482, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663c-4d047482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f5e3828-fb35-7011-4369-138a67ed2cd7-4d047482 {
  justify-self: center;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-4d047482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d772-4d047482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end baseline;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d77b-4d047482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-4d047482, #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef82f4-4d047482, #w-node-a664cde5-19c2-09ff-3fa0-650bd4dc0846-4d047482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-b958145e {
  align-self: center;
}

#w-node-_0947bb8f-381f-22ef-ddd3-ff9a13af82f7-b958145e, #w-node-bb17a861-467b-b641-6d7a-60f39105f780-b958145e, #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-b958145e, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-b958145e, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d7-b958145e, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e57-b958145e, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-b958145e, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-b958145e, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a946b-b958145e, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9eba6-b958145e, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-b958145e, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-b958145e, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663c-b958145e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f5e3828-fb35-7011-4369-138a67ed2cd7-b958145e {
  justify-self: center;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-b958145e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d772-b958145e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end baseline;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d77b-b958145e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-b958145e, #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef82f4-b958145e, #w-node-a664cde5-19c2-09ff-3fa0-650bd4dc0846-b958145e, #w-node-_1f2e3353-be86-44c6-813a-359ed25600fe-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed25600ff-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560101-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560102-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560103-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560104-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560105-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560106-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560109-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010a-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010c-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010d-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010e-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010f-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560110-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560111-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560114-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560115-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560117-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560118-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560119-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256011a-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256011b-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256011c-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4b3-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4bc-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4c5-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4ce-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4d7-132a11a4, #w-node-_063d5258-059b-a906-d67a-7808d6acb4e0-132a11a4, #w-node-d213a4b1-1e40-19fc-2322-8d17c1475b9d-132a11a4, #w-node-d213a4b1-1e40-19fc-2322-8d17c1475b9f-132a11a4, #w-node-_133181b7-0a7d-ecb3-e904-52445a6407e7-132a11a4, #w-node-_133181b7-0a7d-ecb3-e904-52445a640815-132a11a4, #w-node-_01afc1a7-6de4-0bc7-53a8-b614447060eb-132a11a4, #w-node-_01afc1a7-6de4-0bc7-53a8-b614447060ed-132a11a4, #w-node-_9782ad35-a03d-200b-31c6-11783d53ff12-132a11a4, #w-node-_9782ad35-a03d-200b-31c6-11783d53ff1f-132a11a4, #w-node-cf26b35e-e61d-ddd2-7a7e-348d134ee7b0-132a11a4, #w-node-cf26b35e-e61d-ddd2-7a7e-348d134ee7b2-132a11a4, #w-node-_7ecac7dc-4567-8d5f-88ba-9088bc077232-132a11a4, #w-node-_7ecac7dc-4567-8d5f-88ba-9088bc07723f-132a11a4, #w-node-_8dad6b9d-5092-cc33-b936-c84d158953f3-132a11a4, #w-node-_8dad6b9d-5092-cc33-b936-c84d15895410-132a11a4, #w-node-_8dad6b9d-5092-cc33-b936-c84d15895416-132a11a4, #w-node-_8dad6b9d-5092-cc33-b936-c84d15895434-132a11a4, #w-node-_7cd04ca0-648f-4caa-fc74-b24fe4cbae51-132a11a4, #w-node-_7cd04ca0-648f-4caa-fc74-b24fe4cbae6f-132a11a4, #w-node-_4e929f8e-410b-e6ed-fd57-4f656d22888c-132a11a4, #w-node-_4e929f8e-410b-e6ed-fd57-4f656d2288aa-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384232a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842332-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384233a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842342-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384234a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842352-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384235a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842362-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384236a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842372-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384237a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842382-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384238a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db2483842392-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db248384239a-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423a2-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423aa-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423b2-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423ba-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423c2-132a11a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_073c9076-ddee-d519-71e1-db24838423ca-132a11a4, #w-node-_073c9076-ddee-d519-71e1-db24838423d2-132a11a4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_19081b08-65c4-15bc-ed33-9cc35d7f77e6-132a11a4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c78a7f4b-caf6-99c5-7ea1-8f338dcff3f2-132a11a4, #w-node-_7fae9dcd-e406-734f-33c6-3134efff3899-132a11a4, #w-node-_0185d395-6806-ea37-5609-cdfd5b33d35d-132a11a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cda66dfd-0bb3-c61f-d5d6-bdde968a6bad-132a11a4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e8e76793-8f1c-94e0-bc9b-b46328f1e14d-132a11a4, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-132a11a4, #w-node-_704ed59c-cd63-0a67-81e8-74119e6351d1-132a11a4, #w-node-cee5e3e2-aa41-b9cc-8407-393c97f276c4-c27b26be, #w-node-cee5e3e2-aa41-b9cc-8407-393c97f276cd-c27b26be, #w-node-cee5e3e2-aa41-b9cc-8407-393c97f276d6-c27b26be, #w-node-cee5e3e2-aa41-b9cc-8407-393c97f276df-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7307-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7314-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7317-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7319-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7328-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7335-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7338-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee733a-c27b26be, #w-node-_19513873-dd3b-f629-5262-0ce321f35089-c27b26be, #w-node-ba211be8-8c00-ef21-2e27-abca6954df7a-c27b26be, #w-node-b1fc0720-0a00-9ddc-51f1-e851e1d52c6c-c27b26be, #w-node-_9c53e89f-ec7f-edd0-dabc-dfe048edfe98-c27b26be, #w-node-_6b064542-1e95-d12c-8128-a3d58ec56981-c27b26be, #w-node-_748c0731-bf5d-a044-c117-6eb5ed2f800e-c27b26be, #w-node-_2bc7b065-33ab-ebe0-48de-de5ee3d1d1d8-c27b26be, #w-node-_10ce9e4d-dfb7-7a9c-6cf3-a706d8a3c5ca-c27b26be, #w-node-_2dfb97aa-762a-18e7-2276-5609e2989598-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f5c-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f61-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f66-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f6b-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f70-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f75-c27b26be, #w-node-c0b21066-de04-1235-a531-45932bba4f7a-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef46-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef55-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef65-c27b26be {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-bc184606 {
  align-self: center;
}

#w-node-_9b0fc017-416a-740f-b505-e8c25bf59395-bc184606, #w-node-b78e6f72-8c46-4923-4c87-9d478735fe74-bc184606, #w-node-dad692d3-d735-92cd-6a95-5db163390a63-bc184606, #w-node-_12ba5258-2095-5535-1449-4271f0527921-bc184606, #w-node-_52c6aa32-4c6d-e03c-8d83-786dcdd78368-bc184606, #w-node-_6b153513-4787-22eb-4d61-2983fd218b81-bc184606, #w-node-_22a5f013-4606-4074-20f9-efd8cc3875c4-bc184606, #w-node-b6c1b2aa-1834-86c3-c687-a19672b06934-bc184606, #w-node-f0e72c6d-2866-7ee1-0008-31d983394ef0-bc184606, #w-node-_661cc9e2-ba44-61eb-943a-8d16bb040867-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070a4-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070b1-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070be-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070cb-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070d8-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070e5-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070f2-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070ff-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950710c-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507119-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507126-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507133-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507140-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950714d-bc184606 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950715a-bc184606 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507167-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507174-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507181-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950718e-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950719b-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071a8-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071b5-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071c2-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071cf-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071dc-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071e9-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071f6-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507203-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507210-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950721d-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950722a-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507237-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507244-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507251-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950725e-bc184606, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950726b-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae43a-bc184606 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c5200fb-015a-09b1-5a92-2089721ae447-bc184606 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0c5200fb-015a-09b1-5a92-2089721ae454-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae461-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae46e-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae47b-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae488-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae495-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4a2-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4af-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4bc-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4c9-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4d6-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae4e3-bc184606 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c5200fb-015a-09b1-5a92-2089721ae4f0-bc184606 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0c5200fb-015a-09b1-5a92-2089721ae4fd-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae50a-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae517-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae524-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae531-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae53e-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae54b-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae558-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae565-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae572-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae57f-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae58c-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae599-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5a6-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5b3-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5c0-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5cd-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5da-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5e7-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae5f4-bc184606, #w-node-_0c5200fb-015a-09b1-5a92-2089721ae601-bc184606 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-4d16401b {
  align-self: center;
}

#w-node-_9b0fc017-416a-740f-b505-e8c25bf59395-4d16401b, #w-node-b78e6f72-8c46-4923-4c87-9d478735fe74-4d16401b, #w-node-dad692d3-d735-92cd-6a95-5db163390a63-4d16401b, #w-node-_12ba5258-2095-5535-1449-4271f0527921-4d16401b, #w-node-_52c6aa32-4c6d-e03c-8d83-786dcdd78368-4d16401b, #w-node-_6b153513-4787-22eb-4d61-2983fd218b81-4d16401b, #w-node-_22a5f013-4606-4074-20f9-efd8cc3875c4-4d16401b, #w-node-b6c1b2aa-1834-86c3-c687-a19672b06934-4d16401b, #w-node-f0e72c6d-2866-7ee1-0008-31d983394ef0-4d16401b, #w-node-_661cc9e2-ba44-61eb-943a-8d16bb040867-4d16401b, #w-node-_652f010d-c416-9d68-69f2-76a19da24f82-4d16401b, #w-node-_6967f016-a9ff-e76d-e059-9477e2afb161-4d16401b, #w-node-bbffc684-b3f0-ce1c-41c5-4d88d46e016c-4d16401b, #w-node-_9c90f586-8dc5-70c3-7ee1-4ed16c4a2980-4d16401b, #w-node-_3912d5f1-de27-db11-9a9d-fa187ec3270b-4d16401b, #w-node-dbdb9493-3e81-1898-0788-94ebd521461d-4d16401b, #w-node-ea664a9c-b672-d791-aac5-ce6fd5683e2d-4d16401b, #w-node-_8d66268c-f05c-a285-540e-e3c081980cf0-4d16401b, #w-node-_596cbab5-8efa-3b88-ec72-8a3227214a0b-4d16401b, #w-node-_388a0398-03f4-d8ff-9836-8fc43b1f2bdb-4d16401b, #w-node-d0c45c6c-53dc-cd30-a522-965cccc323bd-4d16401b, #w-node-e97171a2-018e-ea02-8d16-47af2ad97f90-4d16401b, #w-node-f35e2151-d654-50b0-4fa1-c334db0cd067-4d16401b, #w-node-_9813ed54-f335-98e2-b1a9-f23b8ce9bcb7-4d16401b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35fb1755-7073-cf2a-ba75-1be46c1add4e-4d16401b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e46c3b14-b6b7-622d-6f74-788326258abe-4d16401b, #w-node-ce179e20-56ff-a75e-8d7a-19a0ee24e68a-4d16401b, #w-node-ca7040eb-da9a-cadd-b900-017e3e245986-4d16401b, #w-node-cd3b9dbb-6bae-cb5c-3d98-2fae5afcf5e9-4d16401b, #w-node-_7eec2955-1066-d784-92aa-90ca2bccde4f-4d16401b, #w-node-_8d1ec9c0-476e-ad36-f252-e2b677fad5b8-4d16401b, #w-node-_0c508fe9-690c-0ff1-dc69-00542b169771-4d16401b, #w-node-_2badadf9-ca42-7fbc-a286-e86f2f18fc1b-4d16401b, #w-node-e17b334b-5a92-933b-9811-3e903217c29f-4d16401b, #w-node-a5f7ab0f-9a3e-13a4-c327-904771610618-4d16401b, #w-node-_2833181f-e985-63d7-be6d-4b3674938597-4d16401b, #w-node-b1da9cce-7632-f30f-dc1a-71edd693b672-4d16401b, #w-node-_7e682a34-6ad3-a4ea-78d7-a94329dc78b4-4d16401b, #w-node-_28cd49ef-41c9-3047-1fb9-4e1b063d85ba-4d16401b, #w-node-f25b4769-b87c-4cf1-d55f-3c2d7b9d3180-4d16401b, #w-node-_4ad16c97-be24-5e3b-37c4-a6a1d280bb92-4d16401b, #w-node-_57f66567-a5ed-cb10-4e70-beef13e243ba-4d16401b, #w-node-_075f2aca-d85c-6b6f-3dc7-3ad12bf9ff35-4d16401b, #w-node-eae42df9-19f6-5c29-56f1-d14847e1be75-4d16401b, #w-node-_07ff6cbc-b595-3c2b-e5d8-9b68f9f32946-4d16401b, #w-node-_6ee6de47-1db5-521b-c6ee-f54c2c421328-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435bbc-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435bc9-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435c31-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435c4b-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435c65-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435c72-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435c99-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435cb3-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435ce7-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435cf4-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435d0e-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435d35-4d16401b, #w-node-_3bd5c087-3717-e282-cabe-db0b48435d42-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb5c7-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb5d4-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb5fb-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb608-4d16401b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb67d-4d16401b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb6ff-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb726-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb74d-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb774-4d16401b, #w-node-_17caaf1a-41a5-5f1b-61c0-6a3663dcb781-4d16401b, #w-node-_90de2df0-8eeb-1bdf-2816-f65e0abf6a2b-4d16401b, #w-node-_90de2df0-8eeb-1bdf-2816-f65e0abf6a5f-4d16401b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90de2df0-8eeb-1bdf-2816-f65e0abf6aa0-4d16401b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_90de2df0-8eeb-1bdf-2816-f65e0abf6b97-4d16401b, #w-node-bfcbb4af-c03e-736e-3e11-03a7f7b76dec-4d16401b, #w-node-bfcbb4af-c03e-736e-3e11-03a7f7b76e20-4d16401b, #w-node-bfcbb4af-c03e-736e-3e11-03a7f7b76e88-4d16401b, #w-node-bfcbb4af-c03e-736e-3e11-03a7f7b76ebc-4d16401b, #w-node-bfcbb4af-c03e-736e-3e11-03a7f7b76f17-4d16401b, #w-node-bc9ed26e-bc12-3c26-9c98-4d9c2b314e00-4d16401b, #w-node-bc9ed26e-bc12-3c26-9c98-4d9c2b314e8f-4d16401b, #w-node-bc9ed26e-bc12-3c26-9c98-4d9c2b314eb6-4d16401b, #w-node-_3d801233-d5f8-2734-e742-5839f1c1d22f-4d16401b, #w-node-_928c364e-ecee-386a-946d-375ef2e2e80e-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070a4-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070b1-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070be-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070cb-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070d8-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070e5-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070f2-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495070ff-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950710c-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507119-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507126-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507133-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507140-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950714d-4d16401b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950715a-4d16401b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507167-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507174-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507181-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950718e-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950719b-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071a8-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071b5-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071c2-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071cf-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071dc-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071e9-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a495071f6-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507203-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507210-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950721d-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950722a-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507237-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507244-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a49507251-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950725e-4d16401b, #w-node-_5a2d9cfa-c72d-9908-63d8-d47a4950726b-4d16401b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-36f4addf {
  align-self: center;
}

#w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3b7-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3ba-36f4addf, #w-node-d253ca60-d368-5298-afb4-c936d2913225-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3f1-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3f6-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3fc-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb405-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb40a-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb410-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb419-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb41e-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb424-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb42e-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb433-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb437-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb43d-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb442-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb446-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb44c-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb451-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb455-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb45b-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb460-36f4addf, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb464-36f4addf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1c703b2-9473-d833-d9ed-adcf4e017ac2-36f4addf {
  align-self: center;
}

#w-node-e2d62167-a7ab-db6f-a57d-da510c8ae496-36f4addf {
  justify-self: end;
}

#w-node-_92b792bc-51ec-4505-1607-2a351d8417d7-36f4addf {
  align-self: center;
}

#w-node-_92b792bc-51ec-4505-1607-2a351d8417d9-36f4addf {
  justify-self: end;
}

#w-node-_27d94075-abda-cef3-84f9-a927f5b4efe1-36f4addf {
  align-self: center;
}

#w-node-_27d94075-abda-cef3-84f9-a927f5b4efe3-36f4addf {
  justify-self: end;
}

#w-node-_67a526f1-4334-6df8-9210-4386b1b60f5d-36f4addf {
  align-self: center;
}

#w-node-_67a526f1-4334-6df8-9210-4386b1b60f5f-36f4addf {
  justify-self: end;
}

#w-node-_560cfb30-7391-de64-3605-0161b918c3e4-36f4addf {
  align-self: center;
}

#w-node-_6ca8a682-93d4-ee4e-1916-84a77ad255f3-36f4addf {
  justify-self: end;
}

#w-node-b660be7e-0dfd-8472-01b3-ee1ec3162ad3-36f4addf {
  align-self: center;
}

#w-node-_54d1a927-1e30-841e-295b-c808fb977d6f-36f4addf {
  justify-self: end;
}

#w-node-fccf83c8-2965-9d22-b2da-140aca0d73be-36f4addf {
  align-self: center;
}

#w-node-fccf83c8-2965-9d22-b2da-140aca0d73c0-36f4addf {
  justify-self: end;
}

#w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5a-36f4addf {
  align-self: center;
}

#w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5c-36f4addf {
  justify-self: end;
}

#w-node-_0bdef379-dcc4-808d-d740-e6d277f93c01-36f4addf {
  align-self: center;
}

#w-node-_8e854194-59b7-5f37-7506-f1e87dfba4f3-36f4addf {
  justify-self: end;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-c4a531d8 {
  align-self: center;
}

#w-node-_0947bb8f-381f-22ef-ddd3-ff9a13af82f7-c4a531d8, #w-node-bb17a861-467b-b641-6d7a-60f39105f780-c4a531d8, #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-c4a531d8, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-c4a531d8, #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d7-c4a531d8, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e57-c4a531d8, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-c4a531d8, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-c4a531d8, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a946b-c4a531d8, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9eba6-c4a531d8, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-c4a531d8, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-c4a531d8, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663c-c4a531d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f5e3828-fb35-7011-4369-138a67ed2cd7-c4a531d8 {
  justify-self: center;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-c4a531d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d772-c4a531d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end baseline;
}

#w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d77b-c4a531d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-c4a531d8, #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef82f4-c4a531d8, #w-node-a664cde5-19c2-09ff-3fa0-650bd4dc0846-c4a531d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_177ed126-147d-dede-fc56-b57c5b4323b4-02bdb8d9 {
  align-self: center;
}

#w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3b7-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3ba-02bdb8d9, #w-node-d253ca60-d368-5298-afb4-c936d2913225-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3f1-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3f6-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb3fc-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb405-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb40a-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb410-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb419-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb41e-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb424-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb42e-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb433-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb437-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb43d-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb442-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb446-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb44c-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb451-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb455-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb45b-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb460-02bdb8d9, #w-node-e8e862e7-bd49-4ef6-8d75-f71a1cdeb464-02bdb8d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1c703b2-9473-d833-d9ed-adcf4e017ac2-02bdb8d9 {
  align-self: center;
}

#w-node-e2d62167-a7ab-db6f-a57d-da510c8ae496-02bdb8d9 {
  justify-self: end;
}

#w-node-_92b792bc-51ec-4505-1607-2a351d8417d7-02bdb8d9 {
  align-self: center;
}

#w-node-_1891e599-d56d-b3d8-625f-ae85f28e669d-02bdb8d9 {
  justify-self: end;
}

#w-node-_27d94075-abda-cef3-84f9-a927f5b4efe1-02bdb8d9 {
  align-self: center;
}

#w-node-_48834802-4c16-8d16-3733-750bb7cf402a-02bdb8d9 {
  justify-self: end;
}

#w-node-_67a526f1-4334-6df8-9210-4386b1b60f5d-02bdb8d9 {
  align-self: center;
}

#w-node-_67a526f1-4334-6df8-9210-4386b1b60f5f-02bdb8d9 {
  justify-self: end;
}

#w-node-_560cfb30-7391-de64-3605-0161b918c3e4-02bdb8d9 {
  align-self: center;
}

#w-node-_6ca8a682-93d4-ee4e-1916-84a77ad255f3-02bdb8d9 {
  justify-self: end;
}

#w-node-b660be7e-0dfd-8472-01b3-ee1ec3162ad3-02bdb8d9 {
  align-self: center;
}

#w-node-_54d1a927-1e30-841e-295b-c808fb977d6f-02bdb8d9 {
  justify-self: end;
}

#w-node-fccf83c8-2965-9d22-b2da-140aca0d73be-02bdb8d9 {
  align-self: center;
}

#w-node-fccf83c8-2965-9d22-b2da-140aca0d73c0-02bdb8d9 {
  justify-self: end;
}

#w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5a-02bdb8d9 {
  align-self: center;
}

#w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5c-02bdb8d9 {
  justify-self: end;
}

#w-node-_0bdef379-dcc4-808d-d740-e6d277f93c01-02bdb8d9 {
  align-self: center;
}

#w-node-_8e854194-59b7-5f37-7506-f1e87dfba4f3-02bdb8d9 {
  justify-self: end;
}

@media screen and (min-width: 1440px) {
  #id-text-trusted-by-hero-home.w-node-a5b3027a-0d48-bbc9-6dad-27c542f5b7b1-6a1de5e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476d1-6a1de5e5, #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476d7-6a1de5e5, #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476dd-6a1de5e5, #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476e3-6a1de5e5, #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476e9-6a1de5e5, #w-node-_6681235f-f9e5-c0bd-7d1d-78d3ef9476f0-6a1de5e5 {
    place-self: auto;
  }

  #w-node-f8dafded-2c20-2a0a-ae73-5a9e1fcbb5f9-6a1de5e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38cdb4c6-7179-cb26-00ed-a4a942ecf49b-6a1de5e5, #w-node-_5f7bf6b4-42ee-e84a-8ae4-ccd21f4438e6-6a1de5e5 {
    place-self: center;
  }

  #w-node-_1bd481aa-d66b-0e1a-6938-033981a62a6b-6a1de5e5 {
    place-self: auto;
  }

  #w-node-d2b03e23-11fc-c60d-0924-b9057aebb2c6-6a1de5e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1bd481aa-d66b-0e1a-6938-033981a62a93-6a1de5e5 {
    place-self: center;
  }

  #w-node-caae01f1-fa2b-15cf-de17-4add884d04f3-884d04b3, #w-node-caae01f1-fa2b-15cf-de17-4add884d052d-884d04b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22289da0-5865-9fd8-5b0e-88dff72dd4db-f72dd4da {
    place-self: center;
  }

  #w-node-_22b883bf-b035-58f2-5650-779f88e4d233-88e4d22a {
    grid-area: Area;
  }

  #w-node-_22b883bf-b035-58f2-5650-779f88e4d234-88e4d22a {
    grid-area: Area-2;
  }

  #w-node-_22b883bf-b035-58f2-5650-779f88e4d235-88e4d22a {
    grid-area: Area-4;
  }

  #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a75932-6a1de644, #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a7593b-6a1de644, #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a75942-6a1de644, #w-node-_87ca0563-4afb-bc9b-7fb0-167a3d24136d-6a1de644, #w-node-_87ca0563-4afb-bc9b-7fb0-167a3d241372-6a1de644, #w-node-_87ca0563-4afb-bc9b-7fb0-167a3d241377-6a1de644, #w-node-_87ca0563-4afb-bc9b-7fb0-167a3d24137c-6a1de644 {
    place-self: auto;
  }

  #id-text-trusted-by-hero-home.w-node-_1221da43-df18-0321-dee1-743a8704ef67-6a1de661, #w-node-_17c6d169-3e03-6a05-4625-39472922d60c-6a1de661, #id-text-trusted-by-hero-home.w-node-_1221da43-df18-0321-dee1-743a8704ef67-6a1de662, #w-node-_17c6d169-3e03-6a05-4625-39472922d60c-6a1de662, #w-node-_7896a0ea-85a5-c571-539e-52f7dc16160a-6a1de6a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_56a9db60-a59f-ea9e-33d9-bc52affafbdc-6a1de6a4, #w-node-b969a8b4-4a41-8b75-fbc9-25335152b97d-6a1de6a4, #w-node-ba13cb4e-9547-c0a0-1256-e1744dc652ed-6a1de6a4, #w-node-_072b89c9-fe99-e271-877c-00e7bcb5edea-6a1de6a4, #w-node-_5530f047-a447-5cda-0063-1040b2d101b4-6a1de6a4, #w-node-_53f2b27d-1f4e-96f2-ebe1-8251888bd1a8-6a1de6a4 {
    place-self: auto;
  }

  #w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fa-6a1de6a4 {
    place-self: center;
  }

  #w-node-fc302405-c078-5ff5-b8d4-dea8a218c8e6-6a1de6a4, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc93-6a1de6a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc98-6a1de6a4 {
    grid-area: span 10 / span 1 / span 10 / span 1;
    place-self: start;
  }

  #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca1-6a1de6a4, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcac-6a1de6a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_940acffe-8119-6c48-02bb-29791015c4ff-6a1de6a4, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b26-6a1de6a4, #w-node-_23d838c2-df06-e25f-e667-086af03bba01-6a1de6a4, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a03-6a1de6a4, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed7-6a1de6a4, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dbb-6a1de6a4, #w-node-af71d795-9a79-4776-261e-7643bdea567d-6a1de6a4, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64694-6a1de6a4, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f15-6a1de6a4, #w-node-f91ed507-f84b-3724-67c9-b19ebf4fd9f3-6a1de6a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-_957f9328-225d-5d7e-ea42-286809e5155e-6a1de6a5, #w-node-_7896a0ea-85a5-c571-539e-52f7dc16160a-6a1de6a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_56a9db60-a59f-ea9e-33d9-bc52affafbdc-6a1de6a5, #w-node-b969a8b4-4a41-8b75-fbc9-25335152b97d-6a1de6a5, #w-node-ba13cb4e-9547-c0a0-1256-e1744dc652ed-6a1de6a5, #w-node-_072b89c9-fe99-e271-877c-00e7bcb5edea-6a1de6a5, #w-node-_5530f047-a447-5cda-0063-1040b2d101b4-6a1de6a5, #w-node-_53f2b27d-1f4e-96f2-ebe1-8251888bd1a8-6a1de6a5 {
    place-self: auto;
  }

  #w-node-_36dac526-bafc-9a7f-2bad-2ff6dcb9f9fa-6a1de6a5 {
    place-self: center;
  }

  #w-node-fc302405-c078-5ff5-b8d4-dea8a218c8e6-6a1de6a5, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc93-6a1de6a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abc98-6a1de6a5 {
    grid-area: span 10 / span 1 / span 10 / span 1;
    place-self: start;
  }

  #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abca1-6a1de6a5, #w-node-b1c034d1-49f7-d27f-0bca-d157cd1abcac-6a1de6a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_86265c98-87f3-ec44-5f02-43cd0e7ec3fe-6a1de6a5 {
    grid-area: Area;
    justify-self: start;
  }

  #w-node-_940acffe-8119-6c48-02bb-29791015c4ff-6a1de6a5, #w-node-_9fb02fe2-6b05-557f-6370-2f437bb29b26-6a1de6a5, #w-node-_23d838c2-df06-e25f-e667-086af03bba01-6a1de6a5, #w-node-_73dc2eb4-7a03-5e4f-99da-85b2b9322a03-6a1de6a5, #w-node-_817924ff-180a-ff5e-8aec-e51c9a972ed7-6a1de6a5, #w-node-_725dc5a5-99cd-98ef-cf0e-714859f21dbb-6a1de6a5, #w-node-af71d795-9a79-4776-261e-7643bdea567d-6a1de6a5, #w-node-_34081a60-cf56-eb8e-718c-88b04ad64694-6a1de6a5, #w-node-b4958ad8-e166-19f5-84cc-fe79bd950f15-6a1de6a5, #w-node-f91ed507-f84b-3724-67c9-b19ebf4fd9f3-6a1de6a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-d0831132-3e8c-2927-04b5-d678d87749a2-6a1de6a6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d0831132-3e8c-2927-04b5-d678d87749a3-6a1de6a6 {
    justify-self: auto;
  }

  #w-node-d0831132-3e8c-2927-04b5-d678d87749a6-6a1de6a6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_0a7743dc-13db-ec48-730c-acb37c1f1863-6a1de6a6, #w-node-_0a7743dc-13db-ec48-730c-acb37c1f1869-6a1de6a6, #w-node-_1a5242a4-fb6d-bcd6-2372-63e962aea431-6a1de6a6, #w-node-_1a5242a4-fb6d-bcd6-2372-63e962aea436-6a1de6a6, #w-node-_1a5242a4-fb6d-bcd6-2372-63e962aea43b-6a1de6a6 {
    place-self: auto;
  }

  #w-node-a4e5fba8-13bf-5c6e-efdb-72878081742f-6a1de6a8 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr 3.25fr;
  }

  #w-node-_9dab941a-e336-80aa-27d1-a5750bdb2733-6a1de6a8, #w-node-_9dab941a-e336-80aa-27d1-a5750bdb273c-6a1de6a8, #w-node-_9dab941a-e336-80aa-27d1-a5750bdb2745-6a1de6a8, #w-node-_2fa404a5-711f-5a7f-6006-0580ae25ff22-6a1de6a8 {
    place-self: auto;
  }

  #w-node-b2a94b79-2778-9b3b-0a41-a6c5cbf312ff-6a1de6be {
    grid-row: span 3 / span 3;
  }

  #w-node-aeedec7c-35a2-7b9b-d806-099eed29c078-6a1de6c4, #w-node-aeedec7c-35a2-7b9b-d806-099eed29c08d-6a1de6c4, #w-node-aeedec7c-35a2-7b9b-d806-099eed29c09e-6a1de6c4 {
    place-self: auto;
  }

  #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d1393369-d1393363 {
    grid-area: Area;
  }

  #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d139336a-d1393363 {
    grid-area: Area-2;
  }

  #w-node-_38b1d37c-c06b-ad9f-e5ed-5775d139336c-d1393363 {
    grid-area: Area-4;
  }

  #w-node-_6b9ec1ae-4ac2-5a73-0d3e-193340c5185e-6a1de6cb, #w-node-_83f6f1d5-ef90-fda9-7167-33a595c2774c-6a1de6cb, #w-node-_463518a9-f551-040b-2c97-927d10c0a514-6a1de6cb, #w-node-_4ee47008-4b54-fadf-f024-3546f55ddc27-6a1de6cb, #w-node-ddfa3be8-f2f5-4f04-a011-a2608880a061-6a1de6cb, #w-node-_618c1277-b358-ff79-9ba5-ec3683796935-6a1de6cb, #w-node-_1ed6dd3d-19db-188f-21c2-01d1ce4262f7-6a1de6cb, #w-node-_6fe290ab-5f8a-9640-4532-c5ef1b60d6de-6a1de6cb, #w-node-_0417aa18-9159-cd9c-5dd5-11375ca8561b-6a1de6cb, #w-node-_173abfed-e0f5-c821-aef2-5f643235934b-6a1de6cb, #w-node-c07e9687-99c6-c0a3-62d5-5e75ffcc48b6-6a1de6cb {
    place-self: auto;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
    grid-template-rows: auto auto;
    grid-template-columns: 2.9fr 2.25fr;
  }

  #w-node-_00ca846f-6e62-d780-3dc0-30c7598ab3d2-6a1de6cc, #w-node-_8e930225-b7f2-8510-e652-101c5cd4cbc7-6a1de6cc, #w-node-_1306013c-bf05-362a-9fc6-a09a213e9963-6a1de6cc, #w-node-e1e5529a-bd2e-f5b5-8ef2-b84932342e3b-6a1de6cc, #w-node-_7b473c3a-0163-6320-26c9-bbd1903ebcd0-6a1de6cc, #w-node-_7b473c3a-0163-6320-26c9-bbd1903ebcda-6a1de6cc, #w-node-_7b473c3a-0163-6320-26c9-bbd1903ebce3-6a1de6cc, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd85-6a1de6cc, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8a-6a1de6cc, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8f-6a1de6cc, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd94-6a1de6cc, #w-node-_4858cdfc-155b-057f-b789-67eadee34464-6a1de6cc, #w-node-_4858cdfc-155b-057f-b789-67eadee3446d-6a1de6cc, #w-node-_4858cdfc-155b-057f-b789-67eadee34474-6a1de6cc {
    place-self: auto;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-ae3f44f5-4f3f-66f3-db08-5dceada37774-6a1de6d8, #w-node-ae3f44f5-4f3f-66f3-db08-5dceada37789-6a1de6d8, #w-node-ae3f44f5-4f3f-66f3-db08-5dceada3777b-6a1de6d8, #w-node-ae3f44f5-4f3f-66f3-db08-5dceada37782-6a1de6d8, #w-node-_181337d4-8dbe-3e65-3166-72ac0672fbcf-6a1de6d8, #w-node-c20eded0-6086-a769-9f24-357f0979f073-6a1de6d8, #w-node-_959b9f76-e822-71c0-9e56-9e6116bc91b9-6a1de6d8, #w-node-_5fc71a07-cd08-f19b-d90f-30f1d86f1659-6a1de6d8, #w-node-_55081ecc-7208-1ade-f33a-db95f63c9bc4-6a1de6d8, #w-node-_55081ecc-7208-1ade-f33a-db95f63c9bcb-6a1de6d8, #w-node-_55081ecc-7208-1ade-f33a-db95f63c9bd2-6a1de6d8, #w-node-b82e5466-260e-dde6-3f2d-ec22510ed021-6a1de6d8, #w-node-b82e5466-260e-dde6-3f2d-ec22510ed02a-6a1de6d8, #w-node-b82e5466-260e-dde6-3f2d-ec22510ed04e-6a1de6d8, #w-node-_0e74a8b2-21f1-3ed5-4a61-862bd3262de3-6a1de6dc, #w-node-_007955f8-7068-f9bc-5106-8c702491e64e-6a1de6dc, #w-node-_54a52313-7728-1ad2-ece4-936ab489dc2b-6a1de6dc {
    place-self: auto;
  }

  #w-node-_54a52313-7728-1ad2-ece4-936ab489dc2f-6a1de6dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b07403af-8b5d-7c8e-63a8-d66ea59097d7-6a1de6dc, #w-node-_7d97725f-b305-14bb-7e30-3969f0a61b25-6a1de6dc, #w-node-_31c083b8-8a32-fe92-42c8-3f6d1c87bbda-6a1de6dc, #w-node-e23d4e28-96a8-038e-2579-dda2480d2db8-6a1de6dc, #w-node-_4218a8db-fda4-2794-7ed3-b2d6645b525b-6a1de6dc, #w-node-_40be44df-7763-b996-685e-c06e34a7c8d1-1d476814, #w-node-da6b76f6-7f93-8b8b-5072-bc11edb1acc9-1d476814, #w-node-_40be44df-7763-b996-685e-c06e34a7c8da-1d476814, #w-node-_40be44df-7763-b996-685e-c06e34a7c8e3-1d476814, #w-node-_4277f5ba-1ec6-cb34-e28a-59da08f0b6d6-1d476814, #w-node-_409148c5-69d9-176a-91ae-a9d8f7d907dc-1d476814, #w-node-c157944e-98fc-2784-a89a-c9c30d16a3da-1d476814, #w-node-a259ad4e-7507-f6d3-ba23-36b03f86760c-1d476814, #w-node-_012feed0-cc5d-4c70-df70-632c7464fd64-1d476814, #w-node-_93dba2cf-0d2c-3db9-5982-36ddb8b9156b-1d476814, #w-node-_5f76dd97-019a-1846-82af-8c7dd270fe17-1d476814, #w-node-_05eca1d5-0947-2747-1c4d-0d5914976c91-1d476814, #w-node-f811009a-2a92-3c09-e469-f8788d7c2587-1d476814, #w-node-_59194664-9d2a-6aaa-ea05-7ae4f8b86222-1d476814, #w-node-_363ec6e4-aaa3-8fef-1c43-a44b03c3a443-1d476814, #w-node-_2d330126-726b-d071-4741-26eb16164fb3-1d476814, #w-node-_541acfd9-d153-5f3e-90ca-e97e1901d27d-1d476814, #w-node-_827e0720-def3-696b-f6e5-d2ab06127bc5-1d476814, #w-node-_29379fcc-62a3-c146-4786-045dd91b8aa9-1d476814, #w-node-a9cd36f5-c245-7891-dbf5-a42e544e06dd-1d476814, #w-node-_1dbd0e95-73b0-8786-16c5-aafdeee912af-1d476814, #w-node-cf90b21a-e17e-3c87-f3c3-fd0d3948a5b9-1d476814, #w-node-_67566e32-c6f5-d497-945f-2025e006f1cc-1d476814, #w-node-_67566e32-c6f5-d497-945f-2025e006f1d5-1d476814, #w-node-_67566e32-c6f5-d497-945f-2025e006f1dc-1d476814, #w-node-_67566e32-c6f5-d497-945f-2025e006f1e3-1d476814, #w-node-_4ca0ea9b-1d48-6079-d729-11abaa9cc7a3-1d476814, #w-node-_4ca0ea9b-1d48-6079-d729-11abaa9cc7b1-1d476814, #w-node-_4ca0ea9b-1d48-6079-d729-11abaa9cc7b8-1d476814, #w-node-_6b9ec1ae-4ac2-5a73-0d3e-193340c5185e-8822c529, #w-node-_83f6f1d5-ef90-fda9-7167-33a595c2774c-8822c529, #w-node-_463518a9-f551-040b-2c97-927d10c0a514-8822c529, #w-node-_4ee47008-4b54-fadf-f024-3546f55ddc27-8822c529, #w-node-ddfa3be8-f2f5-4f04-a011-a2608880a061-8822c529, #w-node-_618c1277-b358-ff79-9ba5-ec3683796935-8822c529, #w-node-_5b4b2d80-1831-445b-43b0-795dd4583b6f-8822c529, #w-node-_4aa7d6f6-821e-5d60-522d-39ba70ff5c14-8822c529, #w-node-_3b2f959b-3fd8-bae8-b42a-c73005909b5e-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d461442-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d461449-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d46144e-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d461453-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d461458-8822c529, #w-node-b8627e7d-a9f8-871c-acff-62512d46145d-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd6cf-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd6ef-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd70f-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd72f-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd74f-8822c529, #w-node-_48b681c2-54fb-f7a4-6aa2-026c23edd76f-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02b5-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02bc-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02c3-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02ca-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02d1-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02d8-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02df-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02e6-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02ed-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02f4-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d02fb-8822c529, #w-node-_9fe96bc5-383c-ee36-028a-193eec9d0302-8822c529, #w-node-f9442f5f-fa67-4484-66e8-22d38ac9ccf6-8822c529, #w-node-f9442f5f-fa67-4484-66e8-22d38ac9cd1c-8822c529, #w-node-f9442f5f-fa67-4484-66e8-22d38ac9cd38-8822c529, #w-node-f9442f5f-fa67-4484-66e8-22d38ac9cd54-8822c529, #w-node-f9442f5f-fa67-4484-66e8-22d38ac9cd70-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e49e-8822c529, #w-node-_7b4e8178-8238-2eab-55db-de980922e4a3-8822c529 {
    place-self: auto;
  }

  #w-node-_25fd8410-06f8-ae12-4025-4bc7fd90847f-8822c529, #w-node-_25fd8410-06f8-ae12-4025-4bc7fd908481-8822c529, #w-node-_25fd8410-06f8-ae12-4025-4bc7fd90849c-8822c529, #w-node-_25fd8410-06f8-ae12-4025-4bc7fd90849e-8822c529, #w-node-_25fd8410-06f8-ae12-4025-4bc7fd9084ba-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb4-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb5-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fb8-8822c529 {
    place-self: center;
  }

  #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4fba-8822c529, #w-node-_122dcf4f-516d-046f-1936-9e62c2160f4e-8822c529, #w-node-_122dcf4f-516d-046f-1936-9e62c2160f53-8822c529, #w-node-_122dcf4f-516d-046f-1936-9e62c2160f58-8822c529 {
    place-self: auto;
  }

  #w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a65-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a66-8822c529, #w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a69-8822c529 {
    place-self: center;
  }

  #w-node-_440ef48b-cc34-9d89-daf1-0400a77a5a6b-8822c529 {
    place-self: auto;
  }

  #w-node-_4e73e34a-fefc-bc2a-e752-7df8e1beb2ec-04d8c3d3, #w-node-f4cb7885-d061-6269-5649-4bc71ab2f7c1-04d8c3d3, #w-node-dba806b5-8197-d3b8-cd2f-9fa6f2b00696-04d8c3d3, #w-node-_591f439b-7af7-6908-6ba5-bc5317253a13-04d8c3d3, #w-node-e0f8cc46-1102-94bf-d471-2d952674ea97-04d8c3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f56-9a360f42 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.75fr 4fr;
  }

  #w-node-_77d3638f-49ad-3348-a704-ce5173309792-9a360f42 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_77d3638f-49ad-3348-a704-ce5173309793-9a360f42, #w-node-_77d3638f-49ad-3348-a704-ce5173309796-9a360f42 {
    place-self: center;
  }

  #w-node-a5387e00-005f-1874-ed54-e7eb6152adf3-cecaa3cc, #w-node-_89c4600e-dfc3-b637-da2c-92cf8b018030-cecaa3cc, #w-node-a9e806aa-cfd6-d92a-b8c8-7c7bdb81d557-cecaa3cc, #w-node-f188577c-c4ce-dea3-e3c0-5da00b2e96c6-cecaa3cc, #w-node-f188577c-c4ce-dea3-e3c0-5da00b2e96cd-cecaa3cc, #w-node-_64bfb87a-2e9a-9c4c-226f-19c72861cd04-cecaa3cc, #w-node-_87680716-9c0d-41ee-715f-ca4e82f28d34-cecaa3cc, #w-node-_0b651eab-cea8-42f5-6a2b-33cc56acfe05-cecaa3cc, #w-node-f762db10-3e22-8b3b-49dc-a743aad8f2e3-cecaa3cc, #w-node-_627d97e8-edd9-20db-36aa-82f584d4c20d-1f263345, #w-node-_30992546-e398-f504-426e-0b83de9555dd-1f263345, #w-node-_8dc26898-fe1e-61ce-fe17-99a18d596960-1f263345, #w-node-_69e7a943-4c26-308b-2b11-7c64759701f8-1f263345, #w-node-_7e573369-ad4f-38ad-e8d4-3856ef5868d9-1f263345, #w-node-_7c6c4e47-e9ed-dc80-d652-248b5e412530-1f263345, #w-node-a4aa022f-e068-2f10-a871-f15433345586-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f1543334558a-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f1543334558e-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f15433345592-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f15433345596-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f1543334559a-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455a1-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455a5-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455a9-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455ad-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455b1-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455bc-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455c4-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455c8-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455cc-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455d7-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455db-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455df-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455e3-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455e7-81ca3c8a, #w-node-a4aa022f-e068-2f10-a871-f154333455eb-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309dd-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309e1-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309e5-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309e9-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c97309ed-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a64-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a68-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a6c-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a70-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a74-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a78-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a7f-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a87-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a83-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a8f-81ca3c8a, #w-node-d3930e1a-1235-4837-6ae4-1e38c9730a8b-81ca3c8a, #w-node-dc4bda62-e15a-f893-181b-a9a2a0baf042-81ca3c8a, #w-node-_04fb5a88-a1a7-9143-71fc-7bfc04e817cd-81ca3c8a, #w-node-_5b1be727-dbe1-bfbf-c1e2-427595184598-81ca3c8a, #w-node-ef882a57-0719-dfdf-8c85-fc28daf9535b-81ca3c8a, #w-node-ef882a57-0719-dfdf-8c85-fc28daf95362-81ca3c8a, #w-node-ef882a57-0719-dfdf-8c85-fc28daf95369-81ca3c8a, #w-node-ef882a57-0719-dfdf-8c85-fc28daf95370-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c67-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c6e-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c75-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c7c-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c83-81ca3c8a, #w-node-d042fc6c-adfa-07ab-2442-9b7d43016c8a-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cba8-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cbae-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cbb4-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cbba-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cbc0-81ca3c8a, #w-node-_896c2979-d0fb-b4c2-a342-b07cef74cbc6-81ca3c8a, #w-node-_8491bae6-1f9c-d4ab-dfae-27c464576666-81ca3c8a, #w-node-_8491bae6-1f9c-d4ab-dfae-27c46457666f-81ca3c8a {
    place-self: auto;
  }

  #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a44e-b6004e8b {
    grid-template-rows: auto auto;
    grid-template-columns: 4.25fr 2.75fr;
  }

  #w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcc-b6004e8b {
    grid-template-rows: auto auto;
    grid-template-columns: 4.5fr 2.25fr;
  }

  #w-node-f355d8df-99f0-f884-550b-49f72d60f027-b6004e8b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f355d8df-99f0-f884-550b-49f72d60f028-b6004e8b, #w-node-f355d8df-99f0-f884-550b-49f72d60f02e-b6004e8b {
    place-self: center;
  }

  #w-node-fa0cba6d-2497-5e67-52df-5878ce10e98c-874400ee, #w-node-b82a9679-98ac-62ef-53af-0b71f3298d5c-874400ee, #w-node-_1231a07b-ee14-bb3d-461b-3451747bdc00-874400ee {
    place-self: auto;
  }

  #w-node-b52737ee-c78b-febf-432d-5fa893c8fcc1-874400ee {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b52737ee-c78b-febf-432d-5fa893c8fcc2-874400ee, #w-node-b52737ee-c78b-febf-432d-5fa893c8fcc8-874400ee {
    place-self: center;
  }

  #w-node-f80099c9-f695-d2f8-1b6d-93291c0b2916-874400ee, #w-node-f80099c9-f695-d2f8-1b6d-93291c0b292b-874400ee, #w-node-f80099c9-f695-d2f8-1b6d-93291c0b293c-874400ee, #w-node-_72b37722-9b1e-37e7-ca30-b5289264ef7b-7738ca3c, #w-node-b380384f-7e61-d715-39d9-3fa25a6293e6-7738ca3c, #w-node-_5dfa3fee-13ea-0c19-2c99-e2ac38db0f56-7738ca3c, #w-node-_6c5e8876-4670-4897-ae37-4f6353d533c5-7738ca3c, #w-node-_382b47bb-fef0-3c68-bc8c-14a634ad6c57-7738ca3c, #w-node-_8a42d4d4-4c7f-082a-940f-7d8fb47b2c47-7738ca3c, #w-node-d6da24f7-72c4-fc54-21f8-a7266006ccba-7738ca3c, #w-node-d6ce8ea3-e629-a56d-0c8b-e88c1834a2db-7738ca3c, #w-node-_66fc3874-9351-7d26-de35-f49b7bf8ace0-7738ca3c {
    place-self: auto;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-fbc3ee2c, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-8d6c62f6, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-88a770eb, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-b494d751, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-70de9cbe, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-4d09dd68, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-ce73ea90, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-1bbf4705, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3912a5fb, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2bb515e5, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-412b20d3, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-9464dd9f, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94f1b75a, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94682efc, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3c4fbf2c, #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2ebf8911 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr 3.25fr;
  }

  #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da49-a4859765, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da51-a4859765, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da59-a4859765, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da49-b5e93483, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da51-b5e93483, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da59-b5e93483, #w-node-_6c5e8876-4670-4897-ae37-4f6353d533c5-b5e93483, #w-node-_382b47bb-fef0-3c68-bc8c-14a634ad6c57-b5e93483, #w-node-_8a42d4d4-4c7f-082a-940f-7d8fb47b2c47-b5e93483, #w-node-_66fc3874-9351-7d26-de35-f49b7bf8ace0-b5e93483, #w-node-d6ce8ea3-e629-a56d-0c8b-e88c1834a2db-b5e93483, #w-node-d6da24f7-72c4-fc54-21f8-a7266006ccba-b5e93483 {
    place-self: auto;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-8974d94d {
    grid-template-rows: auto auto;
    grid-template-columns: 3.75fr 3.75fr;
  }

  #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da49-8974d94d, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da51-8974d94d, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da59-8974d94d {
    place-self: auto;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-0efaa026 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.25fr 3.75fr;
  }

  #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da49-0efaa026, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da51-0efaa026, #w-node-_2be5aaf5-99f0-2337-518b-25c99f16da59-0efaa026, #w-node-d4c0b692-ac68-257b-2b66-081379f0f77e-32920933, #w-node-_2af1c4a7-dd6e-949f-ea3f-8d8cc3b36928-32920933, #w-node-_519df5c0-e57f-f66a-6432-3009346ec788-32920933, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cce-32920933, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cd7-32920933, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cde-32920933, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4990-32920933, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4995-32920933, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499a-32920933, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499f-32920933 {
    place-self: auto;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-_00ca846f-6e62-d780-3dc0-30c7598ab3d2-cb892b82, #w-node-_8e930225-b7f2-8510-e652-101c5cd4cbc7-cb892b82, #w-node-_1306013c-bf05-362a-9fc6-a09a213e9963-cb892b82, #w-node-e1e5529a-bd2e-f5b5-8ef2-b84932342e3b-cb892b82, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd85-cb892b82, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8a-cb892b82, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8f-cb892b82, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd94-cb892b82, #w-node-_4858cdfc-155b-057f-b789-67eadee34464-cb892b82, #w-node-_4858cdfc-155b-057f-b789-67eadee3446d-cb892b82, #w-node-_4858cdfc-155b-057f-b789-67eadee34474-cb892b82 {
    place-self: auto;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-c738996c-6f7a-c78a-8764-bc89fff79f43-bce28fe7, #w-node-c738996c-6f7a-c78a-8764-bc89fff79f4d-bce28fe7, #w-node-c738996c-6f7a-c78a-8764-bc89fff79f56-bce28fe7, #w-node-c738996c-6f7a-c78a-8764-bc89fff79f60-bce28fe7, #w-node-_0b78887a-cc11-3fa9-6714-a5697dc4eb5f-bce28fe7, #w-node-_0b78887a-cc11-3fa9-6714-a5697dc4eb67-bce28fe7, #w-node-_0b78887a-cc11-3fa9-6714-a5697dc4eb6f-bce28fe7, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd85-bce28fe7, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8a-bce28fe7, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8f-bce28fe7, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd94-bce28fe7, #w-node-_4858cdfc-155b-057f-b789-67eadee34464-bce28fe7, #w-node-_4858cdfc-155b-057f-b789-67eadee3446d-bce28fe7, #w-node-_4858cdfc-155b-057f-b789-67eadee34474-bce28fe7 {
    place-self: auto;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
    grid-template-rows: auto auto;
    grid-template-columns: 2.5fr 2.25fr;
  }

  #w-node-c738996c-6f7a-c78a-8764-bc89fff79f43-520edbe5, #w-node-ffbd3fbd-7c71-b6e1-910a-11ca75f495ff-520edbe5, #w-node-_26a47045-2ad2-256f-3c32-157042d11c8b-520edbe5, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd85-520edbe5, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8a-520edbe5, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd8f-520edbe5, #w-node-_2f9ac71a-6c21-eca0-f373-d751fd19cd94-520edbe5, #w-node-_4858cdfc-155b-057f-b789-67eadee34464-520edbe5, #w-node-_4858cdfc-155b-057f-b789-67eadee3446d-520edbe5, #w-node-_4858cdfc-155b-057f-b789-67eadee34474-520edbe5 {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-_104eb60d-3f15-bee3-e52b-5f24905123c7-bd7c6a56, #w-node-_2e8dc9e5-7d79-62fe-1015-a8a56d08bb66-bd7c6a56, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd16-bd7c6a56, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd1f-bd7c6a56, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd26-bd7c6a56 {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-_104eb60d-3f15-bee3-e52b-5f24905123c7-1673579c, #w-node-_2e8dc9e5-7d79-62fe-1015-a8a56d08bb66-1673579c, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd16-1673579c, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd1f-1673579c, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd26-1673579c {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-ef7b633d-d238-dad6-cd46-f189544b7ff2-dcee8f75, #w-node-ef7b633d-d238-dad6-cd46-f189544b7ffb-dcee8f75, #w-node-ddb80206-b581-8470-08e8-e422ca2bc46f-dcee8f75, #w-node-ef7b633d-d238-dad6-cd46-f189544b8004-dcee8f75 {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-_0b4e7767-3295-2585-7a95-3e13d745e854-33cf0c44, #w-node-_0b4e7767-3295-2585-7a95-3e13d745e84b-33cf0c44, #w-node-_0b4e7767-3295-2585-7a95-3e13d745e85d-33cf0c44 {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-b2ab636e-5ec7-d1d4-08b4-f0152de9e88f-7c81a4ac, #w-node-b2ab636e-5ec7-d1d4-08b4-f0152de9e898-7c81a4ac, #w-node-b2ab636e-5ec7-d1d4-08b4-f0152de9e8a1-7c81a4ac {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd16-0c07c603, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd1f-0c07c603, #w-node-a93ddd26-b84e-d90c-b956-a281e4f3bd26-0c07c603 {
    place-self: auto;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351 {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-_0b4e7767-3295-2585-7a95-3e13d745e854-dac9f351, #w-node-_0b4e7767-3295-2585-7a95-3e13d745e84b-dac9f351, #w-node-_0b4e7767-3295-2585-7a95-3e13d745e85d-dac9f351 {
    place-self: auto;
  }

  #w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8e-6b68d09d {
    grid-template-rows: auto auto;
    grid-template-columns: 4.5fr 2.25fr;
  }

  #w-node-d4c0b692-ac68-257b-2b66-081379f0f77e-6b68d09d, #w-node-_2af1c4a7-dd6e-949f-ea3f-8d8cc3b36928-6b68d09d, #w-node-_519df5c0-e57f-f66a-6432-3009346ec788-6b68d09d, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4990-6b68d09d, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4995-6b68d09d, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499a-6b68d09d, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499f-6b68d09d, #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a75932-889c18e8, #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a7593b-889c18e8, #w-node-a12aa73d-5e55-ea83-0f6d-a4abe3a75942-889c18e8, #w-node-_5fe24d8a-dc9b-2d43-71c5-8e9bbb2b9d06-889c18e8, #w-node-ac5ed95f-3326-4c87-378c-2be69d66438e-889c18e8, #w-node-c25c9734-b6cc-f1df-5543-30d117617d12-889c18e8 {
    place-self: auto;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 2.25fr;
  }

  #w-node-ab3b108a-1ced-d2bf-19ba-291d7c982224-66a2589f, #w-node-_116c4718-3e81-337c-1f5e-2b5ff40c1c17-66a2589f, #w-node-_459e266b-93a7-2c66-278a-f51a10b022f1-66a2589f, #w-node-eebfbc49-84b7-8f0e-5d0a-2d9b89035f16-66a2589f, #w-node-f419e0c4-9463-0d96-e150-7f3441aed8b6-66a2589f, #w-node-_29e472b3-9664-cceb-daac-6dc4cd6536e6-66a2589f, #w-node-c56685c6-03c3-7aa9-9a1c-8affc399a636-66a2589f, #w-node-_7f6a8714-a5e8-0557-3add-4eba939acadd-66a2589f, #w-node-_7f6a8714-a5e8-0557-3add-4eba939acae4-66a2589f, #w-node-ab01e97e-eea8-701b-6770-52bc4aa28624-66a2589f, #w-node-ab01e97e-eea8-701b-6770-52bc4aa2862b-66a2589f, #w-node-ab01e97e-eea8-701b-6770-52bc4aa28632-66a2589f, #w-node-fa83549b-554b-f2f7-4d8a-8315f6d039ff-21dd4df6, #w-node-_97515b37-a7d3-89f2-8bc4-0df6eeee653d-21dd4df6, #w-node-bd7bb3d0-ba32-71c7-68b2-63f2bd7360a2-21dd4df6, #w-node-_2f471e22-b51b-5dbe-6502-375c66efeb3f-21dd4df6, #w-node-c07ddbe9-4e8e-75d8-65c6-36c4dcf2926e-21dd4df6, #w-node-d27b71a7-ba82-95a2-8747-f10785ee051b-21dd4df6, #w-node-_85ae50e0-6bf6-ce4b-5475-cb64af6d952d-21dd4df6, #w-node-_87ca0563-4afb-bc9b-7fb0-167a3d24136d-21dd4df6, #w-node-e80363a0-3859-9bc7-8a51-bd576e4b87fb-21dd4df6, #w-node-d575288a-d70e-454c-aa0f-be6d8bb126e3-21dd4df6, #w-node-_28e1f5ea-2a2e-7d63-1697-31b460ae3b4d-21dd4df6, #w-node-dfbe3e80-b2f5-2a7a-6bd2-ee91ec301a3d-79d44952, #w-node-dfbe3e80-b2f5-2a7a-6bd2-ee91ec301a44-79d44952, #w-node-eec16c4e-5c0b-ae3d-1667-d75e3b0a22de-79d44952, #w-node-a0a0974e-2bbc-eafa-fc53-64e39fa5758b-79d44952, #w-node-_25f0349b-408b-6dd5-a1c8-ece476e7cc62-79d44952, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-e637722d, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-e637722d, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-e637722d, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-e637722d, #w-node-_173e5ac2-793b-da2c-0181-4e8f75b142b6-e637722d, #w-node-_293b5fe5-fd96-118e-a7c1-691d34efaf56-e637722d, #w-node-b2a5fd3a-47db-6a3c-0e7e-1d08e1f99cad-e637722d, #w-node-_3c01349e-2605-af08-531d-77a5c5d51dba-e637722d, #w-node-_287b74f2-9bfb-f21e-4b65-75bb63e5e670-e637722d, #w-node-f252a44b-042c-ac3d-2181-cfacb8298802-e637722d, #w-node-_976f1afd-6bb2-7a9f-f1af-d9cfb99472d8-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfda-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe1-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe8-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfef-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cff6-e637722d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cffd-e637722d, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-066eba9d, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-066eba9d, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-066eba9d, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-066eba9d, #w-node-_173e5ac2-793b-da2c-0181-4e8f75b142b6-066eba9d, #w-node-_293b5fe5-fd96-118e-a7c1-691d34efaf56-066eba9d, #w-node-b2a5fd3a-47db-6a3c-0e7e-1d08e1f99cad-066eba9d, #w-node-_3c01349e-2605-af08-531d-77a5c5d51dba-066eba9d, #w-node-_976f1afd-6bb2-7a9f-f1af-d9cfb99472d8-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218b9-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218cb-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218dc-066eba9d, #w-node-f4c72c95-8cb7-d9de-f641-60b231f218ed-066eba9d, #w-node-_86bf2f09-e839-052e-ce1d-909459497415-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfda-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe1-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe8-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfef-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cff6-066eba9d, #w-node-e648e966-9dff-d71d-b911-cda5435f920d-066eba9d, #w-node-_2ff5f3b3-20a9-69a2-e96b-6161b3348fdd-066eba9d, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cffd-066eba9d, #w-node-bba1c7fc-68e4-e81b-ef60-2fc4c50ada41-066eba9d, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-dd2c97e5, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-dd2c97e5, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-dd2c97e5, #w-node-f8a9d54f-da50-2b96-16a9-0b610b4699d7-dd2c97e5, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfda-dd2c97e5, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe1-dd2c97e5, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe8-dd2c97e5, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfef-dd2c97e5, #w-node-_98ac62ba-f2e7-dd71-4ac6-62416a79de32-dd2c97e5, #w-node-e648e966-9dff-d71d-b911-cda5435f920d-dd2c97e5, #w-node-_2ff5f3b3-20a9-69a2-e96b-6161b3348fdd-dd2c97e5, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cffd-dd2c97e5, #w-node-bba1c7fc-68e4-e81b-ef60-2fc4c50ada41-dd2c97e5, #w-node-_37d2da2c-eaa9-4322-4f9a-a5de775f3f8a-a2bd9916, #w-node-_7ad12b59-d58c-8bc5-c893-97914d9de0c4-a2bd9916, #w-node-e08928e4-ace9-60d0-9b9e-724375c6b84f-a2bd9916, #w-node-_9f037232-2dc1-00d8-cb8f-0cef89765fab-a2bd9916, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfda-a2bd9916, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe1-a2bd9916, #w-node-f00797b8-51fb-7dc1-266e-1f67aff87cd4-a2bd9916, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfe8-a2bd9916, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cfef-a2bd9916, #w-node-e648e966-9dff-d71d-b911-cda5435f920d-a2bd9916, #w-node-_61c1f7d4-28e4-c32c-fa85-1fe9af11cffd-a2bd9916, #w-node-_2ff5f3b3-20a9-69a2-e96b-6161b3348fdd-a2bd9916, #w-node-bba1c7fc-68e4-e81b-ef60-2fc4c50ada41-a2bd9916, #w-node-_6d4daa79-1816-03bd-d54c-bcd4ada8b2ea-a2bd9916, #w-node-_8ae72ab3-5bb4-c82c-a167-ce4af7679720-e5555afa, #w-node-_71baadf9-a581-aa81-cdb3-164b12bb3e30-e5555afa, #w-node-ce42e682-5b54-7240-ed9e-993fa7f06d06-e5555afa, #w-node-_33ba754f-1c5e-d5f0-17ab-ac97b02862e1-e5555afa, #w-node-_01235de4-be30-540e-7fc1-ca3b31bb6f22-e5555afa, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cce-132a11a4, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cd7-132a11a4, #w-node-_75f77efc-806c-839e-8b5e-db43ee6c1cde-132a11a4, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4990-132a11a4, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c4995-132a11a4, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499a-132a11a4, #w-node-_10d1bf86-52a3-411b-079a-ccb3a13c499f-132a11a4 {
    place-self: auto;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
    grid-template-rows: auto auto;
    grid-template-columns: 5.25fr 4.25fr;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
    grid-template-rows: auto auto;
    grid-template-columns: 4.5fr 4.25fr;
  }

  #w-node-_9aceb744-4b69-375e-b675-10743a79ed06-23c6a46d, #w-node-_5beba10f-f171-e0f2-8a37-00457c58408e-23c6a46d, #w-node-_2ebad994-bfce-0384-dc96-daad86463020-23c6a46d, #w-node-d2433188-debb-d045-bedc-225eee448744-23c6a46d, #w-node-faaa1eca-befc-4639-78d0-fc92a134eecf-23c6a46d, #w-node-_266a19ec-7ba7-fe58-8a40-5a4f53ad19fc-23c6a46d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f56-9a360f42 {
    grid-template-rows: auto;
    grid-template-columns: 4fr 4.25fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82, #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 5.5fr 4.25fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
    grid-template-rows: auto auto;
    grid-template-columns: 5.25fr 4.25fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603, #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351, #w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
    grid-template-rows: auto auto;
    grid-template-columns: 5.5fr 4.25fr;
  }

  #w-node-_19513873-dd3b-f629-5262-0ce321f35089-c27b26be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a05e5ad0-1d88-93d6-abc4-e07a3619dc42-3619dbca, #w-node-_48045ff3-670d-6caa-9b9b-d917256ae4a6-3619dbca, #w-node-_1016f094-a2fe-d344-9fe7-7ef5de1790b4-3619dbca {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_149c820d-fdff-96f9-87f0-57e66d54c62a-6a1de69f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-fde709e1-0c3f-acd1-3b7d-9cfca3396852-6a1de6a6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-6a1de6cc {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84f6-6a1de6d8 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90ac-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90fd-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121a9b-81ca3c8a {
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121aa3-81ca3c8a {
    grid-row: span 2 / span 2;
  }

  #w-node-_5b1be727-dbe1-bfbf-c1e2-427595184598-81ca3c8a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto;
  }

  #w-node-_38df009e-7978-c36e-caba-ecfd69c6e450-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e453-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e45d-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e467-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e471-8a03e548, #w-node-_38df009e-7978-c36e-caba-ecfd69c6e495-8a03e548, #w-node-ab9c038b-ba2c-0e48-e728-e18023f2094d-8a03e548 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-8974d94d {
    grid-template-rows: auto auto;
    grid-template-columns: 4.25fr;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-8974d94d {
    grid-row: span 2 / span 2;
  }

  #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-32920933 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-cb892b82 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-bce28fe7 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-520edbe5 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_90d80792-e2e1-00e9-16ac-10c8e2a481f2-520edbe5, #w-node-_8b3aa0ee-35b9-07b6-9657-18379af9770e-520edbe5, #w-node-bfb6cecf-adcf-a1de-cbe9-5115383dd470-520edbe5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-bd7c6a56 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-1673579c {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dcee8f75 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-33cf0c44 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-7c81a4ac {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-0c07c603 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351 {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dac9f351 {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-b32bad82-8635-ab70-9cf2-0facaa40e4c1-889c18e8, #w-node-b32bad82-8635-ab70-9cf2-0facaa40e526-889c18e8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
    grid-template-rows: auto auto;
    grid-template-columns: 3.5fr;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7db1-66a2589f {
    order: 9999;
    grid-row: span 2 / span 2;
  }

  #w-node-_01598d61-b8a9-aab9-906d-3e88e8cd3702-66a2589f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_976f1afd-6bb2-7a9f-f1af-d9cfb99472d8-066eba9d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-ddd30b74-120c-8e14-6b61-2f77d5236928-e5555afa, #w-node-bf4b5ab8-41a0-b342-af7a-d37b728cf96f-e5555afa {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d38a5a79-2627-1697-cd8a-06cee2606892-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068a1-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068b1-397db67e, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c637e-e3a345dd, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c638e-e3a345dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_80470989-53f5-265c-7a90-34942047fc92-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fced-885b8632, #w-node-c0ef67ed-dd25-e474-4d91-47cc3d741b0d-885b8632, #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-4d047482, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-4d047482, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-4d047482 {
    order: -9999;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-4d047482 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-4d047482 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-b958145e, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-b958145e, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-b958145e {
    order: -9999;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-b958145e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-b958145e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_133181b7-0a7d-ecb3-e904-52445a640815-132a11a4, #w-node-_9782ad35-a03d-200b-31c6-11783d53ff1f-132a11a4, #w-node-_7ecac7dc-4567-8d5f-88ba-9088bc07723f-132a11a4 {
    order: -9999;
  }

  #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-132a11a4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_81a67020-d247-161b-8667-b48de8ee7314-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7335-c27b26be {
    order: -9999;
  }

  #w-node-_7b01daaf-4686-71f7-600e-a1878230ef46-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef55-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef65-c27b26be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb17a861-467b-b641-6d7a-60f39105f7af-c4a531d8, #w-node-_8f26a97e-4ee5-4bc5-08ae-26ff3fcd3e84-c4a531d8, #w-node-ab12ee76-a98f-e5f9-f55e-c240fcb9ebc8-c4a531d8 {
    order: -9999;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-c4a531d8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-c4a531d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d45-6a1de644, #w-node-a05e5ad0-1d88-93d6-abc4-e07a3619dc42-3619dbca, #w-node-_48045ff3-670d-6caa-9b9b-d917256ae4a6-3619dbca, #w-node-_1016f094-a2fe-d344-9fe7-7ef5de1790b4-3619dbca {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_124a2222-7e09-5f60-5964-ee6172554c4d-6a1de67a, #w-node-_124a2222-7e09-5f60-5964-ee6172554c4f-6a1de67a, #w-node-_80a4e9d6-cd4c-1ef8-0439-2b3512dc2683-6a1de67a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_80a4e9d6-cd4c-1ef8-0439-2b3512dc2685-6a1de67a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-a4e5fba8-13bf-5c6e-efdb-72878081742f-6a1de6a8 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-a4e5fba8-13bf-5c6e-efdb-728780817437-6a1de6a8 {
    grid-row: span 2 / span 2;
  }

  #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bece-6a1de6be, #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bed0-6a1de6be, #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bed3-6a1de6be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bed5-6a1de6be {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-6a1de6cc {
    grid-row: span 2 / span 2;
  }

  #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-6a1de6cc, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4305-6a1de6cc, #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de2e-6a1de6d1, #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de30-6a1de6d1, #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de35-6a1de6d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de37-6a1de6d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_567217ea-c61c-6e57-4c00-5f7ddbe9ea31-6a1de6d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_567217ea-c61c-6e57-4c00-5f7ddbe9ea33-6a1de6d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84f6-6a1de6d8 {
    grid-row: span 2 / span 2;
  }

  #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73269-6a1de6d8, #w-node-e1e1e424-8dbd-23f5-c85f-d290cec73287-6a1de6d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-1d476814 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-1d476814 {
    grid-row: span 2 / span 2;
  }

  #w-node-_24609910-20e2-12df-0d2b-f32fd461feaa-8822c529 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_24609910-20e2-12df-0d2b-f32fd461feb2-8822c529 {
    grid-row: span 2 / span 2;
  }

  #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f7f-8822c529, #w-node-_220cf262-b3ca-32da-352f-0ea7bf5a4f9d-8822c529, #w-node-a8b93729-6526-7db9-5825-d31ce5ec7ec5-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763d1-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763da-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763e5-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c5763fd-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57640a-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576417-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c57642b-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576436-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576441-8822c529, #w-node-d07e535a-e408-acb6-3052-bd8d2c576455-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_32dca87b-093b-59cd-3ad1-194fcb417478-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174a7-8822c529 {
    justify-self: start;
  }

  #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174bf-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174c1-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174c2-8822c529 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174c9-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174e3-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174fc-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb417524-8822c529 {
    justify-self: start;
  }

  #w-node-_32dca87b-093b-59cd-3ad1-194fcb417555-8822c529 {
    justify-self: stretch;
  }

  #w-node-ec7fa758-7831-89ae-5290-3442a4e8c30b-8822c529, #w-node-_994e6f42-4527-ab54-3c53-b37ed97fc6a9-8822c529, #w-node-b9b5c6cf-042b-6dfb-a768-4ead78023ea3-8822c529, #w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd29-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90ac-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90fd-8822c529 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0605fdb9-aff1-c312-face-062ab971801e-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f56-9a360f42 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f7e-9a360f42 {
    order: -9999;
    grid-row: span 2 / span 2;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-cecaa3cc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-cecaa3cc {
    grid-row: span 2 / span 2;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121a9b-81ca3c8a {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121aa3-81ca3c8a {
    grid-row: span 2 / span 2;
  }

  #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a44e-b6004e8b {
    grid-template-rows: 200px auto;
    grid-template-columns: 2fr;
  }

  #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a455-b6004e8b {
    grid-row: span 2 / span 2;
  }

  #w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcc-b6004e8b {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-ab9c038b-ba2c-0e48-e728-e18023f2094d-8a03e548 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-fbc3ee2c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-fbc3ee2c {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-8d6c62f6 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-8d6c62f6 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-88a770eb {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-88a770eb {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-b494d751 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-b494d751 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-70de9cbe {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-70de9cbe {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-4d09dd68 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-4d09dd68 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-ce73ea90 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-ce73ea90 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-1bbf4705 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-1bbf4705 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3912a5fb {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3912a5fb {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2bb515e5 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2bb515e5 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-412b20d3 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-412b20d3 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-9464dd9f {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-9464dd9f {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94f1b75a {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94f1b75a {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94682efc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94682efc {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3c4fbf2c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3c4fbf2c {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2ebf8911 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2ebf8911 {
    grid-row: span 2 / span 2;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-8974d94d {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-8974d94d {
    grid-row: span 2 / span 2;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-0efaa026 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-0efaa026 {
    grid-row: span 2 / span 2;
  }

  #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-32920933, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-32920933 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-cb892b82 {
    grid-row: span 2 / span 2;
  }

  #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-cb892b82, #w-node-bb69f750-35c8-c425-1e1d-2b56363c4305-cb892b82 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-bce28fe7 {
    grid-row: span 2 / span 2;
  }

  #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-bce28fe7, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-bce28fe7, #w-node-_28b6b96f-be28-ca03-4799-558344e6bb6c-bce28fe7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-520edbe5 {
    grid-row: span 2 / span 2;
  }

  #w-node-_75e3239b-695e-f4ac-feeb-4a2238281003-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42ca-520edbe5, #w-node-bb69f750-35c8-c425-1e1d-2b56363c42e8-520edbe5, #w-node-_2e704025-d507-798d-78c6-30d7fe2d6e5e-520edbe5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-bd7c6a56 {
    grid-row: span 2 / span 2;
  }

  #w-node-_21107f91-f19a-c155-34c9-06ab319b1361-bd7c6a56, #w-node-f4fa187e-86a4-eb40-9bfa-9e2f82bfab69-bd7c6a56, #w-node-_395bd341-ed01-d628-e7f5-437e9a0b49c1-bd7c6a56, #w-node-_2590400f-5bb5-c26b-949e-b2f104814d8a-bd7c6a56, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3c-bd7c6a56 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-1673579c {
    grid-row: span 2 / span 2;
  }

  #w-node-_21107f91-f19a-c155-34c9-06ab319b1361-1673579c, #w-node-f4fa187e-86a4-eb40-9bfa-9e2f82bfab69-1673579c, #w-node-_395bd341-ed01-d628-e7f5-437e9a0b49c1-1673579c, #w-node-_2590400f-5bb5-c26b-949e-b2f104814d8a-1673579c, #w-node-_470b9921-727d-935c-d5de-dfe169ad5f3c-1673579c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dcee8f75 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-33cf0c44 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-7c81a4ac {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-0c07c603 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dac9f351 {
    grid-row: span 2 / span 2;
  }

  #w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8e-6b68d09d {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_60d92f9a-98d3-da3a-028a-e88328d77c3a-6b68d09d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8962dcc9-4874-66ce-d546-89b5b545c417-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c3f7-889c18e8, #w-node-f3aeedc7-4489-1d5a-c9c3-cc78493a5616-889c18e8, #w-node-d17c8a03-9736-92d2-e31c-7c0d9599e695-889c18e8, #w-node-accd3c93-a04d-af7f-d0e3-9e3e1424196e-889c18e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_738231f7-7242-8262-975e-c0c68e8e9235-889c18e8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b32bad82-8635-ab70-9cf2-0facaa40e4b7-889c18e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b32bad82-8635-ab70-9cf2-0facaa40e4c1-889c18e8, #w-node-b32bad82-8635-ab70-9cf2-0facaa40e526-889c18e8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7db1-66a2589f {
    grid-row: span 2 / span 2;
  }

  #w-node-_01598d61-b8a9-aab9-906d-3e88e8cd3702-66a2589f, #w-node-_6196caec-0807-6663-89a7-b424db5c9da8-21dd4df6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_79c6046e-978a-38da-72ba-cbbbbbd36a05-79d44952, #w-node-d6836202-aa34-5f57-1f82-9802d0bf06e2-79d44952 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b687-e5555afa {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b689-e5555afa {
    grid-row: span 2 / span 2;
  }

  #w-node-d38a5a79-2627-1697-cd8a-06cee2606892-397db67e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d38a5a79-2627-1697-cd8a-06cee26068a1-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068b1-397db67e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c76111-e3a345dd {
    justify-self: start;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c76119-e3a345dd {
    order: 9999;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c7611b-e3a345dd {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c7612d-e3a345dd {
    order: -9999;
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c76134-e3a345dd {
    order: 9999;
  }

  #w-node-b9c32b23-ea52-cd80-5c2a-319750c76136-e3a345dd {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c637e-e3a345dd, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c638e-e3a345dd, #w-node-_80470989-53f5-265c-7a90-34942047fc96-885b8632, #w-node-_80470989-53f5-265c-7a90-34942047fcf1-885b8632 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_89b21230-1cea-12bc-ab03-822a7d8dbeb1-885b8632 {
    justify-self: center;
  }

  #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-4d047482, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-4d047482, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-4d047482 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-4d047482 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-b958145e, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-b958145e, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-b958145e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-b958145e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1f2e3353-be86-44c6-813a-359ed2560102-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed256010d-132a11a4, #w-node-_1f2e3353-be86-44c6-813a-359ed2560118-132a11a4, #w-node-d213a4b1-1e40-19fc-2322-8d17c1475b9d-132a11a4, #w-node-_01afc1a7-6de4-0bc7-53a8-b614447060eb-132a11a4, #w-node-cf26b35e-e61d-ddd2-7a7e-348d134ee7b0-132a11a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-132a11a4, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-132a11a4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_81a67020-d247-161b-8667-b48de8ee7317-c27b26be, #w-node-_81a67020-d247-161b-8667-b48de8ee7338-c27b26be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7b01daaf-4686-71f7-600e-a1878230ef46-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef55-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef65-c27b26be {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2f3018c6-b94d-30ad-8d19-cedc65d368d5-c4a531d8, #w-node-_1c9db7e9-0d49-d2d2-a307-15e2190a9469-c4a531d8, #w-node-_424c7600-f5f8-7f23-b872-144bb8b6663a-c4a531d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-c4a531d8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_35254cef-2bc9-a384-ac9e-08323174733b-31747327 {
    grid-area: 1 / 2 / 3 / 4;
  }

  #w-node-_35254cef-2bc9-a384-ac9e-08323174736c-31747327 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_35254cef-2bc9-a384-ac9e-0832317473e4-31747327 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f6fde7b-d5c5-5ad8-4ce1-e9df05339d93-6a1de644, #w-node-_14a6c9ad-0462-b360-e0b2-0788da3475a4-6a1de644, #w-node-_8186a267-e969-8b28-2019-4fc5e78cfa83-6a1de644, #w-node-_2925c699-8398-f8c4-787e-95b2c95e8a56-6a1de644, #w-node-df678ad8-3a9b-ed24-4ec7-639a4f7eb2a6-6a1de644, #w-node-_52a25a53-f3d6-f233-9574-b1089493ba03-6a1de644 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6778fd5f-3730-3878-8b1f-a69d373a9d45-6a1de644, #w-node-a05e5ad0-1d88-93d6-abc4-e07a3619dc42-3619dbca, #w-node-_48045ff3-670d-6caa-9b9b-d917256ae4a6-3619dbca, #w-node-_1016f094-a2fe-d344-9fe7-7ef5de1790b4-3619dbca {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a4e5fba8-13bf-5c6e-efdb-72878081742f-6a1de6a8 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-a4e5fba8-13bf-5c6e-efdb-728780817437-6a1de6a8 {
    grid-row: span 2 / span 2;
  }

  #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bec8-6a1de6be, #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03becd-6a1de6be, #w-node-fd9152a1-e8e2-f37c-e10c-cb64dc03bed2-6a1de6be {
    grid-column: span 1 / span 1;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-6a1de6cc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-6a1de6cc {
    grid-row: span 2 / span 2;
  }

  #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de24-6a1de6d1, #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de2b-6a1de6d1, #w-node-_89f9e4eb-e167-aab8-6c6e-c8a971d6de32-6a1de6d1, #w-node-_567217ea-c61c-6e57-4c00-5f7ddbe9ea2e-6a1de6d1 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84ef-6a1de6d8 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_4449b8ed-28ef-45ff-6e19-93509b7d84f6-6a1de6d8 {
    grid-row: span 2 / span 2;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-1d476814 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-1d476814 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9bfdf405-7045-9e4c-519f-33a601449014-1d476814 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7a464695-b521-eb5b-6d0c-87639f0d3fe0-1d476814, #w-node-_8d68db4a-bc5a-2bb9-69ed-95a9c791b745-1d476814, #w-node-e0fd1311-12d3-16a1-50f5-762c9b04ec86-1d476814 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-f2bb5a81-851e-3fd8-f158-234cfeffbe55-8822c529 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24609910-20e2-12df-0d2b-f32fd461feaa-8822c529 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_24609910-20e2-12df-0d2b-f32fd461feb2-8822c529 {
    grid-row: span 2 / span 2;
  }

  #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174bf-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb4174c1-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb417515-8822c529, #w-node-_32dca87b-093b-59cd-3ad1-194fcb417517-8822c529, #w-node-ec7fa758-7831-89ae-5290-3442a4e8c30b-8822c529, #w-node-_994e6f42-4527-ab54-3c53-b37ed97fc6a9-8822c529, #w-node-b9b5c6cf-042b-6dfb-a768-4ead78023ea3-8822c529, #w-node-_1d1669c7-824b-3fb2-3599-f2f9b081cd29-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f7b75a7-43ff-2743-2bf1-ec1161bcfcf5-8822c529, #w-node-_1f7b75a7-43ff-2743-2bf1-ec1161bcfd0e-8822c529, #w-node-_1f7b75a7-43ff-2743-2bf1-ec1161bcfd1f-8822c529 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90ac-8822c529, #w-node-_5936e3c8-e88b-72da-ce92-2fef5fbf90fd-8822c529 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8eab334a-2d21-ca93-7ed6-5e8057c12090-f84b3113 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_55cbe72d-d357-2b91-8d17-ef5bdee938fd-f84b3113 {
    grid-row: span 2 / span 2;
  }

  #w-node-_4a37c895-79a6-4396-5d8b-0e38c7c7cb22-e227f2f4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a101cd89-d8da-5714-8e14-b7b915865c18-750be4ae {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-a101cd89-d8da-5714-8e14-b7b915865c19-750be4ae {
    grid-row: span 2 / span 2;
  }

  #w-node-_4e88f137-01e1-a2c1-cdf9-4ea2d8d4899e-04d8c3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-db1ae73c-5a7b-3c08-0bfc-32a6e82333a9-04d8c3d3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eb1f8016-e30e-f3d5-cfa2-f70c4e91b7eb-04d8c3d3, #w-node-ef72b7ea-0b64-845d-0fd7-76a3c4bc219f-04d8c3d3, #w-node-_4f98cd93-9e33-4b3c-5d26-e3adff1a3801-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_7fae5745-2ce3-7432-e6c3-9db861d07ada-04d8c3d3 {
    grid-template-rows: minmax(auto, 1fr);
    grid-template-columns: 1fr;
  }

  #w-node-b7dc0c85-288a-9283-e0b7-c615cb676deb-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_69272bb2-bd4d-c139-6952-bdb60a5a3d2d-04d8c3d3, #w-node-_1b78f105-3dc8-9586-fb1c-1056780cdb98-04d8c3d3, #w-node-b2d9ce44-939f-5862-f2b7-c3063df32e07-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3e9bfb18-bddd-e29a-dc65-334693d738f2-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-f8a8047c-fd00-f244-3b1a-77674b2b02ed-04d8c3d3, #w-node-_6412a082-e5f4-c19e-0484-cf1c69c976e0-04d8c3d3, #w-node-_6412a082-e5f4-c19e-0484-cf1c69c976f7-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6412a082-e5f4-c19e-0484-cf1c69c97709-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-_6412a082-e5f4-c19e-0484-cf1c69c97720-04d8c3d3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f56-9a360f42 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_3d28b6be-00a3-58f2-8c40-6ee3acba6f7e-9a360f42 {
    order: -9999;
    grid-row: span 2 / span 2;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b1f9-cecaa3cc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-e41c8fc3-cb1e-e17c-721f-73c3ad41b201-cecaa3cc {
    grid-row: span 2 / span 2;
  }

  #w-node-_88aa079b-1e2a-4058-b8ad-55e1da8b48a0-cecaa3cc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0d2451da-c384-245e-b355-90167ae18538-1f263345 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0d2451da-c384-245e-b355-90167ae18539-1f263345 {
    grid-row: span 2 / span 2;
  }

  #w-node-_43add235-235a-1409-7ad9-b0907043abaf-eed23888 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_43add235-235a-1409-7ad9-b0907043abb0-eed23888 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121a9b-81ca3c8a {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_9ab9f6de-aff5-eff7-8c9f-cccb72121aa3-81ca3c8a {
    grid-row: span 2 / span 2;
  }

  #w-node-dc4bda62-e15a-f893-181b-a9a2a0baf042-81ca3c8a, #w-node-_04fb5a88-a1a7-9143-71fc-7bfc04e817cd-81ca3c8a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto;
  }

  #w-node-_754e21e4-385c-0a95-358e-258cee742282-81ca3c8a {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-_754e21e4-385c-0a95-358e-258cee742284-81ca3c8a {
    order: -9999;
  }

  #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a44e-b6004e8b {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-c1d1aba4-a6c7-b8fe-9e4d-b2de3b04a455-b6004e8b {
    grid-row: span 2 / span 2;
  }

  #w-node-_2e794d97-54cf-1987-e5ec-7f8dc93d9efb-b6004e8b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcc-b6004e8b {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_759d6aad-fca9-0996-1dbd-4461be68fbcd-b6004e8b, #w-node-fdc70a7b-a548-3d12-6e25-3c1b7c4a86c5-b6004e8b {
    grid-row: span 2 / span 2;
  }

  #w-node-_4a397f97-cd61-e861-9a33-8aa58579da1d-b6004e8b {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-_4a397f97-cd61-e861-9a33-8aa58579da26-b6004e8b {
    order: -9999;
  }

  #w-node-ad14d4b8-d75f-fc2b-8b84-7eceaa982275-b6004e8b {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-ad14d4b8-d75f-fc2b-8b84-7eceaa982291-b6004e8b {
    order: -9999;
  }

  #w-node-ab9c038b-ba2c-0e48-e728-e18023f2094d-8a03e548 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_71789341-cbc6-fce2-b5bd-56f4bd8357d9-874400ee {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-a333159b-5d2b-cb44-7be9-c6170031dd33-874400ee {
    grid-row: span 2 / span 2;
  }

  #w-node-_04f9c229-bd06-b451-98da-dfd6f782c004-7738ca3c, #w-node-d16565ac-466d-7be1-d79c-3c4eb94fa517-7738ca3c {
    display: none;
  }

  #w-node-b7dc0c85-288a-9283-e0b7-c615cb676deb-7738ca3c {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-fbc3ee2c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-fbc3ee2c {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-8d6c62f6 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-8d6c62f6 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9fe7648a-12d8-3fb8-60ce-aedfe2547aca-5d85b1cc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-88a770eb {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-88a770eb {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-b494d751 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-b494d751 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-70de9cbe {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-70de9cbe {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-4d09dd68 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-4d09dd68 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-ce73ea90 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-ce73ea90 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-1bbf4705 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-1bbf4705 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3912a5fb {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3912a5fb {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2bb515e5 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2bb515e5 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-412b20d3 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-412b20d3 {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-9464dd9f {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-9464dd9f {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94f1b75a {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94f1b75a {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-94682efc {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-94682efc {
    grid-row: span 2 / span 2;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-3c4fbf2c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-3c4fbf2c {
    grid-row: span 2 / span 2;
  }

  #w-node-c8c0e566-ef36-d514-f527-7385d92ea399-3c4fbf2c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c92-2ebf8911 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-d4043a64-a3ab-3b86-1422-ea2295080c96-2ebf8911 {
    grid-row: span 2 / span 2;
  }

  #w-node-_04f9c229-bd06-b451-98da-dfd6f782c004-b5e93483, #w-node-d16565ac-466d-7be1-d79c-3c4eb94fa517-b5e93483 {
    display: none;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-8974d94d {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-8974d94d {
    grid-row: span 2 / span 2;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbc3-0efaa026 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-fa7cd106-8b93-dee0-4ea4-661f6aaddbca-0efaa026 {
    grid-row: span 2 / span 2;
  }

  #w-node-a6f767b4-0e63-dc7d-7d9e-e1b2382cc6be-32920933, #w-node-b207f24b-b684-bf7e-a177-6c58c36d32e3-32920933, #w-node-_1bfc4839-2081-3308-47db-f09f5750ea3c-32920933, #w-node-f2a8caee-4ef8-c556-e715-99d25dc12d40-32920933 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-32920933, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-32920933 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d6f-cb892b82 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_979e2bde-411e-d73f-dd3e-fa004a461d78-cb892b82 {
    grid-row: span 2 / span 2;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-bce28fe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-bce28fe7 {
    grid-row: span 2 / span 2;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92c1-520edbe5 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-ef064f3b-2be1-cc18-3044-2acb3adf92cd-520edbe5 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-bd7c6a56 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-bd7c6a56 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-1673579c {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-1673579c {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dcee8f75 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dcee8f75 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-33cf0c44 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-33cf0c44 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-7c81a4ac {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-7c81a4ac {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-0c07c603 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-0c07c603 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f32328a-dac9f351 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_8df631f1-d633-6250-abe8-33857f323294-dac9f351 {
    grid-row: span 2 / span 2;
  }

  #w-node-b9b54208-3129-1605-03c9-2f12bbba053a-6b68d09d, #w-node-_01cafa3f-00f4-db2d-5c5f-2eaf4e297602-6b68d09d, #w-node-_6c57082d-3e01-49ac-ff9d-cc9da370a364-6b68d09d, #w-node-_77505ba0-6ef3-2baf-2c4a-baf440c7bcec-6b68d09d, #w-node-da71680e-4049-69d7-b83c-e5941346feba-6b68d09d, #w-node-c6950e91-2201-53bd-7e1b-b612dbafc136-6b68d09d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8e-6b68d09d {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_906720ae-a063-63fc-f2b6-3de1dac83e8f-6b68d09d, #w-node-_906720ae-a063-63fc-f2b6-3de1dac83ebb-6b68d09d {
    grid-row: span 2 / span 2;
  }

  #w-node-_60d92f9a-98d3-da3a-028a-e88328d77c3a-6b68d09d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_14a6c9ad-0462-b360-e0b2-0788da3475a4-889c18e8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_52a25a53-f3d6-f233-9574-b1089493ba03-889c18e8 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fd97351e-b280-26ed-8ce3-f1542915bb10-889c18e8, #w-node-_536b8772-086e-9d2e-e268-643695159af1-889c18e8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8962dcc9-4874-66ce-d546-89b5b545c3f3-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c413-889c18e8, #w-node-_8962dcc9-4874-66ce-d546-89b5b545c434-889c18e8, #w-node-_943aa086-7756-7b43-8f92-7398e8d55e7e-889c18e8, #w-node-_394e973d-02fb-f302-2e3b-879395662eb4-889c18e8 {
    order: -9999;
  }

  #w-node-_738231f7-7242-8262-975e-c0c68e8e9235-889c18e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b32bad82-8635-ab70-9cf2-0facaa40e4b7-889c18e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b32bad82-8635-ab70-9cf2-0facaa40e4c1-889c18e8, #w-node-b32bad82-8635-ab70-9cf2-0facaa40e526-889c18e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8eab334a-2d21-ca93-7ed6-5e8057c12090-2e63396d {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_55cbe72d-d357-2b91-8d17-ef5bdee938fd-2e63396d {
    grid-row: span 2 / span 2;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7da7-66a2589f {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_5203b44e-3d18-7368-be36-8e1da39b7db1-66a2589f {
    grid-row: span 2 / span 2;
  }

  #w-node-_01598d61-b8a9-aab9-906d-3e88e8cd3702-66a2589f, #w-node-_6196caec-0807-6663-89a7-b424db5c9da8-21dd4df6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_28169da0-1b4a-fc90-3b3b-7e75e58e0dd2-79d44952, #w-node-ca3574bf-c3cf-6614-c7a9-adfb3cfebcf3-79d44952, #w-node-_1ecbb18c-b8d5-2a1f-f762-cb2b912ef3d1-79d44952, #w-node-_3bcc0ca2-b9d3-d3d7-18d6-61ad935a23ed-79d44952, #w-node-d0dd5ab8-1247-709f-a609-d18cf19ffb47-79d44952, #w-node-d0dd5ab8-1247-709f-a609-d18cf19ffb48-79d44952, #w-node-cd9c8cd7-6c38-a824-7fcc-120f863065f8-79d44952, #w-node-_64b5e065-e1e9-2569-7d0d-424a3e375b09-79d44952, #w-node-_64b5e065-e1e9-2569-7d0d-424a3e375b0a-79d44952, #w-node-_1427e4e0-0882-83e3-249b-c897c3ab770f-79d44952, #w-node-_399977c1-59f4-f680-541b-a3bf85052f16-79d44952, #w-node-_399977c1-59f4-f680-541b-a3bf85052f17-79d44952, #w-node-_764e8504-6f19-5869-4d47-9ee86a9dbf37-79d44952 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b687-e5555afa {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_47e7dd60-9904-d8d1-11c1-a6a4a688b689-e5555afa {
    grid-row: span 2 / span 2;
  }

  #w-node-d38a5a79-2627-1697-cd8a-06cee2606892-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068a1-397db67e, #w-node-d38a5a79-2627-1697-cd8a-06cee26068b1-397db67e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785100-397db67e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d4d2afb9-5f2d-a4ff-4cfa-0c50ca785306-397db67e, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c637e-e3a345dd, #w-node-f3b68a15-2efd-e48a-2f94-0bf94c0c638e-e3a345dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18c39158-c9b4-7786-4ed8-c56014d55750-885b8632, #w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-4d047482 {
    align-self: end;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-4d047482, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-4d047482 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef8313-4d047482 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-b958145e {
    align-self: end;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-b958145e, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-b958145e, #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef8313-b958145e, #w-node-_3eb03378-e18d-acd5-cb81-7decfaec0742-132a11a4, #w-node-_94d72586-6fd3-c0a6-35e7-de956653b7c6-132a11a4, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef46-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef55-c27b26be, #w-node-_7b01daaf-4686-71f7-600e-a1878230ef65-c27b26be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_952e7e58-e38a-01f9-e1d8-bff5f0fb8670-4d16401b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e2d62167-a7ab-db6f-a57d-da510c8ae496-36f4addf, #w-node-_92b792bc-51ec-4505-1607-2a351d8417d9-36f4addf, #w-node-_27d94075-abda-cef3-84f9-a927f5b4efe3-36f4addf, #w-node-_67a526f1-4334-6df8-9210-4386b1b60f5f-36f4addf, #w-node-_6ca8a682-93d4-ee4e-1916-84a77ad255f3-36f4addf, #w-node-_54d1a927-1e30-841e-295b-c808fb977d6f-36f4addf, #w-node-fccf83c8-2965-9d22-b2da-140aca0d73c0-36f4addf, #w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5c-36f4addf, #w-node-_8e854194-59b7-5f37-7506-f1e87dfba4f3-36f4addf {
    justify-self: start;
  }

  #w-node-_6ca6ce3d-a34a-74b1-3fe9-fa536b66d769-c4a531d8 {
    align-self: end;
  }

  #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c88-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1c97-c4a531d8, #w-node-_2b51ee90-dc92-fdcc-50c2-d334ec0a1ca7-c4a531d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f99bc01c-2a4d-6054-8b72-f0ccc7ef8313-c4a531d8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e2d62167-a7ab-db6f-a57d-da510c8ae496-02bdb8d9, #w-node-_1891e599-d56d-b3d8-625f-ae85f28e669d-02bdb8d9, #w-node-_48834802-4c16-8d16-3733-750bb7cf402a-02bdb8d9, #w-node-_67a526f1-4334-6df8-9210-4386b1b60f5f-02bdb8d9, #w-node-_6ca8a682-93d4-ee4e-1916-84a77ad255f3-02bdb8d9, #w-node-_54d1a927-1e30-841e-295b-c808fb977d6f-02bdb8d9, #w-node-fccf83c8-2965-9d22-b2da-140aca0d73c0-02bdb8d9, #w-node-_3763095b-4b3d-0987-ae41-ad3d34760a5c-02bdb8d9, #w-node-_8e854194-59b7-5f37-7506-f1e87dfba4f3-02bdb8d9 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}