:root {
  --white: white;
  --_font-family---primary-font: "Helvetica neue", Arial, sans-serif;
  --paragraph-color: #6f6f6f;
  --_typography---fs-16: 16px;
  --_line-height---lh-140: 140%;
  --_font-weight---regular: 400;
  --_letter-speacing---ls-0-16: -.16px;
  --primary-color: #0f0f0f;
  --_typography---fs-70: 70px;
  --_line-height---lh-100: 100%;
  --_letter-speacing---ls-2-1: -2.1px;
  --_typography---fs-50: 50px;
  --_letter-speacing---ls-1-5: -1.5px;
  --_typography---fs-28: 28px;
  --_letter-speacing---ls-0-28: -.28px;
  --_typography---fs-14: 14px;
  --_font-weight---medium: 500;
  --_gap---gap-20: 20px;
  --black: black;
  --red: #e05a4a;
  --transparent: transparent;
  --_line-height---lh-120: 120%;
  --_gap---gap-160: 160px;
  --_gap---gap-60: 60px;
  --_gap---gap-0: 0px;
  --_gap---gap-40: 40px;
  --_gap---gap-30: 30px;
  --_line-height---lh-150: 150%;
  --_gap---gap-100: 100px;
  --_line-height---lh-110: 110%;
  --background: #f2f1fe;
  --_gap---gap-140: 140px;
  --support-color: #feeaea;
  --_gap---gap-26: 26px;
  --_typography---fs-24: 24px;
  --_letter-speacing---ls-0-24: -.24px;
  --_gap---gap-16: 16px;
}

body {
  background-color: var(--white);
  font-family: var(--_font-family---primary-font);
  color: var(--paragraph-color);
  font-size: var(--_typography---fs-16);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-16);
}

h1 {
  color: var(--primary-color);
  font-size: var(--_typography---fs-70);
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-2-1);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  color: var(--primary-color);
  font-size: var(--_typography---fs-50);
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  color: var(--primary-color);
  font-size: var(--_typography---fs-28);
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-28);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  letter-spacing: var(--_letter-speacing---ls-0-16);
  margin-bottom: 0;
}

a {
  color: var(--primary-color);
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---medium);
  text-decoration: none;
  display: inline-block;
}

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

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

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

.navbar {
  padding-top: var(--_gap---gap-20);
  padding-bottom: var(--_gap---gap-20);
  background-color: var(--primary-color);
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  max-width: 1870px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

.nav-button-wrap {
  display: flex;
}

.nav-menu-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--white);
  line-height: var(--_line-height---lh-100);
  letter-spacing: var(--_letter-speacing---ls-0-28);
  background-color: #1c1c1c;
  border-radius: 4px;
  padding: 18px 26px;
  transition: background-color .4s;
}

.nav-link:hover {
  background-color: var(--red);
}

.nav-link.w--current {
  color: var(--white);
}

.section {
  padding-top: var(--_gap---gap-160);
  padding-bottom: var(--_gap---gap-160);
}

.section.hero {
  padding-bottom: var(--_gap---gap-60);
  background-image: url("https://cdn.prod.website-files.com/69a383da85e66ee895f54f13/69a383da85e66ee895f54f21_Hero%20BG%20Image_compressed.webp");
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.section.partner {
  padding-top: var(--_gap---gap-0);
  padding-bottom: var(--_gap---gap-0);
}

.section.case {
  padding-bottom: var(--_gap---gap-0);
}

.section.website {
  padding-top: var(--_gap---gap-0);
  padding-bottom: var(--_gap---gap-0);
}

.section.footer {
  padding-bottom: var(--_gap---gap-40);
  background-image: url("https://cdn.prod.website-files.com/69a383da85e66ee895f54f13/69a383da85e66ee895f54f37_Footer%20BG.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.primary-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  line-height: var(--_line-height---lh-100);
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 30px;
  display: flex;
  overflow: hidden;
}

.primary-button.red {
  border: 1px solid var(--red);
  background-color: var(--red);
  color: var(--primary-color);
  border: 1px solid var(--red);
  background-color: var(--red);
  padding-top: 17px;
  padding-bottom: 17px;
}

.primary-btn-dot-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.primary-btn-dot {
  background-color: var(--black);
  border-radius: 999px;
  width: 6px;
  height: 6px;
}

.primary-btn-dot._01.red {
  background-color: var(--primary-color);
  background-color: var(--primary-color);
}

.primary-btn-dot._02 {
  z-index: -1;
  position: absolute;
}

.primary-btn-dot._02.red {
  background-color: var(--white);
  background-color: var(--white);
}

.primary-btn-text {
  z-index: 2;
  position: relative;
}

.hero-wrapper {
  max-width: 1294px;
}

.hero-flex-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-right-wrap {
  max-width: 835px;
}

.hero-number {
  color: #ffffffb3;
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-150);
  letter-spacing: var(--_letter-speacing---ls-0-16);
}

.hero-top-flex-wrap {
  grid-column-gap: var(--_gap---gap-100);
  grid-row-gap: var(--_gap---gap-100);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-top-left-wrap {
  max-width: 480px;
}

.hero-iphone-wrap {
  width: 100%;
  max-width: 144px;
}

.hero-title {
  background-image: linear-gradient(107deg, var(--white) 36%, #aaa 56%, var(--white) 76%);
  line-height: var(--_line-height---lh-110);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-details {
  margin-top: var(--_gap---gap-30);
  margin-bottom: var(--_gap---gap-40);
  color: #ffffffb3;
  line-height: var(--_line-height---lh-150);
}

.hero-button-wrap {
  grid-column-gap: var(--_gap---gap-20);
  grid-row-gap: var(--_gap---gap-20);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-tricker-wrap {
  margin-top: var(--_gap---gap-100);
  margin-bottom: var(--_gap---gap-40);
  opacity: .4;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-tricker-img._01 {
  z-index: 1;
}

.hero-tricker-img._02 {
  z-index: 1;
  position: absolute;
}

.hero-tricker-img._03 {
  position: absolute;
}

.hero-btm-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 604px;
  display: flex;
}

.hero-btm-title {
  color: var(--white);
  font-size: var(--_typography---fs-16);
  line-height: var(--_line-height---lh-150);
  font-weight: var(--_font-weight---medium);
}

.hero-btm-details {
  color: #ffffffb3;
  line-height: var(--_line-height---lh-150);
}

.hero-tricker-wrapper {
  margin-top: 80px;
}

.hero-img-tricker-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.hero-single-tricker, .hero-tricker-image-wrap {
  display: flex;
}

.hero-tricker-image-wrap._01, .hero-tricker-image-wrap._02, .hero-tricker-image-wrap._01, .hero-tricker-image-wrap._02 {
  flex: none;
}

.hero-tricker-image {
  z-index: 1;
  object-fit: cover;
  border-radius: 8px;
  width: 520px;
  max-width: 100%;
  height: 360px;
}

.hero-tricker-image._02 {
  max-width: 230px;
  margin-right: 10px;
}

.hero-tricker-image._01 {
  flex: none;
  margin-right: 10px;
}

.contact-wrapper {
  width: 100%;
  max-width: 920px;
}

.contact-top-wrap {
  grid-column-gap: var(--_gap---gap-30);
  grid-row-gap: var(--_gap---gap-30);
  flex-flow: column;
  display: flex;
}

.contact-title {
  max-width: 466px;
}

.contact-details {
  max-width: 544px;
}

.contact-wrap {
  margin-top: var(--_gap---gap-60);
}

.contact-form-block {
  margin-bottom: 0;
}

.contact-form {
  grid-column-gap: var(--_gap---gap-20);
  grid-row-gap: var(--_gap---gap-20);
  flex-flow: column;
  display: flex;
}

.contact-single-wrapper {
  grid-column-gap: var(--_gap---gap-20);
  grid-row-gap: var(--_gap---gap-20);
  display: flex;
}

.contact-single-wrap {
  width: 100%;
}

.contact-single-title {
  color: var(--primary-color);
  line-height: var(--_line-height---lh-150);
  font-weight: var(--_font-weight---regular);
  margin-bottom: 10px;
}

.contact-text-field {
  border: 1px solid var(--background);
  background-color: var(--background);
  color: var(--primary-color);
  font-size: var(--_typography---fs-16);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---regular);
  border-radius: 4px;
  height: auto;
  margin-bottom: 0;
  padding: 16px 20px;
}

.contact-text-field:focus {
  border-color: var(--primary-color);
}

.contact-text-field::placeholder {
  color: #6f6f6f99;
}

.contact-select-field {
  background-color: var(--transparent);
  color: #6f6f6f99;
  border: 1px #000;
  height: auto;
  margin-bottom: 0;
  padding: 0;
}

.contact-submit-button {
  background-color: var(--red);
  color: var(--primary-color);
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---medium);
  letter-spacing: var(--_letter-speacing---ls-0-28);
  border-radius: 4px;
  padding: 15px;
  transition: all .4s;
}

.contact-submit-button:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.partner-bg-wrap {
  padding-top: var(--_gap---gap-140);
  padding-bottom: var(--_gap---gap-140);
  background-color: var(--support-color);
  margin-left: 10px;
  margin-right: 10px;
}

.partner-wrapper {
  max-width: 738px;
}

.partner-details {
  margin-top: var(--_gap---gap-26);
  margin-bottom: var(--_gap---gap-40);
  color: var(--paragraph-color);
}

.partner-btn-wrap {
  display: flex;
}

.faq-wrapper {
  max-width: 1110px;
}

.faq-title {
  line-height: var(--_line-height---lh-120);
  max-width: 492px;
}

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

.faq-wrap {
  margin-top: var(--_gap---gap-60);
}

.faq-answer-wrap {
  overflow: hidden;
}

.faq-question {
  color: var(--primary-color);
  font-size: var(--_typography---fs-24);
  line-height: var(--_line-height---lh-110);
  font-weight: var(--_font-weight---regular);
}

.faq-icon {
  width: 24px;
  height: 24px;
}

.faq-icon._02 {
  position: absolute;
}

.faq-question-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-single-wrap {
  padding-bottom: var(--_gap---gap-30);
  cursor: pointer;
  border-bottom: 1px solid #00000014;
}

.faq-icon-wrap {
  aspect-ratio: 1;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.faq-answer {
  margin-top: var(--_gap---gap-20);
  color: var(--paragraph-color);
  font-size: var(--_typography---fs-16);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-16);
  max-width: 1020px;
}

.faq-flex-wrap {
  grid-column-gap: var(--_gap---gap-26);
  grid-row-gap: var(--_gap---gap-26);
  flex-flow: column;
  display: flex;
}

.faq-line {
  background-color: #00000014;
  width: 100%;
  height: 1px;
}

.faq-button-wrap {
  margin-top: var(--_gap---gap-60);
  display: flex;
}

.partnership-wrapper {
  max-width: 1200px;
}

.partnership-grid-wrap {
  margin-top: var(--_gap---gap-60);
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.partnership-card-wrap {
  padding: var(--_gap---gap-100) var(--_gap---gap-60);
  background-color: var(--red);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partnership-number {
  color: var(--primary-color);
  font-size: 150px;
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: -9px;
}

.partnership-review-text {
  margin-top: 12px;
  margin-bottom: var(--_gap---gap-30);
  color: var(--primary-color);
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-110);
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.together-text {
  color: var(--primary-color);
  font-size: var(--_typography---fs-24);
  line-height: var(--_line-height---lh-120);
  font-weight: var(--_font-weight---regular);
  text-align: center;
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.partnership-item-wrap {
  border-left: 1px solid var(--support-color);
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.partnership-title-wrap {
  max-width: 933px;
}

.partnership-item-btm-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partnership-author-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.partnership-author-name {
  color: var(--primary-color);
  font-size: var(--_typography---fs-24);
  line-height: var(--_line-height---lh-120);
  font-weight: var(--_font-weight---regular);
}

.partnership-date {
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-140);
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.what-flex-wrap {
  grid-column-gap: var(--_gap---gap-30);
  grid-row-gap: var(--_gap---gap-30);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.what-right-wrap {
  flex-flow: column;
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.what-right-top-wrap {
  max-width: 863px;
}

.what-right-content-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.what-image-wrap {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.what-image._04, .what-image._05, .what-image._05, .what-image._04 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.what-image._01 {
  z-index: 4;
  position: relative;
}

.what-image._02 {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.what-image._03 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.what-image._04, .what-image._05, .what-image._05, .what-image._04 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.what-number-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--primary-color);
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.what-number-dot {
  background-color: var(--white);
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.what-number {
  color: var(--white);
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---medium);
}

.what-item-title {
  margin-top: var(--_gap---gap-40);
  margin-bottom: var(--_gap---gap-20);
}

.what-button-wrap {
  margin-top: var(--_gap---gap-40);
}

.what-flex-item-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.website-video-wrap {
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.case-flex-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case-content-wrap {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.case-grid-wrap {
  margin-top: var(--_gap---gap-60);
  grid-column-gap: var(--_gap---gap-40);
  grid-row-gap: var(--_gap---gap-40);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-card-wrap {
  border-left: 1px solid #00000014;
  padding-left: 20px;
}

.case-card-title {
  font-size: var(--_typography---fs-24);
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-24);
}

.case-card-sub-title {
  margin-top: var(--_gap---gap-40);
  color: var(--primary-color);
  margin-bottom: 10px;
}

.case-card-details {
  color: var(--paragraph-color);
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---regular);
}

.case-card-button {
  margin-top: var(--_gap---gap-26);
  display: flex;
}

.case-button {
  height: 20px;
  overflow: hidden;
}

.case-btn-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-btn-arrow {
  font-size: 20px;
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-16);
}

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

.footer-flex-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-right-wrap {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1150px;
  display: flex;
}

.mind-wap {
  max-width: 345px;
}

.mind-title {
  color: var(--white);
  font-size: var(--_typography---fs-24);
  line-height: var(--_line-height---lh-120);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.mind-details {
  margin-top: var(--_gap---gap-20);
  margin-bottom: var(--_gap---gap-60);
  color: var(--white);
  font-size: 20px;
  line-height: var(--_line-height---lh-140);
  font-weight: var(--_font-weight---regular);
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.mind-social-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-social-link {
  background-color: var(--transparent);
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.blog-social-icon {
  width: 24px;
  height: 24px;
}

.footer-all-menu-wrap {
  grid-column-gap: var(--_gap---gap-40);
  grid-row-gap: var(--_gap---gap-40);
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 563px;
  display: flex;
}

.footer-menu-wrap {
  grid-column-gap: var(--_gap---gap-100);
  grid-row-gap: var(--_gap---gap-100);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.footer-single-wrap {
  grid-column-gap: var(--_gap---gap-30);
  grid-row-gap: var(--_gap---gap-30);
  flex-flow: column;
  display: flex;
}

.footer-single-title {
  color: #cacaca;
  letter-spacing: var(--_letter-speacing---ls-0-28);
}

.footer-single-menu-wrap {
  grid-column-gap: var(--_gap---gap-20);
  grid-row-gap: var(--_gap---gap-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-menu-link {
  font-family: var(--_font-family---primary-font);
  color: var(--white);
  font-size: 20px;
  line-height: var(--_line-height---lh-100);
  font-weight: var(--_font-weight---regular);
  letter-spacing: -.4px;
  transition: color .4s;
}

.footer-menu-link:hover, .footer-menu-link.w--current {
  color: var(--red);
}

.footer-location-text {
  color: var(--white);
  max-width: 203px;
}

.learn-button {
  background-color: var(--black);
  line-height: var(--_line-height---lh-100);
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  padding: 17px 30px;
  transition: all .4s;
}

.learn-button:hover {
  background-color: var(--white);
  color: var(--primary-color);
}

.service-height-wrap {
  height: 400vh;
}

.service-sticky-wrap {
  position: sticky;
  top: 120px;
}

.service-flex-wrap {
  grid-column-gap: var(--_gap---gap-60);
  grid-row-gap: var(--_gap---gap-60);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1106px;
  display: flex;
}

.service-left-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 430px;
  display: flex;
  position: relative;
}

.service-right-wrap {
  width: 100%;
  max-width: 600px;
}

.service-phone-image {
  z-index: 9;
  width: 100%;
  max-width: 346px;
  position: relative;
}

.service-right-top-wrap {
  grid-column-gap: var(--_gap---gap-16);
  grid-row-gap: var(--_gap---gap-16);
  flex-flow: column;
  display: flex;
}

.service-right-details {
  color: var(--paragraph-color);
  max-width: 548px;
}

.service-right-line {
  margin-top: var(--_gap---gap-40);
  background-color: #00000040;
  background-image: linear-gradient(120deg, #00000040, #fff);
  width: 720px;
  height: 1px;
  margin-left: -120px;
}

.service-single-wrap {
  grid-column-gap: var(--_gap---gap-20);
  grid-row-gap: var(--_gap---gap-20);
  flex-flow: column;
  width: 100%;
  max-width: 410px;
  display: flex;
}

.service-btm-height-wrap {
  padding-top: var(--_gap---gap-60);
  height: 460px;
  position: relative;
  overflow: hidden;
}

.service-single-title {
  line-height: var(--_line-height---lh-120);
}

.service-single-details {
  color: var(--paragraph-color);
}

.service-all-single-wrap {
  grid-column-gap: var(--_gap---gap-60);
  grid-row-gap: var(--_gap---gap-60);
  flex-flow: column;
  display: flex;
}

.service-btm-bg {
  background-image: linear-gradient(#0000 14%, #fff 69%);
  height: 150px;
  position: absolute;
  inset: auto 0% 0%;
}

.service-btm-bg.top {
  inset: 0% 0% auto;
  background-image: linear-gradient(0deg, #0000, #fff 78%);
  height: 50px;
  inset: 0% 0% auto;
}

.case-left-wrap {
  grid-column-gap: var(--_gap---gap-16);
  grid-row-gap: var(--_gap---gap-16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 105px;
  display: flex;
  position: sticky;
  top: 140px;
}

.case-item-wrap {
  color: var(--paragraph-color);
  display: inline-flex;
}

.case-item-wrap.active {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--red);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-item-title {
  font-size: var(--_typography---fs-14);
  line-height: var(--_line-height---lh-150);
  font-weight: var(--_font-weight---medium);
  letter-spacing: -.14px;
}

.case-dot {
  background-color: var(--red);
  border-radius: 999px;
  width: 6px;
  height: 6px;
}

.what-height-wrap {
  height: 400vh;
}

.what-sticky-wrap {
  position: sticky;
  top: 140px;
}

.what-wrap {
  margin-top: var(--_gap---gap-100);
}

.what-all-wrap {
  padding-top: var(--_gap---gap-100);
  grid-column-gap: var(--_gap---gap-100);
  grid-row-gap: var(--_gap---gap-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.what-left-overflow-wrap {
  grid-column-gap: var(--_gap---gap-100);
  grid-row-gap: var(--_gap---gap-100);
  flex-flow: column;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.what-left-bg {
  background-image: linear-gradient(#fff, #0000);
  width: 100%;
  height: 25px;
  position: absolute;
  inset: auto 0% 0%;
}

.what-left-bg._01 {
  background-image: linear-gradient(0deg, #fff, #0000);
}

.what-left-bg._02 {
  inset: 0% 0% auto;
}

.hero-tricker-img-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-main-wrap {
  grid-column-gap: 250px;
  grid-row-gap: 250px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-container {
  max-width: 1200px;
}

.navbar-left-wrap {
  grid-column-gap: 250px;
  grid-row-gap: 250px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partner-small-wrap {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: flex;
}

.what-content-img-wrap, .copyright-mobile-wrap {
  display: none;
}

.footer-copyright-text {
  color: var(--white);
  max-width: 203px;
}

.nav-mobile-btn {
  display: none;
}

.what-video {
  z-index: 5;
  object-fit: cover;
  width: 100%;
}

.service-phn-dynamic {
  z-index: 11;
  position: absolute;
  inset: 25px 0% auto 120px;
}

.service-phn-shap-wrap {
  border-radius: 55px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-phn-video {
  z-index: 1;
  width: 100%;
  max-width: 335px;
  height: 715px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.service-phn-video._02 {
  z-index: 4;
}

.service-phn-video._01 {
  z-index: 6;
}

.service-phn-video._05 {
  z-index: 1;
}

.service-phn-video._04 {
  z-index: 2;
}

.service-phn-video._03 {
  z-index: 3;
}

@media screen and (min-width: 1440px) {
  .website-background-video {
    min-height: 700px;
  }

  .hero-main-wrap, .navbar-left-wrap {
    grid-column-gap: 300px;
    grid-row-gap: 300px;
  }

  .partner-small-wrap {
    justify-content: flex-start;
    align-items: center;
    max-width: 1250px;
    margin-left: auto;
  }
}

@media screen and (min-width: 1920px) {
  .website-background-video {
    min-height: 900px;
  }

  .hero-main-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .small-container {
    margin-left: 420px;
  }

  .navbar-left-wrap {
    grid-column-gap: 420px;
    grid-row-gap: 420px;
  }

  .partner-small-wrap {
    margin-left: 460px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_gap---gap-20: 20px;
    --_gap---gap-160: 100px;
    --_gap---gap-60: 40px;
    --_gap---gap-0: 0px;
    --_gap---gap-40: 35px;
    --_gap---gap-30: 30px;
    --_gap---gap-100: 60px;
    --_gap---gap-140: 100px;
    --_gap---gap-26: 25px;
    --_gap---gap-16: 16px;
    --_letter-speacing---ls-0-16: -.1px;
    --_letter-speacing---ls-2-1: -1.5px;
    --_letter-speacing---ls-1-5: -1.2px;
    --_letter-speacing---ls-0-28: .2px;
    --_letter-speacing---ls-0-24: -.2px;
    --_typography---fs-16: 16px;
    --_typography---fs-70: 50px;
    --_typography---fs-50: 42px;
    --_typography---fs-28: 26px;
    --_typography---fs-14: 14px;
    --_typography---fs-24: 22px;
  }

  .nav-button-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-menu-wrap {
    grid-column-gap: var(--_gap---gap-20);
    grid-row-gap: var(--_gap---gap-20);
    background-color: var(--black);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 40px;
    overflow: auto;
  }

  .nav-link {
    background-color: var(--transparent);
    font-size: var(--_typography---fs-50);
    line-height: var(--_line-height---lh-120);
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .nav-link:hover {
    background-color: var(--transparent);
  }

  .section.hero {
    padding-top: 160px;
  }

  .primary-button {
    padding: 15px 25px;
  }

  .hero-flex-wrap {
    flex-flow: column;
  }

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

  .hero-tricker-wrapper {
    margin-top: 60px;
  }

  .hero-tricker-image {
    height: 320px;
  }

  .hero-tricker-image._02 {
    max-width: 200px;
  }

  .hero-tricker-image._01 {
    object-fit: cover;
    max-width: 300px;
  }

  .partnership-grid-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .what-right-content-wrap, .what-image-wrap {
    max-width: none;
  }

  .what-flex-item-wrap {
    grid-column-gap: var(--_gap---gap-40);
    grid-row-gap: var(--_gap---gap-40);
    flex-flow: column;
  }

  .case-flex-wrap {
    grid-column-gap: var(--_gap---gap-30);
    grid-row-gap: var(--_gap---gap-30);
    flex-flow: column;
  }

  .case-grid-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .case-card-sub-title {
    margin-top: var(--_gap---gap-30);
  }

  .footer-flex-wrap {
    grid-column-gap: var(--_gap---gap-40);
    grid-row-gap: var(--_gap---gap-40);
    flex-flow: column;
  }

  .footer-brand-img {
    width: 100px;
  }

  .footer-right-wrap {
    grid-column-gap: var(--_gap---gap-30);
    grid-row-gap: var(--_gap---gap-30);
    align-items: stretch;
    height: 100%;
  }

  .mind-wap {
    width: 100%;
    height: 100%;
  }

  .footer-all-menu-wrap {
    grid-column-gap: var(--_gap---gap-26);
    grid-row-gap: var(--_gap---gap-26);
  }

  .footer-location-text {
    max-width: 205px;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .menu-button.w--open {
    background-color: var(--transparent);
  }

  .nav-menu {
    background-color: var(--transparent);
    height: 100vh;
    overflow: auto;
  }

  .service-phone-image {
    max-width: 280px;
  }

  .service-line-image {
    width: 60px;
  }

  .service-right-line {
    width: auto;
    margin-left: 0;
  }

  .service-btm-bg.top {
    height: 30px;
  }

  .case-left-wrap.case {
    position: static;
  }

  .what-height-wrap {
    height: auto;
  }

  .what-sticky-wrap {
    position: static;
  }

  .what-all-wrap {
    padding-top: var(--_gap---gap-0);
  }

  .what-left-overflow-wrap {
    height: auto;
  }

  .what-left-bg {
    display: none;
  }

  .hero-tricker-img-wrap {
    min-width: 130px;
  }

  .hero-main-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .footer-copyright-text {
    max-width: 205px;
  }

  .nav-mobile-btn {
    margin-top: var(--_gap---gap-140);
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .service-phn-shap-wrap {
    border-radius: 47px;
  }

  .service-phn-video {
    max-width: 275px;
    height: 99%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_gap---gap-20: 15px;
    --_gap---gap-160: 80px;
    --_gap---gap-60: 50px;
    --_gap---gap-0: 0px;
    --_gap---gap-40: 30px;
    --_gap---gap-30: 25px;
    --_gap---gap-100: 50px;
    --_gap---gap-140: 80px;
    --_gap---gap-26: 20px;
    --_gap---gap-16: 16px;
    --_letter-speacing---ls-0-16: -.1px;
    --_letter-speacing---ls-2-1: -1.2px;
    --_letter-speacing---ls-1-5: -.8px;
    --_letter-speacing---ls-0-28: -.2px;
    --_letter-speacing---ls-0-24: -.2px;
    --_typography---fs-16: 16px;
    --_typography---fs-70: 42px;
    --_typography---fs-50: 36px;
    --_typography---fs-28: 24px;
    --_typography---fs-14: 14px;
    --_typography---fs-24: 20px;
  }

  .nav-menu-wrap {
    padding: 30px;
  }

  .nav-link {
    font-size: var(--_typography---fs-28);
  }

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

  .section.hero {
    padding-top: 140px;
  }

  .section.footer {
    background-position: 0%;
    background-size: auto;
  }

  .hero-flex-wrap {
    grid-column-gap: var(--_gap---gap-30);
    grid-row-gap: var(--_gap---gap-30);
  }

  .hero-top-flex-wrap {
    flex-flow: column;
  }

  .hero-top-left-wrap {
    max-width: none;
  }

  .hero-iphone-wrap {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .hero-iphone-img {
    width: 100%;
  }

  .hero-tricker-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .hero-tricker-wrapper {
    margin-top: 50px;
  }

  .hero-tricker-image {
    height: 280px;
  }

  .hero-tricker-image._02 {
    max-width: 150px;
  }

  .hero-tricker-image._01 {
    max-width: 250px;
  }

  .contact-single-wrapper {
    flex-flow: column;
  }

  .faq-question {
    line-height: var(--_line-height---lh-120);
    max-width: 90%;
  }

  .partnership-grid-wrap {
    grid-template-columns: 1fr;
  }

  .partnership-item-wrap {
    grid-column-gap: var(--_gap---gap-40);
    grid-row-gap: var(--_gap---gap-40);
    border-bottom: 1px solid var(--support-color);
    border-left-style: none;
    padding: 20px;
  }

  .partnership-title {
    line-height: var(--_line-height---lh-120);
  }

  .what-flex-wrap {
    flex-flow: column;
  }

  .what-right-content-wrap {
    max-width: none;
  }

  .what-image-wrap {
    max-width: none;
    display: none;
  }

  .what-flex-item-wrap {
    grid-column-gap: var(--_gap---gap-40);
    grid-row-gap: var(--_gap---gap-40);
    flex-flow: column;
  }

  .case-grid-wrap {
    grid-template-columns: 1fr;
  }

  .case-card-wrap {
    padding-bottom: var(--_gap---gap-20);
  }

  .footer-brand-img {
    width: 80px;
  }

  .footer-right-wrap {
    flex-flow: column;
  }

  .mind-wap {
    order: 9999;
    max-width: none;
  }

  .mind-details {
    margin-bottom: var(--_gap---gap-40);
  }

  .blog-social-link {
    width: 50px;
    height: 50px;
  }

  .footer-all-menu-wrap {
    grid-column-gap: var(--_gap---gap-40);
    grid-row-gap: var(--_gap---gap-40);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-menu-wrap {
    justify-content: space-between;
    height: 100%;
  }

  .footer-menu-link {
    letter-spacing: -.2px;
    font-size: 18px;
  }

  .footer-location-text {
    max-width: none;
  }

  .nav-btn {
    display: none;
  }

  .service-height-wrap {
    height: auto;
  }

  .service-sticky-wrap {
    position: static;
  }

  .service-flex-wrap {
    flex-flow: column;
  }

  .service-left-wrap {
    display: none;
  }

  .service-line-image {
    width: 100%;
    max-width: 60px;
  }

  .service-single-wrap {
    max-width: none;
  }

  .service-btm-height-wrap {
    height: auto;
  }

  .service-btm-bg {
    background-image: linear-gradient(0deg, #ffffffe6 55%, #0000);
    display: none;
  }

  .service-btm-bg.top {
    background-image: linear-gradient(0deg, #ffffffe6, #fff 62%);
  }

  .case-left-wrap {
    display: none;
    position: static;
  }

  .hero-tricker-img-wrap {
    min-width: auto;
  }

  .hero-tricker-img-wrap.off {
    display: none;
  }

  .what-right-content-wrapper {
    grid-column-gap: var(--_gap---gap-60);
    grid-row-gap: var(--_gap---gap-60);
    flex-flow: column;
    display: flex;
  }

  .what-content-img-wrap {
    border-radius: var(--_gap---gap-20);
    display: block;
    overflow: hidden;
  }

  .copyright-desktop-wrap {
    display: none;
  }

  .copyright-mobile-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .footer-copyright-text {
    text-align: center;
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_gap---gap-20: 15px;
    --_gap---gap-160: 60px;
    --_gap---gap-60: 30px;
    --_gap---gap-0: 0px;
    --_gap---gap-40: 25px;
    --_gap---gap-30: 20px;
    --_gap---gap-100: 40px;
    --_gap---gap-140: 60px;
    --_gap---gap-26: 20px;
    --_gap---gap-16: 15px;
    --_letter-speacing---ls-0-16: 0px;
    --_letter-speacing---ls-2-1: -1px;
    --_letter-speacing---ls-1-5: -.5px;
    --_letter-speacing---ls-0-28: 0px;
    --_letter-speacing---ls-0-24: 0px;
    --_typography---fs-16: 16px;
    --_typography---fs-70: 36px;
    --_typography---fs-50: 32px;
    --_typography---fs-28: 22px;
    --_typography---fs-14: 14px;
    --_typography---fs-24: 18px;
  }

  .nav-menu-wrap {
    padding: 25px;
  }

  .section.hero {
    padding-top: 120px;
  }

  .hero-title {
    max-width: 290px;
  }

  .hero-button-wrap {
    flex-flow: wrap;
  }

  .hero-btm-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .hero-tricker-wrapper {
    margin-top: 40px;
  }

  .hero-tricker-image {
    height: 240px;
  }

  .hero-tricker-image._02 {
    max-width: 120px;
  }

  .hero-tricker-image._01 {
    max-width: 200px;
  }

  .contact-text-field {
    padding: 15px;
  }

  .faq-question {
    width: 90%;
  }

  .faq-icon._02, .faq-icon._01, .faq-icon._02, .faq-icon._01, .faq-icon-wrap {
    width: 20px;
    height: 20px;
  }

  .partnership-item-wrap {
    padding: 15px;
  }

  .what-right-title {
    font-size: var(--_typography---fs-70);
    line-height: var(--_line-height---lh-120);
  }

  .what-button-wrap {
    margin-top: var(--_gap---gap-26);
  }

  .website-background-video {
    height: 400px;
  }

  .case-grid-wrap {
    grid-column-gap: var(--_gap---gap-60);
    grid-row-gap: var(--_gap---gap-60);
  }

  .case-card-wrap {
    padding-bottom: var(--_gap---gap-60);
  }

  .case-card-sub-title {
    margin-top: var(--_gap---gap-100);
    margin-bottom: var(--_gap---gap-30);
  }

  .footer-flex-wrap {
    grid-column-gap: var(--_gap---gap-100);
    grid-row-gap: var(--_gap---gap-100);
  }

  .footer-brand-img {
    width: 50px;
  }

  .mind-details {
    margin-top: var(--_gap---gap-40);
    margin-bottom: var(--_gap---gap-60);
    font-size: 18px;
  }

  .footer-all-menu-wrap {
    grid-template-columns: 1fr;
  }

  .footer-menu-link {
    letter-spacing: 0;
    font-size: 16px;
  }

  .menu-button {
    width: 40px;
    height: 40px;
  }

  .service-phone-image {
    max-width: none;
  }

  .service-line-image {
    display: none;
  }

  .what-all-wrap {
    grid-column-gap: var(--_gap---gap-140);
    grid-row-gap: var(--_gap---gap-140);
  }

  .nav-mobile-btn {
    margin-top: var(--_gap---gap-160);
  }
}

#w-node-cd79d726-698b-511f-0eb5-50e7f7df8e91-95f54f12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-cd79d726-698b-511f-0eb5-50e7f7df8e91-95f54f12 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cd79d726-698b-511f-0eb5-50e7f7df8e91-95f54f12 {
    grid-column: span 1 / span 1;
  }
}