@font-face {
  font-family: "Satoshi Complete 1";
  src: url('../fonts/Satoshi_Complete-1.zip') format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-BoldItalic.ttf') format("truetype"), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-HeavyItalic.ttf') format("truetype"), url('../fonts/Gilroy-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Black.ttf') format("truetype"), url('../fonts/Gilroy-Heavy.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy Extra;
  src: url('../fonts/gilroy-extra-bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Bold-Italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Light-Italic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-SemiBold-Italic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Thin-Italic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ivypresto Display;
  src: url('../fonts/IvyPresto-Display-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-ThinItalic-Trial.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-LightItalic-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Thin-Trial.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-SuperItalic-Trial.otf') format("opentype"), url('../fonts/Graphik-RegularItalic-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-BoldItalic-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Semibold-Trial.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-BlackItalic-Trial.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Black-Trial.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Light-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Medium-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Regular-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Bold-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-ExtralightItalic-Trial.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Super Trial;
  src: url('../fonts/Graphik-Super-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-Extralight-Trial.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-MediumItalic-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik Trial;
  src: url('../fonts/Graphik-SemiboldItalic-Trial.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Tusker Grotesk 4500";
  src: url('../fonts/tusker-grotesk-4500-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tusker Grotesk 6600";
  src: url('../fonts/tusker-grotesk-6600-semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tusker Grotesk 6500";
  src: url('../fonts/tusker-grotesk-6500-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #060606;
  --white: white;
  --bg-black: #000;
  --dark-accent: #021922;
  --accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>: #ca0408;
  --green: #6fe600;
  --white-main: #fafafa;
  --yellow: #fde047;
  --red: red;
  --blue: #2581eb;
  --transparent: #06060600;
  --golden: #ffb907;
}

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

body {
  color: #000;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  text-decoration: none;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
}

a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
}

li {
  line-height: 1;
}

.hero-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  text-shadow: 0 0 20px #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.paragraph {
  color: var(--black);
  letter-spacing: -.4px;
  margin-top: 7px;
  margin-bottom: 22px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.2;
}

.paragraph.special {
  color: #a1a1a1;
  margin-top: 7px;
  margin-bottom: 0;
  font-weight: 400;
}

.paragraph.special.white {
  color: #ffffffc9;
  margin-top: 12px;
}

.div-block-2 {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  background-image: linear-gradient(90deg, #000, #0000 50%, #000), linear-gradient(0deg, #060606, #0000 50%), url('../images/photo-1614854262340-ab1ca7d079c7.jpeg'), linear-gradient(to bottom, #ffffffbf, #ffffffbf), linear-gradient(194deg, var(--white), #cfcfcf);
  background-position: 0 0, 0 0, 50%, 0 0, 0 0;
  background-size: auto, auto, cover, auto, auto;
  justify-content: center;
  align-items: center;
  height: 50vh;
  padding-top: 3%;
  padding-left: 12%;
  padding-right: 12%;
  display: flex;
}

.div-block-2.home {
  z-index: 0;
  height: 64vh;
  position: relative;
}

.div-block-2.home.crm {
  height: auto;
  padding-top: 9%;
  padding-bottom: 6%;
}

.div-block-2.contact_us {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  background-color: #f8f8f8;
  background-image: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 6% 8%;
  display: flex;
}

.div-block-2.contact_us.black {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-2.contact_us.hero {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
}

.navbar {
  color: #fff;
  background-color: #ddd0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar.static {
  background-color: #fff;
  border-bottom: 1px #0000001f;
  position: static;
}

.image {
  height: 40px;
}

.container {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3 {
  justify-content: center;
  align-items: center;
  padding: 2% 3%;
  display: flex;
  position: relative;
}

.nav-link {
  margin-bottom: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.nav-link.w--current {
  color: var(--dark-accent);
  cursor: pointer;
  font-weight: 600;
}

.heading {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 45px;
  font-weight: 800;
  line-height: 1;
}

.heading.white {
  color: var(--black);
  letter-spacing: -.75px;
  font-size: 22px;
  font-weight: 800;
}

.button {
  color: #000;
  letter-spacing: -.4px;
  background-color: #fff;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.image-2 {
  width: 17px;
  padding-bottom: 3px;
}

.nav-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.link-block {
  cursor: pointer;
  margin-left: 27px;
}

.websites {
  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;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block {
  letter-spacing: -.5px;
  font-family: Inter, sans-serif;
}

.text-span {
  color: var(--accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>);
  -webkit-text-stroke-color: #06aeef00;
}

.div-block-4 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.image-3 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 14px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-3.left {
  object-position: 0% 50%;
}

.subheading {
  color: #1f1f1f;
  letter-spacing: -.25px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
}

.subheading.hero {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #c7c7c7;
  letter-spacing: -.2px;
  max-width: 700px;
  font-size: 26px;
  font-weight: 300;
}

.subheading.hero.crm {
  color: #636363;
  text-align: left;
  letter-spacing: -2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #ffffffb8;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: .95;
}

.subheading.hero.part {
  color: #fff0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffffba;
  font-size: 40px;
}

.subheading.hero.special {
  color: #3a3a3abf;
  text-align: left;
  letter-spacing: -.75px;
  align-self: stretch;
  margin-top: 6px;
  margin-bottom: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 26px;
  font-weight: 300;
}

.subheading.hero.special.listicle {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  letter-spacing: -.5px;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px 36px;
  font-family: Gilroy, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.subheading.hero.special.listicle.fwe {
  border-radius: 0;
  padding-left: 0;
  padding-right: 36px;
}

.subheading.hero.special.super-special {
  color: #3a3a3ad9;
  font-weight: 500;
}

.subheading.hero.special.smaller-bottom-margin {
  margin-bottom: 12px;
}

.subheading.hero.black {
  color: #383838;
  text-align: left;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
}

.subheading.hero.middle {
  color: #ececec;
  letter-spacing: -.2px;
  max-width: 700px;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}

.subheading.hero.nomax {
  max-width: none;
}

.subheading.hero.nomax.mobile {
  display: none;
}

.subheading.hero.nomax.desktop {
  font-family: Inter, sans-serif;
}

.subheading.hero.text-align-center.margin-bottom {
  margin-bottom: 2.1rem;
}

.subheading.white {
  opacity: .85;
  color: var(--white);
}

.main-paragraph {
  color: var(--dark-accent);
  margin-bottom: 0;
}

.main-paragraph.white {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #080808;
  text-shadow: 0 0 10px #fff;
  max-width: 700px;
  padding: 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.div-block-5 {
  z-index: 5;
  text-align: center;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 10%;
  display: flex;
  position: relative;
}

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

.div-block-5.center.smm {
  grid-column-gap: 0px;
  grid-row-gap: 7px;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/Group-374-1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 35px;
  padding-bottom: 25px;
}

.div-block-5.full-width {
  text-align: center;
  background-color: #060606;
  padding-top: 45px;
}

.div-block-6 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.div-center-vertical {
  grid-row-gap: 15px;
  color: #fff;
  background-image: linear-gradient(0deg, #ffffff12, #fff0 73%);
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  padding: 33px 42px;
  display: flex;
}

.div-block-204 {
  background-image: linear-gradient(to right, #ffffff1a 25%, #0000);
  width: 100%;
  height: 1px;
}

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

.text-block-39 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.div-block-207 {
  z-index: -1;
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.image-46 {
  filter: invert();
  width: 18px;
}

.image-47 {
  opacity: .47;
  max-height: 375px;
  position: absolute;
}

.our-team {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #69002b;
  background-image: linear-gradient(90deg, #060606c9 31%, #fff0), url('../images/3gNKBo.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-left: 8%;
  padding-right: 8%;
  display: block;
  position: relative;
  overflow: hidden;
}

.section-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-201 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10%;
  padding-bottom: 10%;
  display: flex;
  position: relative;
}

.outline-button {
  color: #334155;
  background-color: #0000;
  border: 1px solid #33415521;
  border-radius: 5px;
  padding: 14px 19px;
}

.outline-button.white {
  border-color: var(--dark-accent);
  color: var(--dark-accent);
  align-self: flex-start;
}

.section-paragraph-dark {
  color: #334155b0;
  text-align: center;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
}

.section-paragraph-dark.white {
  color: #ffffff80;
  text-align: left;
  text-align: left;
  display: block;
}

.section-paragraph-dark.white.centered {
  text-align: center;
}

.section-heading {
  letter-spacing: -2px;
  font-size: 40px;
  font-weight: 800;
}

.section-heading.smaller {
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 40px;
  font-weight: 500;
}

.div-block-205 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-206 {
  z-index: 1;
  filter: blur(150px);
  background-color: #1c81fb;
  width: 100px;
  height: 1750px;
  position: absolute;
  transform: rotate(111deg);
}

.div-block-208 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 450px;
  display: flex;
}

.div-block-209 {
  background-image: url('../images/Group-374-1.png');
  background-position: 50%;
  background-size: cover;
  padding: 35px;
  display: flex;
}

.image-48 {
  min-height: 100%;
  max-height: 450px;
}

.div-block-210 {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  justify-items: center;
  padding-top: 0;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.heading-3 {
  color: #fff;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 89px;
  font-weight: 900;
  line-height: .8;
}

.paragraph-3 {
  color: #0e0e0e;
  letter-spacing: -2px;
  text-transform: uppercase;
  vertical-align: middle;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  font-size: 50px;
  font-weight: 900;
  line-height: 50px;
  display: inline-block;
}

.list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-item {
  font-size: 26px;
  font-weight: 300;
}

.text-span-accent {
  color: var(--black);
  text-transform: uppercase;
  vertical-align: middle;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 50px;
  font-weight: 100;
}

.image-49 {
  width: 60px;
}

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

.footer4_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.footer4_social-link:hover {
  opacity: .69;
}

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

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

.company-name-logo {
  color: #1e2733;
  letter-spacing: -.5px;
  font-size: 18px;
  font-weight: 700;
}

.company-name-logo.white {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.footer {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #131313;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 8%;
  display: flex;
}

.footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  opacity: .29;
  color: #fff;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center start;
  display: grid;
}

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

.padding-vertical.padding-xxlarge {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

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

.footer4_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  color: #fff;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

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

.footer4_legal-link {
  color: var(--white);
  letter-spacing: .3px;
  font-size: 14px;
  font-weight: 200;
  text-decoration: underline;
}

.social-icon {
  opacity: .8;
  color: var(--white);
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
}

.social-icon:hover {
  opacity: 1;
}

.social-icon.invert {
  filter: invert();
  padding: 2px;
}

.footer4_logo-link {
  grid-column-gap: 10px;
  cursor: pointer;
  align-items: center;
  padding-left: 0;
  transition: all .25s;
  display: flex;
}

.footer4_logo-link:hover {
  opacity: .8;
}

.footer4_link {
  color: var(--dark-accent);
  text-align: center;
  letter-spacing: -.5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s;
}

.footer4_link:hover {
  opacity: .8;
}

.footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.footer4_credit-text {
  font-size: 14px;
  font-weight: 100;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.div-block-211 {
  background-color: #0000;
  max-height: 200px;
  position: relative;
}

.text-span-3 {
  margin-top: -40px;
  font-size: 46px;
  font-weight: 900;
  line-height: .9;
  display: block;
}

.text-span-4 {
  font-size: 102px;
  line-height: .9;
}

.div-block-212 {
  background-color: #060606;
  padding: 0 7% 45px;
}

.div-block-213 {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  background-color: #0f0f0f;
  justify-content: space-around;
  min-height: 350px;
  padding: 25px;
  display: flex;
}

.button-2 {
  background-color: var(--accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>);
  color: var(--white);
  text-align: center;
  border: 1px #fff;
  border-radius: 5px;
  width: 100%;
  margin-top: 20px;
  font-weight: 500;
}

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

.heading-4 {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
}

.heading-4.smaller {
  font-size: 33px;
  line-height: 1.1;
}

.heading-4.websites {
  letter-spacing: -2px;
  text-transform: uppercase;
  flex-flow: column;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
}

.grid-div {
  background-color: #f3f3f3;
  border-radius: 20px;
  flex: 1;
  padding: 22px;
}

.grid-div.shirt {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/us-internet-facebook-1154955595-a0f3d3b7a3204b60b3b3507830e4390f.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 3px;
  flex-direction: column;
  display: flex;
}

.grid-div.shirt.sma {
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/social-media-la-gi-1.jpg');
}

.grid-div.shirt.gh-wr {
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/darts-and-dartboard-csa-images.jpg');
}

.section-14 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding: 100px 15%;
  display: flex;
  position: relative;
  box-shadow: 0 20px 100px -10px #1c81fb3d;
}

.div-block-219 {
  opacity: .23;
  background-image: linear-gradient(to right, #141414, #fff 50%, #141414);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-220 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-10 {
  color: var(--accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>);
  text-align: center;
  font-size: 22px;
  font-weight: 800;
}

.heading-11 {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 10px;
  font-size: 42px;
  font-weight: 800;
}

.div-block-221 {
  z-index: 1;
  border: 1px solid #ffffff4d;
  border-radius: 35px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider__controller {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffffb0;
  flex: none;
  align-items: center;
  padding: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.image-56 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 0%;
  border: 1px #ffffff4d;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  position: relative;
}

.div-block-223 {
  background-image: linear-gradient(270deg, #141414, #0000);
  width: 25%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-55 {
  filter: grayscale();
  width: 25px;
}

.c-slider {
  background-color: #0000;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.section-16 {
  padding-bottom: 75px;
}

.text-block-41 {
  flex: none;
}

.slider__wrap {
  z-index: 1;
  background-image: linear-gradient(to right, #141414, #0000 15% 85%, #141414);
  padding-top: 75px;
  padding-bottom: 0;
  position: relative;
}

.div-block-222 {
  z-index: 2;
  filter: blur(250px);
  background-color: #1c81fb;
  border-radius: 5000px;
  width: 600px;
  height: 600px;
  position: absolute;
  inset: auto auto -16% -14%;
}

.div-block-222.purple {
  background-color: #6869d2;
}

.div-block-222.green {
  background-color: #5aff00;
}

.div-block-222.orange {
  background-color: #f80;
}

.controls__wrap {
  z-index: 200;
  justify-content: flex-start;
  height: 60px;
  margin-right: 10%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: scroll;
}

.slide__number {
  color: #fff;
  text-align: center;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.mask {
  padding-bottom: 75px;
}

.image__wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.h-hide {
  z-index: 20;
  width: 40px;
  height: 40px;
  display: flex;
  inset: auto 0% 10px auto;
}

.h-hide.hide {
  display: none;
}

.h-hide.left {
  z-index: 20000000;
  color: #fff;
  width: 40px;
  height: 40px;
  bottom: 10px;
  right: 40px;
}

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

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

.div-block-224 {
  grid-column-gap: 5%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1220px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.footer-link {
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #6d6d6d;
  margin-top: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.3;
  text-decoration: none;
}

.footer-link:hover {
  opacity: .63;
}

.footer-link.w--current {
  font-size: 16px;
}

.footer-category {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

.div-block-225 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-field {
  opacity: .4;
  color: #fff;
  cursor: text;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
  transition: all .25s;
}

.text-field:hover, .text-field:active {
  opacity: 1;
}

.text-field:focus {
  opacity: 1;
  border-bottom-color: #fff;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-bottom-color: #fff;
}

.text-field::placeholder {
  font-weight: 300;
}

.submit-button {
  opacity: .4;
  cursor: pointer;
  background-color: #3898ec00;
  background-image: url('../images/Vector-9.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  padding: 0;
  transition: all .2s;
  position: absolute;
  inset: auto 0% 10px auto;
}

.submit-button:hover {
  opacity: 1;
}

.form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.paragraph-11 {
  color: var(--white);
  font-size: 10px;
  line-height: 1.2;
}

.div-block-226 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.paragraph-12 {
  color: #fff;
  letter-spacing: -.3px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.paragraph-12.thinner {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 200;
  line-height: 1.2;
}

.submit-button-2021 {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001c;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
  padding: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  transition: all .25s;
  display: inline-block;
}

.submit-button-2021:hover {
  color: #fff;
  background-color: #252525;
}

.success-message-2 {
  background-color: #fff;
  background-image: url('../images/PinClipart-1-1.svg');
  background-position: 99% 100%;
  background-repeat: no-repeat;
  background-size: auto 80%;
  border: 1px solid #06bb6180;
}

.fieldlabel {
  color: #4d4d4d;
  cursor: text;
  background-color: #0000;
  border: 1px solid #0000001c;
  border-radius: 5px;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  transition: all .2s;
}

.fieldlabel:hover {
  border-color: #00000038;
}

.fieldlabel:active, .fieldlabel:focus {
  outline-offset: 0px;
  border-color: #0000;
  outline: 3px solid #cecece;
}

.fieldlabel::placeholder {
  color: #d3d3d3;
  font-weight: 300;
}

.hidden {
  display: none;
}

.grid-9 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
  padding: 3px;
  overflow: hidden;
}

.form-block-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
}

.field-label-2 {
  color: var(--dark-accent);
  text-align: left;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 400;
}

.select-field-3 {
  color: #00000059;
  background-color: #fff;
  border: 1px solid #0000000d;
  margin-right: 0;
  transition: all .2s;
  overflow: visible;
}

.select-field-3:hover {
  border-color: #2088ff80;
}

.section-17 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8%;
  display: flex;
}

.text-span-5 {
  color: var(--accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>);
}

.div-block-228 {
  align-self: flex-end;
  height: 100%;
}

.image-57.mobile {
  display: block;
}

.image-57.desktop {
  width: 26vw;
}

.image-58 {
  opacity: .25;
  filter: invert();
  width: 20px;
  transition: all .2s;
}

.image-58:hover {
  opacity: 1;
}

.div-block-229 {
  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: stretch;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
}

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

.paragraph-13 {
  margin-bottom: 0;
  font-size: 16px;
}

.success-message-3 {
  color: #fff;
  text-align: left;
  background-color: #ddd0;
  border-bottom: 1px solid #fff;
}

.image-59 {
  width: 10px;
}

.image-59.invert {
  filter: invert();
}

.body-2 {
  color: #000;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

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

.section-18 {
  flex-direction: row;
  justify-content: space-between;
  min-height: 80vh;
  padding: 0%;
  display: flex;
}

.div-block-231 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--accent-color\<deleted\|variable-781d8689-20d6-e0ef-74f5-3307133de4c3\>);
  flex-direction: column;
  justify-content: center;
  width: 35vw;
  padding: 90px 4% 4%;
  display: flex;
}

.div-block-232 {
  flex: 1;
  align-items: center;
  padding: 45px 6%;
  display: flex;
}

.form-block-3 {
  flex: 1;
}

.link-block-2 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.heading-12 {
  letter-spacing: -1px;
  border-radius: 5px;
  width: 104.086px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.heading-12.black {
  color: var(--black);
  align-self: center;
  display: block;
}

.brand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.brand.w--current {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: 1;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.brand.w--current:hover {
  opacity: .69;
}

.heading-13 {
  color: #fff;
  letter-spacing: -7px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 125px;
  font-weight: 800;
  line-height: 1;
  display: none;
}

.heading-14 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 1;
}

.paragraph-14 {
  color: #c4c4c4;
  letter-spacing: -.5px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
}

.div-block-233 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-234 {
  width: 100vw;
  height: 100vh;
}

.div-block-235 {
  background-image: url('../images/photo-1614854262340-ab1ca7d079c7.jpeg');
  background-position: 50%;
  background-size: cover;
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 100px 10%;
  display: flex;
}

.div-block-236 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-60 {
  width: 175px;
  margin: 0;
  padding: 0;
}

.heading-15 {
  color: #fff;
  letter-spacing: -2px;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 20px;
  font-family: Inter, sans-serif;
  font-size: 80px;
  font-weight: 900;
  line-height: 1;
}

.link {
  color: #eee;
  text-transform: capitalize;
  margin-bottom: 0;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.link:hover {
  color: #ffffffb0;
}

.link.reach-out {
  padding-right: 0;
}

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

.link.dark {
  color: #424242;
}

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

.div-block-237.mobile {
  display: none;
}

.text-span-6 {
  float: left;
  letter-spacing: -3px;
  font-size: 100px;
  font-weight: 700;
  line-height: .9;
}

.div-block-238 {
  box-shadow: none;
  filter: invert();
  background-image: linear-gradient(0deg, #000, #0000 15% 85%, #000), linear-gradient(90deg, #060606d9, #060606 10% 90%, #060606d9), url('../images/618c2babab8a74400dae555f_ezgif.com-gif-maker.gif');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  border-radius: 2px;
  flex: 1;
}

.div-block-239 {
  grid-column-gap: 35px;
  grid-row-gap: 80px;
  background-image: linear-gradient(0deg, #181818d9 50%, var(--bg-black)), url('../images/6-1.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  grid-auto-columns: 1fr;
  padding-top: 0%;
  padding-left: 8%;
  padding-right: 8%;
  display: grid;
}

.heading-16 {
  color: var(--white);
  text-align: left;
  letter-spacing: -1px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.1;
}

.heading-16.larger {
  color: var(--black);
  text-align: center;
  text-transform: capitalize;
  border-radius: 3px;
  padding: 0;
  font-size: 46px;
  font-weight: 400;
}

.heading-16.larger.crm {
  text-align: center;
  line-height: 1;
}

.heading-16.larger._42px {
  letter-spacing: -1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 500;
  display: flex;
}

.heading-16.larger._42px.white {
  color: var(--white);
  letter-spacing: -2px;
}

.text-span-7 {
  letter-spacing: -2px;
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
}

.text-span-7.larger {
  color: var(--white);
  letter-spacing: -1px;
  font-size: 48px;
  font-weight: 600;
}

.text-span-8 {
  letter-spacing: -7px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(0deg, #8d8d8d, #fff 50%);
  background-position: 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 100px;
  font-weight: 800;
}

.div-block-240 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding-top: 15%;
  padding-bottom: 15%;
  display: flex;
}

.text-span-9 {
  font-size: 42px;
  font-style: normal;
  font-weight: 900;
}

.text-span-10 {
  font-weight: 600;
}

.image-61 {
  border-radius: 0;
  width: 25vw;
  margin-top: 50px;
}

.text-span-11 {
  color: #fff;
  font-weight: 400;
}

.paragraph-15 {
  color: #d6d6d6;
  text-align: left;
  max-width: 600px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

.paragraph-15.list {
  color: #fff;
  letter-spacing: -.5px;
  padding: 20px 26px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.paragraph-15.list.nan {
  background-color: #0000;
}

.paragraph-15.black {
  color: #8a8a8a;
}

.text-span-12 {
  color: #fff;
  font-weight: 500;
}

.button-3 {
  color: #dadada;
  letter-spacing: -.3px;
  background-color: #ffffff0d;
  border-radius: 50px;
  padding: 14px 30px;
  font-weight: 400;
}

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

.button-3.yarp {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #afafaf;
  cursor: pointer;
  margin-top: 18px;
  margin-bottom: 0;
  font-weight: 400;
  transition: all .2s;
}

.button-3.yarp:hover {
  color: #e6e6e6;
  background-color: #5e5e5e38;
}

.button-3.yarp.mobile {
  display: none;
}

.button-3.yarp.hide {
  -webkit-backdrop-filter: invert() blur(5px);
  backdrop-filter: invert() blur(5px);
}

.button-3.yarp.narp {
  border: 2px solid var(--bg-black);
  background-color: var(--bg-black);
  color: #d3d3d3;
  letter-spacing: 0;
  font-weight: 700;
}

.button-3.yarp.narp:hover {
  background-color: var(--white);
  color: var(--black);
  border: 2px solid #eee;
}

.button-3.yarp.narp.form-hero {
  border-top-right-radius: 3px;
  margin-top: 0;
  font-weight: 600;
}

.button-3.hero {
  color: #4b4b4b;
  text-align: center;
  border: 2px solid #e6e6e6;
  font-weight: 700;
}

.button-3.special {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-19 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding: 6% 8%;
  display: grid;
}

.first_letter {
  color: #000;
  letter-spacing: -1px;
  border: 1px #000;
  font-weight: 900;
}

.first_letter._2nd {
  color: #ffaf01;
}

.first_letter._3rd {
  color: #02afff;
}

.text-block-42 {
  color: #dbdbdb;
  text-align: center;
  letter-spacing: -2px;
  background-color: #ffffff12;
  background-image: linear-gradient(#000000b0, #000000b0), radial-gradient(circle, #cf0000cf, #350000);
  border: 0 solid #dd00ff26;
  border-radius: 4px;
  padding: 38px 48px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
}

.text-block-42._2nd {
  background-color: #01ff1a12;
  background-image: radial-gradient(circle, #01ff1266, #01ff0112);
  border-color: #ffae0026;
}

.text-block-42._1st {
  background-color: #02afff12;
  background-image: radial-gradient(circle, #02afff66, #02afff12);
  border-color: #00aeff26;
}

.text-block-42._4th {
  color: #fff;
  letter-spacing: -.5px;
  background-color: #222;
  background-image: none;
  font-size: 22px;
  font-weight: 500;
}

.text-block-42.x {
  color: #707070;
  letter-spacing: -1px;
  text-transform: capitalize;
  background-color: #47474712;
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  text-decoration: none;
}

.div-block-241 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-span-13 {
  color: #000;
  letter-spacing: -.5px;
  font-size: 22px;
  font-weight: 500;
}

.text-span-13._2nd {
  color: var(--green);
}

.text-span-13._3rd {
  color: #02afff;
}

.text-span-13._1st {
  color: #fff;
  font-weight: 700;
}

.text-span-13._4th {
  color: #6e6e6e;
  letter-spacing: -.5px;
  text-decoration: none;
}

.div-block-242 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.text-span-14 {
  color: #3d3d3d;
  font-weight: 500;
}

.brand-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: 24px;
  display: flex;
}

.brand-2.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
}

.brand-2.w--current:hover {
  opacity: .4;
}

.brand-2.nav.w--current {
  opacity: .4;
  width: 100%;
}

.brand-2.nav.w--current:hover {
  opacity: 1;
}

.brand-2.smaller {
  height: 36px;
}

.list-2 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  display: flex;
}

.div-block-243 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  padding-left: 15px;
  padding-right: 30px;
  display: flex;
}

.div-block-244 {
  position: absolute;
  inset: 0%;
}

.section-20 {
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  display: flex;
}

.div-block-245 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: none;
  background-position: 0 0;
  flex-flow: column;
  width: 25%;
  padding: 40px 0 30px 30px;
  display: flex;
  position: sticky;
}

.div-block-245.mobile {
  display: none;
}

.div-block-245.desktop {
  display: flex;
}

.div-block-246 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.cat_div {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.cat_heading {
  z-index: 5;
  color: var(--black);
  letter-spacing: -1px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  background-image: linear-gradient(270deg, #0000, #fff 50%);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  position: absolute;
  inset: -15px 0% auto 5px;
}

.cat_button {
  color: #5f5f5f;
  text-align: left;
  letter-spacing: -.3px;
  background-color: #f5f5f5;
  border: 1px #fff;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.cat_button:hover {
  background-color: #c7c7c794;
}

.div-block-247 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-image: none;
  background-size: auto;
  border: 1px dashed #25252536;
  flex-flow: column;
  margin-bottom: 0;
  padding: 30px 10px 10px;
  display: flex;
  position: relative;
}

.body-4 {
  filter: blur(5px);
}

.image-62 {
  vertical-align: baseline;
  object-fit: cover;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  flex: 1;
  width: 100%;
  display: block;
}

.div-block-248 {
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.card_heading {
  letter-spacing: -1.4px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.div-block-249 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--black);
  background-color: #f8f8f8;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  flex-flow: column;
  align-items: stretch;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-16 {
  font-weight: 300;
  text-decoration: none;
}

.paragraph-16.price {
  font-size: 14px;
  font-weight: 600;
}

.text-span-15 {
  color: #5f5f5f;
  font-weight: 600;
}

.div-block-250 {
  flex: 1;
  padding: 40px 3% 3%;
}

.heading-17 {
  letter-spacing: -2px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: none;
}

.category {
  color: #7c7c7c;
  font-size: 15px;
  font-weight: 400;
}

.text-span-16 {
  color: #a0a0a0;
}

.body-5 {
  padding-top: 120px;
}

.div-block-251 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 40px;
}

.text-block-43 {
  color: #f1f1f1;
  text-align: center;
  letter-spacing: -.5px;
  max-width: 600px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
}

.text-block-43.black {
  color: #616161;
  letter-spacing: -.3px;
  max-width: 460px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.image-63 {
  z-index: 5;
  opacity: 1;
  max-width: 50vw;
  display: block;
}

.image-63.abs {
  opacity: 1;
  cursor: pointer;
  mix-blend-mode: overlay;
  display: block;
  position: absolute;
  inset: auto;
}

.image-64 {
  height: 30px;
}

.youtube {
  width: 450px;
}

.div-block-252 {
  flex: 1;
}

.image-65 {
  width: 125px;
  height: auto;
  display: block;
}

.image-65.hidden, .image-65.mobile {
  display: none;
}

.image-65.vufoewfbvgpieqw {
  max-width: 125px;
}

.div-block-253 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.button-4 {
  padding: 15px 26px;
}

.image-66 {
  width: 22px;
}

.paragraph-17 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.link-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1d56ffe8;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.link-block-3:hover {
  background-color: #445fffe8;
}

.code-embed, .div-block-257.box {
  display: none;
}

.hamburger-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.burger-line {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.hamburger-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.burger-line-2 {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.patty-box---66x56 {
  width: 66px;
  height: 56px;
  position: relative;
}

.patty-shape {
  object-position: 100% 0%;
  border-radius: 8px;
  width: 40px;
  height: 5px;
  margin-left: 13px;
  margin-right: 13px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.patty-shape.patty-line-one {
  margin-top: 14px;
}

.patty-shape.patty-line-two {
  margin-top: 26px;
}

.patty-shape.patty-line-three {
  opacity: 0;
  margin-top: 26px;
}

.patty-shape.patty-line-four {
  margin-top: 38px;
}

.nav-3-patty-color {
  color: #000;
  background-color: #000;
  height: 100%;
}

.hamburger-002_container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  cursor: pointer;
  background-color: #0000;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  transition: background-color .2s ease-in-out, padding .2s ease-in-out;
  display: none;
}

.hamburger-002_container:hover {
  background-color: #c6c6c6;
  padding-left: .25rem;
  padding-right: .25rem;
}

.hamburger-002_top-line, .hamburger-002_middle-line, .hamburger-002_bottom-line {
  background-color: #000;
  border-radius: 2px;
  align-self: stretch;
  height: 5px;
}

.div-block-259 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  display: flex;
}

.text-span-17 {
  font-size: 60px;
  font-weight: 100;
}

.heading-19 {
  letter-spacing: -1px;
}

.link-2 {
  letter-spacing: 0;
  vertical-align: baseline;
  border-bottom: 1px solid #6d6d6d;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  display: inline;
}

.link-2:hover {
  color: #adadad;
}

.div-block-260 {
  z-index: 9999;
  opacity: 1;
  background-color: #040012;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.background-video {
  z-index: 99999;
  object-fit: contain;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  overflow: visible;
}

.list-item-3 {
  background-color: #1a1a1a1a;
}

.list-item-4 {
  background-color: #222;
  border: 5px solid #dbdbdb;
  border-radius: 10px;
}

.nav-menu-2 {
  z-index: 999;
  background-color: #f3f3f3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-right: -100%;
  padding: 14% 12%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.nav-link-new {
  color: #070707;
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 12px;
  font-size: 62px;
  font-weight: 800;
  line-height: .9;
}

.text-span-18 {
  color: #d1d1d1;
}

.menu-button-2 {
  background-color: #c8c8c803;
}

.menu-button-2.w--open {
  z-index: 999;
  color: #000;
  background-color: #c8c8c800;
  padding: 32px;
}

.container-5 {
  margin-left: 0;
  margin-right: 0;
}

.navbar-2 {
  background-color: #ddd0;
  display: flex;
  position: static;
}

.icon-7 {
  font-size: 34px;
  line-height: 1;
}

.brand-3 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.container-6 {
  z-index: 9;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.image-67 {
  width: 40%;
}

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

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

.div-block-262 {
  position: absolute;
  inset: 0%;
}

.page-nav-header {
  z-index: 90;
  filter: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 40px auto auto 40px;
}

.page-nav-header.invert {
  min-height: 85px;
  padding-top: 1%;
  padding-bottom: 1%;
}

.nav-header-wrap-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 10px 10px;
  transition: opacity .2s;
  display: flex;
}

.nav-header-wrap-2:hover {
  opacity: .5;
}

.nav-header-wrap-2.w--current {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding: 0;
}

.nav-header-wrap-2.invert {
  filter: invert();
}

.nav-header-wrap-2.invert:hover {
  opacity: .5;
}

.header-logo-2 {
  object-fit: contain;
  height: 40px;
  margin-right: 0;
}

.header-logo-2.spelled {
  height: 20px;
}

.nav-menu-underline {
  background-color: #fff;
  height: 3px;
  margin-top: 10px;
}

.nav-line-1 {
  background-color: #2c2c2c;
  width: 30%;
  height: 1px;
  position: absolute;
}

.nav-line-1.light-mode {
  background-color: #b9b9b9;
}

.nav-menu-3 {
  z-index: 997;
  background-color: #000;
  background-image: linear-gradient(#000000d1, #000000d1), url('../images/Black-Chrome-Gradient-Texture-Background-7.png');
  background-position: 0 0, 20% 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: translate(-100%);
}

.social-icon-image {
  z-index: 20;
  width: 18px;
  position: relative;
}

.nav-social-text {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  transition: transform .2s;
}

.nav-social-text:hover {
  transform: translate(0, -5px);
}

.nav-links-wrap {
  z-index: 999;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 12%;
  display: flex;
  position: absolute;
  inset: 0;
}

.nav-wrapper {
  display: block;
}

.nav-social-wrap {
  z-index: 99;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.nav-header-text {
  z-index: 9999;
  color: #fff;
  letter-spacing: -2px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 62px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  position: relative;
}

.nav-menu-image {
  background-image: linear-gradient(#00000080, #00000080), url('../images/brad-8IdCSaTg_Vg-unsplash_1brad-8IdCSaTg_Vg-unsplash.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: fixed;
  inset: 0;
}

.nav-menu-image.services-2 {
  background-image: linear-gradient(#00000080, #00000080);
}

.nav-menu-image.portfolio {
  background-image: linear-gradient(#00000085, #00000085);
}

.nav-menu-image.faq {
  background-image: none;
}

.nav-menu-image.blog {
  background-image: linear-gradient(#00000080, #00000080);
}

.nav-menu-image.about {
  background-image: url('../images/Black-Chrome-Gradient-Texture-Background-7.png'), linear-gradient(#00000080, #00000080);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.nav-menu-image.contact {
  background-image: linear-gradient(#00000080, #00000080);
}

.social-icon-2 {
  opacity: .15;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 14px;
  display: flex;
}

.social-icon-2:hover {
  opacity: 1;
}

.social-icon-2.smaller {
  width: 36px;
  height: 36px;
  padding: 0;
}

.nav-text-link {
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  display: none;
}

.nav-link-2 {
  cursor: pointer;
  align-items: center;
  width: 100%;
  transition: all .2s, letter-spacing .3s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.nav-link-2:hover {
  opacity: .5;
  letter-spacing: .15rem;
}

.menu-logo-wrap {
  z-index: 999;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.nav-head-wrap {
  z-index: 10;
  border-bottom: 1px solid #9c9c9c14;
  align-self: stretch;
  width: 100%;
  margin-bottom: 10px;
  padding: 30px 0;
  position: relative;
}

.nav-button {
  z-index: 97;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #ffffff05;
  border: 2px solid #25252517;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: width .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 60px 40px auto auto;
}

.nav-button:hover {
  background-color: #2727271a;
  border-color: #222222b0;
  width: 60px;
}

.nav-button.invert {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #2929290d;
  border-color: #a7a7a717;
}

.nav-button.light {
  border-color: #1d1d1d17;
}

.menu-logo {
  width: 7rem;
}

.social-icon-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-263 {
  padding: 10px;
  position: fixed;
  inset: 1.5% 1.5% auto auto;
}

.text-block-44 {
  opacity: 1;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  inset: 0% -35px auto auto;
}

.section-22 {
  background-image: linear-gradient(180deg, #fff0, var(--black)), linear-gradient(90deg, #000000e6, #00000069 50%, #000000e6), url('../images/Liquid-Backgrounds-Vol.-01-4-Large.jpeg');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
  justify-content: center;
  align-items: center;
  padding: 150px 8%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-20 {
  color: #fff;
  text-align: center;
  letter-spacing: -5px;
  font-size: 104px;
  font-weight: 800;
  line-height: .9;
}

.div-block-266 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  display: flex;
  position: relative;
}

.text-block-45 {
  color: #c7c7c7;
  text-align: center;
  letter-spacing: -.3px;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
}

.button-5 {
  color: #fff;
  letter-spacing: -.3px;
  background-color: #ffffff12;
  border-radius: 4px;
  padding: 14px 22px;
}

.absolute-background-image {
  z-index: -5;
  opacity: .19;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.absolute-background-image.fewfw {
  opacity: .2;
  top: 25%;
}

.absolute-background-image.forward {
  z-index: 0;
  background-image: linear-gradient(#000, #0e0e0e);
}

.absolute-background-image.filter {
  z-index: -2;
}

.div-block-267 {
  width: 100%;
  max-width: 780px;
}

.div-block-268 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-span-19 {
  letter-spacing: 1px;
  font-family: Awesome Serif Var Vf;
  font-style: italic;
  font-weight: 700;
}

.div-block-269 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--black);
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: none;
}

.text-block-46 {
  letter-spacing: -.25px;
}

.link-3 {
  text-transform: capitalize;
}

.text-span-21 {
  font-weight: 500;
}

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

.heading-21 {
  color: #fff;
}

.text-container {
  background-color: #6e6e6e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-wrapper {
  cursor: crosshair;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 90vw;
  padding: 50px 30px;
  transition: background-color .1s linear;
  display: flex;
}

.text-wrapper:hover {
  color: #000;
  background-color: #eee;
}

.hacker-text {
  text-align: center;
  width: 750px;
  font-size: 10vw;
}

.h5-heading {
  color: #242424;
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

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

.process-line {
  background-color: #dfe3e7;
  width: 1px;
  height: 100%;
  position: absolute;
}

.h2-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #161616;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.6, .6, 0, 1);
}

.button-primary-small:hover {
  background-color: #8492eb;
}

.button-primary-small:active {
  background-color: #8b99f9;
}

.process-number {
  color: #fff;
  background-color: #dfe3e7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
  position: relative;
}

.title-center-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 660px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-line-progress {
  background-color: #000;
  width: 1px;
}

.process-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 16px;
  outline: 4px solid #fafafa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.process-content._758329 {
  background-color: #fff;
  justify-content: space-between;
  padding-bottom: 0;
  overflow: hidden;
}

.paragraph-medium {
  color: #0b1215;
  text-align: left;
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
}

.paragraph-medium.middle {
  text-align: center;
}

.paragraph-medium.middle.white {
  color: #ffffffe6;
  text-shadow: 0 0 13px #00000045;
  max-width: 80%;
  font-size: 22px;
  font-weight: 200;
}

.paragraph-medium.white {
  color: var(--white);
}

.paragraph-medium.bm8 {
  margin-bottom: 12px;
}

.process-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
}

.process-grid.left {
  grid-template-columns: 1fr .95fr;
}

.process-grid.right {
  grid-template-columns: .95fr 1fr;
}

.text-color-red-500 {
  color: #999;
}

.process-image {
  object-fit: cover;
  align-self: stretch;
}

.process-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.overline-regular {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.container-regular {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.container-regular.hidden {
  display: none;
}

.container-regular.absolute {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  position: absolute;
  top: auto;
  bottom: 0%;
}

.container-regular.middle-align {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  justify-content: center;
  align-items: center;
}

.container-regular.horiz {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.section-regular {
  padding: 6% 8%;
  position: relative;
  overflow: hidden;
}

.caption-regular {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.process-line-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

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

.column-regular.column-centre {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.image-68 {
  width: 80%;
  position: absolute;
  top: -160px;
  left: auto;
  right: auto;
}

.heading-22 {
  color: #fff;
  text-align: center;
  letter-spacing: -4px;
  text-transform: capitalize;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
}

.heading-22.white {
  color: #fff;
  letter-spacing: -2.5px;
  text-transform: none;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.3;
}

.overlay {
  z-index: 9;
  background-image: linear-gradient(#0000 85%, #ffffff80);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.header {
  background-color: #000;
  background-image: linear-gradient(154deg, #000, #b800e645 72%, #00411666);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 120px 10vw;
  display: flex;
  position: relative;
}

.text-span-23 {
  letter-spacing: 2px;
  font-size: 30px;
}

.text-span-24 {
  font-family: Inter, sans-serif;
  font-weight: 800;
}

.div-block-272 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: -6px;
  display: flex;
}

.image-69 {
  height: 20px;
}

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

.list-text {
  color: #7e7e7e;
  padding: 8px 0;
}

.form-field {
  background-color: #fff0;
  border: 2px solid #f1f1f1;
  border-radius: 4px;
  height: auto;
  margin-bottom: 0;
  padding: 10px 16px;
}

.form-field::placeholder {
  color: #afafaf;
  font-weight: 300;
}

.form-field.expand {
  min-height: 75px;
}

.form-field.radio {
  color: #afafaf;
  flex: 1;
  font-weight: 500;
  display: flex;
}

.form-label {
  font-size: 12px;
  display: none;
}

.form-block-4 {
  flex: 1;
  align-self: stretch;
  margin-bottom: 0;
}

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

.div-block-273 {
  background-color: var(--white-main);
  border-radius: 40px 0 40px 40px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-bottom: 52px;
  padding: 42px;
  display: flex;
}

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

.div-block-275 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.heading-23 {
  color: #fff;
  letter-spacing: -2px;
  align-self: flex-start;
  font-size: 46px;
}

.text-span-25 {
  font-weight: 700;
}

.text-span-26 {
  color: #2b2b2b;
}

.text-span-27 {
  font-weight: 700;
}

.text-span-28 {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}

.text-span-29 {
  font-weight: 400;
}

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

.testimonial-section {
  background-color: #f3f3f5;
  padding: 72px 5%;
  position: relative;
}

.dot-orange {
  background-color: #f97415;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.caption-small {
  color: #0b1215;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.testimonial-card-tall {
  grid-column-gap: 62px;
  grid-row-gap: 62px;
  background-color: #f9f9fa;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  transition: background-color .3s;
  display: flex;
}

.testimonial-card-tall:hover {
  background-color: #fff;
}

.carousel-vertical {
  width: 100%;
  height: 528px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

.h6-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.testimonial-carousel-wrapper {
  margin-top: 72px;
  display: flex;
  position: relative;
}

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

.column-large.column-left {
  justify-content: center;
  align-items: flex-start;
}

.carousel-vertical-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.button-primary-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-large:hover {
  background-color: #f97415;
}

.carousel-overlay-cover {
  pointer-events: none;
  background-image: linear-gradient(#f3f3f5, #f3f3f500 20% 80%, #f3f3f5);
  position: absolute;
  inset: 0%;
}

.divider-gray-300 {
  background-color: #cfd2d6;
  width: 100%;
  height: 1px;
}

.divider-caption {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-card-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f9f9fa;
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 24px;
  transition: background-color .3s;
  display: flex;
}

.testimonial-card-small:hover {
  background-color: #fff;
}

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

.testimonial-avatar-small {
  background-color: #f3f3f5;
  border: 1px solid #cfd2d6;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.noise-texture-overlay {
  pointer-events: none;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.column-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.paragraph-regular-2 {
  font-size: 16px;
  line-height: 28px;
}

.testimonial-name-horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-avatar {
  background-color: #f3f3f5;
  border: 1px solid #cfd2d6;
  border-radius: 100%;
  width: 64px;
  height: 64px;
}

.caption-regular-2 {
  font-size: 16px;
  line-height: 24px;
}

.caption-regular-2.text-color-tertiary {
  color: #6b7280;
  font-weight: 300;
  line-height: 1.4;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  width: 100%;
}

.number {
  color: #e0e0e0;
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#585858, #fff 78%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -16px;
  margin-bottom: -16px;
  font-family: DM Sans, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
}

.bold-text {
  color: #030303;
}

.design {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.column-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.column-small-2.align-left {
  justify-content: center;
  align-items: flex-start;
}

.header-dashboard-asset {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 24px;
  flex: 1;
  max-width: 50%;
  min-height: 60%;
  max-height: 80%;
  position: absolute;
  left: auto;
  right: -10%;
}

.header-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 32px;
  align-items: center;
  padding: 6px 12px 6px 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.column-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

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

.paragraph-small {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

.max-width-regular {
  max-width: 638px;
}

.header-client-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #d5d9e2;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.section-header {
  background-color: var(--white-main);
  padding: 92px 5%;
  position: relative;
  overflow: hidden;
}

.column-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.icon-regular {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: -12px;
  display: flex;
}

.button-primary-rounded-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 52px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px 12px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded-icon:hover {
  box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded-icon.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.h4-heading {
  color: #23272f;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
}

.header-client-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

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

.dashboard-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.header-content-block {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 50%;
  display: flex;
}

.header-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.badge-icon {
  background-color: #f1e6ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.button-background {
  pointer-events: none;
  object-fit: fill;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-color-purple {
  color: #a355f7;
}

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

.header-client-review {
  border: 1px solid #d5d9e2;
  border-radius: 8px;
  width: 100%;
  max-width: 197px;
  padding: 16px;
}

.h1-heading {
  letter-spacing: -2.4px;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.icon-tiny {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.paragraph-large-bg {
  text-align: left;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-bg.text-weight-medium {
  font-weight: 500;
}

.paragraph-large-bg.text-weight-bold {
  font-weight: 700;
}

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

.content-feature-card {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.content-footer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 92px;
  display: flex;
}

.title-center-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-small-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.small-paragraph {
  color: #414141;
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.4;
}

.small-paragraph.text-color-gray-700 {
  color: #0b1215;
  letter-spacing: -.4px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.small-paragraph.text-color-gray-700.darker {
  color: #3a3a3af2;
  font-weight: 400;
}

.small-paragraph.text-color-gray-700.top-margin {
  margin-top: 16px;
}

.small-paragraph.white {
  color: #a3a3a3;
}

.content-footer-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.content-footer-link:hover {
  color: #734573;
}

.content-footer-link:active {
  color: #262626;
}

.content-tag-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.content-card-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.middle-section {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 120px 10vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.middle-section.small-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.middle-section.special {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.middle-section.hidden {
  display: none;
}

.middle-section.dark {
  background-color: var(--black);
  color: var(--white);
}

.image-fill {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  min-width: 260px;
  min-height: 250px;
  overflow: clip;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.h6-heading-2 {
  color: #0a0a0a;
  letter-spacing: -.75px;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.3;
}

.content-feature-image {
  width: 100%;
  height: auto;
  padding: 8px;
}

.content-feature-image.background-blue-100, .content-feature-image.background-gray-100, .content-feature-image.background-brown-100 {
  background-color: var(--white-main);
}

.h3-heading {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.text-link {
  color: #404040;
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: #734573;
}

.paragraph-x-large {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.overline {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.div-block-277 {
  background-color: #fbfbfb;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 40px 8% 6%;
}

.text-color-gray-300 {
  color: #d1d5db;
}

.h5-heading-2 {
  color: #030711;
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.h5-heading-2.text-color-green {
  color: #3bab4f;
}

.h5-heading-2.text-color-blue {
  color: #556edd;
}

.section-small {
  padding: 72px 5%;
  position: relative;
}

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

.h3-heading-2 {
  color: #030711;
  letter-spacing: -.88px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

.paragraph-large {
  letter-spacing: -.3px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-large.text-color-gray-700 {
  color: #384252;
}

.content-statistics {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.countup-script {
  display: none;
}

.content-statistics-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.no-wrap {
  white-space: nowrap;
}

.paragraph-regular-4 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.content-card {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  flex-flow: column;
  padding: 64px;
  display: flex;
}

.title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 858px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrap-v-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

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

.button-primary-rounded {
  color: #fff;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 52px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded:hover {
  box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.container-x-small {
  width: 100%;
  max-width: 858px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.testimonial-avatar-overlay {
  pointer-events: none;
  background-image: linear-gradient(#0000 67%, #d5d9e2);
  position: absolute;
  inset: 0%;
}

.testimonial-avatar-overlay.orange {
  background-image: linear-gradient(#0000 67%, #ffcaa8);
}

.section-regular-3 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-3.background-gray {
  background-color: #f6f7f9;
}

.overline-2 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.h2-heading-2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 72px;
}

.testimonial-quote {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  text-align: left;
  background-color: #fff;
  border: .5px solid #edeff3;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.testimonial-avatar-background {
  background-color: #f6f7f9;
  background-image: url('../images/Team-Card-Background-Dots.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.testimonial-avatar-background.background-orange {
  background-color: #fff2eb;
}

.text-color-orange-2 {
  color: #fe5b25;
}

.testimonial-avatar-rounded {
  z-index: 1;
  background-color: #edeff3;
  border-radius: 99px;
  flex: none;
  width: 100px;
  height: 100px;
  margin-bottom: -50px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 8px #f6f7f9;
}

.testimonial-author-divider {
  background-color: #d5d9e2;
  border-radius: 2px;
  width: 1.5px;
  height: 20px;
}

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

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

.testimonial-author-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.column-large-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.column-large-3.column-space-between {
  justify-content: space-between;
}

.column {
  flex-flow: column;
  display: flex;
}

.h2-heading-3 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.content-image-number {
  z-index: 2;
  color: #2b1b5f;
  text-align: center;
  letter-spacing: -.18px;
  background-color: #e1d8fd;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  inset: 8px auto auto 8px;
}

.content-image-number.red {
  color: #5f1b1b;
  background-color: #fdd8d8;
}

.content-image-number.blue {
  color: #1b565f;
  background-color: #d8f8fd;
}

.content-image-wrapper {
  aspect-ratio: 3.08 / 2.44;
  border: 1.5px solid #131315;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 3px #131315;
}

.overline-3 {
  color: #9797a1;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

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

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

.paragraph-regular-5 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-5.text-color-gray-800 {
  color: #55555e;
}

.action {
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}

.title-column-regular {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 620px;
  margin-bottom: 56px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-small-2 {
  z-index: 5;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-regular-2 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.paragraph-small-3 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-3.text-color-gray-700 {
  color: #76767f;
}

.paragraph-small-3.text-color-gray-950 {
  color: #030711;
}

.highlight-span {
  background-color: #f4f4f5;
  border-radius: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.h4-heading-2 {
  color: #030711;
  letter-spacing: -.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

.button-primary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.2px;
  background-color: #111827;
  border-radius: 44px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: inline-flex;
}

.button-primary:hover {
  color: #fff;
  background-color: #913b8b;
}

.button-primary.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.button-secondary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #030711;
  background-color: #3898ec00;
  border: 1px solid #d1d5db;
  border-radius: 44px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s;
  display: flex;
}

.button-secondary:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}

.button-secondary:active {
  color: #454f5f;
  background-color: #f6f7f9;
}

.button-secondary.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.section-regular-4 {
  padding: 82px 5%;
  position: relative;
}

.pricing-tab-content {
  width: 100%;
}

.pricing-grid-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.pricing-tooltip {
  color: #9ca3b0;
  transition: color .3s;
}

.pricing-tooltip:hover {
  color: #030711;
}

.overline-regular-2 {
  letter-spacing: 1.28px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

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

.pricing-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.row-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-tab-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  background-color: #e4e6ea1a;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, background-color .3s;
  display: flex;
}

.pricing-tab-link:hover {
  background-color: var(--white);
  color: var(--black);
}

.pricing-tab-link.w--current {
  color: #030711;
  background-color: #fff;
  border-radius: 2px;
  min-width: 50%;
}

.icon-regular-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.subheading-large {
  color: #030711;
  letter-spacing: -.32px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.subheading-large.text-color-gray-600 {
  color: #4b5563;
}

.pricing-badge {
  color: #000;
  text-align: center;
  background-color: #96dfa2;
  border-radius: 44px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.h1-heading-2 {
  color: #030711;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 72px;
}

.pricing-tabs-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: -122px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-card-wide {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 32px;
  display: grid;
}

.pricing-card-wide.filled {
  background-color: #f9fafb;
}

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

.pricing-tab-menu-large {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f3f4f6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 58px;
  margin-bottom: 64px;
  padding: 4px;
  display: flex;
}

.heading-grid {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
  position: relative;
}

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

.row-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheading-x-small {
  color: #030711;
  letter-spacing: .04px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.subheading-x-small.text-color-gray-600 {
  color: #4b5563;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.column-x-small.column-center {
  text-align: center;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
}

.paragraph-regular-6 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-6.text-color-gray-950 {
  color: #030711;
}

.h6-heading-3 {
  color: #030711;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.column-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.pricing-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.pricing-check {
  color: #030711;
}

.pricing-check.disabled {
  color: #d1d5db;
}

.pricing-feature-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.dropdown-card-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  min-width: 230px;
  padding: 12px 12px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 48px -8px #d1d5db80;
}

.dropdown-side-links {
  min-width: 210px;
}

.hide {
  display: none;
}

.button-ghost {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #030711;
  border-radius: 44px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
}

.button-ghost:hover {
  background-color: #f6f7f9;
}

.button-ghost:active {
  color: #454f5f;
  background-color: #f6f7f9;
}

.button-ghost.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.navigation-search {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  align-items: center;
  display: flex;
}

.dropdown-main-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  padding: 16px 24px 24px;
  display: grid;
}

.navigation-link-small {
  color: #6b7280;
  justify-content: center;
  align-items: center;
  padding: 4px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.navigation-link-small:hover {
  color: #030711;
}

.navigation-divider {
  background-color: #e5e7eb;
  width: 1px;
  height: 24px;
  margin-top: auto;
  margin-bottom: auto;
}

.dropdown-line {
  background-color: #edeff2;
  height: 1px;
}

.dropdown-title-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 12px;
}

.search-toggle {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #030711;
  letter-spacing: -.18px;
  border-radius: 24px;
  align-items: center;
  height: 100%;
  padding: 6px 12px 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.search-toggle:hover {
  color: #111827;
  background-color: #f3f4f6;
}

.search-toggle.w--current {
  color: #642eff;
}

.search-toggle.w--open {
  background-color: #f3f4f6;
}

.navigation-logo {
  width: 48px;
}

.subheading-small {
  color: #030711;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.navigation-search-input {
  color: #030711;
  letter-spacing: -.18px;
  border: 1px #000;
  border-radius: 24px;
  min-height: 42px;
  margin-bottom: 0;
  padding: 12px 16px 12px 52px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .3s;
}

.navigation-search-input:hover {
  background-color: #f9fafb;
}

.navigation-search-input:focus {
  color: #030711;
  background-color: #f3f4f6;
}

.navigation-button-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.search-dropdown {
  border-radius: 24px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px;
}

.icon-regular-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

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

.navigation-right {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.scrollbar-css {
  display: none;
}

.navigation-side-link {
  color: #1f2937;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  overflow: hidden;
}

.navigation-side-link:hover {
  color: #000;
}

.navigation-grid {
  height: 100%;
}

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

.dropdown-card-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #4b5563;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  overflow: hidden;
}

.dropdown-card-link:hover {
  color: #000;
  background-color: #f9fafb;
}

.search-input-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding: 4px 6px 4px 4px;
  display: flex;
}

.dropdown-card {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  min-width: 900px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 48px -8px #d1d5db80;
}

.subheading-regular {
  color: #030711;
  letter-spacing: -.18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.subheading-regular.text-color-gray-500 {
  color: #6b7280;
}

.navigation {
  background-color: #fff;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: none;
}

.navigation-dropdown-list {
  background-color: #0000;
}

.navigation-dropdown-list.w--open {
  padding-top: 12px;
  overflow: hidden;
}

.navigation-dropdown-list.right {
  inset: auto -213% auto auto;
}

.navigation-dropdown-list.right.w--open {
  display: block;
}

.navigation-scroll {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  overflow: auto;
}

.navigation-link-section {
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
}

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

.navigation-search-menu {
  z-index: 2;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #e5e7eb;
  border-radius: 99px;
  flex: 1;
  display: flex;
  position: relative;
}

.icon-small-2 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.icon-wrapper {
  color: #b95bb4;
  background-color: #f4dcf4;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-wrapper.green {
  color: #2c8c3e;
  background-color: #e3f8e7;
}

.icon-wrapper.red {
  color: #d12e46;
  background-color: #fde7e7;
}

.icon-wrapper.blue {
  color: #4250d1;
  background-color: #e1e7f9;
}

.navigation-dropdown-toggle {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #030711;
  letter-spacing: -.18px;
  border: 1px solid #0000;
  border-radius: 44px;
  align-items: center;
  padding: 8px 14px 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.navigation-dropdown-toggle:hover {
  color: #111827;
}

.navigation-dropdown-toggle.w--current {
  color: #642eff;
}

.navigation-dropdown-link {
  color: #1f2937;
  border-radius: 6px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  overflow: hidden;
}

.navigation-dropdown-link:hover {
  color: #000;
  background-color: #f3f4f6;
}

.search-button {
  color: #4b5563;
  border-radius: 100%;
  padding: 8px;
  transition: color .3s;
  position: absolute;
}

.search-button:hover {
  color: #000;
}

.dropdown-footer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
}

.banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f3f4f6;
  letter-spacing: -.08px;
  background-color: #030711;
  justify-content: center;
  align-items: center;
  padding: 12px 5%;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.search-form-block {
  flex: 1;
  margin-bottom: 0;
}

.faq-tab {
  margin-top: -8px;
  padding-bottom: 32px;
}

.container-small-3 {
  width: 100%;
  max-width: 858px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-4 {
  color: #030711;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 64px;
}

.h2-heading-4.middle-align {
  text-align: center;
}

.faq-dropdown-toggle {
  white-space: normal;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding: 32px;
  display: flex;
}

.section-large {
  padding: 120px 5%;
  position: relative;
}

.faq-dropdown-list {
  background-color: #fff0;
  padding-left: 32px;
  padding-right: 56px;
  display: block;
  position: relative;
}

.faq-item {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.faq-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.title-center-regular {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 858px;
  margin-bottom: 36px;
  display: flex;
}

.content-block.old {
  display: none;
}

.h6-heading-4 {
  color: #030711;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.div-block-278 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1220px;
  display: flex;
}

.div-block-279 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.text-span-31 {
  letter-spacing: -5px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.text-span-32 {
  letter-spacing: 0;
  font-family: Awesome Serif Var Vf;
  font-weight: 200;
}

.text-span-33, .text-span-34, .text-span-35 {
  font-weight: 500;
}

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

.text-span-37 {
  font-style: italic;
  font-weight: 600;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  max-width: 1220px;
}

.pricing {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8%;
  display: flex;
}

.div-block-280 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 46px;
  display: flex;
}

.div-block-280.mobile {
  display: none;
}

.div-block-280.desktop {
  padding-left: 12px;
  padding-right: 12px;
}

.pricing-model {
  background-color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 28px;
  display: flex;
}

.pricing-model.invert {
  filter: invert();
}

.div-block-281 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 12px;
  display: flex;
}

.title {
  color: var(--white);
  letter-spacing: -2px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.1;
}

.price {
  letter-spacing: 0;
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}

.per {
  letter-spacing: -.25px;
  padding-bottom: 4px;
  font-weight: 600;
  line-height: 1;
}

.desc {
  color: #646464;
  margin-bottom: 18px;
  font-size: 16px;
  font-weight: 300;
}

.get-demo {
  color: var(--black);
  background-color: #3898ec00;
  border: 2px solid #000;
  border-radius: 200px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-left: 22px;
  padding-right: 22px;
  font-weight: 600;
  display: flex;
}

.get-demo:hover {
  color: var(--white);
  background-color: #000;
}

.get-demo.spec {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
}

.heading-24 {
  letter-spacing: -3px;
  margin-bottom: 12px;
  font-size: 60px;
  line-height: 1;
}

.label {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #5f5f5f;
  letter-spacing: 0;
  border-bottom: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1px;
  padding: 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  display: flex;
}

.check-box {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e2e2e2;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 9px;
  display: flex;
}

.check-box.black {
  filter: invert();
  background-color: #fff;
  border-bottom-color: #d4d4d4;
}

.code-embed-2 {
  width: 20px;
  height: 20px;
}

.pricing-model-box {
  background-color: #f5f5f5;
  padding: 16px;
}

.div-block-282 {
  padding: 16px;
}

.pricing-box-model-black {
  background-color: #000;
  padding: 16px;
}

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

.recommended {
  color: #fff;
  background-color: #000;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

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

.div-block-285 {
  margin-bottom: 12px;
}

.div-block-286 {
  flex: 1;
}

.div-block-287 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text-span-38 {
  color: var(--black);
  letter-spacing: 0;
  background-color: #f5f5f5;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 8px;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 32px;
  font-weight: 900;
  display: flex;
}

.service-text {
  color: #e2e2e2;
  text-align: left;
  letter-spacing: -1.6px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

.service-text.black {
  color: #1f1f1f;
  text-align: left;
  letter-spacing: -2px;
  font-family: Inter, sans-serif;
  font-weight: 800;
  line-height: 1.1;
}

.service-text.black.bigger {
  font-size: 70px;
  font-weight: 800;
}

.service-text.quote {
  font-size: 36px;
  font-weight: 300;
}

.div-block-288 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.div-block-288.middle-align {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.text-span-39 {
  letter-spacing: 1px;
  font-family: Awesome Serif Var Vf;
  font-weight: 600;
}

.divblock289 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px dotted #555;
  border-radius: 200px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-span-40 {
  color: #fff;
  font-weight: 700;
}

.text-span-41 {
  font-weight: 600;
}

.background-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f0f0f0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 1220px;
  max-width: 1220px;
  height: 101vh;
  padding-left: 1px;
  padding-right: 1px;
}

.background-grid.black-grid {
  z-index: -1;
  background-color: #3b3b3b;
  grid-auto-rows: 0;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
}

.div-block-290 {
  background-color: #fff;
  height: 100%;
}

.div-block-290.black {
  background-color: #fff;
}

.background {
  z-index: -2;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.center-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1220px;
  max-width: 95vw;
  display: flex;
}

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

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

.text-span-42 {
  margin-bottom: -8px;
  font-weight: 100;
}

.link-block-4 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  opacity: .8;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block-4:hover {
  opacity: 1;
}

.text-block-48 {
  color: #0c0c0c;
}

.black-background-absolute {
  z-index: -2;
  background-color: #050505;
  position: absolute;
  inset: 0%;
}

.code-embed-3 {
  color: #fff;
}

.arrrow-white {
  color: #fff;
  object-fit: contain;
  width: 10px;
}

.text-span-43 {
  font-weight: 800;
}

.text-span-44 {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 100;
}

.text-span-45 {
  color: #b8b8b8;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
}

.image-70 {
  height: 18px;
}

.div-block-295 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-295.padding-vertical {
  filter: invert();
  margin-top: 20px;
}

.text-block-49 {
  color: #615d5d;
  font-size: 18px;
  font-weight: 400;
}

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

.text-span-47 {
  text-transform: none;
  font-weight: 600;
}

.text-span-48 {
  font-weight: 700;
}

.image-71 {
  background-color: #00ff9d;
  margin-top: 20px;
}

.div-block-296 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  height: 200px;
  margin-top: 20px;
  display: grid;
  overflow: hidden;
}

.div-block-297 {
  border-radius: 3px;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.text-span-49 {
  margin-top: 16px;
  font-size: 43px;
  font-weight: 900;
  display: block;
}

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

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

.image-72 {
  object-fit: contain;
  width: 70px;
}

.pricing-footnote {
  background-color: #fff;
  border: 1px solid #f9f9fa;
  border-radius: 12px;
  padding: 4px 12px;
}

.text-color-accent {
  color: #000;
}

.text-weight-bold {
  letter-spacing: -1px;
  font-weight: 700;
}

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

.row-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-small-2.row-space-between {
  justify-content: space-between;
}

.dot-orange-2 {
  background-color: #000;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.popup-call-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.popup-call-button:hover {
  outline-offset: 0px;
  color: #000;
  background-color: #f9f9fa;
  outline: 3px solid #000;
}

.popup-call-button.email-form {
  background-color: var(--green);
  letter-spacing: -.5px;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 700;
}

.popup-call-button.email-form:hover {
  outline-offset: 0px;
  color: #fff;
  background-color: #000;
  outline: 3px #000;
}

.popup-call-button.white {
  letter-spacing: -1px;
  background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(#000, #000), url('../images/fire-fire-emote_1fire-fire-emote.gif'), linear-gradient(#000, #000);
  background-position: 0 100%, 0 0, 50% 30%, 0 0;
  background-repeat: no-repeat, repeat, repeat-x, repeat;
  background-size: 35%, auto, 300px, auto;
  border: 4px solid #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 16px 18px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.popup-call-button.white:hover {
  outline-offset: 0px;
  color: #fff;
  background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(0deg, #000, #fff0), url('../images/fire-fire-emote_1fire-fire-emote.gif'), linear-gradient(#000, #000);
  background-position: 0 100%, 0 0, 50% 30%, 0 0;
  background-repeat: no-repeat, repeat, repeat-x, repeat;
  background-size: 35%, auto, 300px, auto;
  outline: 3px #000;
}

.popup-call-button.white._1 {
  display: none;
}

.popup-call-button.white._2 {
  border-width: 4px;
  border-color: var(--green);
  color: #fff;
  letter-spacing: -1px;
  background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(#000000e6, #000000e6), url('../images/fire-fire-emote_1fire-fire-emote.gif'), linear-gradient(#000, #000);
  background-position: 0 100%, 0 0, 50% 100%, 0 0;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-end;
  font-weight: 900;
}

.popup-call-button.white._2:hover {
  color: #000;
  background-color: #000;
  background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(0deg, #fff, #fff0), url('../images/fire-fire-emote_1fire-fire-emote.gif'), linear-gradient(#000, #000);
  background-position: 0 100%, 0 0, 50% 100%, 0 0;
  background-repeat: no-repeat, repeat, repeat-x, repeat;
  background-size: 35%, auto, 300px, auto;
}

.title-large {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 32px;
  display: flex;
}

.pricing-badge-2 {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px 8px 8px;
  display: flex;
  position: relative;
}

.noise-texture {
  z-index: 5;
  pointer-events: none;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.row-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h6-heading-5 {
  color: #1e2022;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

.section-regular-5 {
  position: relative;
}

.pricing-divider {
  display: flex;
}

.button-secondary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #fff;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 10px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
  display: inline-flex;
}

.button-secondary-2:hover {
  color: #fff;
  background-color: #000;
}

.button-secondary-2.invert {
  filter: invert();
}

.pricing-banner-image {
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 12px;
  position: absolute;
  box-shadow: 0 23px 6.5px #6c718000, 0 14.5px 6px #6c718003, 0 8.5px 5px #6c71800a, 0 3.5px 3.5px #6c718012, 0 1px 2px #6c718014;
}

.pricing-banner-image.large {
  height: 100px;
  inset: 0% 0% 0% auto;
  transform: rotate(10deg);
}

.pricing-banner-image.small {
  height: 75px;
  top: 16px;
  transform: rotate(-15deg);
}

.pricing-background-card {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #161616;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 36px;
  display: flex;
  position: relative;
}

.icon-regular-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.pricing-image-wrapper {
  width: 124px;
  position: absolute;
  inset: 16px 16px 0% auto;
}

.pricing-featured-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  outline-offset: 0px;
  color: #fff;
  background-color: #000;
  border-radius: 99px;
  outline: 4px solid #fff;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  box-shadow: 0 46px 13px #6c718000, 0 29px 12px #6c718003, 0 17px 10px #6c71800a, 0 7px 7px #6c718012, 0 2px 4px #6c718014;
}

.icon-x-small {
  color: #111;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.icon-x-small.green {
  color: var(--green);
}

.icon-x-small.yellow {
  color: var(--yellow);
}

.icon-x-small.red-icon {
  color: var(--red);
  width: 30px;
  height: 30px;
}

.icon-x-small._2px-padding {
  padding-left: 3px;
  padding-right: 3px;
}

.icon-x-small.blue {
  color: var(--blue);
}

.divider-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.pricing-card-banner {
  background-color: #0c0c0c;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.column-tiny-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.subheading-regular-2 {
  color: #1e2022;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.column-regular-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.pricing-check-2 {
  padding: 0;
}

.pricing-column-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.pricing-card-features {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.paragraph-x-small {
  color: #36393f;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small.text-color-tertiary {
  color: #6b7280;
}

.h5-heading-3 {
  color: #1e2022;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}

.h5-heading-3.text-weight-bold {
  letter-spacing: -1px;
  font-weight: 700;
}

.divider-small {
  background-color: #cfd2d6;
  width: 100%;
  max-width: 384px;
  height: 1px;
}

.pricing-card-2 {
  border-radius: 12px;
}

.pricing-card-2.featured {
  background-color: #fff;
  display: none;
}

.subheading-x-small-2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.pricing-badge-icon {
  color: #ff6c0a;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 147px 41px #6c718000, 0 94px 38px #6c71800a, 0 53px 32px #6c71801f, 0 23px 23px #6c718033, 0 6px 13px #6c71803d;
}

.progress-bar {
  z-index: 99;
  width: 20px;
  height: 100%;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.p-bar-gray {
  z-index: 300;
  background-color: #ffffff4d;
  width: 10px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.p-bar-black {
  z-index: 9999;
  background-color: red;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 10px;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.scroll-bar {
  z-index: 99;
  height: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

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

.progress-bar-black {
  background-color: #000;
  border-radius: 0 50px 0 0;
  width: 0%;
  height: 100%;
}

.sub-heading {
  color: #e6e6e6;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.text-span-52 {
  font-style: italic;
  font-weight: 600;
}

.text-span-53 {
  font-weight: 600;
}

.content-container {
  width: 992px;
  max-width: 90vw;
}

.bold-text-paragraph {
  color: #6b7280;
  max-width: 80%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.bold-text-paragraph.boldened {
  color: #292b2e;
  letter-spacing: -1px;
  font-size: 44px;
  font-weight: 800;
}

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

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

.text-span-54 {
  font-weight: 300;
  text-decoration: line-through;
}

.text-span-55 {
  font-weight: 900;
}

.grid-11 {
  grid-template-rows: auto;
}

.subtitle {
  color: #0b1215b0;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.subtitle.no-margin-bottom {
  margin-bottom: 0;
  font-weight: 300;
}

.subtitle.white {
  color: #fff;
  letter-spacing: -.5px;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.text-span-56 {
  letter-spacing: -3px;
  font-size: 48px;
  font-weight: 100;
  line-height: .9;
}

.image-73 {
  width: 100%;
}

.grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: linear-gradient(#0000, #ebebeb00 30%, #fff 65%);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center start;
  margin-top: 24px;
  display: grid;
}

.text-block-50 {
  color: #e2e2e2;
}

.grid-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 4px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Satoshi, Arial, sans-serif;
  display: flex;
}

.grid-block.mobile {
  display: none;
}

.black-box {
  color: #fafafa;
  letter-spacing: -3px;
  background-color: #000;
  border-radius: 3px;
  flex-flow: column;
  margin-top: 6px;
  padding: 24px 32px 16px;
  font-family: Gilroy, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.text-span-58 {
  font-family: Awesome Serif Var Vf;
  font-style: italic;
  font-weight: 700;
}

.bold-span {
  font-weight: 600;
}

.feature-tile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.feature-title {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 48px;
  display: flex;
}

.paragraph-regular-7 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

.feature-line-holder {
  position: relative;
}

.h3-heading-3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

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

.text-span-strong {
  color: #000;
  font-weight: 500;
}

.wrap-v-xsmall {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.sub-heading-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
}

.feature-accent-line {
  background-color: #000;
  border-radius: 12px;
  width: 3px;
  height: 28px;
  position: absolute;
  inset: 120px auto 0% 0%;
}

.section-large-2 {
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.badge {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  margin-bottom: 4px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.icon-wrap {
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.vertical-divider {
  align-items: center;
  width: 2px;
  height: 100%;
  display: flex;
}

.feature-tile-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.icon-regular-6 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.text-block-51 {
  font-size: 20px;
  font-weight: 700;
}

.div-block-304 {
  z-index: 99;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.code-embed-4 {
  background-color: #fff;
  width: 95vw;
  height: 95vh;
  padding: 10%;
  overflow: scroll;
}

.bold-span-subtitle {
  color: #414141;
  font-weight: 500;
  line-height: 1;
}

.bold-span-subtitle.white {
  color: #fff;
  font-weight: 700;
}

.work {
  padding: 30px;
  display: block;
}

.work.hide {
  display: none;
}

.main {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 75px;
  padding-bottom: 75px;
  display: block;
  position: relative;
}

.main.hide {
  display: none;
}

.quote {
  opacity: .5;
  text-align: right;
  letter-spacing: -.3px;
  font-size: 18px;
  line-height: 1.3;
}

.nav-logo {
  height: 20px;
}

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

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

.body-7 {
  font-family: Inter, sans-serif;
}

.work-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1px;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  place-items: start;
  display: flex;
  overflow: hidden;
}

.work-image {
  object-fit: contain;
  border-radius: 15px;
  width: 30vw;
  margin-bottom: 10px;
  margin-right: 20px;
}

.work-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-52 {
  opacity: .7;
  font-size: 12px;
  font-weight: 500;
}

.slide {
  width: auto;
}

.slider {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #ddd0;
  height: auto;
  display: flex;
}

.icon-8, .slide-nav, .left-arrow {
  display: none;
}

.main-div {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.cta {
  color: #fff;
  background-color: #000;
  padding: 12px 16px;
  font-weight: 900;
}

.subtext {
  letter-spacing: 0;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.heading-text {
  letter-spacing: -.5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.list-item-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-306 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.outer-main-div {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-width: 670px;
  display: flex;
}

.text-block-53 {
  color: #00000047;
  font-size: 12px;
  font-weight: 300;
}

.div-block-307 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 100px;
  display: flex;
}

.left-image {
  filter: invert();
  margin-right: auto;
}

.right-image {
  filter: invert();
  margin-left: auto;
}

.main-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.text-block-54 {
  color: #6f6e6e;
  text-align: center;
  letter-spacing: -.5px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
}

.text-span-61 {
  font-weight: 400;
}

.lottie-animation {
  width: 40%;
}

.div-block-308 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-309 {
  justify-content: center;
  align-items: center;
  height: 250px;
  display: flex;
  overflow: hidden;
}

.image-74 {
  opacity: .45;
  height: 10px;
}

.div-block-310 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  padding: 12px 5%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-311 {
  background-image: linear-gradient(#fff0 46%, #ffffff69 91%, #fff 96%, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.popup {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 16px solid var(--white);
  background-color: var(--black);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  outline-offset: 0px;
  border-radius: 0;
  outline-width: 10px;
  outline-style: solid;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 4px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  padding: 12px;
  display: grid;
}

.text-field-2 {
  color: #383838;
  cursor: text;
  background-color: #fff0;
  border: 2px solid #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 24px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.text-field-2:hover {
  background-color: #f5f5f5;
  border-color: #bdbdbd;
}

.text-field-2:active {
  color: #000;
  border-color: #919191;
}

.text-field-2:focus, .text-field-2:focus-visible, .text-field-2[data-wf-focus-visible] {
  border-color: #919191;
}

.text-field-2::placeholder {
  color: #cfcfcf;
  font-weight: 400;
}

.text-field-2.msg {
  height: 100%;
}

.text-field-2.form-field-special:hover {
  color: #000;
}

.heading-26 {
  z-index: 1;
  color: #fff;
  text-align: left;
  letter-spacing: -2px;
  text-shadow: none;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.heading-26.black {
  color: var(--black);
  text-align: left;
  letter-spacing: -1px;
  font-size: 30px;
}

.text-block-55 {
  z-index: 1;
  color: #ffffffb5;
  text-align: left;
  letter-spacing: -.3px;
  text-shadow: none;
  font-size: 18px;
  font-weight: 300;
  position: relative;
}

.image-75 {
  object-fit: cover;
  border: 10px solid #000;
  border-radius: 8px;
  width: 500px;
  height: 250px;
  margin-bottom: 26px;
}

.submit-button-2022 {
  background-color: #000;
  border-radius: 4px;
  font-weight: 600;
}

.popup-form {
  align-self: stretch;
  margin-bottom: 0;
}

.exit-button {
  opacity: .69;
  cursor: pointer;
  width: 30px;
  transition: all .2s;
  position: absolute;
  inset: 22px 22px auto auto;
}

.exit-button:hover {
  opacity: 100;
}

.popup-container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.image-77 {
  filter: invert();
  width: 400px;
  display: none;
  position: absolute;
  inset: 20px 244.375px auto auto;
  transform: rotate(4deg);
}

.text-span-62 {
  color: #fff;
  background-color: #d91c17;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 900;
  position: relative;
}

.div-block-314 {
  background-color: #111;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 33px 40px;
  display: flex;
  position: relative;
}

.div-block-314._2 {
  display: none;
}

.div-block-314._1 {
  background-image: url('../images/Side-Logo-Right.svg');
  background-position: 115%;
  background-repeat: no-repeat;
  background-size: auto;
}

.div-block-315 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.text-block-56 {
  color: #fff;
  text-align: center;
  padding-left: 22px;
  padding-right: 22px;
  font-family: Ivypresto Display, Arial, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.text-field-3 {
  color: #723838;
}

.text-field-3:hover {
  color: #c92525;
}

.top-gif {
  text-shadow: 0 0 30px #000000d9;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 500px;
  display: flex;
  overflow: hidden;
}

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

.div-block-317 {
  object-fit: cover;
  background-image: url('../images/money-GIF.gif');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 100%;
}

.synth-logo {
  height: 20px;
  position: absolute;
  inset: 22px auto auto 22px;
}

.synth-logo.right {
  margin-bottom: 14px;
}

.div-block-318 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: grid;
}

.bold-text-2 {
  color: #000;
  text-shadow: none;
  font-weight: 800;
  line-height: 1.2;
}

.white-bg {
  background-color: var(--blue);
  padding-left: 8px;
  padding-right: 8px;
}

.example-site {
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.website-example-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

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

.thumbnail {
  z-index: 1;
  object-fit: contain;
  object-position: 0% 50%;
  max-width: 75%;
  position: relative;
}

.thumbnail-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 2px;
  flex-flow: column;
  margin-bottom: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 8px 8px 19px #00000026;
}

.div-block-320 {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all .15s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-320:hover {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  background-color: #000000b0;
}

.text-block-57 {
  letter-spacing: -.25px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.code-embed-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-321 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 150px;
  display: flex;
}

.heading-27 {
  letter-spacing: -2px;
}

.image-container {
  background-color: #111;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-79 {
  object-fit: contain;
}

.text-block-58 {
  color: #999;
  text-align: right;
  margin-top: 12px;
  font-weight: 300;
}

.title-box {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 44px;
  display: flex;
}

.title-box.middle {
  margin-top: 44px;
}

.small-heading {
  letter-spacing: -2px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

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

.small-heading.black {
  color: var(--black);
  letter-spacing: -1px;
}

.small-heading.link-white {
  margin-top: 0;
  margin-bottom: 0;
}

.big-heading {
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 800;
}

.big-heading.white {
  box-sizing: content-box;
  color: #f8f8f8;
  margin-bottom: 6px;
  font-weight: 800;
  line-height: 1.2;
}

.big-heading.white.text-align-center {
  margin-bottom: 16px;
  line-height: 1;
}

.hero-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.text-span-63 {
  color: #2563eb;
  font-weight: 500;
  text-decoration: underline;
}

.bold {
  font-weight: 600;
  text-decoration: none;
}

.bold.red-underline {
  color: var(--red);
  text-decoration: underline;
}

.bold.yellow-highlight {
  line-height: 1.25;
}

.image-80 {
  height: 26px;
}

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

.yellow-highlight {
  color: #15140b;
  background-color: #fde046;
  padding-left: 4px;
  padding-right: 4px;
}

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

.yellow-highlight.normal {
  background-color: var(--black);
  color: var(--white);
}

.yellow-highlight.normal.bold {
  background-color: #111;
}

.blue-underline {
  z-index: 2;
  color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
  font-weight: 800;
  text-decoration: underline;
  position: relative;
}

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

.div-block-323 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 36px;
  display: grid;
}

.caption-large {
  color: #0b1215;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.caption-large.tusker {
  font-family: "Tusker Grotesk 4500", Arial, sans-serif;
}

.caption-large.eurostile {
  font-family: Eurostile, Arial, sans-serif;
}

.div-block-324 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.red {
  color: #fff;
  background-color: red;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Inter, sans-serif;
  font-weight: 900;
}

.green-highlight {
  color: #fff;
  background-color: #6fe600;
  padding-left: 4px;
  padding-right: 4px;
}

.green-highlight.bold {
  color: var(--black);
}

.green-highlight.white-text {
  color: #f4fff5;
}

.green-highlight.darker {
  background-color: #60c700;
}

.inner-container {
  padding: 10% 12% 15%;
}

.inner-header-col {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-2 {
  z-index: 2;
  cursor: pointer;
  flex: none;
  width: 33.4%;
  position: relative;
  overflow: hidden;
}

.container-article {
  position: relative;
}

.card-3 {
  z-index: 3;
  cursor: pointer;
  background-color: #0000;
  flex: none;
  align-self: stretch;
  width: 50%;
  position: relative;
  overflow: hidden;
}

.header-text {
  color: #f56020;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: .9;
}

.header-text.black {
  color: #000;
  letter-spacing: 0;
}

.button-close {
  z-index: 500;
  color: #fff;
  background-color: #00000026;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin-top: 2%;
  margin-right: 3%;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.alt-text-header {
  text-align: left;
  text-transform: uppercase;
  max-width: 20ch;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
}

.alt-text-header.white {
  color: #818181;
  line-height: 1.4;
}

.xlarge-paragraph {
  color: #f56020;
  letter-spacing: -4px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Oswald, sans-serif;
  font-size: 20vh;
  font-weight: 700;
  line-height: 1.2;
}

.xlarge-paragraph.is--black {
  color: #000;
}

.card-details-wrapper {
  width: 100%;
  padding-bottom: 8%;
  padding-left: 8%;
  padding-right: 8%;
}

.section {
  width: 100%;
  max-width: 2800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow-read-more {
  background-color: #1f1e1e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.link-white {
  color: #fff;
}

.link-read-more {
  color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.link-read-more.white {
  color: #fff;
}

.cap {
  float: left;
  color: #000;
  margin-right: 2%;
  font-size: 172px;
  font-weight: 900;
  line-height: 79%;
}

.cap.is--orange {
  color: #f56020;
}

.card-inner {
  z-index: 10;
  opacity: 1;
  letter-spacing: 0;
  background-image: linear-gradient(#0000, #000c);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  min-height: 70vh;
  padding-bottom: 10%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-content {
  background-color: #000;
  min-height: 100vh;
  padding: 10%;
  position: sticky;
  top: 0;
}

.rich-text {
  color: #000;
}

.rich-text.white {
  color: #8a8a8a;
}

.image-wrapper {
  height: 100vh;
  overflow: hidden;
}

.card-1 {
  z-index: 1;
  cursor: pointer;
  flex: none;
  align-self: stretch;
  width: 50%;
  position: relative;
  overflow: hidden;
}

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

.main-heading {
  color: #fff;
  text-transform: uppercase;
  width: auto;
  max-width: 18ch;
  margin-top: 5px;
  font-family: Oswald, sans-serif;
  font-size: 6.5vh;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.divider-scroll {
  background-color: #fff9;
  border-radius: 200px;
  width: 10px;
  height: 10px;
  margin-left: 1vw;
  margin-right: 1vw;
}

.section-content {
  z-index: 600;
  background-color: #0000;
  width: 50%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.wrap-scrolling-text {
  align-items: center;
  min-height: 400px;
  display: flex;
  overflow: hidden;
}

.third-article {
  background-color: #141414;
  width: 100%;
  max-width: 1500px;
  height: 100vh;
  display: block;
  position: relative;
  overflow: auto;
}

.heading-28 {
  color: #000;
  letter-spacing: -.3vh;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 9.25vh;
  font-weight: 700;
  line-height: .95;
}

.heading-28.is--white {
  color: #fff;
}

.image-container-2 {
  width: 100%;
  height: 100%;
}

.image-container-2.second {
  background-image: url('../images/claudio-guglieri-K2RH1QZdLF4-unsplash-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-container-2.third {
  background-image: url('../images/Cover-Labs-Section-4.png');
  background-position: 0%;
  background-size: cover;
}

.image-container-2.first {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-image: url('../images/Cover-Labs-Section-1.png');
  background-position: 0%;
  background-size: cover;
  position: relative;
}

.small-divider {
  background-color: #f56020;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-left: 15px;
  margin-right: 15px;
}

.small-divider.black {
  background-color: #000;
  width: 8px;
  height: 8px;
}

.wrap-image-content {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.alt-description {
  z-index: 1;
  color: #ccc;
  max-width: 20ch;
  font-size: 14px;
  position: relative;
}

.scroll-type {
  align-items: center;
  display: flex;
}

.second-article {
  background-color: #fd4415;
  width: 100%;
  max-width: 1500px;
  height: 100vh;
  display: block;
  position: relative;
  overflow: auto;
}

.scroll-type-wrapper {
  display: flex;
}

.small-text {
  color: #ffffffb3;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.first-article {
  z-index: 20;
  background-color: #d4d4d4;
  flex-direction: column;
  flex: 0 auto;
  width: auto;
  max-width: 1500px;
  height: 100vh;
  line-height: 30px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.header-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15%;
  display: flex;
}

.header-row.summary {
  color: #000;
  margin-top: 5%;
}

.header-row.summary.gray {
  color: #818181;
}

.divider-circle {
  background-color: #000;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-top: 15%;
  margin-bottom: 15%;
}

.divider-circle.orange {
  background-color: #f56020;
  width: 15px;
  height: 15px;
}

.divider-circle.orange.small {
  width: 8px;
  height: 8px;
  margin-left: 14px;
  margin-right: 14px;
}

.row-scroll {
  align-items: center;
  min-width: 33vw;
  padding-right: 1vw;
  display: flex;
}

.section-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
}

.div-block-325 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px;
  display: flex;
}

.image-82 {
  width: 100%;
}

.site-container {
  color: var(--white);
  background-color: #111;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 120px 100px 100px;
  display: flex;
}

.site-container.form-6 {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.div-block-327 {
  position: fixed;
  inset: 100px auto auto 40px;
}

.div-block-328 {
  z-index: 3;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
  box-shadow: -8px 0 40px 20px #47474770;
}

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

.image-83.height100 {
  height: 100%;
}

.div-block-329 {
  width: 90px;
}

.div-block-330 {
  width: 50%;
  box-shadow: 0 0 20px 20px #0000001f;
}

.div-block-331.align-middle {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-4 {
  padding-left: 20px;
}

.div-block-332 {
  overflow: hidden;
}

.cover-labs-section-2 {
  object-fit: cover;
}

.icon {
  color: var(--green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  display: flex;
}

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

.div-block-334 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 12px;
  margin-bottom: 26px;
  display: flex;
}

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

.icon-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  display: flex;
}

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

.button-secondary-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #030711;
  background-color: #3898ec00;
  border: 1px solid #d1d5db;
  border-radius: 44px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s;
  display: flex;
}

.button-secondary-3:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}

.button-secondary-3:active {
  color: #454f5f;
  background-color: #f6f7f9;
}

.button-secondary-3.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.section-regular-6 {
  padding: 82px 5%;
  position: relative;
}

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

.pricing-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.pricing-tab-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--black);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 58px;
  padding: 4px;
  display: flex;
}

.code-embed-6 {
  display: none;
}

.h1-heading-3 {
  color: #030711;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 72px;
}

.title-center-small-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 858px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.paragraph-regular {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.h6-heading-6 {
  color: #030711;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-card-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.code-embed-7 {
  width: 100vw;
  height: 100vh;
}

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

.section-25 {
  width: 100vw;
  height: 100vh;
}

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

.navigation-logo-link-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navigation-logo-link-2.w--current {
  filter: none;
}

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

.dropdown-featured-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #000;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.icon-x-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.column-x-large-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.dropdown-featured-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f2eeee;
  flex-flow: column;
  min-width: 328px;
  padding: 24px 24px 32px;
  display: flex;
}

.dropdown-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: flex;
}

.navigation-2 {
  z-index: 999;
  color: var(--white);
  background-color: #ddd0;
  border-bottom: 1px solid #d4d4d429;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 10vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.button-primary-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-2.w--current {
  background-color: #4b264b;
  border-color: #48566a;
}

.button-primary-2.icon-right {
  padding-right: 12px;
}

.button-primary-2.icon-right.nav {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--black);
}

.button-primary-2.icon-right.nav:hover {
  background-color: var(--black);
  color: var(--white);
  border-color: #ffffff47;
}

.button-primary-2.nav {
  color: var(--white);
  background-color: #0a0a0a00;
  border: 1px solid #f0f0f01f;
}

.button-primary-2.nav:hover {
  background-color: var(--white);
  color: var(--black);
}

.subtext-2 {
  color: #d6d6d6;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 200;
  line-height: 1.2;
}

.subtext-2.nav {
  margin-top: 0;
  font-size: 12px;
  font-style: italic;
  line-height: 1.3;
}

.navigation-dropdown-2 {
  display: none;
}

.row-tiny-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  display: flex;
}

.subheading-small-2 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.navigation-dropdown-list-2 {
  background-color: #0000;
}

.navigation-dropdown-list-2.w--open {
  padding-top: 34px;
  overflow: hidden;
}

.text-block-2 {
  color: #fff;
  letter-spacing: -1.5px;
  font-size: 24px;
  font-weight: 600;
}

.row-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.row-small-3.row-center {
  align-items: center;
}

.navigation-link {
  color: #c5c5c5;
  border-radius: 4px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: all .25s;
}

.navigation-link:hover {
  background-color: #ffffff12;
}

.navigation-link.w--current {
  color: #642eff;
}

.navigation-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.container-regular-5 {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-regular-5.horizontal {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.navigation-button-group-2 {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.navigation-logo-image {
  height: 20px;
}

.dropdown-title {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 16px;
}

.overline-4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline-4.text-color-gray-500 {
  color: #737373;
}

.dropdown-links-grid-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  padding: 24px;
}

.navigation-wrapper-large {
  grid-column-gap: 32px;
  align-items: center;
  display: flex;
}

.navigation-dropdown-toggle-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #c5c5c5;
  align-items: center;
  padding: 12px 12px 12px 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.navigation-dropdown-toggle-2.w--current {
  color: #642eff;
}

.navigation-dropdown-toggle-2.w--open {
  background-color: #fff;
}

.dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
}

.navigation-icon-wrapper {
  color: #361b36;
  background-color: #f0ebf0;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.navigation-icon-wrapper.blue {
  color: #233f67;
  background-color: #f3f6fc;
}

.navigation-icon-wrapper.red {
  color: #5a1616;
  background-color: #f6eaea;
}

.navigation-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: none;
}

.dropdown-side-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0a0a;
  white-space: nowrap;
  align-items: center;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.text-block-61 {
  letter-spacing: 0;
}

.underline {
  text-decoration: underline;
}

.underline._48-hours {
  background-image: url('../images/time-19.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 70%;
  padding-left: 70px;
}

.underline.yellow {
  color: var(--yellow);
}

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

.testimonial-badges {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.logo-text {
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
}

.hiw-image {
  aspect-ratio: 3.36 / 2.4;
  border: 2px solid #ff5805;
  position: relative;
  overflow: hidden;
}

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

.navbar-3 {
  background-color: #f5f5f500;
  border-bottom: 1px solid #00000012;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-3.light {
  color: #fffdfc;
}

.h2 {
  letter-spacing: -2px;
  font-weight: 700;
}

.h2.light {
  letter-spacing: -3px;
  text-shadow: 0 0 50px #000000f7;
  font-weight: 400;
}

.h2.large {
  letter-spacing: -4px;
  font-size: 60px;
}

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

.slide-nav-hidden {
  display: none;
  bottom: -50px;
}

.h3.small {
  font-size: 24px;
}

.h3.light {
  color: #fffdfc;
}

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

.underline-2.primary {
  color: #f56703;
}

.logo-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-badge-dark {
  color: #c9c9c9;
  background-color: #292929;
  border-radius: 99px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 20px;
}

.testimonial-badge-dark.badge-link {
  transition: color .2s, background-color .2s;
}

.testimonial-badge-dark.badge-link:hover {
  color: #fff;
  background-color: #3d3d3d;
}

.left-arrow-2 {
  color: #393b6a;
  background-color: #0000;
  border: 1px solid #e4e6f1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: all .3s;
  display: flex;
  inset: auto 60px -75px auto;
}

.left-arrow-2:hover {
  color: #fff;
  background-color: #0f0f0f;
}

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

.paragraph-18 {
  font-weight: 300;
}

.paragraph-18.o70 {
  opacity: .7;
}

.paragraph-18.small {
  font-size: 14px;
}

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

.paragraph-18.light {
  color: #fffdfc;
  font-weight: 300;
}

.paragraph-18.light.o80 {
  opacity: .8;
}

.caption {
  font-size: 14px;
}

.gallery-lightbox {
  width: 100%;
  height: 100%;
}

.testimonial-carousel {
  overflow: hidden;
}

.flex-block {
  background-image: radial-gradient(circle at 0 0, #000c, #fff0), url('../images/car-parked-outside.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
  height: 400px;
  padding: 32px;
  position: relative;
}

.flex-block.img1 {
  background-image: radial-gradient(circle at 0 0, #000c, #fff0), url('../images/ChatGPT-Image-May-7-2025-04_44_01-PM.png');
  background-position: 0 0, 50% 0;
}

.flex-block.img3 {
  background-image: radial-gradient(circle at 0 0, #000c, #fff0), url('../images/shiny-black-sedan_1shiny-black-sedan.png');
}

.flex-block.img4 {
  background-image: radial-gradient(circle at 0 0, #000c, #fff0), url('../images/wash-car_1wash-car.png');
}

.flex-block.img2 {
  background-image: radial-gradient(circle at 0 0, #000c, #fff0), url('../images/ChatGPT-Image-May-7-2025-04_44_38-PM.png');
}

.right-arrow-2 {
  color: #393b6a;
  background-color: #0000;
  border: 1px solid #e4e6f1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: all .3s;
  display: flex;
  inset: auto 0% -75px auto;
}

.right-arrow-2:hover {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #160042;
}

.h1-2 {
  letter-spacing: -3px;
  line-height: 1.2;
}

.column-regular-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.code-embed-8 {
  display: none;
}

.paragraph-small-4 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-4.text-color-tertiary {
  color: #8f8f8f;
}

.paragraph-small-4.text-color-light {
  color: #b0b0b0;
}

.highlight {
  z-index: 2;
  background-color: #fde046;
  border-radius: 0;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 1;
  position: relative;
}

.highlight.primary {
  color: var(--white);
  background-color: red;
  padding-left: 6px;
  padding-right: 6px;
}

.highlight.dark {
  z-index: 1;
  background-color: var(--transparent);
  color: var(--yellow);
  position: relative;
}

.highlight.purple {
  color: #000;
  background-color: #e0aaff;
}

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

.highlight.blue-highlight {
  color: var(--white);
  background-color: #62ca00;
}

.highlight.mediumweight {
  font-weight: 500;
}

.button-6 {
  color: #0f0f0f;
  background-color: #fffdfc;
  border: 1px solid #0000;
  border-radius: 2px;
  flex: none;
  padding: 10px 20px;
  font-weight: 600;
}

.button-6:hover {
  color: #fffdfc;
  background-color: #0f0f0f;
}

.button-6.white {
  color: #0f0f0f;
  background-color: #fffdfc;
  border: 1px solid #fffdfc;
}

.button-6.white.nav {
  margin-left: 12px;
}

.button-6.primary {
  color: #fffdfc;
  background-color: #f56703;
}

.paragraph-small-5 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-5:hover {
  color: #000;
}

.logo {
  width: 27px;
}

.section-26 {
  background-color: #fffcf9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 120px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-26.bottom-margin {
  padding-bottom: 195px;
}

.section-26.hero {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/car-parked-outdoor.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  min-height: 75vh;
}

.section-26.hero.dark {
  background-image: linear-gradient(#f5670324, #00000080), linear-gradient(0deg, #000000b0, #0c05005c), url('../images/Orange-Wrap_1Orange Wrap.avif');
  background-position: 0 0, 0 0, 50% 75%;
  background-size: auto, auto, cover;
  position: relative;
}

.section-26.special {
  padding: 0;
}

.section-26.dark {
  color: #fffdfc;
  background-color: #0f0f0f;
  position: relative;
}

.section-26.shadow {
  box-shadow: inset 0 0 40px 40px #0000000a;
}

.section-26.shadow.dark {
  box-shadow: inset 0 20px 100px -40px #ffffff0d;
}

._80 {
  max-width: 80%;
}

.footer-legal-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #c2c2c2;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-category-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.horizontal-divider {
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
}

.container-regular-6 {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.gallery-image-small-square {
  height: 400px;
}

.brand-4 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.brand-4.left {
  color: #fffdfc;
  justify-content: flex-start;
  align-items: center;
}

.icon-2 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.icon-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  display: flex;
}

.icon-10.small {
  width: 16px;
}

.hiw-number {
  color: #ff5805;
  letter-spacing: -.5px;
  background-color: #fffcf9;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.flex-block-2 {
  z-index: 2;
}

.footer-column-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.hiw-card-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #00000012;
  flex-flow: column;
  padding: 20px;
  transition: background-color .3s, border-color .3s;
  display: flex;
  position: relative;
}

.hiw-card-small:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 2px 1.5px .5px #95a0b229;
}

.hiw-card-small.dark {
  background-color: #111;
}

.paragraph-regular-8 {
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-8.text-weight-semibold {
  margin-bottom: 4px;
  font-weight: 600;
}

.footer-legal-links {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.footer-link-dark {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #666;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer-link-dark:hover {
  color: #000;
}

.footer-legal-section {
  background-color: #f5f5f5;
  padding: 10px 3%;
}

.footer-legal-section.dark {
  background-color: #0f0f0f;
}

.image-84 {
  height: 30px;
}

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

.grid-12.g4 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-columns: 1fr 1fr;
}

.background-video-2 {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 16px;
  display: flex;
}

.background-video-2._2, .background-video-2._3, .background-video-2._1 {
  background-image: none;
  background-position: 50%;
  background-size: cover;
}

.testimonial-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  align-items: center;
  display: flex;
}

.div-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-container.special {
  z-index: 2;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #0f0f0f;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  padding: 26px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.div-container.nav {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.footer-legal-link {
  color: #c2c2c2;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.footer-legal-link:hover {
  color: #000;
}

.nav-link-3 {
  opacity: .6;
  color: #fffdfc;
  font-size: 14px;
  font-weight: 300;
}

.testimonial-card-dark {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #141414;
  border: 1px solid #292929;
  border-radius: 20px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 262px;
  padding: 24px;
  display: flex;
}

.label-regular {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.label-small {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label-small.text-color-white {
  color: #fff;
}

.gallery-slide {
  margin-right: 16px;
}

.testimonial-carousel-cards {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div {
  flex-flow: row;
  display: flex;
}

.div.mobile._100 {
  justify-content: space-between;
  align-items: flex-start;
}

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

.div.wrap {
  flex-flow: wrap;
  display: flex;
}

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

.div.primary {
  color: #f56703;
}

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

.footer-grid-regular {
  grid-column-gap: 48px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
}

.footer-links-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.icon-x-small-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.gallery-slider-mask {
  width: 400px;
  overflow: visible;
}

.image-85, .image-86 {
  width: 100%;
}

.lighter-red {
  color: #a52828;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #a52e2e, #a52e2e61);
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: -30px;
  font-weight: 500;
  -webkit-text-decoration: line-through #61561b;
  text-decoration: line-through #61561b;
  text-decoration-thickness: 8px;
}

.lighter-red.dark {
  z-index: 0;
  color: #0606064d;
  background-image: linear-gradient(270deg, #2e3ca540, #2e3ca514);
  margin-left: -24px;
  margin-right: 0;
  -webkit-text-decoration: line-through #2e3ca540;
  text-decoration: line-through #2e3ca540;
  position: relative;
}

.lighter-red.smaller {
  opacity: .38;
  color: #000;
  letter-spacing: -1px;
  background-image: linear-gradient(90deg, #000, #00000061);
  margin-right: 0;
  font-weight: 700;
  text-decoration-color: #000;
  text-decoration-thickness: 3px;
}

.text-span-64 {
  font-weight: 700;
}

.red-highlight {
  background-color: red;
  padding-left: 6px;
  padding-right: 6px;
}

.red-highlight.bold {
  background-color: var(--red);
  color: var(--white);
  padding-left: 4px;
  padding-right: 4px;
}

.red-highlight.white-text {
  color: #fff;
  font-weight: 500;
}

.icon-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  display: flex;
}

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

.icon-12, .icon-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.blue-highlight {
  color: var(--white);
  padding-left: 4px;
  padding-right: 4px;
}

.blue-highlight.bold {
  background-color: var(--blue);
}

.hours {
  color: var(--yellow);
  background-image: url('../images/681d49ceeee047f1fa1d6c4a_time-19-1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 70%;
  padding-left: 70px;
  text-decoration: none;
}

.hours.light {
  background-image: url('../images/time-19.svg');
}

.hours.yellow {
  -webkit-text-stroke-color: var(--yellow);
  background-image: url('../images/681d49ceeee047f1fa1d6c4a_time-19-1.svg');
}

.image-87 {
  position: absolute;
}

.smol {
  color: var(--yellow);
  letter-spacing: -2px;
  font-size: 32px;
  font-weight: 500;
}

.icon-right {
  background-image: url('../images/cursor-10.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  padding-right: 60px;
}

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

.icon-right-copy {
  background-image: url('../images/cursor-10.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  padding-right: 60px;
}

.link-4 {
  font-size: 18px;
  text-decoration: underline;
}

.icon-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.link-block-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.link-block-5:hover {
  opacity: .7;
}

.icon-15 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
  transform: rotate(135deg);
}

.div-block-337 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.image-88 {
  width: 100%;
}

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

.div-block-338 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.image-89 {
  object-fit: cover;
  border-radius: 200px;
  height: 100%;
  min-height: 300px;
  max-height: 400px;
}

.div-block-339 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 3.75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.name {
  color: #aaa;
  letter-spacing: -.2px;
  font-size: 16px;
  font-weight: 300;
}

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

.div-block-340.hide-desktop {
  display: none;
}

.code-embed-9 {
  opacity: .47;
  width: 20px;
}

.div-block-341 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto -20px -46px auto;
}

.radio-button {
  color: #afafaf;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
  font-weight: 500;
}

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

.form-field-label {
  color: #6d6d6d;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}

.purple {
  color: var(--green);
}

.name-span {
  color: #000;
  letter-spacing: -1px;
  background-color: #7bff00;
  border-radius: 200px;
  padding: 14px 28px;
  font-size: 40px;
  font-weight: 700;
  display: inline-flex;
}

.heading-29 {
  letter-spacing: -1px;
  font-weight: 900;
}

.google-span {
  background-color: var(--green);
  background-image: url('../images/GOogle-2.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 70%;
  padding-right: 81px;
}

.code-embed-10 {
  align-self: stretch;
  width: 100%;
  min-width: 65vw;
  margin-bottom: 0;
}

.div-block-343 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-343.hide {
  display: none;
}

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

.div-block-344.hide {
  display: none;
}

.div-block-345 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.black-highlight {
  color: #fffffff2;
  background-color: #000;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 600;
}

.purple-highlight {
  color: var(--white);
  background-color: #80f;
  font-weight: 600;
}

.text-span-65.bold {
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 300;
}

.div-block-346 {
  z-index: 998;
  pointer-events: none;
  background-image: url('../images/fire-fire-emote_1fire-fire-emote.gif');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-347 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.image-90 {
  height: 125px;
  position: absolute;
  inset: -125px 50px auto auto;
}

.div-block-348 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

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

.code-embed-11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .big-heading.white {
    max-width: 600px;
  }

  .container-regular-5, .container-regular-6 {
    max-width: 1180px;
  }

  .code-embed-10 {
    min-width: 900px;
  }

  .image-90 {
    height: 150px;
    top: -150px;
  }
}

@media screen and (min-width: 1440px) {
  .subheading.hero.crm {
    color: #ffffff82;
    letter-spacing: -1px;
  }

  .subheading.hero.special.listicle {
    padding-left: 24px;
    font-size: 32px;
  }

  .div-block-5 {
    padding-top: 74px;
    padding-bottom: 74px;
  }

  .our-team {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .container-4 {
    max-width: 100vw;
  }

  .submit-button-2021, .fieldlabel::placeholder {
    color: #00000059;
  }

  .select-field-3 {
    color: #00000040;
  }

  .image-57.desktop {
    width: 20vw;
  }

  .div-block-230 {
    background-color: #1a1a1a1a;
  }

  .heading-12 {
    display: none;
  }

  .heading-12.black {
    align-self: center;
  }

  .brand.w--current {
    justify-content: center;
    align-items: center;
  }

  .paragraph-15.list {
    background-color: #1a1a1a1a;
    max-width: none;
  }

  .button-3 {
    color: #d3eeff;
  }

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

  .section-19 {
    grid-column-gap: 5%;
    grid-row-gap: 80px;
    grid-template-columns: 1fr auto;
  }

  .text-span-13 {
    text-decoration: none;
  }

  .list-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    align-self: stretch;
    display: flex;
  }

  .div-block-246 {
    justify-items: stretch;
  }

  .cat_div {
    grid-template-rows: auto;
  }

  .image-62 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  .div-block-249 {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .paragraph-16 {
    line-height: 1.3;
  }

  .heading-18 {
    letter-spacing: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
  }

  .section-21 {
    color: #fff;
    background-color: #252525;
    padding: 1% 2%;
  }

  .div-block-260 {
    justify-content: center;
    align-items: center;
  }

  .list-item-2 {
    background-color: #00000029;
  }

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

  .menu-logo {
    width: 8rem;
  }

  .process-grid.left.invert {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    filter: invert();
  }

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

  .grid-three-column {
    margin-top: 36px;
  }

  .grid-10 {
    max-width: 1421px;
  }

  .service-text {
    letter-spacing: -1px;
    text-transform: none;
    font-size: 40px;
  }

  .service-text.black {
    font-size: 40px;
  }

  .div-block-288 {
    flex: 1;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .divblock289 {
    border-left-style: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .div-block-294 {
    margin-bottom: 0;
  }

  .content-container {
    width: 1200px;
  }

  .heading-25 {
    line-height: 1.5;
  }

  .div-block-303 {
    flex: 1;
  }

  .outer-main-div {
    min-width: 900px;
  }

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

  .big-heading.white {
    max-width: 700px;
  }

  .container-regular-5, .container-regular-6 {
    max-width: 1240px;
  }

  .div-container {
    max-width: 1320px;
  }
}

@media screen and (min-width: 1920px) {
  .header-logo-2.spelled {
    height: 20px;
  }

  .nav-menu-3 {
    transform: translate(-100%);
  }

  .nav-links-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-header-text {
    font-size: 86px;
  }

  .social-icon-2 {
    width: 70px;
    height: 70px;
  }

  .nav-head-wrap {
    border-bottom-width: 2px;
  }

  .nav-button {
    transition: border-color .3s, width .4s cubic-bezier(.215, .61, .355, 1);
  }

  .menu-logo {
    width: 12rem;
  }

  .container-regular {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  .title {
    margin-bottom: 0;
  }

  .title.bm {
    margin-bottom: 12px;
  }

  .recommended {
    color: #fff;
    background-color: #000;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    display: flex;
  }

  .div-block-284 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }

  .div-block-288 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .background-grid {
    width: 1420px;
    max-width: 1420px;
  }

  .center-div {
    max-width: 1420px;
  }

  .div-block-295 {
    margin-top: 10px;
  }

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

  .content-container {
    width: 1536px;
  }

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

  .popup-container {
    max-width: 1440px;
  }

  .section-24 {
    overflow: hidden;
  }

  .container-regular-5, .container-regular-6 {
    max-width: 1440px;
  }

  .image-88 {
    height: 100%;
  }

  .heading-29 {
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 991px) {
  .div-block-2.home {
    background-image: linear-gradient(90deg, #000000e6, #0000 50%, #000000e6), linear-gradient(0deg, var(--bg-black), #0000), linear-gradient(to bottom, #06060626, #06060626), url('../images/wave-1-1.png');
    background-position: 0 0, 0 0, 0 0, 50% 60%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 100%;
  }

  .div-block-2.contact_us.black {
    justify-content: space-between;
    align-items: center;
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .div-block-2.contact_us.hero {
    margin-top: 0;
  }

  .div-block-3 {
    justify-content: space-between;
    align-items: center;
  }

  .div-block-3.white-bg {
    z-index: 100;
    background-color: #fff;
  }

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

  .nav-menu {
    z-index: 99;
    background-image: linear-gradient(#000000b0, #000000b0), url('../images/photo-1614854262340-ab1ca7d079c7.jpeg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    height: 100%;
    position: fixed;
    inset: 0%;
  }

  .websites {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .div-block-4 {
    grid-template-columns: 1.5fr 1fr;
  }

  .subheading {
    max-width: 100%;
    font-size: 24px;
  }

  .subheading.hero.crm {
    font-weight: 700;
  }

  .subheading.hero.special {
    font-size: 18px;
  }

  .main-paragraph.white {
    text-align: center;
  }

  .div-block-6 {
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-center-vertical {
    padding: 27px;
  }

  .our-team {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 45px 5% 0 8%;
  }

  .section-list-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .div-block-208 {
    min-height: 350px;
  }

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

  .list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

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

  .footer {
    padding: 5vw;
  }

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

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

  .footer4_top-wrapper {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    justify-items: center;
  }

  .div-block-213 {
    flex-direction: column;
  }

  .div-block-214 {
    justify-content: center;
  }

  .heading-4.websites {
    font-size: 58px;
  }

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

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

  .section-17 {
    padding: 6%;
  }

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

  .image-57.mobile {
    display: none;
  }

  .image-57.desktop {
    width: 40vw;
  }

  .heading-12 {
    display: block;
  }

  .brand.mobile.w--current {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .heading-13 {
    font-size: 100px;
  }

  .link.mobile {
    text-align: left;
    letter-spacing: -1px;
    padding: 3% 8%;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
  }

  .div-block-237.desktop {
    display: none;
  }

  .div-block-237.mobile {
    flex-flow: column;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .text-span-6 {
    font-size: 90px;
  }

  .div-block-239 {
    grid-column-gap: 4%;
    grid-row-gap: 4%;
    padding-right: 4%;
  }

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

  .image-61 {
    border-radius: 0;
    width: 33vw;
  }

  .button-3.yarp {
    align-self: auto;
  }

  .button-3.yarp.mobile {
    text-align: center;
    margin-top: 0;
    display: block;
  }

  .button-3.yarp.hide {
    display: none;
  }

  .section-19 {
    grid-template-columns: 1fr;
  }

  .text-block-42._4th, .text-block-42.x {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .brand-2.w--current {
    padding-left: 0;
  }

  .section-20 {
    z-index: 50;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }

  .div-block-245 {
    z-index: 50;
    background-color: #fff;
    justify-content: flex-start;
    align-items: flex-start;
    width: 65vw;
    padding-top: 65px;
    padding-right: 30px;
    position: absolute;
    inset: 0% auto 0% -55vw;
    box-shadow: 5px 0 500px 100px #00000017;
  }

  .div-block-245.mobile {
    width: 80vw;
    min-width: 80vw;
    display: flex;
    left: -70vw;
  }

  .div-block-245.desktop {
    display: none;
  }

  .div-block-246 {
    grid-template-columns: 1fr;
  }

  .div-block-247 {
    padding-top: 20px;
  }

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

  .div-block-250 {
    flex: 0 auto;
    width: 90vw;
    padding-top: 65px;
  }

  .body-5 {
    padding-top: 40px;
  }

  .div-block-251 {
    align-self: stretch;
  }

  .text-block-43 {
    font-size: 18px;
  }

  .image-63 {
    max-width: 60vw;
  }

  .image-65.vufoewfbvgpieqw {
    width: 100px;
  }

  .link-block-3 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .menu-button.w--open {
    z-index: 0;
    background-color: #c8c8c800;
    inset: 2% 2% auto auto;
  }

  .menu-button.static.w--open {
    top: auto;
    right: auto;
  }

  .div-block-256 {
    justify-content: space-between;
    align-items: center;
    padding: 2% 3% 2% 8%;
    display: flex;
  }

  .black {
    color: #000;
  }

  .div-block-257 {
    align-self: flex-end;
    width: 1px;
    height: 0;
    position: relative;
  }

  .div-block-257.x, .div-block-257.y {
    background-color: #000;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
    transform: rotate(90deg);
  }

  .div-block-257.box {
    z-index: auto;
    cursor: pointer;
    width: auto;
    height: auto;
    display: flex;
    position: absolute;
    inset: 5px 5px auto auto;
  }

  .div-block-257.z {
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
    transform: rotate(90deg);
  }

  .hamburger-wrapper {
    z-index: 99999;
    position: relative;
  }

  .burger-line {
    z-index: 999;
    background-color: #000;
    display: flex;
    position: relative;
  }

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

  .patty-box---66x56 {
    width: 40px;
    height: 40px;
  }

  .patty-shape.patty-line-one, .patty-shape.patty-line-two {
    width: 20px;
    height: 3px;
  }

  .patty-shape.patty-line-three {
    width: 20px;
    height: 3px;
    margin-right: 0;
  }

  .patty-shape.patty-line-four {
    width: 20px;
    height: 3px;
  }

  .hamburger-002_container {
    justify-content: center;
    align-items: center;
    width: 1.2rem;
    height: 1.2rem;
    transition: background-color .2s ease-in-out, padding .2s ease-in-out;
    display: flex;
    position: absolute;
    inset: 15px 15px auto auto;
  }

  .hamburger-002_top-line, .hamburger-002_middle-line, .hamburger-002_bottom-line {
    height: 3px;
  }

  .background-video {
    width: 66%;
  }

  .header-logo-2 {
    height: 30px;
  }

  .header-logo-2.spelled {
    height: 15px;
  }

  .nav-button.invert {
    width: 30px;
    height: 30px;
  }

  .div-block-264 {
    padding-top: 75px;
  }

  .div-block-267 {
    max-width: 90vw;
  }

  .button-primary-small {
    display: none;
  }

  .paragraph-medium {
    font-size: 20px;
  }

  .container-regular {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-22.white {
    letter-spacing: -2px;
    font-size: 50px;
  }

  .testimonial-section {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .header-dashboard-asset {
    object-fit: fill;
    object-position: 50% 50%;
    border-radius: 16px;
    width: 100%;
    max-width: none;
    min-height: auto;
    margin-bottom: -40px;
    position: static;
  }

  .section-header {
    padding-bottom: 0;
  }

  .dashboard-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: column;
  }

  .header-content-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    max-width: none;
  }

  .content-feature-card {
    grid-row-gap: 12px;
  }

  .content-footer {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .small-paragraph, .small-paragraph.text-color-gray-700.darker {
    font-size: 18px;
  }

  .grid-three-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .middle-section {
    padding: 60px;
  }

  .content-feature-image.background-gray-100 {
    width: 100%;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid-large {
    grid-template-columns: 1fr;
  }

  .pricing-tabs-right {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .heading-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-card-small {
    min-width: auto;
  }

  .navigation-mobile-menu {
    color: #fff;
    background-color: #030711;
    border-radius: 44px;
    flex: none;
    padding: 12px;
  }

  .navigation-mobile-menu.w--open {
    color: #fff;
    background-color: #030711;
    border-color: #0000;
  }

  .navigation-search {
    flex: none;
  }

  .dropdown-main-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .search-toggle {
    justify-content: space-between;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-logo-link {
    margin-right: 0;
  }

  .navigation-dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .search-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .navigation-right {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .navigation-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-card {
    min-width: auto;
  }

  .navigation {
    position: relative;
  }

  .navigation-dropdown-list {
    position: static;
  }

  .navigation-dropdown-list.w--open {
    margin-bottom: 12px;
    margin-left: 0%;
    padding-top: 0;
    position: relative;
  }

  .navigation-dropdown-list.right.w--open {
    position: static;
  }

  .navigation-scroll {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-link-section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .navigation-menu-fill {
    background-color: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 5%;
  }

  .navigation-menu-fill.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navigation-search-menu {
    background-color: #fff;
    border-bottom: 1px solid #e5e7eb;
  }

  .navigation-search-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navigation-dropdown-toggle {
    padding-left: 0;
  }

  .section-large {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .title-center-regular {
    margin-bottom: 25px;
  }

  .h6-heading-4 {
    letter-spacing: 0;
    font-size: 20px;
  }

  .grid-10 {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 95vw;
    overflow: scroll;
  }

  .pricing {
    padding: 4%;
  }

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

  .div-block-280.desktop {
    display: none;
  }

  .div-block-283 {
    display: block;
  }

  .div-block-284 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .service-text.black {
    font-size: 36px;
  }

  .center-div {
    max-width: 90vw;
  }

  .pricing-card-header {
    padding: 20px;
  }

  .popup-call-button.white {
    background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(#000, #000), url('../images/fire-fire-emote_1fire-fire-emote.gif');
    background-position: 0 100%, 0 0, 50% 100%;
    background-repeat: no-repeat, repeat, repeat-x;
    background-size: 50%, auto, 300px;
  }

  .popup-call-button.white:hover {
    background-color: #000;
    background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(0deg, #000, #fff0), url('../images/fire-fire-emote_1fire-fire-emote.gif');
    background-position: 0 100%, 0 0, 50% 30%;
    background-repeat: no-repeat, repeat, repeat-x;
    background-size: 50%, auto, 300px;
  }

  .popup-call-button.white._2 {
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
  }

  .popup-call-button.white._2:hover {
    background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(0deg, #000, #fff0), url('../images/fire-fire-emote_1fire-fire-emote.gif'), linear-gradient(#0000, #0000);
    background-size: 50%, auto, 300px, auto;
  }

  .section-regular-5 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .pricing-card-features {
    padding: 20px;
  }

  .main {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px;
  }

  .work-image {
    width: 80vw;
  }

  .outer-main-div {
    min-width: auto;
  }

  .left-image, .right-image {
    display: none;
  }

  .main-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .popup {
    justify-content: flex-start;
    align-items: center;
    padding: 40px;
  }

  .heading-26 {
    text-align: center;
    letter-spacing: -1px;
    font-size: 55px;
  }

  .text-block-55 {
    text-align: center;
    max-width: 80%;
    font-size: 16px;
  }

  .exit-button {
    top: 10px;
    right: 10px;
  }

  .popup-container {
    align-content: stretch;
    align-items: stretch;
  }

  .image-77 {
    width: 320px;
  }

  .div-block-314 {
    padding: 20px;
  }

  .div-block-314._2 {
    width: 100%;
    display: flex;
  }

  .div-block-314._1 {
    display: none;
  }

  .top-gif {
    flex-flow: column;
    min-height: 500px;
  }

  .div-block-316 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
  }

  .div-block-317 {
    width: 100%;
  }

  .white-bg {
    white-space: nowrap;
  }

  .small-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
  }

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

  .big-heading.white {
    font-size: 60px;
  }

  .red {
    letter-spacing: -2px;
  }

  .inner-container {
    padding-top: 10%;
    padding-left: 8%;
    padding-right: 8%;
  }

  .inner-header-col {
    margin-bottom: 15px;
  }

  .card-2 {
    flex: none;
    width: 100%;
  }

  .card-3 {
    flex: none;
    width: auto;
  }

  .button-close {
    color: #fff;
    background-color: #000000bf;
    border-radius: 8px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: 2%;
    padding: 10px 15px;
    font-size: 20px;
    display: flex;
    inset: 0% 0% auto auto;
  }

  .section {
    flex-direction: column;
    justify-content: space-around;
  }

  .card-inner {
    background-image: none;
    padding-top: 0%;
    padding-bottom: 0%;
    display: none;
  }

  .image-wrapper {
    height: 33.33vh;
  }

  .card-1 {
    flex: none;
    width: 100%;
  }

  .main-heading {
    font-size: 3em;
    line-height: 1em;
  }

  .section-content {
    width: 100vw;
    height: auto;
    display: none;
  }

  .third-article {
    height: auto;
    min-height: 100vh;
  }

  .heading-28 {
    font-size: 6vh;
  }

  .scroll-type-wrapper {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    display: none;
  }

  .first-article {
    width: 100%;
    height: 100%;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    position: relative;
    top: 0%;
    overflow: auto;
  }

  .header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-container {
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .navigation-logo-link-2 {
    margin-right: 0;
  }

  .dropdown-featured-block {
    min-width: auto;
  }

  .navigation-menu-button {
    color: #fff;
    border: 1px solid #d4d4d4;
    padding: 12px;
  }

  .navigation-menu-button.w--open {
    background-color: #4b264b;
  }

  .dropdown-row {
    flex-flow: column;
  }

  .navigation-2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .navigation-dropdown-2 {
    width: 100%;
  }

  .navigation-dropdown-list-2.w--open {
    margin-top: 0;
    padding-top: 0;
    position: static;
  }

  .navigation-link {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-button-group-2 {
    align-items: center;
    width: auto;
    display: flex;
  }

  .dropdown-links-grid-large {
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-wrapper-large {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-dropdown-toggle-2 {
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-menu {
    background-color: #fff;
    padding: 12px 5%;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navbar-3.light {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2.light {
    text-align: center;
    letter-spacing: -2px;
    font-size: 36px;
  }

  .h2.large {
    font-size: 48px;
  }

  .h3.light {
    font-size: 26px;
  }

  .paragraph-18.light.o80.w80 {
    font-size: 14px;
  }

  .h1-2 {
    font-size: 48px;
  }

  .section-26 {
    padding: 90px 48px;
  }

  .footer-legal-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .menu-button-3.w--open {
    background-color: #0f0f0f;
  }

  .footer-legal-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .div-container {
    max-width: 90vw;
  }

  .div.center.g4 {
    background-color: #0f0f0f;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
  }

  .div.vert.bm24 {
    margin-bottom: 12px;
  }

  .footer-grid-regular {
    grid-template-columns: 1fr 1.5fr;
  }

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

  .gallery-slider-mask {
    width: 420px;
  }

  .image-89 {
    max-height: 200px;
  }

  .div-block-339 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 3.75fr;
  }

  .div-block-340.hide-desktop {
    display: block;
  }

  .div-block-340.hide-tablet {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .div-block-2 {
    padding-left: 7%;
    padding-right: 7%;
  }

  .div-block-2.contact_us.black {
    justify-content: center;
    align-items: center;
    padding-left: 6%;
    padding-right: 6%;
  }

  .heading {
    font-size: 42px;
  }

  .heading.white {
    line-height: 1.2;
  }

  .div-block-4 {
    grid-template-columns: 1fr 1fr;
  }

  .subheading.hero {
    font-size: 24px;
  }

  .subheading.hero.nomax.mobile {
    line-height: 1.4;
    display: block;
  }

  .subheading.hero.nomax.desktop {
    display: none;
  }

  .div-block-5, .div-block-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-center-vertical {
    align-items: stretch;
    margin-bottom: 0;
  }

  .image-47 {
    position: static;
  }

  .our-team {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-right: 8%;
  }

  .div-block-201 {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .section-paragraph-dark, .section-paragraph-dark.white, .section-paragraph-dark.white {
    font-size: 16px;
  }

  .div-block-208 {
    min-height: 200px;
  }

  .paragraph-3 {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 19px;
  }

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

  .footer {
    z-index: 4;
    position: relative;
  }

  .footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
  }

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

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

  .padding-top.padding-medium {
    align-self: stretch;
  }

  .footer4_top-wrapper {
    grid-row-gap: 1rem;
  }

  .footer4_credit-text {
    margin-top: 1rem;
  }

  .div-block-213 {
    flex-direction: column;
  }

  .div-block-224 {
    grid-template-columns: 1.5fr;
  }

  .success-message-2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

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

  .image-57.mobile {
    width: 70vw;
    display: block;
  }

  .image-57.desktop {
    display: none;
  }

  .image-58 {
    width: 15px;
  }

  .div-block-230 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-right: 26px;
  }

  .heading-13 {
    font-size: 75px;
  }

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

  .div-block-239 {
    grid-template-columns: 1fr;
    padding-right: 8%;
  }

  .heading-16.larger, .text-span-7.larger {
    font-size: 55px;
  }

  .div-block-240 {
    padding-bottom: 8%;
  }

  .image-61 {
    z-index: 1;
    width: 60vw;
    margin-top: 0;
    margin-bottom: -141px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .paragraph-15.list {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .button-3 {
    text-align: center;
    align-self: stretch;
  }

  .section-19 {
    position: relative;
  }

  .div-block-243 {
    padding-left: 0;
    padding-right: 0;
  }

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

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

  .div-block-250 {
    flex: 0 auto;
    padding: 5%;
  }

  .image-63 {
    max-width: 80vw;
  }

  .image-65 {
    object-fit: contain;
  }

  .menu-button {
    display: block;
  }

  .nav-social-text {
    font-size: 12px;
  }

  .nav-social-wrap {
    flex-direction: column;
  }

  .nav-text-link {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .menu-logo-wrap {
    font-size: 18px;
  }

  .nav-button {
    display: none;
  }

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

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

  .process-content {
    padding-top: 0;
  }

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

  .process-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: .25fr 1fr;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .carousel-vertical.hide-mobile {
    display: none;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .section-header {
    overflow: hidden;
  }

  .h4-heading {
    font-size: 32px;
  }

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

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .middle-section {
    padding: 44px 20px;
    overflow: visible;
  }

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

  .content-card {
    padding: 48px 32px 32px;
  }

  .section-regular-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-3 {
    font-size: 46px;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .pricing-grid-large {
    grid-template-columns: 1fr;
  }

  .h1-heading-2 {
    font-size: 54px;
    line-height: 62px;
  }

  .pricing-card-wide, .navigation-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-card-link {
    border: 1px solid #e5e7eb;
  }

  .h2-heading-4 {
    font-size: 46px;
    line-height: 54px;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden;
  }

  .h6-heading-4 {
    line-height: 1.3;
  }

  .grid-10 {
    box-sizing: border-box;
    position: relative;
    overflow: scroll;
  }

  .pricing-model {
    padding: 22px;
  }

  .title {
    font-size: 36px;
  }

  .per {
    font-size: 12px;
  }

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

  .text-block-47 {
    font-size: 14px;
  }

  .popup-call-button.white {
    font-size: 30px;
  }

  .popup-call-button.white._1 {
    background-image: url('../images/Screenshot_2023-11-09_024317_2048x2048__1_-removebg-preview-1.png'), linear-gradient(0deg, #000, #fff0), url('../images/fire-fire-emote_1fire-fire-emote.gif');
    background-position: 0 100%, 0 0, 50% 100%;
    background-repeat: no-repeat, repeat, repeat-x;
    background-size: 45%, auto, 300px;
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 150px;
    font-weight: 900;
    display: flex;
  }

  .popup-call-button.white._2 {
    display: none;
  }

  .row-x-small-3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .pricing-background-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-self: stretch;
    padding: 0;
  }

  .pricing-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .h5-heading-3 {
    font-size: 28px;
  }

  .subtitle.white {
    letter-spacing: -.2px;
    font-size: 26px;
  }

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

  .grid-block.mobile {
    display: flex;
  }

  .grid-block.desktop {
    display: none;
  }

  .grid-feature-content {
    grid-template-columns: 1fr 1fr;
  }

  .section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .text-block-54 {
    font-size: 20px;
  }

  .popup {
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    overflow: scroll;
  }

  .heading-26 {
    letter-spacing: -1px;
    font-size: 50px;
  }

  .text-block-55 {
    font-size: 16px;
  }

  .top-gif {
    height: 300px;
    min-height: 400px;
  }

  .white-bg {
    margin-left: 0;
  }

  .thumbnail {
    max-width: 100%;
  }

  .thumbnail-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .big-heading.white {
    letter-spacing: -1px;
    font-size: 56px;
  }

  .image-80 {
    height: 20px;
  }

  .red {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .button-close {
    width: auto;
  }

  .xlarge-paragraph {
    font-size: 10vh;
  }

  .section {
    flex-direction: column;
  }

  .cap {
    font-size: 90px;
  }

  .image-wrapper {
    background-size: cover;
    width: 100vw;
    height: 400px;
  }

  .wrap-scrolling-text {
    min-height: 250px;
  }

  .third-article {
    z-index: 22;
    height: auto;
    min-height: 100vh;
    position: relative;
  }

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

  .second-article {
    z-index: 21;
    position: relative;
  }

  .divider-circle {
    width: 12px;
    height: 12px;
  }

  .site-container {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-328 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 300px;
    position: relative;
    inset: auto 0% 0%;
  }

  .icon {
    width: 22px;
  }

  .section-regular-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .pricing-grid-2 {
    grid-template-columns: 1fr;
  }

  .h1-heading-3 {
    font-size: 54px;
    line-height: 62px;
  }

  .navigation-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2.large {
    letter-spacing: -2px;
  }

  .left-arrow-2, .right-arrow-2 {
    display: none;
  }

  .section-26 {
    padding: 60px 20px;
  }

  .footer-legal-section {
    padding-bottom: 32px;
  }

  .grid-12.g4 {
    grid-template-columns: 1fr;
  }

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

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

  .div-container {
    max-width: 100%;
  }

  .div-container.special {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .flex-block-4 {
    margin-bottom: 24px;
  }

  .div.mobile {
    flex-flow: column;
  }

  .div.vert.bm16.mobile {
    margin-bottom: 24px;
  }

  .footer-grid-regular {
    grid-template-columns: 1fr;
  }

  .gallery-slider-mask {
    width: 400px;
  }

  .image-89 {
    min-height: 200px;
  }

  .div-block-341 {
    right: -10px;
  }

  .div-block-344 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .div-block-345 {
    margin: 24px;
  }
}

@media screen and (max-width: 479px) {
  .paragraph {
    line-height: 1.3;
  }

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

  .div-block-2 {
    height: 50vh;
  }

  .div-block-2.contact_us {
    padding-top: 8%;
    padding-bottom: 8%;
  }

  .div-block-2.contact_us.black {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding-top: 6%;
    padding-bottom: 6%;
  }

  .image {
    height: 25px;
  }

  .heading.white {
    text-align: center;
    font-size: 18px;
  }

  .subheading {
    font-size: 20px;
  }

  .subheading.hero {
    text-align: left;
    font-size: 22px;
  }

  .subheading.hero.crm {
    letter-spacing: -2px;
    font-size: 42px;
  }

  .main-paragraph.white {
    text-align: left;
    max-width: none;
    font-size: 14px;
  }

  .div-block-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5.center.smm {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-6 {
    background-image: linear-gradient(#0000009e, #0000009e), url('../images/618c2babab8a74400dae555f_ezgif.com-gif-maker.gif');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .div-center-vertical {
    padding: 24px;
  }

  .image-47 {
    position: static;
  }

  .our-team {
    padding-top: 35px;
    padding-bottom: 0;
  }

  .div-block-201 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section-heading.smaller {
    font-size: 36px;
    line-height: 1.1;
  }

  .image-48 {
    object-fit: cover;
    object-position: 0% 50%;
    max-height: 430px;
  }

  .div-block-210 {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 5%;
    padding-right: 0%;
  }

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

  .list {
    margin-top: 12px;
  }

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

  .footer4_link-list {
    grid-column-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
  }

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

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

  .footer4_social-list {
    margin-top: 8px;
  }

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

  .padding-top.padding-medium {
    margin-top: 16px;
  }

  .footer4_top-wrapper {
    grid-row-gap: 1rem;
  }

  .div-block-213 {
    padding: 16px;
  }

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

  .heading-4.websites {
    flex-flow: column;
    font-size: 46px;
    display: flex;
  }

  .div-block-224 {
    grid-row-gap: 0px;
  }

  .text-field {
    border-radius: 0;
  }

  .container-4 {
    max-width: 95vw;
  }

  .fieldlabel {
    border-radius: 2px;
  }

  .grid-9 {
    grid-row-gap: 4px;
    grid-template-columns: 1fr;
    justify-items: start;
    max-width: 90vw;
    overflow: hidden;
  }

  .form-2 {
    overflow: hidden;
  }

  .field-label-2 {
    font-size: 13px;
  }

  .select-field-3 {
    border-radius: 2px;
  }

  .text-span-5 {
    font-size: 40px;
  }

  .image-58 {
    width: 20px;
  }

  .div-block-229 {
    grid-column-gap: 25px;
  }

  .div-block-230 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
  }

  .heading-13 {
    letter-spacing: -2px;
    font-size: 50px;
  }

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

  .link.mobile {
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 22px;
  }

  .text-span-6 {
    font-size: 70px;
  }

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

  .heading-16.larger {
    text-align: left;
    font-size: 46px;
    line-height: .9;
  }

  .text-span-7 {
    font-size: 36px;
  }

  .text-span-7.larger {
    font-size: 40px;
  }

  .image-61 {
    z-index: 0;
    width: 80vw;
    margin-bottom: -65px;
  }

  .paragraph-15.list {
    padding: 12px;
  }

  .paragraph-15.list.nan {
    padding-bottom: 15px;
  }

  .button-3.yarp {
    align-self: stretch;
  }

  .button-3.yarp.narp {
    margin-top: 6px;
  }

  .text-block-42._4th {
    padding: 26px 15px;
    font-size: 26px;
    line-height: 1.2;
  }

  .text-block-42.x {
    padding-left: 17px;
    padding-right: 17px;
    font-size: 24px;
  }

  .brand-2.w--current:hover {
    opacity: 1;
  }

  .div-block-243 {
    align-self: stretch;
    padding: 0 15px 15px;
  }

  .div-block-245 {
    padding-top: 75px;
    left: -45vw;
  }

  .div-block-250 {
    width: 90vw;
  }

  .body-5 {
    padding-top: 0;
  }

  .text-block-43.black {
    font-size: 18px;
  }

  .image-65.mobile {
    width: 100px;
    display: block;
  }

  .image-65.vufoewfbvgpieqw {
    display: none;
  }

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

  .menu-button.w--open {
    top: 1%;
    right: 1%;
  }

  .hamburger-002_container {
    right: 3%;
  }

  .div-block-259 {
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
  }

  .link-2 {
    vertical-align: baseline;
    margin-bottom: 18px;
    font-size: 26px;
    display: block;
    overflow: visible;
  }

  .background-video {
    width: 80%;
  }

  .page-nav-header {
    top: 25px;
    left: 25px;
  }

  .nav-line-1 {
    width: 30%;
  }

  .nav-social-wrap {
    flex-direction: column;
  }

  .nav-header-text {
    font-size: 44px;
  }

  .nav-text-link, .nav-link-2 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .menu-logo-wrap {
    margin-top: 40px;
  }

  .nav-head-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-button {
    top: 25px;
    right: 25px;
  }

  .button-primary-small {
    width: 100%;
  }

  .title-center-small {
    margin-bottom: 56px;
  }

  .heading-22.white {
    font-size: 40px;
  }

  .section-header {
    padding-top: 60px;
  }

  .header-client-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-card {
    padding: 40px 24px 24px;
  }

  .testimonial-author-divider {
    width: 20px;
    height: 1px;
  }

  .testimonial-author-wrap {
    flex-flow: column;
  }

  .pricing-tab-link {
    font-size: 16px;
  }

  .pricing-card-wide {
    padding: 24px;
  }

  .column-x-small.column-center {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-card {
    padding: 24px;
  }

  .dropdown-main-content {
    padding: 16px;
  }

  .navigation-divider, .navigation-button-group, .search-dropdown {
    display: none;
  }

  .dropdown-card-link {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .faq-dropdown-toggle {
    padding: 16px;
  }

  .faq-dropdown-list {
    padding-left: 16px;
    padding-right: 24px;
  }

  .h6-heading-4 {
    font-size: 18px;
  }

  .pricing-model {
    height: 100%;
  }

  .title {
    font-size: 32px;
  }

  .title.bm {
    flex: none;
  }

  .get-demo {
    flex: 0 auto;
  }

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

  .label {
    line-height: 1.4;
  }

  .div-block-284 {
    flex: none;
  }

  .service-text.black {
    letter-spacing: -1px;
    font-size: 28px;
  }

  .subtitle {
    font-size: 16px;
  }

  .subtitle.white {
    font-size: 20px;
  }

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

  .grid-feature-content {
    grid-template-columns: 1fr;
  }

  .text-block-54 {
    font-size: 14px;
    line-height: 1.2;
  }

  .popup {
    opacity: 1;
    justify-content: center;
    align-items: center;
    padding: 12px;
    overflow: scroll;
  }

  .heading-26 {
    letter-spacing: 0;
    font-size: 29px;
  }

  .heading-26.black {
    letter-spacing: -2px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 42px;
    font-weight: 900;
  }

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

  .popup-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
  }

  .div-block-314 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .div-block-314._2 {
    padding: 12px;
  }

  .top-gif {
    height: 300px;
    min-height: 300px;
  }

  .big-heading {
    letter-spacing: -1.5px;
    font-size: 36px;
  }

  .big-heading.white {
    font-size: 44px;
  }

  .card-2 {
    flex: 1;
    align-self: stretch;
    width: 100%;
  }

  .card-3 {
    flex: 1;
    width: 100%;
  }

  .button-close {
    max-width: 35%;
    inset: 0% 0% auto auto;
  }

  .section {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .arrow-read-more {
    flex: none;
    width: 45px;
    height: 45px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .link-read-more {
    font-size: 24px;
  }

  .cap {
    font-size: 80px;
  }

  .card-inner {
    padding-right: 10%;
    display: block;
  }

  .image-wrapper {
    background-position: 50%;
    background-size: cover;
    height: 33.33vh;
  }

  .card-1 {
    flex: 1;
  }

  .main-heading {
    font-size: 2em;
  }

  .section-content {
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .third-article {
    height: 100vh;
    min-height: auto;
    display: block;
  }

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

  .image-container-2.second {
    background-position: 50% 0;
  }

  .second-article {
    display: block;
  }

  .small-text {
    font-size: 9px;
  }

  .first-article {
    height: 100vh;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .site-container {
    padding-top: 100px;
  }

  .div-block-328 {
    max-height: 200px;
  }

  .pricing-card-3 {
    padding: 24px;
  }

  .navigation-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navigation-dropdown-list-2.w--open {
    white-space: normal;
  }

  .navigation-logo-image {
    height: 15px;
  }

  .dropdown-links-grid-large {
    grid-template-columns: 1fr;
  }

  .navigation-menu {
    border-bottom: 1px solid #e6e6e6;
  }

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

  .h2.large {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .paragraph-18.large.bm12 {
    font-size: 16px;
    line-height: 1.4;
  }

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

  .button-6 {
    text-align: center;
    width: 100%;
  }

  ._80 {
    max-width: 100%;
  }

  .footer-legal-wrapper {
    align-items: center;
  }

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

  .footer-column-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-legal-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .footer-links-grid {
    grid-template-columns: 1fr;
  }

  .gallery-slider-mask {
    width: 100%;
  }

  .hours {
    padding-left: 48px;
  }

  .div-block-348 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f8bb-018cabea {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f8e2-018cabea, #w-node-df9a4a04-cb72-a948-3040-414b0679fae1-018cabea, #w-node-_6369e62e-8864-4774-cfca-aba15ea80887-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f8d2-018cabea, #w-node-_1105350b-953b-b54a-e183-9a3389d0e3cf-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f8bc-018cabea {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f919-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f925-018cabea {
  align-self: start;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f93c-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f948-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f954-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f962-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f970-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f97c-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f988-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96f994-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa26-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa5f-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa6b-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa76-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa8c-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fa96-018cabea, #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96faa0-018cabea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fabe-018cabea {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fad7-018cabea {
  align-self: stretch;
}

#First-Name.w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fadb-018cabea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Email-3.w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fadd-018cabea, #Message-4.w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fade-018cabea {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fadf-018cabea {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fae6-018cabea {
  align-self: stretch;
}

#w-node-d2cdc24c-a569-ff82-098c-b5772ffb2af8-481f8008, #w-node-d5639e84-4079-b9f2-5af7-f497b888f077-481f8008, #w-node-fb63d992-47e9-4108-53c1-30c9011b6def-481f8008 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Phone.w-node-_6efdadf4-f689-3956-20dc-710d603eeb04-481f8008 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97c2afe1-461f-7a2d-f951-9bbd373cc9aa-481f8008, #w-node-b74bd646-63eb-cf3f-4d67-d56d92a9a8ee-481f8008, #w-node-bb01b3bc-0089-183f-0486-75359412c43b-481f8008 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_38207974-6920-ad0b-3a16-d2c3481f800c-481f8008 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ac1c592f-d5b7-305f-b2cf-9b69047a499f-481f8008 {
  justify-self: end;
}

#w-node-_38207974-6920-ad0b-3a16-d2c3481f8043-481f8008 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_744f62a9-d82c-8e49-408a-962794d397e0-018cabeb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0e438058-9b97-2369-b89b-780930470b02-018cabeb, #w-node-_666aac16-10c4-9749-0e0a-73d05d230824-018cabeb, #w-node-ed179dc6-77cc-fe8f-43f9-21af2c14bc6d-018cabeb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2c153b79-2a90-ae45-3535-141873c9ccfe-018cabeb, #w-node-_2c153b79-2a90-ae45-3535-141873c9cd06-018cabeb {
  align-self: start;
}

#w-node-_4d9b7198-5f17-3cc9-9c68-95ce6e9b7b65-018cabeb, #w-node-d6f547fc-1b7d-a509-a78d-c1ffea36f0a7-018cabeb, #w-node-d6f547fc-1b7d-a509-a78d-c1ffea36f06b-018cabeb, #w-node-d6f547fc-1b7d-a509-a78d-c1ffea36f07a-018cabeb, #w-node-d6f547fc-1b7d-a509-a78d-c1ffea36f089-018cabeb, #w-node-d6f547fc-1b7d-a509-a78d-c1ffea36f098-018cabeb, #w-node-_83c1c480-f69d-0ae3-b423-6a420b5a2857-018cabeb, #w-node-d8945d88-9552-1adb-a25e-fe3047253517-018cabeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8bdfe9e1-a6fd-8f7f-edea-c7d70d21f7ae-018cabeb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c04c438-faee-db1d-65d8-58446ea2c242-018cabeb, #w-node-ae6ed96b-6a23-d234-4759-8bf0f0dfaf1a-018cabeb, #w-node-_04e2ed0a-5b28-418e-c109-7b48a5570634-018cabeb, #w-node-_04e2ed0a-5b28-418e-c109-7b48a557063e-018cabeb, #w-node-_04e2ed0a-5b28-418e-c109-7b48a5570648-018cabeb, #w-node-_8979bb00-bdc0-c45f-3b81-56d1ef8abdc1-018cabeb, #w-node-_8979bb00-bdc0-c45f-3b81-56d1ef8abdcd-018cabeb, #w-node-_8979bb00-bdc0-c45f-3b81-56d1ef8abdd8-018cabeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_221095e8-fb63-56c6-ce84-2136ded129e4-018cabeb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8df-018cabeb {
  align-self: stretch;
}

#First-Name.w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d3-018cabeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Email-3.w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d4-018cabeb, #Message-4.w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d5-018cabeb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d6-018cabeb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-ced275d4-196f-a198-a749-3d909602879d-018cabeb {
  align-self: stretch;
}

#w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0141-018cabec, #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0145-018cabec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0149-018cabec {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b014d-018cabec, #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0151-018cabec {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0155-018cabec {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0159-018cabec {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d965dc0c-020d-8a42-1634-437d46d6ec78-018cabed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-d965dc0c-020d-8a42-1634-437d46d6ec9f-018cabed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d965dc0c-020d-8a42-1634-437d46d6eca0-018cabed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-d965dc0c-020d-8a42-1634-437d46d6eca7-018cabed {
  place-self: center stretch;
}

#w-node-d965dc0c-020d-8a42-1634-437d46d6ecad-018cabed, #w-node-d965dc0c-020d-8a42-1634-437d46d6ecb3-018cabed {
  place-self: auto stretch;
}

#w-node-_0bd9bad3-9531-8ebb-5555-aec301c5d832-018cabee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_32172244-d4e6-e193-a5c7-1a52bc64748b-018cabee, #w-node-_17d14003-14d1-9b56-7737-99a16542a3a4-018cabee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-b958e7b6-e750-ced2-b61f-61da8db5c84e-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c852-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c855-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c858-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c85b-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c876-018cabef, #w-node-b958e7b6-e750-ced2-b61f-61da8db5c882-018cabef, #w-node-f65008e2-b05e-8c3c-6bad-34016078fc56-018cabef, #w-node-f65008e2-b05e-8c3c-6bad-34016078fc60-018cabef, #w-node-f65008e2-b05e-8c3c-6bad-34016078fc6a-018cabef, #w-node-f65008e2-b05e-8c3c-6bad-34016078fc74-018cabef, #w-node-a754bed3-88cc-cdd4-3b78-9f85a450f6db-018cabef, #w-node-a754bed3-88cc-cdd4-3b78-9f85a450f6e5-018cabef, #w-node-a754bed3-88cc-cdd4-3b78-9f85a450f6ef-018cabef, #w-node-a754bed3-88cc-cdd4-3b78-9f85a450f6f9-018cabef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f1362c4-7dc9-d4b5-1ad6-035b67c41e55-018cabef {
  align-self: stretch;
}

#w-node-ae4b80da-2040-e6eb-d08e-1676277790de-018cabef {
  align-self: start;
}

#w-node-_90f73862-39e0-0a60-c6a6-103567a5e83b-018cabf1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_90f73862-39e0-0a60-c6a6-103567a5e841-018cabf1 {
  justify-self: end;
}

#w-node-_90f73862-39e0-0a60-c6a6-103567a5e857-018cabf1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-d965dc0c-020d-8a42-1634-437d46d6ec78-018cabed {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-d965dc0c-020d-8a42-1634-437d46d6ec9f-018cabed {
    justify-self: center;
  }

  #w-node-d965dc0c-020d-8a42-1634-437d46d6ecad-018cabed {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_799dcbd2-2937-2e53-bea3-59b26ba4c269-018cabea, #w-node-_234a655f-dfb1-5aeb-7a25-b40e0dda8f1e-018cabea {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fabe-018cabea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fad9-018cabea {
    align-self: auto;
  }

  #First-Name.w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fadb-018cabea, #Last-Name.w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fadc-018cabea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fae6-018cabea {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_38207974-6920-ad0b-3a16-d2c3481f800b-481f8008 {
    justify-self: end;
  }

  #w-node-ac1c592f-d5b7-305f-b2cf-9b69047a499f-481f8008 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_221095e8-fb63-56c6-ce84-2136ded129e4-018cabeb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d1-018cabeb {
    align-self: auto;
  }

  #First-Name.w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d3-018cabeb, #Last-Name.w-node-b6b9ba45-f5a1-529c-f721-2c4c895c3f23-018cabeb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ced275d4-196f-a198-a749-3d909602879d-018cabeb {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b014d-018cabec {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0151-018cabec, #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0155-018cabec {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-d965dc0c-020d-8a42-1634-437d46d6ec78-018cabed, #w-node-d965dc0c-020d-8a42-1634-437d46d6ec9f-018cabed {
    justify-self: stretch;
  }

  #w-node-d965dc0c-020d-8a42-1634-437d46d6ecb8-018cabed {
    place-self: auto;
  }

  #w-node-_14345d41-6d72-89c6-464b-1e3b33052006-018cabef {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ae4b80da-2040-e6eb-d08e-1676277790de-018cabef {
    align-self: stretch;
  }

  #w-node-_7e06151e-244b-1d64-4abd-ea89f7d9bef0-018cabef, #w-node-c1c5fdcd-771a-b09a-5d94-4b6f1caffeb5-018cabef, #w-node-_63999bb4-223c-925e-2f9d-7d99fefe638a-018cabef, #w-node-_692e7717-235b-6464-59aa-293091e820e7-018cabef, #w-node-fe72a3a2-60e9-ba32-d62c-27e39127ffd3-018cabef, #w-node-_5fa56708-d743-82d8-e592-0b557159e956-018cabef, #w-node-_890a86fb-11e9-f879-b51d-f14bfe226883-018cabef, #w-node-b5043f1f-84ba-f111-51b7-a5783db0c7ad-018cabef {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90f73862-39e0-0a60-c6a6-103567a5e83a-018cabf1 {
    justify-self: end;
  }

  #w-node-_90f73862-39e0-0a60-c6a6-103567a5e841-018cabf1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fad7-018cabea {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_653ae556-d8e0-fbf9-e69e-67dafe96fad9-018cabea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38207974-6920-ad0b-3a16-d2c3481f8041-481f8008 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8df-018cabeb {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-bc8bdd28-00d0-de53-836a-7a9b7ba2a8d1-018cabeb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_90f73862-39e0-0a60-c6a6-103567a5e851-018cabf1 {
    grid-area: 4 / 1 / 5 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0141-018cabec, #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0145-018cabec, #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0149-018cabec {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b014d-018cabec {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto stretch;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0151-018cabec {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end stretch;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0155-018cabec {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_6a93c9e1-d3d2-a57a-64f2-22f7f44b0159-018cabec {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_6f1362c4-7dc9-d4b5-1ad6-035b67c41e55-018cabef {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }
}


@font-face {
  font-family: 'Satoshi Complete 1';
  src: url('../fonts/Satoshi_Complete-1.zip') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eurostile';
  src: url('../fonts/Eurostile.TTF') format('truetype'), url('../fonts/Eurostile-Normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-BoldItalic.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype'), url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Black.ttf') format('truetype'), url('../fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy Extra';
  src: url('../fonts/gilroy-extra-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Bold-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Light-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-SemiBold-Italic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Thin-Italic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ivypresto Display';
  src: url('../fonts/IvyPresto-Display-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eurostile Extended';
  src: url('../fonts/eurostile-extended.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-ThinItalic-Trial.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-LightItalic-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Thin-Trial.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-SuperItalic-Trial.otf') format('opentype'), url('../fonts/Graphik-RegularItalic-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-BoldItalic-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Semibold-Trial.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-BlackItalic-Trial.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Black-Trial.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Light-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Medium-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Regular-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Bold-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-ExtralightItalic-Trial.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Super Trial';
  src: url('../fonts/Graphik-Super-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-Extralight-Trial.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-MediumItalic-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Trial';
  src: url('../fonts/Graphik-SemiboldItalic-Trial.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk 4500';
  src: url('../fonts/tusker-grotesk-4500-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk 6600';
  src: url('../fonts/tusker-grotesk-6600-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tusker Grotesk 6500';
  src: url('../fonts/tusker-grotesk-6500-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}