:root {
  --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-vertical: .7rem;
  --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-horizontal: 1.5rem;
  --3six5-new-build-2025---base-color-brand--brand-colour-1: #7300de;
  --3six5-new-build-2025_📏-sizes-spacing---button--button-corner-radius: 999px;
  --3six5-new-build-2025---base-color-brand--brand-d-grey: #110021;
  --3six5-new-build-2025---base-color-neutral--white: white;
  --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-vertical: .5rem;
  --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-horizontal: 1.25rem;
  --3six5-new-build-2025_📏-sizes-spacing---padding-global: 5vw;
  --3six5-new-build-2025_📏-sizes-spacing---element-half-spacing: .5rem;
  --3six5-new-build-2025_📏-sizes-spacing---content-spacing-m: 1.25rem;
  --3six5-new-build-2025---tag-boarder: #5e389980;
  --3six5-new-build-2025---base-color-neutral--neutral-light: #aaa;
  --paragraph-global: clamp(.65rem, 1vw + .5rem, 1.01rem);
  --brand-purple: #7300de;
  --dark-grey: #001113;
  --large-container: clamp(60rem, 80vw, 96rem);
  --border-black: #212121;
  --dark-gray: #181818;
  --footer-dark: #000f11;
  --pale-turquoise: #8442b6;
  --3six5-blue: #3fbbfe;
  --dark-purple: #03000a;
  --lite-purple-pink: #c80fff;
  --3six5-darker-blue: #07f;
  --sky-blue: #00deff;
  --heading-h2: clamp(2rem, 3vw, 3rem);
  --h3-blog: clamp(1rem, 2vw + .5rem, 1.5rem);
  --h2-blog: clamp(1.1rem, 2vw + .5rem, 1.9rem);
  --white: var(--purple-white);
  --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius-high: 2rem;
  --iconsize: 60px;
  --transparent: transparent;
  --glow-box: var(--brand-purple);
  --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius: 1.2rem;
  --3six5-new-build-2025---base-color-brand--white: white;
  --3six5-new-build-2025_📏-sizes-spacing---content-spacing: 2.5rem;
  --dark-slate-grey: #183e4d;
  --3six5-new-build-2025---base-color-brand--black: black;
  --3six5-new-build-2025---base-color-brand--off-black: #141414;
  --3six5-new-build-2025---base-color-brand--brand-m-grey: #221b39;
  --3six5-new-build-2025---base-color-neutral--black: black;
  --3six5-new-build-2025---base-color-neutral--neutral-lightest: #eee;
  --purple-white: #fdf7ff;
  --3six5-new-build-2025---base-color-neutral--neutral-lighter: #ccc;
  --light-purple-lite: #fbedff;
  --3six5-new-build-2025---base-color-neutral--neutral: #666;
  --3six5-new-build-2025---base-color-neutral--neutral-dark: #444;
  --3six5-new-build-2025---base-color-neutral--neutral-darker: #222;
  --3six5-new-build-2025---base-color-neutral--neutral-darkest: #111;
  --3six5-new-build-2025---base-color-system--success-green: #027a48;
  --3six5-new-build-2025---base-color-system--success-green-light: #ecfdf3;
  --3six5-new-build-2025---base-color-system--error-red: #b42318;
  --3six5-new-build-2025---base-color-system--error-red-light: #fef3f2;
  --3six5-new-build-2025---background-color--background-primary: var(--3six5-new-build-2025---base-color-neutral--white);
  --3six5-new-build-2025---background-color--background-secondary: var(--3six5-new-build-2025---base-color-neutral--neutral-lightest);
  --3six5-new-build-2025---background-color--background-tertiary: var(--3six5-new-build-2025---base-color-neutral--neutral-light);
  --3six5-new-build-2025---background-color--background-alternate: var(--3six5-new-build-2025---base-color-neutral--black);
  --3six5-new-build-2025---background-color--background-success: var(--3six5-new-build-2025---base-color-system--success-green-light);
  --3six5-new-build-2025---background-color--background-error: var(--3six5-new-build-2025---base-color-system--error-red-light);
  --3six5-new-build-2025---border-color--border-primary: var(--3six5-new-build-2025---base-color-neutral--black);
  --3six5-new-build-2025---border-color--border-secondary: var(--3six5-new-build-2025---base-color-neutral--neutral-light);
  --3six5-new-build-2025---border-color--border-alternate: var(--3six5-new-build-2025---base-color-neutral--white);
  --3six5-new-build-2025---link-color--link-primary: var(--3six5-new-build-2025---base-color-brand--brand-colour-1);
  --3six5-new-build-2025---link-color--link-secondary: var(--3six5-new-build-2025---base-color-brand--brand-colour-2);
  --3six5-new-build-2025---link-color--link-alternate: var(--3six5-new-build-2025---base-color-neutral--white);
  --3six5-new-build-2025---text-color--text-primary: var(--3six5-new-build-2025---base-color-neutral--black);
  --3six5-new-build-2025---text-color--text-secondary: var(--3six5-new-build-2025---base-color-neutral--neutral-darkest);
  --3six5-new-build-2025---text-color--text-alternate: var(--3six5-new-build-2025---base-color-neutral--white);
  --3six5-new-build-2025---text-color--text-success: var(--3six5-new-build-2025---base-color-system--success-green);
  --3six5-new-build-2025---text-color--text-error: var(--3six5-new-build-2025---base-color-system--error-red);
  --3six5-new-build-2025_📏-sizes-spacing---element-spacing: 1rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--content-spacing: 2.5rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--padding-global: 3.75rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--corner-radius: 1.2rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--box-blur: 30px;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--element-spacing: 1rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--element-half-spacing: .5rem;
  --3six5-new-build-2025_base-collection-2---spacing-and-paddings--corner-button: 12px;
  --3six5-new-build-2025_base-collection-2---base-color-brand--secondary-colour: black;
  --3six5-new-build-2025_base-collection-2---base-color-brand--white: white;
  --3six5-new-build-2025_base-collection-2---base-color-brand--primary-colour: #ff8b00;
  --3six5-new-build-2025_base-collection-2---base-color-brand--off-black: #1c1b1f;
  --3six5-new-build-2025_base-collection-2---base-color-brand--dark-grey: #2e2d31;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--black: black;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--white: white;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-lightest: #eee;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-lighter: #ccc;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-light: #aaa;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral: #666;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-dark: #444;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-darker: #222;
  --3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-darkest: #111;
  --3six5-new-build-2025_base-collection-2---base-color-system--success-green: #027a48;
  --3six5-new-build-2025_base-collection-2---base-color-system--success-green-light: #ecfdf3;
  --3six5-new-build-2025_base-collection-2---base-color-system--error-red: #b42318;
  --3six5-new-build-2025_base-collection-2---base-color-system--error-red-light: #fef3f2;
  --3six5-new-build-2025_base-collection-2---background-color--background-primary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--white);
  --3six5-new-build-2025_base-collection-2---background-color--background-secondary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-lightest);
  --3six5-new-build-2025_base-collection-2---background-color--background-tertiary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-light);
  --3six5-new-build-2025_base-collection-2---background-color--background-alternate: var(--3six5-new-build-2025_base-collection-2---base-color-brand--secondary-colour);
  --3six5-new-build-2025_base-collection-2---background-color--background-success: var(--3six5-new-build-2025_base-collection-2---base-color-system--success-green-light);
  --3six5-new-build-2025_base-collection-2---background-color--background-error: var(--3six5-new-build-2025_base-collection-2---base-color-system--error-red-light);
  --3six5-new-build-2025_base-collection-2---border-color--border-primary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-lighter);
  --3six5-new-build-2025_base-collection-2---border-color--border-secondary: var(--3six5-new-build-2025_base-collection-2---base-color-brand--primary-colour);
  --3six5-new-build-2025_base-collection-2---border-color--border-alternate: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--neutral-light);
  --3six5-new-build-2025_base-collection-2---border-color--border-light: #aaaaaa4d;
  --3six5-new-build-2025_base-collection-2---link-color--link-primary: var(--3six5-new-build-2025_base-collection-2---base-color-brand--primary-colour);
  --3six5-new-build-2025_base-collection-2---link-color--link-secondary: var(--3six5-new-build-2025_base-collection-2---base-color-brand--secondary-colour);
  --3six5-new-build-2025_base-collection-2---link-color--link-alternate: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--white);
  --3six5-new-build-2025_base-collection-2---text-color--text-primary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--black);
  --3six5-new-build-2025_base-collection-2---text-color--text-secondary: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--black);
  --3six5-new-build-2025_base-collection-2---text-color--text-alternate: var(--3six5-new-build-2025_base-collection-2---base-color-neutral--white);
  --3six5-new-build-2025_base-collection-2---text-color--text-success: var(--3six5-new-build-2025_base-collection-2---base-color-system--success-green);
  --3six5-new-build-2025_base-collection-2---text-color--text-error: var(--3six5-new-build-2025_base-collection-2---base-color-system--error-red);
  --3six5-new-build-2025_🔠-typography---font-size-base: 1rem;
  --3six5-new-build-2025_🔠-typography---primary-font-family: "Plus Jakarta Sans", sans-serif;
  --3six5-new-build-2025_🔠-typography---secondary-font-family: Montserrat, sans-serif;
  --3six5-new-build-2025_💫-motion-timing---duration-modal-open: 400;
  --3six5-new-build-2025_💫-motion-timing---duration-nav-open: 200;
  --3six5-new-build-2025_⚙️-layout---grid-gap: 2rem;
  --3six5-new-build-2025_⚙️-layout---container-main: 80rem;
  --3six5-new-build-2025_💫-motion-timing---scale-hover: 1.05;
  --3six5-new-build-2025_⚙️-layout---container-narrow: 60rem;
  --3six5-new-build-2025_⚙️-layout---grid-gap-xs: .5rem;
  --3six5-new-build-2025_⚙️-layout---grid-gap-sm: 1rem;
  --3six5-new-build-2025_⚙️-layout---grid-gap-md: 2rem;
  --3six5-new-build-2025_⚙️-layout---grid-gap-lg: 4rem;
  --3six5-new-build-2025_📏-sizes-spacing---nav--toolbar-height: 2rem;
  --3six5-new-build-2025_📏-sizes-spacing---nav--nav-height: 4rem;
  --3six5-new-build-2025_📏-sizes-spacing---nav--scroll-offset: var(--3six5-new-build-2025_📏-sizes-spacing---nav--nav-height);
  --3six5-new-build-2025_🔠-typography---line-height: 1.2;
  --3six5-new-build-2025---dotted-line: #815b91;
  --3six5-new-build-2025_⚙️-layout---large-hero: clamp(200vh, calc(220vh + 20vw), 260vh);
  --3six5-new-build-2025_🔠-typography---h1-heading: clamp(3rem, 6vw, 5.5rem);
  --3six5-new-build-2025---base-color-brand--brand-colour-2: #07f;
  --3six5-new-build-2025---base-color-brand--brand-colour-3: #3fbbfe;
}

body {
  color: #fff;
  background-color: #000;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 65px;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.3;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.4;
  text-decoration: none;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3;
}

h6 {
  margin-top: 0;
  font-size: 14px;
}

p {
  color: var(--3six5-new-build-2025---base-color-neutral--neutral-light);
  font-size: var(--paragraph-global);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.7;
}

li {
  margin-bottom: 10px;
}

strong {
  font-weight: bold;
}

sub {
  bottom: .3125px;
}

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

.button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .5px solid var(--brand-purple);
  background-color: var(--brand-purple);
  color: #fff;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 60px;
  align-items: center;
  padding: 9px 30px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s cubic-bezier(.503, .253, .047, .674);
  display: flex;
  box-shadow: 0 10px 10px #0000001a;
}

.button:hover {
  border-color: var(--brand-purple);
  outline-color: var(--brand-purple);
  outline-offset: 0px;
  color: #fff;
  background-color: #000;
  outline-width: .5px;
  outline-style: none;
  box-shadow: 0 10px 40px #3fbbfe29;
}

.button.nav {
  padding: 8px 20px;
  font-size: 16px;
}

.button._100w {
  width: 100%;
}

.button._50h {
  height: 50px;
}

.button.small {
  padding: 8px 12px;
  font-size: 12px;
}

.button.small.margin-bottom.secondary {
  border-color: var(--dark-grey);
  background-color: var(--dark-grey);
}

.button.alternate {
  background-color: #000;
  border-color: #fff;
}

.button.alternate:hover {
  border-color: var(--brand-purple);
  background-color: var(--brand-purple);
}

.button.alternate.is-small {
  padding: 8px 20px;
  font-size: 15px;
}

.button.alternate.full-width {
  justify-content: center;
}

.button.hide-x {
  display: none;
}

.button.centre {
  align-self: center;
}

.button.blog-sign {
  padding: 8px 20px;
  font-size: 16px;
}

.button._100 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
}

.main-section {
  z-index: 11;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: auto;
  padding: 100px 5%;
  display: flex;
  position: relative;
}

.main-section.overflow-none.hide, .main-section.overflow-none.top-l {
  display: none;
}

.main-section.no-bp {
  padding-bottom: 0;
}

.main-section._200-tp {
  padding-top: 200px;
}

.main-section.cta-space {
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-section._300-tp {
  padding-top: 300px;
}

.main-section._300-tp._150-up {
  padding-top: 200px;
}

.main-section.hide {
  display: none;
}

.main-section.with-bg {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0000007a;
}

.main-section.with-bg.hidex {
  display: none;
}

.main-section.cta-bg {
  background-image: linear-gradient(to right, black 42%, var(--brand-purple));
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.main-section.large-tab-bg {
  background-image: none;
  padding-top: 120px;
  padding-bottom: 50px;
}

.main-section.top-100 {
  margin-top: 100px;
}

.main-section.gradient-top {
  background-image: linear-gradient(185deg, var(--brand-purple), var(--dark-grey) 19%);
}

.main-section.light {
  background-image: linear-gradient(#000 27%, #7300de);
}

.main-section.cut {
  z-index: 18;
  overflow: clip;
}

.main-section.case {
  padding-top: 200px;
}

.main-section.slider-section {
  align-self: flex-start;
  min-height: 58rem;
  overflow: hidden;
}

.main-section.slider-section.hide, .main-section.slider-section.top-l {
  display: none;
}

.main-section.slider-section.top-l.no-p {
  padding-bottom: 0;
}

.main-section.slider-section.top-l.hide-x {
  display: none;
}

.main-section.slider-section.no-padding {
  padding: 50px 0%;
}

.main-section.overflow-none {
  align-self: flex-start;
  overflow: hidden;
}

.main-section.overflow-none.hide, .main-section.overflow-none.top-l {
  display: none;
}

.main-section.overflow-none.top-l.no-p {
  padding-bottom: 0;
}

.main-section.overflow-none.top-l.hide-x {
  display: none;
}

.main-section.overflow-none.no-padding {
  padding: 50px 0%;
}

.hero-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.hero-section.min-60 {
  min-height: 60vh;
  padding-top: 210px;
  padding-bottom: 100px;
}

.hero-section.min-60.about-bg {
  background-color: #000;
  background-image: linear-gradient(168deg, #000000c7 41%, #330063d1), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e67c3afe2532b3615e9bf_isometric_tech.avif");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
}

.hero-section.min-60.template {
  background-color: #000;
  background-image: linear-gradient(168deg, #000000c7 41%, #330063d1), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6429cd9113003eb5fee67a25_SEO-isometric-brand.avif");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
}

.hero-section.home {
  flex-direction: column;
  justify-content: space-around;
  padding-top: 60px;
}

.hero-section.home.v2-hide {
  display: none;
}

.hero-section.min-90 {
  z-index: 10;
  min-height: 90vh;
  margin-top: 95px;
}

.hero-section.home2 {
  flex-direction: column;
  justify-content: space-around;
  padding-top: 60px;
  overflow: hidden;
}

.hero-section.home2.v2-hide {
  display: none;
}

.hero-section.is-thankyou.landing {
  min-height: 1000px;
}

.hero-section.is-thankyou.threejs {
  align-items: flex-start;
  min-height: 125vh;
}

.hero-section._150px.landing {
  min-height: 1000px;
}

.hero-section._150px.threejs {
  align-items: flex-start;
  min-height: 125vh;
}

.blank-spacer {
  width: 1px;
  height: 1px;
}

.main-container {
  max-width: var(--large-container);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.main-container.centre-b {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.main-container.margin-top {
  margin-top: 160px;
}

.main-container.margin-top.custom {
  justify-content: center;
  height: 100vh;
  position: absolute;
}

.main-container._1450 {
  max-width: 1450px;
}

.main-container.hero-over {
  z-index: 10;
}

.main-container.top-x {
  z-index: 5;
}

.main-container.centre {
  align-items: center;
}

.service-item {
  border: 1px solid var(--border-black);
  background-color: var(--dark-gray);
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(0deg, #18181880, #18181880 34%, #fff0), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62614512e554ed16dd31ba43_Design%20copy.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 275px;
  padding: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  box-shadow: 0 20px 20px #0000001a;
}

.service-item:hover {
  transform: translate(0, -5px);
}

.service-item.ux {
  filter: contrast(110%);
  background-color: #0b0b0d;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7ce_UX-image.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.centre-x {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62614512e554ed16dd31ba43_Design%20copy.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.ux-s {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7ea_Visual%20Direction.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.graphics {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6284e797c09ea1cfafa2326d_Graphics.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.service-item.ppc {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7d4_Form-Flow.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  height: 100%;
  min-height: 275px;
}

.service-item.ppc._2 {
  background-size: 584px;
}

.service-item.seo {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62851da7b41db104349a7912_SEO%20-2.webp");
  background-position: 50% 69%;
  background-size: cover;
  flex-direction: column;
}

.service-item.social-m {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6284e797569eae11c35dd3d6_Social%20Media.webp");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
}

.service-item.leads {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62851e7acb671a05b53c577f_leads-s.webp");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
}

.service-item.leads.serv {
  background-position: 50% 70%;
}

.service-item.loaction {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/626154a8332bfe05a88b78de_Blog%20Background%402x.webp");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.blank-sq {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/626154a8332bfe05a88b78de_Blog%20Background%402x.webp");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.webgl-x {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/637e4c062850db48ff8c8a4b_kira%202.avif");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.cro {
  background-image: linear-gradient(#2f005a8c, #2f005a8c), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e71250c1c7797da53ce28_isometric_tech-conversion.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  height: 100%;
  min-height: 275px;
}

.service-item.uxbox {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62614512927a7099a197fe7a_business%20copy.webp");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.webflow-b {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62614602f6dd73e2a99041e5_Webflow.webp");
  background-position: 0 100%;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.webflow-home {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62614602f6dd73e2a99041e5_Webflow.webp");
  background-position: 0 100%;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
}

.service-item.webflow-c-im {
  background-image: linear-gradient(0deg, #18181880, #18181880 34%, #fff0), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6871126dc158a8cb1050166e_3six5-digital.avif");
  background-position: 0 0, 50% 26%;
  background-size: auto, cover;
}

.service-item.gsap-img {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/687cd8f413e98af7bbd0b9e7_GSAP%20Launch.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-item.webflow {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114818fe037a856ac7a5_WEBFLOW%20DESKTOP.svg");
  background-position: 0 100%;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.marketing {
  filter: contrast(109%) saturate(143%);
  text-align: center;
  background-color: #070007;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac816_Digital%20marketing-2.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.service-item.marketing.large {
  height: 100%;
}

.service-item.marketing.member {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/626154a8332bfe05a88b78de_Blog%20Background%402x.webp");
  background-repeat: repeat;
  height: 100%;
}

.hero-logo-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 5%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-logo-wrap.form---land {
  display: none;
}

.hero-logo-wrap.sub {
  z-index: 10;
  padding-top: 0;
  padding-bottom: 80px;
  position: relative;
}

.hero-logo-wrap-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-top: 40px;
  display: flex;
}

.hero-logo-wrap-inner.centre-x {
  justify-content: center;
}

.hero-logo-wrap-inner.homepage {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 40px;
}

.hero-logo-wrap-inner.wrap.centre {
  justify-content: center;
}

.hero-logo-wrap-inner.homepage2 {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: stretch;
  max-width: 1400px;
  margin: 10px 0 40px;
  position: relative;
  inset: auto 0% 0%;
}

.hero-logo-wrap-inner.quote-page {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 120px;
  transform: scale(1.2);
}

.logo {
  max-width: 54px;
  max-height: 43px;
}

.logo.wh {
  max-width: 50px;
}

.logo.wh.bw {
  filter: grayscale();
}

.logo.inv {
  filter: none;
  max-width: 100px;
}

.logo.invert {
  filter: invert();
}

.logo.tracr {
  max-width: 77px;
}

.p-logos.full {
  width: 100%;
  font-size: 12px;
  position: relative;
}

.section-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 700px;
  margin-bottom: 40px;
  display: flex;
}

.section-title-wrap.centre.v2, .section-title-wrap.centre.v2-cta {
  z-index: 5;
  text-align: left;
  align-items: flex-start;
  max-width: 740px;
  margin-bottom: 0;
  position: relative;
}

.section-title-wrap.centre-fulll {
  text-align: center;
  align-items: center;
  max-width: none;
}

.section-title-wrap.centre-fulll.no-bp {
  z-index: 5;
  max-width: 740px;
  position: relative;
}

.section-title-wrap.centre-fulll.no-b {
  z-index: 5;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-title-wrap.centre-fulll.horiz {
  z-index: 5;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  margin-bottom: 0;
  position: relative;
}

.section-title-wrap.centre-fulll.v2, .section-title-wrap.centre-fulll.v2-cta {
  z-index: 5;
  text-align: left;
  align-items: flex-start;
  max-width: 740px;
  margin-bottom: 0;
  position: relative;
}

.section-title-wrap.centre {
  text-align: center;
  align-items: center;
  max-width: 750px;
}

.section-title-wrap.centre.no-b {
  z-index: 5;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-title-wrap.centre.horiz {
  z-index: 5;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  margin-bottom: 0;
  position: relative;
}

.section-title-wrap.centre.v2, .section-title-wrap.centre.v2-cta {
  z-index: 5;
  text-align: left;
  align-items: flex-start;
  max-width: 740px;
  margin-bottom: 0;
  position: relative;
}

.section-title-wrap.centre.no-bp {
  z-index: 5;
  max-width: 740px;
  position: relative;
}

.section-title-wrap.no-bp {
  margin-bottom: 0;
}

.section-title-wrap.centre {
  text-align: center;
  align-items: center;
}

.section-title-wrap.wide {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: none;
}

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

._1-2-grid.top-stack {
  align-items: start;
}

._1-2-grid.middle-align {
  text-align: center;
  flex-direction: column;
  display: flex;
}

._1-2-grid.vert-tab {
  border-radius: 10px;
}

._1-2-grid._80p {
  grid-column-gap: 80px;
}

._1-2-grid._80p.hero {
  grid-template-columns: 1fr;
  width: 55%;
  display: flex;
  position: relative;
}

.subheader {
  color: var(--brand-purple);
  flex: none;
  font-size: 13px;
  font-weight: 600;
}

.subheader.purple {
  color: var(--brand-purple);
}

.subheader.thin {
  color: #585858;
  letter-spacing: .2px;
  font-size: .9rem;
}

.subheader.white {
  color: #fff;
}

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

._1-3-grid.overflow.hide {
  display: none;
}

._1-3-grid._20-pad {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.small-container {
  direction: ltr;
  width: 100%;
  max-width: none;
}

.small-container.narrow {
  flex-direction: column;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.small-container.narrow.end {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.small-container.narrow.end.s {
  display: none;
}

.small-container.narrow.hoz {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-direction: row;
  align-items: center;
  max-height: 100px;
  margin-top: 0;
  position: relative;
}

.footer-menus-grid {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  align-items: start;
}

.footer-outer-grid {
  grid-column-gap: 61px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
  padding-bottom: 40px;
}

.hover-link {
  opacity: .5;
  color: #2c2d36;
  transition: opacity .2s;
}

.hover-link:hover {
  opacity: 1;
}

.hover-link.white-text {
  color: #fff;
  text-decoration: none;
}

.hover-link.white-text.w--current {
  opacity: 1;
  color: #00deff;
}

.footer-bottom-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  position: relative;
}

.footer {
  z-index: 15;
  color: #fff;
  background-color: #0000;
  padding-top: 100px;
  padding-bottom: 40px;
  position: relative;
}

.menu-grid-vertical {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

.menu-grid-vertical._2-n, .menu-grid-vertical.loc {
  z-index: 33;
  object-fit: fill;
  position: relative;
}

.menu-grid-vertical._2-n, .menu-grid-vertical.loc {
  z-index: 33;
  object-fit: fill;
  position: relative;
}

.menu-grid-vertical._2-st {
  grid-template-columns: 1fr 1fr;
}

.footer-brand-link {
  margin-bottom: 20px;
}

.logo-footer {
  width: 80px;
}

.cta-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--border-black);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #18181880;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding: 100px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 20px #0000001a;
}

.cta-container.left {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62618068f575a11b6a703d06_careers.webp");
  background-position: 50%;
  background-size: auto;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
}

.cta-container.right {
  text-align: left;
  background-image: radial-gradient(circle at 0 100%, #7300dea1, #7300de05 31%);
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
}

.cta-container.slim-block {
  background-color: var(--footer-dark);
  text-align: left;
  background-image: linear-gradient(to right, #000 33%, #7300de);
  align-items: flex-start;
  padding: 40px;
}

.cta-container.slim-block.grid-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(to right, #000 44%, #7300de);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1400px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.cta-container.slim-block-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: left;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  max-width: 1400px;
  padding: 40px 0;
  display: grid;
  position: static;
}

.cta-container.cta2 {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62618068f575a11b6a703d06_careers.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.footer-bottom {
  padding-right: var(--3six5-new-build-2025_📏-sizes-spacing---padding-global);
  padding-left: var(--3six5-new-build-2025_📏-sizes-spacing---padding-global);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.bright-white {
  color: #fff;
}

.footer-paragraph {
  max-width: 50ch;
  font-size: 14px;
}

.blur-1 {
  z-index: -1;
  opacity: .7;
  filter: blur(700px);
  background-color: #c80fffe6;
  border-radius: 500px;
  width: 700px;
  height: 700px;
  position: absolute;
  inset: -250px -350px auto auto;
}

.blur-1.top-x {
  top: -582px;
}

.blur-2 {
  z-index: -1;
  opacity: .7;
  filter: blur(700px);
  pointer-events: none;
  background-color: #8442b6e6;
  border-radius: 500px;
  width: 700px;
  height: 700px;
  position: absolute;
  inset: auto auto -350px -200px;
}

.pg-wrap {
  z-index: 5;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.partner-logo {
  opacity: .47;
  width: auto;
  min-width: 50px;
  max-height: 35px;
  margin-bottom: 10px;
  transition: opacity .2s;
}

.partner-logo:hover {
  opacity: 1;
}

.partner-logo.weglot {
  max-width: 110px;
}

.partner-logo.flow {
  width: 166px;
}

.nav-ph {
  z-index: 9998;
  border-bottom: 1px none var(--border-black);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-inner-ph {
  max-width: var(--large-container);
  border: 1px solid var(--border-black);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background-color: #00000080;
  border-radius: 999rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  display: flex;
  overflow: visible;
}

.nav-inner-ph.is-calc {
  border-radius: 0 0 2rem 0;
  width: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.logo-ph {
  pointer-events: none;
  width: 85px;
}

._1-4-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 100%;
  display: grid;
}

._1-4-grid.nav-g {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-height: 200px;
}

._1-4-grid.landing, ._1-4-grid.hero-service {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._1-4-grid.process-g {
  grid-template-rows: auto auto auto auto;
}

._1-4-grid._10px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.blog-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--brand-purple);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #fff;
  background-color: #18181880;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 6px #0000001a;
}

.blog-item:hover {
  box-shadow: 4px 4px 0 0 var(--brand-purple);
  transform: translate(-3px, -5px);
}

.blog-p {
  display: block;
}

.blog-p.sm {
  font-size: 12px;
}

.blog-inf-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px none var(--border-black);
  background-image: linear-gradient(#0000008f, #0000008f), radial-gradient(circle farthest-side at 100% 20%, #7300de85, #000000c9 75%), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e67c3afe2532b3615e9bf_isometric_tech.avif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  height: 100%;
  min-height: 270px;
  padding: 65px 30px 30px;
  display: flex;
}

.blog-inf-wrap.smaller {
  background-image: linear-gradient(180deg, var(--dark-purple), #000f1154), linear-gradient(to bottom, transparent, transparent), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7e4_Insights-img.avif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex: none;
  height: 175px;
  min-height: 175px;
  max-height: 175px;
  padding: 20px;
}

.icon-wrap {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--lite-purple-pink), var(--brand-purple));
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  display: flex;
  overflow: hidden;
}

.icon-wrap.webflow {
  background-image: none;
}

.icon-wrap.memberstack-c {
  background-image: linear-gradient(#fff, #fff);
  padding: 5px;
}

.icon-wrap._3six5 {
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #020005, var(--brand-purple));
}

.about-point {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--border-black);
  background-color: var(--dark-grey);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-point.hoz {
  flex-direction: row;
}

.about-point.shadow {
  box-shadow: 6px 6px 0 0 var(--brand-purple);
  flex-direction: column;
  transition: all .4s;
}

.about-point.shadow:hover {
  box-shadow: 6px 6px 0 0 var(--3six5-darker-blue);
}

.horiz-wrap-points {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.horiz-wrap-points.stack {
  grid-column-gap: 20px;
  grid-row-gap: 1px;
  flex-wrap: wrap;
}

.collection-item-blog {
  display: flex;
}

.full-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.full-wrap.stack {
  justify-content: flex-start;
  padding-top: 100px;
}

.full-wrap.middle-align {
  justify-content: center;
  align-items: center;
}

.full-wrap.centre {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 145px;
  padding-right: 145px;
}

._wf-img {
  border: 1px solid var(--border-black);
  box-shadow: 8px 8px 0 0 var(--brand-purple);
  border-radius: 10px;
}

._wf-img.no-border {
  box-shadow: none;
  border-style: none;
  padding: 50px;
}

.small-p {
  font-size: 14px;
}

.small-p.blue-tx {
  color: var(--3six5-darker-blue);
}

.big-number {
  font-size: 30px;
  font-weight: 800;
}

.text-link {
  color: #fff;
  transition: all .2s;
}

.text-link:hover {
  color: var(--sky-blue);
}

.text-link.sidebar {
  font-size: 12px;
  line-height: 1.3;
}

.element-wrap {
  align-self: stretch;
}

.element-wrap.flex-horizontal {
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.flex-horizontal.centre-x {
  justify-content: center;
}

.element-wrap.center-content {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.element-wrap.center-content.stack {
  flex-direction: column;
}

.element-wrap.center-content.max-30ch {
  max-width: 30ch;
}

.element-wrap.center-button {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.element-wrap.flex-end {
  justify-content: space-between;
  display: flex;
}

.element-wrap.case-head, .element-wrap.tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.social-footer, .element-wrap.score {
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.work-type {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.social-ico {
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.left-stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.element-wrap.logo-case {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.logo-case.centre-x {
  justify-content: center;
}

.element-wrap.name-project {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  font-size: 25px;
  display: flex;
  position: relative;
}

.element-wrap.name-project.centre-x {
  justify-content: center;
}

.element-wrap.social-footer {
  align-items: center;
  display: flex;
  position: relative;
}

.element-wrap.flex-end-2 {
  justify-content: space-between;
  display: flex;
}

.social-icon {
  width: 60px;
  height: 60px;
  padding: 13px;
  transition: all .2s;
  transform: scale(.7);
}

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

.social-icon.hide {
  display: none;
}

.sig-img {
  min-width: 33px;
  min-height: 34px;
  display: block;
}

.telegram-ic {
  min-width: 36px;
  min-height: 35px;
}

.typewriter {
  color: var(--brand-purple);
}

.nav-overlay {
  z-index: 9;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000004a;
  display: none;
  position: fixed;
  inset: 0%;
}

.navigation-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: .45;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  background-color: #0006;
  border: 1px solid #21212180;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 170px;
  padding: 20px;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navigation-block:hover {
  opacity: 1;
  border-color: #7300de;
}

.navigation-block.cro {
  background-color: var(--dark-purple);
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7de_Split-Testing.avif");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.navigation-block.ux-nav {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e71250c1c7797da53ce28_isometric_tech-conversion.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.navigation-block.graphic-design {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7e4_Insights-img.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.navigation-block.seo {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62851da7b41db104349a7912_SEO%20-2.webp");
  background-position: 100% 0;
  background-size: cover;
}

.navigation-block.animation {
  background-image: none;
}

.navigation-block.support-package {
  background-color: var(--dark-purple);
  white-space: pre;
  background-image: radial-gradient(circle at 0 100%, #000000f0 11%, #0000), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114918fe037a856ac7f6_conversion-focused.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 60%;
}

.navigation-block.webgl {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/687cd8f413e98af7bbd0b9e7_GSAP%20Launch.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 117%;
  justify-content: flex-end;
  align-items: flex-end;
}

.navigation-block.webflow-nav {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: linear-gradient(to right, #03070cf7 62%, #20202038), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/625fdddefac6c539b7f3d5db_webflow.webp");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 500px;
}

.navigation-block.nocode {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/68adaee8b04bf90be871c240_SaaS%20Scale-Webflow.avif");
  background-position: 50% 46%;
  background-repeat: no-repeat;
  background-size: cover;
}

.navigation-block.contact-mobile-only {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: linear-gradient(to right, #03070cf7 62%, #20202038), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/625fdddefac6c539b7f3d5db_webflow.webp");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 500px;
  display: none;
}

.navigation-block.fin {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/68e3a97a63ff5ce4b4c554cd_Customisable%20Experiences.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.navigation-block.subs {
  background-color: var(--dark-purple);
  white-space: pre;
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6849114818fe037a856ac7a5_WEBFLOW%20DESKTOP.svg");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: cover;
}

.navigation-block.case-studies {
  background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804faa_9059a59db32cf5fca4fba189a241b379_nav-bg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.nav-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.nav-grid.desk {
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.nav-dropdown {
  z-index: 10002;
  background-color: #000000bf;
  background-image: linear-gradient(to right, #7300de0a, var(--footer-dark)), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/6266806df32677f4ca30c9d9_nav-bg.webp");
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border: 1px solid #212121;
  border-radius: 10px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 17px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.menu {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30px;
  height: 25px;
  margin-left: 0;
  padding: 0;
  display: flex;
}

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

.nav-d {
  background-color: #ddd0;
}

.nav-dropdown-wrapper {
  z-index: 9998;
  background-color: #0000;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  min-height: 580px;
  margin: 100px auto 40px;
  padding: 0;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.menu-right {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
  position: relative;
}

.burger-line {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  height: 3px;
}

.burger-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 30px;
  height: 25px;
  display: flex;
}

.gray {
  opacity: .8;
  font-weight: 300;
}

.p-logo {
  align-items: flex-start;
  display: flex;
}

.clutchembed {
  opacity: .5;
  width: auto;
  max-width: 200px;
  transition: opacity .2s;
}

.clutchembed:hover {
  opacity: 1;
}

.post-tag-type {
  background-color: var(--brand-purple);
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  inset: 20px auto auto 30px;
}

.footer-dro.w--open {
  background-color: #a77e7e00;
  position: absolute;
  overflow: visible;
}

.dropdown-location {
  z-index: -1;
  opacity: 0;
  color: #fff;
  position: absolute;
}

.dropdown-lo {
  width: 125px;
  height: 50px;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 30%;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.quote-block {
  border: 3px dashed var(--brand-purple);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 12px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.quote-block:hover {
  color: #9126f5;
}

.nav-link-bk {
  color: #fff;
  text-align: left;
  cursor: pointer;
  padding: 5px 20px;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
}

.nav-link-bk:hover {
  color: #942df5;
}

.nav-link-bk.hd {
  display: none;
}

.awards-sec {
  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;
  margin-left: 10px;
  padding-top: 46px;
  padding-bottom: 46px;
  display: flex;
}

.clutch-logo {
  max-width: 60px;
}

.nav-image-top {
  opacity: 1;
  mix-blend-mode: normal;
  width: 50px;
  position: relative;
  inset: auto auto 0% 0%;
}

.button-new {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .5px solid var(--brand-purple);
  background-color: var(--brand-purple);
  color: #fff;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 60px;
  align-items: center;
  padding: 10px 30px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s cubic-bezier(.503, .253, .047, .674);
  display: flex;
  box-shadow: 0 10px 10px #0000001a;
}

.button-new:hover {
  border-color: var(--brand-purple);
  outline-color: var(--brand-purple);
  outline-offset: 0px;
  color: #fff;
  background-color: #000;
  outline-width: .5px;
  outline-style: none;
  box-shadow: 0 10px 40px #3fbbfe29;
}

.button-new.is-small {
  padding: 8px 20px;
  font-size: 15px;
}

.button-new.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-new.is-icon.no-hover {
  background-image: linear-gradient(90deg, var(--brand-purple), var(--footer-dark));
  cursor: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-new.is-icon.gradient-b {
  background-image: linear-gradient(90deg, var(--brand-purple), var(--footer-dark));
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-new.is-icon.start-your-project {
  background-image: linear-gradient(90deg, var(--brand-purple), var(--footer-dark));
  cursor: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-new.is-icon.nav-b {
  background-image: linear-gradient(90deg, var(--brand-purple), var(--footer-dark));
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-new.is-icon.mobile-b {
  background-image: linear-gradient(90deg, var(--brand-purple), var(--footer-dark));
  padding-top: 6px;
  padding-bottom: 6px;
  display: none;
}

.button-new.is-alternate {
  color: #fff;
  background-color: #000;
  border-style: none;
  border-color: #fff;
}

.button-new.is-alternate.no-hover {
  cursor: none;
  border-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-large-main {
  width: 100%;
  max-width: clamp(60rem, 80vw, 96rem);
  margin-left: auto;
  margin-right: auto;
}

.container-large-main.is-hero {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: clamp(700px, 100vh - 40px, 100vh);
  padding-top: 15vh;
  display: flex;
}

.container-large-main.is-centre {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pill-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: .5px;
  background-color: #110021;
  border: 1px solid #5e389980;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  padding: .2rem 1.25rem;
  font-size: .8rem;
  font-weight: 300;
  display: flex;
  position: relative;
}

.pill-tag.is-left-2 {
  align-self: flex-start;
}

.pill-tag.is-purple-2 {
  color: #7300de;
}

.pill-tag.is-transparent-3 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #1100214d;
  align-self: center;
}

.pill-tag.is-left {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #1100214d;
  align-self: flex-start;
}

.tab-txt {
  font-family: Plus Jakarta Sans, sans-serif;
}

.publish-rocket {
  max-width: 17px;
  position: relative;
  bottom: -3px;
}

.heading-style-h2 {
  font-size: var(--heading-h2);
  font-weight: 300;
}

.heading-style-h2.is-balanced {
  text-wrap: balance;
}

.heading-style-h2.is-max {
  max-width: 20ch;
}

.text-size-regular {
  text-wrap: balance;
  max-width: 70ch;
}

.social-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: flex-start;
  place-items: center start;
  display: flex;
}

.share_social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #ecfdf3;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: .4rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav-logo {
  pointer-events: auto;
}

@media screen and (max-width: 991px) {
  body {
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-horizontal: 1.2rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-corner-radius: 999px;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-horizontal: 1.125rem;
    --3six5-new-build-2025_📏-sizes-spacing---padding-global: 4vw;
    --3six5-new-build-2025_📏-sizes-spacing---element-half-spacing: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing-m: 1.125rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius-high: 2rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius: 1rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing: 2rem;
    --3six5-new-build-2025_📏-sizes-spacing---element-spacing: 1rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--toolbar-height: 2rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--nav-height: 4rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--scroll-offset: var(--3six5-new-build-2025_📏-sizes-spacing---nav--nav-height);
  }

  ._3six5-new-build-2025--element-wrap._3six5-new-build-2025--flex-end-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: flex-start;
  }

  ._3six5-new-build-2025--nav-dropdown {
    flex-wrap: wrap;
    padding: 0 0 14px;
  }

  ._3six5-new-build-2025--nav-side {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-right: 0;
    display: grid;
  }

  ._3six5-new-build-2025--quote-block {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 22px;
  }

  ._3six5-new-build-2025--nav-link-bk {
    font-size: 16px;
  }

  ._3six5-new-build-2025--nav-grid._3six5-new-build-2025--desk {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border-top: 1px solid #7300de;
    order: -1;
    grid-template-columns: 1fr 1fr;
    margin-top: 8px;
    padding-top: 8px;
  }

  ._3six5-new-build-2025--navigation-block {
    opacity: 1;
    background-color: #0000;
    border-style: none;
    justify-content: center;
    min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--contact-mobile-only, ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--webflow-nav {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--contact-mobile-only, ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--webflow-nav {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--seo {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804fd1_517587830b87cea854681fd3e12a1328_SEO%20-2.webp");
    background-position: 50%;
    background-size: cover;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--cro {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--animation {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804fdb_442f3c66d8ded4331e5dcf14a0f52702_CMS-Digital%20Marketing.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  ._3six5-new-build-2025--nav-image-top {
    width: 35px;
  }

  ._3six5-new-build-2025--no-code-icons {
    width: 25px;
    max-height: 25px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--spline {
    width: 60px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--make {
    width: 25px;
    min-height: 25px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--hubspot {
    width: 50px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--sales, ._3six5-new-build-2025--lottie-nav {
    display: none;
  }

  ._3six5-new-build-2025--burger-line {
    height: 2.5px;
  }

  ._3six5-new-build-2025--pill-tag, ._3six5-new-build-2025--tab-txt:where(.w-variant-412ddd8f-0f3a-9d9d-424b-159f655f8819) {
    white-space: nowrap;
  }

  h2 {
    font-size: 38px;
  }

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

  .main-section.overflow-none.top-l {
    margin-top: 70px;
  }

  .main-section.cta-bg {
    padding-right: 0%;
  }

  .main-section.slider-section.top-l {
    margin-top: 70px;
  }

  .main-section.slider-section.slide-t {
    margin-top: 150px;
  }

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

  .hero-section._150px {
    padding-top: 150px;
  }

  .hero-section._150px.landing {
    min-height: 100vh;
  }

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

  .hero-section.is-thankyou {
    padding-top: 150px;
  }

  .hero-section.is-thankyou.landing {
    min-height: 100vh;
  }

  .main-container.margin-top.custom {
    margin-top: 0;
  }

  .service-item.webflow, .service-item.ux, .service-item.marketing {
    flex: none;
  }

  .service-item.marketing.large, .service-item.marketing.member {
    min-height: 275px;
  }

  .service-item.webflow-b, .service-item.webflow-home {
    flex: none;
    width: 100%;
    height: 275px;
  }

  .service-item.webflow, .service-item.ux, .service-item.marketing {
    flex: none;
  }

  .service-item.marketing.large, .service-item.marketing.member, .service-item.marketing.large, .service-item.marketing.member {
    min-height: 275px;
  }

  .service-item.centre-x {
    flex: none;
  }

  .service-item.ppc {
    background-size: cover;
    min-height: 275px;
  }

  .service-item.webgl-x {
    background-color: #030000;
    background-repeat: no-repeat;
    background-size: contain;
    flex: none;
    height: 200px;
  }

  .service-item.cro {
    background-size: cover;
    min-height: 275px;
  }

  .service-item.uxbox {
    flex: none;
  }

  .service-item.webflow-b, .service-item.webflow-home {
    flex: none;
    width: 100%;
    height: 275px;
  }

  .hero-logo-wrap.form---land {
    display: block;
    bottom: -130px;
  }

  .hero-logo-wrap-inner.land-d {
    display: none;
  }

  .hero-logo-wrap-inner.wrap.centre {
    flex-wrap: wrap;
  }

  .section-title-wrap.centre.v2 {
    text-align: center;
    align-items: center;
    max-width: none;
    padding-right: 5%;
  }

  .section-title-wrap.centre.v2-cta {
    max-width: none;
  }

  .section-title-wrap.centre-fulll.v2 {
    text-align: center;
    align-items: center;
    max-width: none;
    padding-right: 5%;
  }

  .section-title-wrap.centre-fulll.v2-cta {
    max-width: none;
  }

  ._1-2-grid.vert-tab {
    grid-template-columns: 1fr;
  }

  ._1-2-grid._80p.hero {
    width: 100%;
    display: block;
  }

  ._1-3-grid {
    grid-template-columns: 1fr;
  }

  ._1-3-grid.overflow {
    grid-auto-flow: column;
  }

  ._1-3-grid.blog-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .small-container.narrow.hoz {
    max-height: 80px;
    margin-top: 43px;
  }

  .footer-menus-grid {
    grid-column-gap: 30px;
    grid-template-columns: .5fr .5fr 1fr;
  }

  .footer-outer-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .footer-bottom-row {
    justify-content: center;
    margin-top: 48px;
  }

  .menu-grid-vertical._2-n, .menu-grid-vertical.loc, .menu-grid-vertical._2-n, .menu-grid-vertical.loc {
    grid-template-columns: 1fr 1fr;
  }

  .cta-container.slim-block-grid {
    grid-template-columns: 1fr;
  }

  .footer-paragraph {
    max-width: 50ch;
  }

  .partner-logo {
    width: 100px;
  }

  .partner-logo.flow {
    width: 152px;
  }

  ._30-wrap.grid {
    grid-template-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  ._30-wrap.grid.with-bg {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  ._1-4-grid {
    grid-template-columns: 1fr;
  }

  ._1-4-grid.team {
    grid-template-columns: 1fr 1fr;
  }

  ._1-4-grid.nav-g {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  ._1-4-grid.landing {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  ._1-4-grid.hero-service {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  ._1-4-grid._10px {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .blog-inf-wrap.smaller {
    min-width: 200px;
  }

  ._60-p-wrap {
    width: 100%;
  }

  .client-grid {
    grid-column-gap: 0px;
    grid-row-gap: 55px;
  }

  .client-logo-outer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .client-logo-image {
    object-fit: contain;
    width: 100%;
  }

  .h1-aboutus {
    font-size: 55px;
  }

  .team-image-wrap {
    height: 250px;
  }

  .team-image-wrap.aj {
    background-position: 50%;
    background-size: contain;
  }

  .team-image-wrap.adnan, .team-image-wrap.aj {
    background-position: 50%;
    background-size: contain;
  }

  .team-image-wrap.ewan {
    background-size: contain;
  }

  .team-image-wrap.adnan {
    background-position: 50%;
    background-size: contain;
  }

  ._wf-feature-item {
    max-width: 500px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .full-wrap {
    width: 100%;
  }

  .full-wrap.centre {
    padding-left: 75px;
    padding-right: 75px;
  }

  .abs-img {
    object-fit: cover;
    object-position: 50% 0%;
    height: 66%;
  }

  ._1-grid.review-x {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .review-card.hide-tab {
    display: none;
  }

  ._100-p-wrap {
    width: 100%;
  }

  .form-block {
    padding: 25px;
  }

  .form-block.bg {
    position: relative;
  }

  .question-center-flex {
    margin-bottom: 0;
  }

  .question {
    margin-bottom: 250px;
  }

  .radio-button {
    padding-left: 19px;
    padding-right: 19px;
  }

  .blog-hero {
    height: auto;
    min-height: 400px;
    padding-top: 125px;
  }

  .blog-hero-inner {
    padding: 30px 120px 30px 30px;
  }

  .blog-post-data {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-wrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-cta-wrap {
    width: 100%;
    margin-top: 30px;
    position: static;
  }

  .element-wrap.score, .element-wrap.work-type {
    flex-direction: column;
    width: 100%;
  }

  .element-wrap.flex-horizontal {
    flex-direction: column;
    width: 100%;
  }

  .element-wrap.flex-horizontal.flx {
    align-items: flex-start;
  }

  .element-wrap.flex-horizontal.centre-x {
    flex-direction: row;
  }

  .element-wrap.center-content {
    text-align: center;
    max-width: 60ch;
    margin-left: auto;
    margin-right: auto;
  }

  .element-wrap.flex-end {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .element-wrap.case-head {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
  }

  .element-wrap.tags {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    flex: 1;
    justify-content: flex-start;
    width: 100%;
  }

  .element-wrap.social-footer {
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
  }

  .element-wrap.score, .element-wrap.work-type {
    flex-direction: column;
    width: 100%;
  }

  .element-wrap.social-ico {
    flex-direction: row;
    width: 100%;
  }

  .element-wrap.logo-case {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
  }

  .element-wrap.logo-case.flx {
    align-items: flex-start;
  }

  .element-wrap.logo-case.centre-x {
    flex-direction: row;
  }

  .element-wrap.name-project {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
  }

  .element-wrap.name-project.flx {
    align-items: flex-start;
  }

  .element-wrap.name-project.centre-x {
    flex-direction: row;
  }

  .element-wrap.flex-end-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: flex-start;
  }

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

  .slider-wrap.overflow {
    grid-auto-flow: column;
  }

  .button-3.cta-form-block-button {
    margin-left: auto;
    margin-right: auto;
  }

  .filters-wrap {
    width: 100%;
    margin-bottom: 20px;
    position: static;
  }

  .case-studies-wrap {
    width: 100%;
  }

  .navigation-block {
    opacity: 1;
    background-color: #0000;
    border-style: none;
    justify-content: center;
    min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .navigation-block.cro {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
  }

  .navigation-block.seo {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62851da7b41db104349a7912_SEO%20-2.webp");
    background-position: 50%;
    background-size: cover;
  }

  .navigation-block.webflow-nav {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-block.contact-mobile-only {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-block.animation {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/625d1ccded0c38bf8e38a4c6_CMS-Digital%20Marketing.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .nav-grid.desk {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border-top: 1px solid var(--brand-purple);
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border-top: 1px solid var(--brand-purple);
    order: -1;
    grid-template-columns: 1fr 1fr;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 20px;
  }

  .nav-dropdown {
    flex-wrap: wrap;
    padding: 0 0 14px;
  }

  .menu.sm {
    width: 23px;
    height: 20px;
  }

  .burger-line {
    height: 2.5px;
  }

  .burger-wrap.smaller {
    align-self: center;
    width: 23px;
    height: 20px;
  }

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

  .price-steps {
    margin-left: 5%;
    margin-right: 5%;
  }

  .smaller-h1.quote-title {
    padding-left: 0;
    padding-right: 0;
  }

  .side-tab-horiz {
    flex-direction: column;
  }

  .tab-menu {
    flex-direction: row;
  }

  .tab-wide {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 100px;
  }

  .hub-grid {
    grid-template-rows: 400px minmax(230px, .6fr);
    grid-template-columns: 1.75fr 1.75fr;
  }

  .cms-resources {
    flex-direction: row;
    margin-bottom: -20px;
    overflow: auto;
  }

  .cms-resources.post-end {
    grid-template-columns: 1fr 1fr;
  }

  .resource-block {
    min-width: 200px;
    font-size: 20px;
  }

  .short-news {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .webflow-header {
    height: auto;
    min-height: 400px;
    padding-top: 125px;
  }

  .tab-med {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 100px;
  }

  .large-h3 {
    font-size: 1.3em;
  }

  .framer-im {
    width: 50%;
    max-height: 300px;
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .left-arrow, .right-arrow {
    padding: 130px;
  }

  .slider-paragraph {
    font-size: 15px;
  }

  .bloom {
    width: 100%;
    height: 100%;
    margin-top: 0;
    left: 0%;
  }

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

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

  .text-size-medium.show-desktop {
    display: none;
  }

  .text-size-medium.show-tablet {
    display: block;
  }

  .globe-container {
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    inset: 0%;
  }

  .globe-container.label.full-width, .globe-container.full-width, .globe-container.label.full-width, .globe-container.label.full-width, .globe-container.full-width {
    width: auto;
  }

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

  .globe3d {
    position: absolute;
    inset: 0%;
  }

  .globe-wrap {
    width: 100%;
    height: 70vh;
    position: relative;
  }

  .globe-wrap.mb {
    inset: auto 0% 0%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .hero-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .side-bar-container {
    inset: 0%;
  }

  .filter, .sidebar_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .side-bar-padding {
    width: 100vw;
    max-width: none;
  }

  .globe-fallback-container {
    width: 500px;
    height: 500px;
  }

  .blur-mouse {
    width: 300px;
    height: 300px;
  }

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

  .section-feature-item {
    height: 750px;
  }

  ._100-img {
    object-fit: cover;
    object-position: 50% 0%;
  }

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

  .section-threejsfeature-item {
    height: 100%;
  }

  .section-threejsfeature-item.medium {
    width: auto;
    height: 300px;
  }

  .section-threejsfeature-item.large {
    width: auto;
    height: 400px;
  }

  .tab-med-member {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 100px;
  }

  .lottie-background-large {
    padding-top: 72px;
    padding-left: 269px;
  }

  .scale-size {
    font-size: 9px;
  }

  .content-20 {
    align-self: stretch;
  }

  .content-20.type-work {
    flex-direction: row;
  }

  .webflow-editor-case {
    width: 100%;
  }

  .cta-case-study {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .tab-menu---c {
    width: 187px;
  }

  .menu-centre-case {
    min-width: 195px;
  }

  .case-page {
    min-width: 105px;
    font-size: 9px;
  }

  .case-bar {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 65px;
    margin-right: 0;
    top: -1px;
  }

  .deliverables {
    column-count: 2;
  }

  .case-desktop {
    height: 94%;
    display: none;
  }

  .case-intro {
    height: 300vh;
  }

  .txt-centre {
    display: none;
  }

  .side-content {
    align-items: flex-start;
    width: 100%;
  }

  .smaller-h2 {
    font-size: 27px;
  }

  .case-deliverables {
    margin-top: 50px;
  }

  .case-name-h3 {
    margin-left: 10px;
    font-size: 27px;
  }

  .square-tag {
    min-width: 95px;
    min-height: 30px;
    padding: 8px 11px;
    font-size: 11px;
  }

  .square-tag.purple-t {
    white-space: nowrap;
    white-space: nowrap;
  }

  .three-dot {
    display: none;
  }

  .case-burger {
    border-bottom-left-radius: 0;
    padding: 7px 7.5px;
    top: 0;
  }

  .item-page {
    min-width: 105px;
    font-size: 9px;
  }

  .heading-xlarge.text-spacing-large {
    font-size: 40px;
    line-height: 52px;
  }

  .section_05-sticky {
    justify-content: flex-start;
    width: 100%;
  }

  .canvas.section03, .canvas.sectionfinal, .canvas.section06, .canvas.section75, .canvas.section03, .canvas.sectionfinal, .canvas.section06, .canvas.section75 {
    background-image: none;
  }

  .text-size-large {
    color: #fff6f6;
    font-size: 1.3rem;
    font-weight: 400;
  }

  .split-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .section_05-skipbtn.show-tablet {
    display: block;
    bottom: 5%;
  }

  .editorial.section03 {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/633e9386208c994c6c0e03a5_one%20more%20dimension.webp");
    background-position: 50%;
    background-attachment: scroll;
    width: 100%;
    height: 100vh;
  }

  .process-stage {
    padding-left: 25px;
    padding-right: 25px;
  }

  .price-block.end-b {
    margin-top: 40px;
  }

  .list-wide.split-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .square-img-blk {
    object-fit: cover;
    object-position: 50% 0%;
    height: 78%;
  }

  .dropdown-lo {
    display: none;
  }

  .nav-side {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-right: 0;
    display: grid;
  }

  .quote-block {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 22px;
  }

  .nav-link-bk {
    font-size: 16px;
  }

  .c-us {
    display: none;
  }

  .c-us.mb {
    display: block;
  }

  .logo-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .team-stack {
    max-width: 100%;
    position: relative;
    top: 0%;
  }

  .tab-home {
    width: 23%;
    font-size: 1.6rem;
  }

  .webflow-icon {
    width: 40px;
    height: 40px;
  }

  .tabs-top {
    flex-wrap: wrap;
  }

  .tab-window {
    min-height: 400px;
  }

  .max-20ch {
    font-size: 2rem;
  }

  .slider-blocks {
    text-align: left;
    width: auto;
    min-width: 100px;
    min-height: 140px;
    padding: 14px;
  }

  ._70px-icon {
    width: 40px;
    height: 40px;
  }

  .slim-h3 {
    font-size: 12px;
  }

  .max-45 {
    max-width: 60ch;
  }

  .logo-behind {
    width: 80px;
    height: 27px;
  }

  .slider-large {
    height: auto;
    min-height: 500px;
  }

  .mask-large {
    width: 95%;
  }

  .arrow-top, .arrow-top.left, .arrow-top.left {
    top: 0;
  }

  .banner11_text-wrapper {
    text-align: center;
    padding-left: .6rem;
    padding-right: .6rem;
  }

  .banner11_text-wrapper.hide-tablet {
    display: none;
  }

  .section_banner12 {
    padding-top: 7px;
    padding-bottom: 7px;
  }

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

  .banner12_text-wrapper.hide-tablet {
    display: none;
  }

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

  .header76_content-right {
    height: 40rem;
    padding-left: 0;
  }

  .header76_content-left {
    margin-left: 5%;
    margin-right: 5%;
  }

  .header76_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 6rem;
  }

  .header76_images-layout {
    grid-template-columns: 1fr 1fr;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

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

  .layout414_content-top {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

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

  .header79_image-column.image-column-5, .header79_image-column.image-column-4, .header79_image-column.image-column-5, .header79_image-column.image-column-4 {
    display: none;
  }

  .case-overlay-detail-h {
    grid-column-gap: 34px;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 40px;
    bottom: -1%;
  }

  .hero-container-v2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2.3rem;
  }

  .smaller-text.hide-x {
    display: none;
  }

  .webflow-b {
    width: 270px;
    height: 170px;
    padding: 20px 37px;
  }

  .awards-sec {
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .flex-hor {
    flex-direction: column;
    align-items: flex-start;
  }

  ._3six5-icon {
    width: 40px;
    height: 40px;
  }

  .flex-wrap-vertical {
    max-width: 88%;
  }

  .find-out {
    margin-top: 30px;
  }

  .deals-cta {
    padding-right: 40px;
  }

  .nav-image-top {
    width: 35px;
  }

  .no-code-icons {
    width: 25px;
    max-height: 25px;
  }

  .no-code-icons.make {
    width: 25px;
    min-height: 25px;
  }

  .no-code-icons.spline {
    width: 60px;
  }

  .no-code-icons.hubspot {
    width: 50px;
  }

  .no-code-icons.sales, .lottie-nav {
    display: none;
  }

  .blog-form {
    width: 100%;
    padding-left: 23px;
    padding-right: 23px;
  }

  .webflow-icon-new, ._3six5-logo {
    width: 40px;
    height: 40px;
  }

  .webflow-tab {
    min-height: 400px;
  }

  .webflow-conntent-enter {
    font-size: 2rem;
  }

  .spline-text {
    display: none;
  }

  .spline-window {
    min-height: 400px;
    display: none;
  }

  .spline-icon {
    width: 40px;
    height: 40px;
  }

  .tabs-code-scroll {
    opacity: 0;
    pointer-events: none;
    position: fixed;
  }

  .container-large-main {
    max-width: clamp(40rem, 100vw - 5%, 96rem);
  }

  .heroheader_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .pill-wrapper.is-quality {
    bottom: -42px;
  }

  .pill-tag, .tab-txt.is-left-3, .tab-txt.is-left-3 {
    white-space: nowrap;
  }

  .heading-style-h1 {
    font-size: clamp(3rem, 6vw, 4.5rem);
  }

  .hero-sub {
    max-width: 100%;
  }

  .work-row-list {
    justify-content: center;
  }

  .container-medium {
    max-width: 100vw;
  }

  .services-tabs-wide {
    width: 100%;
  }

  .service-tabs-menu {
    width: 100%;
    margin-left: 0%;
    top: 85px;
    overflow: auto;
  }

  .services-grid {
    grid-template-columns: 1fr 1fr;
  }

  .services-block.is-integrations {
    aspect-ratio: 1;
    aspect-ratio: 1;
  }

  ._3six5-logo-icon {
    width: 50px;
  }

  .block-content-wrap {
    max-width: 22rem;
  }

  .heading-style-h3 {
    font-size: 1.8rem;
  }

  .block-image.ui-kits-full, .block-image.is-visual-direct {
    width: 100%;
  }

  .block-image.is-components, .block-image.is-optimise-cta, .block-image.is-marketing-stack {
    width: 49%;
  }

  .block-image.is-landing, .block-image.is-content {
    width: 100%;
  }

  .block-image.is-gsap, .block-image.is-gsap-gm {
    width: 100%;
  }

  .block-image.gsap-calc, .block-image.background-data, .block-image.optimise, .block-image.background-micro {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    top: 16.5%;
    right: 1px;
  }

  .block-image.is-dashboard {
    width: 49%;
  }

  .block-image.is-comp-1 {
    max-width: 80%;
    inset: 35% 1px auto auto;
  }

  .block-image.is-comp-2 {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    top: 16.5%;
    right: 1px;
  }

  .block-image.is-comp-3 {
    border-top-right-radius: 2rem;
    max-width: 50%;
    top: 1px;
    right: 1px;
  }

  .block-image.is-aftercare {
    width: 77%;
  }

  .block-image.is-integrations {
    width: 100%;
  }

  .block-image.is-website-dekstop {
    width: 52%;
  }

  .block-image.no-code-block {
    display: none;
  }

  .block-image.launch-days.hide-m {
    display: none;
    bottom: 13px;
  }

  .block-image.is-b-resourses {
    width: 72%;
  }

  .block-image.is-walkthrough {
    top: -9%;
  }

  .block-image.brand-design {
    width: 49%;
  }

  .block-image.ui-kits-full, .block-image.is-visual-direct {
    width: 100%;
  }

  .block-image.is-components, .block-image.is-optimise-cta, .block-image.is-marketing-stack {
    width: 49%;
  }

  .block-image.is-landing, .block-image.is-content {
    width: 100%;
  }

  .block-image.background-image-com {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    top: 16.5%;
    right: 1px;
  }

  .block-image.is-gsap, .block-image.is-gsap-gm {
    width: 100%;
  }

  .block-image.gsap-calc, .block-image.background-data, .block-image.optimise, .block-image.background-micro {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    top: 16.5%;
    right: 1px;
  }

  .line-services.is-component {
    top: 5%;
  }

  .overlay-fade-service.full-width {
    width: auto;
  }

  .tags-wrapper {
    opacity: 1;
  }

  .tags-wrapper.opacity-tablet-0 {
    opacity: 0;
    opacity: 0;
  }

  .overlap-tag-bottom.hide-tablet {
    display: none;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .variables-wrapper {
    padding-right: 2px;
    right: 7.5%;
  }

  .variables-img {
    right: -24%;
  }

  .cta-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .form-quick-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .slider_component {
    padding-bottom: 3.65rem;
    padding-left: 0;
    padding-right: 0;
  }

  .slider_mask {
    width: 100%;
  }

  .slider_slide {
    margin-right: 2.5rem;
    padding-right: 0;
  }

  .grid-element.direction-right {
    justify-content: space-between;
    align-items: center;
  }

  .slider_arrow {
    width: 3rem;
    height: 3rem;
    top: -13.5%;
    right: 6.2vw;
  }

  .slider_arrow-icon {
    width: 1rem;
    height: 1rem;
  }

  ._1-2-grid-2 {
    grid-template-columns: 1.1fr;
  }

  .footer_social-list {
    position: relative;
  }

  .footer_logo-wrapper {
    font-size: .8rem;
  }

  .large-stat-text {
    font-size: 3rem;
  }

  .heading-style-h2 {
    font-size: 2.5rem;
  }

  .section_wall-reviews {
    margin-top: 1rem;
  }

  .header_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 2rem;
  }

  .header_content-right {
    height: 40rem;
    padding-left: 0;
  }

  .header_images-layout {
    grid-template-columns: 1fr 1fr;
  }

  .webflow-grid-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .why-webflow-block {
    min-height: 15rem;
  }

  .smaller-txt-header {
    margin-top: 5px;
    font-size: 1.1rem;
  }

  .cta-optimise {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 2fr 1.25fr;
  }

  .cta_image {
    object-fit: contain;
    object-position: 50% 100%;
  }

  .faq_component {
    grid-template-columns: 1fr;
  }

  .faq_cta {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 20rem;
    padding: 0;
  }

  .webflow-resources {
    filter: saturate(200%);
    flex: 1;
    min-height: 13rem;
  }

  .blog-wrapper {
    margin-left: 4vw;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-reveal-content {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top-dock {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-dock-content {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

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

  .slider-container-new {
    height: auto;
    margin-left: auto;
  }

  .coming-soon {
    font-size: .8rem;
  }

  .work-row-list---m {
    justify-content: center;
  }

  .awards-block.hide-tablet {
    display: none;
  }

  .header_content-right-2 {
    height: 40rem;
    padding-left: 0;
  }

  .pill-tag-2 {
    white-space: nowrap;
  }

  .heading-style-h2-2 {
    font-size: 2.5rem;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .review-card-2.hide-tab {
    display: none;
  }

  .gsap-icon {
    width: 40px;
    height: 40px;
  }

  .heading-style-h2-5 {
    font-size: 2.5rem;
  }

  .calc-form {
    padding: 25px;
  }

  .content-vortex {
    width: 100%;
  }

  .content-vortex.centre {
    padding-left: 75px;
    padding-right: 75px;
  }

  .calc-form--main, .calc-form-side {
    padding: 25px;
  }

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

  .text-size-regular-2 {
    max-width: 70ch;
  }

  .glass-box-services {
    min-height: 200px;
  }

  .services-content-left {
    min-width: 100%;
  }

  .resource-wrap {
    flex-flow: wrap;
  }

  .webflow-resource-item {
    flex: 0 auto;
    width: 47%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-horizontal: 1.2rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-corner-radius: 999px;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-horizontal: 1.125rem;
    --3six5-new-build-2025_📏-sizes-spacing---padding-global: 3vw;
    --3six5-new-build-2025_📏-sizes-spacing---element-half-spacing: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing-m: 1rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius-high: 2rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius: .8rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing: 1.5rem;
    --3six5-new-build-2025_📏-sizes-spacing---element-spacing: 1rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--toolbar-height: 1.8rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--nav-height: 3rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--scroll-offset: var(--3six5-new-build-2025_📏-sizes-spacing---nav--nav-height);
  }

  ._3six5-new-build-2025--quote-block {
    height: 55px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  ._3six5-new-build-2025--nav-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  ._3six5-new-build-2025--nav-grid._3six5-new-build-2025--desk {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  ._3six5-new-build-2025--navigation-block {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--animation {
    min-height: 60px;
  }

  h1 {
    font-size: 45px;
  }

  h2 {
    font-size: 35px;
  }

  h3 {
    font-size: 26px;
  }

  li {
    margin-bottom: 13px;
  }

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

  .main-section.cta-bg {
    background-image: linear-gradient(to bottom, black 42%, var(--brand-purple));
    margin-top: 20px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .main-section.large-tab-bg {
    padding-top: 40px;
    padding-bottom: 28px;
  }

  .main-section.case {
    padding-top: 60px;
  }

  .main-section.slider-section {
    min-height: auto;
  }

  .main-section.slider-section.slide-t {
    margin-top: 220px;
  }

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

  .hero-section.home2 {
    padding-top: 83px;
    padding-bottom: 30px;
  }

  .service-item.webflow, .service-item.ux, .service-item.marketing, .service-item.centre-x, .service-item.ux-s {
    flex: none;
  }

  .service-item.loaction, .service-item.blank-sq, .service-item.webgl-x {
    flex: none;
  }

  .service-item.uxbox, .service-item.webflow-b, .service-item.webflow-home, .service-item.webflow, .service-item.ux, .service-item.marketing, .service-item.centre-x, .service-item.ux-s {
    flex: none;
  }

  .service-item.ppc {
    height: 275px;
  }

  .service-item.loaction, .service-item.blank-sq, .service-item.webgl-x {
    flex: none;
  }

  .service-item.cro {
    height: 275px;
  }

  .service-item.uxbox, .service-item.webflow-b, .service-item.webflow-home {
    flex: none;
  }

  .hero-logo-wrap.push, .hero-logo-wrap.sub, .hero-logo-wrap.push, .hero-logo-wrap.sub {
    align-self: flex-end;
    height: 100px;
  }

  .hero-logo-wrap-inner.homepage2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .logo {
    max-width: 42px;
  }

  .logo.wh {
    max-width: 39px;
  }

  .logo.inv {
    max-width: 75px;
  }

  .section-title-wrap.centre.horiz {
    align-items: flex-start;
  }

  .section-title-wrap.centre.v2 {
    text-align: center;
    align-items: center;
    padding: 5%;
  }

  .section-title-wrap.centre.v2-cta {
    text-align: left;
    align-items: flex-start;
    padding: 0%;
  }

  .section-title-wrap.centre.quote {
    text-align: left;
    text-align: left;
    margin-bottom: 0;
  }

  .section-title-wrap.centre-fulll.horiz {
    align-items: flex-start;
  }

  .section-title-wrap.centre-fulll.v2 {
    text-align: center;
    align-items: center;
    padding: 5%;
  }

  .section-title-wrap.centre-fulll.v2-cta {
    text-align: left;
    align-items: flex-start;
    padding: 0%;
  }

  ._1-2-grid {
    grid-template-columns: 1fr;
  }

  ._1-2-grid.top-stack {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  ._1-3-grid {
    grid-template-columns: 1fr;
  }

  ._1-3-grid._20-pad.max-h {
    display: none;
  }

  ._1-3-grid.blog-grid {
    grid-template-columns: 1fr;
  }

  .small-container.narrow.end {
    grid-column-gap: 16px;
    flex-direction: row;
    justify-content: space-around;
  }

  .small-container.narrow.hoz {
    grid-column-gap: 16px;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    max-height: none;
  }

  .footer-menus-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-outer-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .menu-grid-vertical._2-n, .menu-grid-vertical.loc, .menu-grid-vertical._2-n, .menu-grid-vertical.loc {
    grid-column-gap: 40px;
    grid-row-gap: 10px;
  }

  .cta-container.left, .cta-container.right {
    padding: 30px;
  }

  .cta-container.left, .cta-container.right {
    padding: 30px;
  }

  .cta-container.slim-block.grid-cta {
    grid-template-columns: 2.5fr .75fr;
  }

  .pg-wrap {
    z-index: 10;
  }

  .nav-inner-ph.is-calc {
    top: -31%;
    left: -4%;
    transform: scale(.7);
  }

  ._1-4-grid {
    grid-template-columns: 1fr;
  }

  ._1-4-grid.nav-g, ._1-4-grid.landing {
    display: none;
  }

  ._1-4-grid.nav-g, ._1-4-grid.landing {
    display: none;
  }

  ._1-4-grid.hero-service {
    display: flex;
  }

  ._1-4-grid._10px {
    grid-template-columns: 1fr 1fr;
  }

  .icon-wrap.webflow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .value-icon.sm-icon {
    object-fit: contain;
    min-height: 35px;
  }

  .value-icon.xsm-icon {
    min-height: 30px;
    max-height: 40px;
  }

  .h1-aboutus {
    font-size: 1.7rem;
  }

  .team-image-wrap {
    height: 200px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
  }

  .full-wrap.stack {
    padding-top: 0;
  }

  .full-wrap.centre {
    padding-left: 26px;
    padding-right: 26px;
  }

  .review-card {
    flex: none;
    width: 100%;
  }

  ._100-p-wrap.centre-max {
    max-width: 90%;
  }

  .question-center-flex, .radio-buttons, .radio-buttons._4, .radio-buttons._4 {
    grid-template-columns: 1fr;
  }

  .blog-hero {
    min-height: 500px;
  }

  .blog-hero-inner {
    margin-bottom: -170px;
    padding: 30px;
  }

  .small-h1, .small-h1.text-style-3lines, .small-h1.text-style-3lines {
    font-size: 2rem;
  }

  .blog-article-section {
    padding-top: 220px;
  }

  .blog-post-data h3 {
    font-size: 1.3rem;
  }

  .blog-post-data h2 {
    font-size: 1.6rem;
  }

  .blog-post-data h1 {
    font-size: 2rem;
  }

  .blog-post-data h4 {
    font-size: 1.1rem;
  }

  .progress-bar.template {
    max-width: 90%;
    display: block;
  }

  .sticky-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sticky-cta-wrap {
    flex-flow: column;
    width: 100%;
    margin-top: 20px;
    display: flex;
    position: static;
  }

  .case-home {
    min-height: 300px;
  }

  .element-wrap.flex-horizontal.flx {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: flex-start;
  }

  .element-wrap.score {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-direction: row;
  }

  .element-wrap.logo-case.flx {
    align-items: flex-start;
  }

  .element-wrap.name-project {
    font-size: 17px;
  }

  .element-wrap.name-project.flx {
    align-items: flex-start;
  }

  .social-icon {
    color: #fff;
    justify-content: center;
    align-items: center;
    padding: 2px;
    display: flex;
  }

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

  .case-study-rich-text {
    text-align: left;
  }

  .contact-n, .testimonials-n {
    align-items: flex-start;
    padding: 20px;
  }

  .navigation-block {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-block.animation {
    min-height: 60px;
  }

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

  .nav-grid.desk {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .abilities-block, .clientele-block2 {
    align-items: flex-start;
    padding: 20px;
  }

  .mob-t {
    grid-column-gap: 30px;
    width: 100%;
    display: flex;
  }

  .cs-wrap-inner, .cs-wrap-inner._2-wide, .cs-wrap-inner._2-wide {
    grid-template-columns: 1fr;
  }

  ._50-spcaer {
    height: 50px;
  }

  .tab-menu.horizontal {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .tab-wide {
    font-size: 1.5em;
  }

  .tab-h {
    max-width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .cms-resources {
    width: 100%;
  }

  .cms-resources.post-end {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .resource-block {
    min-width: 140px;
    font-size: 16px;
  }

  .short-news {
    grid-template-columns: 1fr;
  }

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

  .button-wrap._30px.left {
    justify-content: flex-start;
  }

  .tab-med {
    font-size: 1.6em;
  }

  .large-h3 {
    font-size: .9em;
  }

  .framer-im {
    width: 100%;
    max-height: 300px;
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .slider-paragraph {
    text-align: left;
    font-size: 13px;
  }

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

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

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

  .globe-container {
    height: 50vh;
    margin-top: 0;
    padding-top: 0;
  }

  .globe-container.version-2, .globe-container.version-new, .globe-container.version-2, .globe-container.version-new {
    width: 85vw;
    height: 50vh;
    margin-left: auto;
    bottom: -6%;
  }

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

  .globe-wrap {
    height: auto;
    min-height: 50vh;
  }

  .filter, .sidebar_component {
    grid-row-gap: 3rem;
  }

  .globe-fallback-container, .threejs-img-hero {
    width: 400px;
    height: 400px;
  }

  .threejs-linear-hero {
    width: 300px;
    height: 300px;
  }

  .blur-mouse {
    width: 200px;
    height: 200px;
  }

  .section-feature-item {
    height: 700px;
  }

  ._100-img.contain {
    object-fit: contain;
    object-fit: contain;
  }

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

  .lottie-background-large {
    padding-top: 77px;
    padding-left: 0;
  }

  .blog-lottie {
    width: 100%;
    min-height: 500px;
  }

  .tab-process {
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-process.w--current {
    width: auto;
  }

  .webflow-bar-c {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-direction: column;
    flex: 0 auto;
  }

  .content-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-20.type-work {
    flex-direction: column;
    align-items: flex-start;
  }

  .webflow-editor-case {
    min-height: auto;
  }

  .case-mobile {
    z-index: 3;
    opacity: 1;
    height: 80%;
    top: 100px;
  }

  .cta-case-study {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .tab-menu---c {
    border-bottom: 1px solid #212121;
    border-right-style: none;
    flex-flow: wrap;
    align-self: stretch;
    width: 100%;
  }

  .menu-centre-case, .what-is-webflow, .case-tablet {
    display: none;
  }

  .case-bar {
    flex-direction: column;
  }

  .deliverables {
    column-count: 1;
  }

  .case-desktop {
    display: none;
  }

  .background-lottie {
    overflow: hidden;
  }

  .case-intro {
    height: 100vh;
  }

  .process-tabs {
    flex-direction: column;
    padding-right: 0;
  }

  .case-tablet-2 {
    display: none;
  }

  .quote-head {
    align-self: stretch;
  }

  .tab-max {
    max-height: none;
  }

  .section_03-header-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-xlarge.text-spacing-large {
    letter-spacing: 7px;
    letter-spacing: 7px;
    font-size: 50px;
    line-height: 67.5px;
  }

  .section_04-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section_07-5-header-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .section_03 {
    height: 125vh;
  }

  .section_09-header-step {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: 100px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .section_06-header-content {
    padding-left: 27px;
    padding-right: 27px;
  }

  .section_09-header {
    max-width: none;
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-size-custom.text-weight-normal.text-spacing-custom {
    font-size: 14px;
  }

  .split-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .section_final-header-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .loading-screen {
    text-align: center;
    padding-left: 68px;
    padding-right: 68px;
  }

  .post-tag-type {
    top: 20px;
  }

  .price-block.centre-c {
    margin-top: 40px;
  }

  .price-end {
    font-size: 21px;
  }

  .list-wide {
    font-size: 14px;
  }

  .list-wide.split-content {
    grid-column-gap: 15px;
    grid-row-gap: 8px;
    grid-column-gap: 15px;
    grid-row-gap: 8px;
    font-size: 14px;
    display: block;
  }

  .price-usp {
    max-height: 115px;
  }

  .quote-block {
    height: 55px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .homepage-h1-2.smaller, .homepage-h1-2.client-c, .homepage-h1-2.smaller, .homepage-h1-2.client-c {
    font-size: 2.6rem;
  }

  .button-wrap-group._30px {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .team-stack {
    margin-left: 5%;
  }

  .tab-home {
    width: 46%;
    font-size: 1.7rem;
  }

  .tab-window {
    min-height: 300px;
    max-height: 500px;
  }

  .tab-text {
    margin-top: 10px;
    font-size: 12px;
    display: none;
  }

  .max-20ch {
    font-size: 1.7rem;
  }

  .cta-img {
    max-height: none;
    inset: 0% 0% auto auto;
  }

  .logo-sm {
    width: 120px;
    min-width: 120px;
  }

  .logo-behind {
    height: 22px;
  }

  .logos-wrapper {
    top: 10%;
  }

  .slider-large {
    min-height: 340px;
  }

  .slide-main {
    height: auto;
    min-height: auto;
  }

  .mask-large, .slide-cms-block {
    height: auto;
  }

  .banner11_text-wrapper.hide-mobile-landscape {
    display: none;
  }

  .banner11_text {
    font-size: 1.125rem;
  }

  .section_banner12 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .banner12_text-wrapper.hide-mobile-landscape {
    display: none;
  }

  .banner12_text {
    font-size: 1.125rem;
  }

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

  .header76_content-right {
    height: 30rem;
    padding-left: 0;
  }

  .button-group.centre-buttons {
    flex-flow: wrap;
  }

  .header76_component {
    padding-top: 4rem;
  }

  .header76_images-layout {
    grid-template-columns: 1fr;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .header78_image-wrapper {
    width: 18rem;
  }

  .layout414_image-wrapper {
    width: 40vw;
  }

  .layout414_content-top {
    grid-template-columns: 1fr;
  }

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

  .header79_image-column.image-column-3, .blur-track-bottom {
    display: none;
  }

  .case-thumbnail-large {
    height: auto;
    min-height: 300px;
  }

  .case-overlay-detail-h {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
    bottom: -2%;
  }

  .hero-container-v2 {
    padding-top: 5rem;
  }

  .hero-fade {
    height: 10rem;
    padding-bottom: 83px;
  }

  .smaller-text {
    display: none;
  }

  .webflow-b {
    height: 140px;
  }

  .case-thumbnail-large-mobile {
    height: auto;
  }

  .clutch-logo {
    max-width: 100px;
  }

  .resources-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .blog-intro-para {
    font-size: 14px;
  }

  .flex-hor {
    flex-direction: column;
    align-items: flex-start;
  }

  ._3six5-icon {
    margin-bottom: 24px;
  }

  .flex-wrap-vertical {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .deals-cta {
    padding: 32px 23px;
  }

  .webflow-tab {
    min-height: 300px;
    max-height: 500px;
  }

  .webflow-conntent-enter {
    font-size: 1.7rem;
  }

  .stepinto {
    font-size: 1rem;
  }

  .spline-window {
    min-height: 300px;
    max-height: 500px;
  }

  .spline-icon {
    margin-bottom: 24px;
  }

  .discount-code {
    order: 1;
    margin-top: 20px;
  }

  .button-new {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .button-new.is-icon.gradient-b, .button-new.is-icon.nav-b, .button-new.is-icon.mobile-b {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1rem;
  }

  .button-new.is-icon.gradient-b, .button-new.is-icon.nav-b, .button-new.is-icon.mobile-b, .button-new.is-icon.gradient-b, .button-new.is-icon.nav-b, .button-new.is-icon.mobile-b {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1rem;
  }

  .button-new.is-full-width {
    flex: 1;
    align-self: stretch;
  }

  .collab-cursor.is-you, .glass-box {
    display: none;
  }

  .container-large-main {
    max-width: clamp(30rem, 90vw, 96rem);
  }

  .heroheader_content {
    text-align: center;
    align-items: stretch;
  }

  .pill-wrapper.is-quality {
    bottom: 157px;
    right: 25px;
  }

  .heading-style-h1 {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
  }

  .work-preview-wrapper, .work-list-wrapper {
    display: none;
  }

  .service-grid-wrapper, .services-tabs-wide {
    width: 100%;
  }

  .service-tabs-menu {
    border-radius: 0;
    top: 90px;
  }

  .service-tab-link {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    font-size: .75rem;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .services-block {
    min-height: 20rem;
  }

  .services-block.is-centred {
    min-height: 15rem;
  }

  .services-block.web-builder {
    min-height: 45rem;
  }

  ._3six5-logo-icon {
    z-index: 999;
    width: 60px;
  }

  .block-content-wrap.is-bespoke {
    padding-right: 83px;
  }

  .block-content-wrap.centre-mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .block-image.is-optimise-cta, .block-image.is-marketing-stack {
    width: 46%;
    height: 100%;
  }

  .block-image.is-market, .block-image.is-full, .block-image.is-ai {
    width: 60%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .block-image.is-gsap, .block-image.is-gsap-gm {
    object-fit: cover;
    width: 116%;
    height: 105%;
  }

  .block-image.gsap-calc, .block-image.background-data, .block-image.optimise, .block-image.background-micro {
    min-width: 45%;
    height: 77%;
    inset: auto 7% 1% auto;
  }

  .block-image.is-dashboard {
    width: 46%;
    height: 100%;
  }

  .block-image.is-comp-1 {
    min-width: 55%;
    top: 35%;
  }

  .block-image.is-comp-2 {
    min-width: 45%;
    top: 5%;
  }

  .block-image.is-comp-3 {
    min-width: 40%;
    display: none;
  }

  .block-image.is-bespoke-webflow {
    width: 60%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .block-image.is-support {
    width: 69%;
    right: -2%;
  }

  .block-image.no-code-block {
    width: 150px;
  }

  .block-image.launch-days {
    max-width: 150px;
  }

  .block-image.launch-days.hide-m {
    display: none;
  }

  .block-image.brand-design {
    width: 46%;
    height: 100%;
  }

  .block-image.is-accessib {
    width: 60%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .block-image.is-components {
    width: 46%;
    height: 100%;
  }

  .block-image.is-behavioural {
    width: 60%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .block-image.is-optimise-cta, .block-image.is-marketing-stack {
    width: 46%;
    height: 100%;
  }

  .block-image.is-market, .block-image.is-full, .block-image.is-ai {
    width: 60%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .block-image.background-image-com {
    min-width: 45%;
    height: 77%;
    inset: auto 7% 1% auto;
  }

  .block-image.is-gsap, .block-image.is-gsap-gm {
    object-fit: cover;
    width: 116%;
    height: 105%;
  }

  .block-image.gsap-calc, .block-image.background-data, .block-image.optimise, .block-image.background-micro {
    min-width: 45%;
    height: 77%;
    inset: auto 7% 1% auto;
  }

  .line-services.is-packages {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 93%;
    height: 40%;
    min-height: 8.2rem;
    padding-left: 60px;
    right: -9px;
  }

  .line-services.is-market, .line-services.is-packages {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 93%;
    height: 40%;
    min-height: 8.2rem;
    padding-left: 60px;
    right: -9px;
  }

  .line-services.is-component {
    min-height: 11.4rem;
    top: 13%;
  }

  .line-services.is-component-2 {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 43px;
  }

  .line-services.is-market {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 93%;
    height: 40%;
    min-height: 8.2rem;
    padding-left: 60px;
    right: -9px;
  }

  .overlap-tag-top.is-bottom {
    margin-top: -15px;
    top: 0;
  }

  .block-wrapper {
    inset: 0%;
  }

  .tags-wrapper.is-bespoke {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    position: absolute;
    inset: 22% 0% auto;
  }

  .tags-wrapper.is-support-tag {
    display: none;
  }

  .overlap-tag-bottom {
    inset: auto 0% 0% auto;
  }

  .overlap-tag-bottom.is-1 {
    top: -15px;
    bottom: 0;
  }

  .overlap-tag-bottom.is-2 {
    bottom: -15px;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .builder-image-wrapper {
    grid-column-gap: .9rem;
    grid-row-gap: .9rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .variables-wrapper {
    right: -5%;
  }

  .variables-img {
    min-width: 240px;
    right: 0%;
  }

  .quick-form.is-wide {
    background-color: #08080800;
    align-self: stretch;
  }

  .form-quick-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .form-quick-wrap.is-stacked {
    flex-flow: column;
    width: 100%;
  }

  .form-wrapper-data {
    align-self: stretch;
  }

  .form-label-sm {
    margin-top: -3px;
    margin-bottom: -2px;
  }

  .slider_component {
    padding-bottom: 5rem;
  }

  .process_slider-absolute {
    width: 2rem;
  }

  .slider_mask {
    margin-left: 40px;
  }

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

  .process_card-text {
    font-size: 1.1rem;
  }

  .slider_arrow {
    display: flex;
    top: -10.5%;
    right: 36%;
  }

  .slider_arrow.is-left {
    right: 60%;
  }

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

  .heading-style-h2 {
    text-wrap: pretty;
    font-size: 2rem;
  }

  .header_component {
    padding-top: 4rem;
  }

  .header_content-right {
    height: 30rem;
    padding-left: 0;
  }

  .header_images-layout {
    grid-template-columns: 1fr;
  }

  .content-sub-txt {
    font-size: 14px;
  }

  .cta-optimise {
    grid-template-columns: 2fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta_image {
    opacity: .28;
    pointer-events: none;
    mix-blend-mode: difference;
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .section_faq {
    z-index: 8;
  }

  .faq_cta {
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer-reveal-content {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top-dock {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-dock-content {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

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

  .work-list-wrapper-mobile {
    display: block;
  }

  .work-row-list---m {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .grid-floor-container, .grid-floor {
    display: none;
  }

  .recapture, .recapture-mod {
    position: relative;
    bottom: -5%;
    right: 0%;
  }

  .social-footer {
    margin-bottom: 1rem;
  }

  .section-testimonials-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header_content-right-2 {
    height: 30rem;
    padding-left: 0;
  }

  .blur-track-top-2 {
    display: none;
    top: 39%;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .review-card-2 {
    flex: none;
    width: 100%;
  }

  .button-new-2 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .resource-txt-heading {
    font-size: .8rem;
  }

  .heading-style-h2-5 {
    text-wrap: pretty;
    font-size: 2rem;
  }

  .clock-embed {
    display: none;
  }

  .section-calc {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .calc-form {
    min-width: 90%;
  }

  .model-form-button {
    display: none;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .content-vortex.stack {
    padding-top: 0;
  }

  .content-vortex.centre {
    padding-left: 26px;
    padding-right: 26px;
  }

  .calc-form--main, .calc-form-side {
    min-width: 90%;
  }

  .calculator {
    margin-top: 50px;
  }

  .tracr-video {
    height: 355px;
    min-height: 200px;
  }

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

  .heading-style-h2-3 {
    text-wrap: pretty;
    line-height: 1.2;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-padding-horizontal: 1.2rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--button-corner-radius: 999px;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-vertical: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---button--sm-button-padding-horizontal: 1.125rem;
    --3six5-new-build-2025_📏-sizes-spacing---padding-global: 3vw;
    --3six5-new-build-2025_📏-sizes-spacing---element-half-spacing: .25rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing-m: 1rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius-high: 1.5rem;
    --3six5-new-build-2025_📏-sizes-spacing---radius--corner-radius: .8rem;
    --3six5-new-build-2025_📏-sizes-spacing---content-spacing: 1.25rem;
    --3six5-new-build-2025_📏-sizes-spacing---element-spacing: .5rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--toolbar-height: 1.8rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--nav-height: 3rem;
    --3six5-new-build-2025_📏-sizes-spacing---nav--scroll-offset: var(--3six5-new-build-2025_📏-sizes-spacing---nav--nav-height);
  }

  ._3six5-new-build-2025--element-wrap._3six5-new-build-2025--flex-end-2 {
    align-self: center;
  }

  ._3six5-new-build-2025--logo-ph {
    width: 80px;
  }

  ._3six5-new-build-2025--nav-dropdown-wrapper {
    height: auto;
    min-height: 100vh;
    margin-top: 54px;
  }

  ._3six5-new-build-2025--nav-dropdown {
    height: 100%;
    min-height: auto;
    display: flex;
    overflow: scroll;
  }

  ._3six5-new-build-2025--nav-side {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-bottom: 60px;
    display: flex;
  }

  ._3six5-new-build-2025--quote-block {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  ._3six5-new-build-2025--nav-link-bk {
    align-items: center;
    min-height: 50px;
    font-size: 13px;
    display: flex;
  }

  ._3six5-new-build-2025--nav-link-bk._3six5-new-build-2025--contact-x {
    display: none;
  }

  ._3six5-new-build-2025--nav-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  ._3six5-new-build-2025--nav-grid._3six5-new-build-2025--desk {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    order: -1;
    width: 100%;
    margin-top: 2.5px;
    padding-top: 2.5px;
    display: flex;
    overflow: visible;
  }

  ._3six5-new-build-2025--navigation-block {
    grid-row-gap: 0px;
    flex: 1;
    justify-content: center;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--contact-mobile-only {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    background-image: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--webflow-nav {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--nocode {
    text-align: left;
    background-image: linear-gradient(to right, #7300de, #000);
    flex-direction: row;
    order: 1;
    justify-content: space-between;
    align-items: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--ux-nav {
    background-image: linear-gradient(to right, #000, #7300de33), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804fb6_63aa215d2ea5c6d8d4c06205ed33711e_isometric_tech-conversion.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--support-package {
    background-position: 0%;
    background-size: 700px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--seo {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804fcb_70c3ffe3f15b9d43ecc08d3993a89f83_SEO.webp");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  ._3six5-new-build-2025--navigation-block._3six5-new-build-2025--cro {
    background-image: linear-gradient(to right, #000, #7300de33), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/689345bd678e4eb4e1804fd5_0ac3a51a629f76c9d7bff6d71cab9e08_dashboard-3six5.jpg");
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 300px;
  }

  ._3six5-new-build-2025--nav-image-top {
    width: 33px;
    margin-bottom: 0;
  }

  ._3six5-new-build-2025--extra-small._3six5-new-build-2025--text-color-purple._3six5-new-build-2025--hide-mobile {
    display: none;
  }

  ._3six5-new-build-2025--no-code-icons {
    width: 24px;
    max-height: 19px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--spline {
    width: 56px;
    min-height: 21px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--make {
    min-height: 21px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--hubspot {
    width: 48px;
    min-height: 22px;
  }

  ._3six5-new-build-2025--no-code-icons._3six5-new-build-2025--sales, ._3six5-new-build-2025--lottie-nav {
    display: none;
  }

  ._3six5-new-build-2025--menu, ._3six5-new-build-2025--burger-wrap {
    width: 25px;
    height: 22px;
  }

  ._3six5-new-build-2025--pill-tag {
    transform: scale(.85);
  }

  h1 {
    font-size: 10vw;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 24px;
  }

  p {
    font-size: 16px;
  }

  .button {
    padding: 8px 24px;
    font-size: 14px;
  }

  .button.nav {
    display: none;
  }

  .button.blog-sign, .button.nav {
    display: none;
  }

  .button.centre {
    align-self: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .button.blog-sign {
    display: none;
  }

  .main-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .main-section._200-tp, .main-section._300-tp {
    padding-top: 170px;
  }

  .main-section.overflow-none.top-l.no-p {
    margin-top: 20px;
  }

  .main-section.overflow-none.no-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-section._200-tp, .main-section._300-tp {
    padding-top: 170px;
  }

  .main-section.no-top {
    padding-top: 0;
  }

  .main-section.cta-bg {
    margin-top: 0;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .main-section.case {
    padding-top: 55px;
  }

  .main-section.slider-section {
    min-height: 30rem;
  }

  .main-section.slider-section.top-l.no-p {
    margin-top: 20px;
  }

  .main-section.slider-section.no-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-section.slider-section.slide-t {
    margin-top: 190px;
    margin-bottom: -135px;
  }

  .hero-section.min-60.about-bg, .hero-section.min-60.template {
    background-image: linear-gradient(168deg, #000000f2 49%, #3300639e), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e67c3afe2532b3615e9bf_isometric_tech.avif");
    background-position: 0 0, 100%;
  }

  .hero-section.min-60.about-bg, .hero-section.min-60.template {
    background-image: linear-gradient(168deg, #000000f2 49%, #3300639e), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e67c3afe2532b3615e9bf_isometric_tech.avif");
    background-position: 0 0, 100%;
  }

  .hero-section.min-60.blog-top {
    padding-top: 300px;
  }

  .hero-section.min-60.about-bg, .hero-section.min-60.template {
    background-image: linear-gradient(168deg, #000000f2 49%, #3300639e), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e67c3afe2532b3615e9bf_isometric_tech.avif");
    background-position: 0 0, 100%;
  }

  .hero-section.home {
    padding-top: 100px;
    overflow: visible;
  }

  .hero-section._150px {
    flex-wrap: wrap;
    padding-bottom: 50px;
  }

  .hero-section._150px.threejs {
    align-items: flex-start;
    min-height: 50vh;
    margin-bottom: 150px;
  }

  .hero-section._150px.cro {
    align-items: flex-start;
    min-height: 80vh;
  }

  .hero-section.home2 {
    padding-top: 100px;
    padding-bottom: 0;
    overflow: visible;
  }

  .hero-section.is-thankyou {
    flex-wrap: wrap;
    padding-bottom: 50px;
  }

  .hero-section.is-thankyou.threejs {
    align-items: flex-start;
    min-height: 50vh;
    margin-bottom: 150px;
  }

  .hero-section.is-thankyou.cro {
    align-items: flex-start;
    min-height: 80vh;
  }

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

  .main-container.margin-top.custom {
    height: auto;
  }

  .service-item {
    height: 200px;
    padding: 20px;
  }

  .service-item.ppc, .service-item.seo, .service-item.leads, .service-item.loaction, .service-item.blank-sq {
    text-align: center;
  }

  .service-item.webflow-b, .service-item.webflow-home {
    width: 100%;
    height: auto;
    min-height: 200px;
  }

  .service-item.webflow {
    height: auto;
    min-height: 300px;
  }

  .service-item.ux {
    text-align: center;
    height: auto;
    min-height: 300px;
  }

  .service-item.marketing {
    text-align: center;
    background-position: 50% 90%;
    background-size: cover;
    height: 275px;
  }

  .service-item.marketing.hover {
    height: auto;
    min-height: 300px;
  }

  .service-item.ppc, .service-item.seo, .service-item.leads, .service-item.loaction, .service-item.blank-sq {
    text-align: center;
  }

  .service-item.webgl-x {
    text-align: center;
    height: 100px;
  }

  .service-item.cro {
    text-align: center;
  }

  .service-item.uxbox {
    text-align: center;
    height: auto;
    min-height: 200px;
  }

  .service-item.webflow-b, .service-item.webflow-home {
    width: 100%;
    height: auto;
    min-height: 200px;
  }

  .hero-logo-wrap, .hero-logo-wrap.logox {
    bottom: -70px;
  }

  .hero-logo-wrap.push, .hero-logo-wrap.sub {
    height: 150px;
    padding-top: 26px;
    padding-bottom: 15px;
    position: relative;
    bottom: -27px;
  }

  .hero-logo-wrap.logox {
    bottom: -70px;
  }

  .hero-logo-wrap.form---land {
    position: relative;
    bottom: 0;
  }

  .hero-logo-wrap.top-x {
    margin-bottom: 50px;
  }

  .hero-logo-wrap.push, .hero-logo-wrap.sub {
    height: 150px;
    padding-top: 26px;
    padding-bottom: 15px;
    position: relative;
    bottom: -27px;
  }

  .hero-logo-wrap-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    width: 100%;
  }

  .hero-logo-wrap-inner.homepage {
    grid-column-gap: 14px;
  }

  .hero-logo-wrap-inner.wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .hero-logo-wrap-inner.wrap.centre {
    grid-row-gap: 26px;
    grid-row-gap: 26px;
  }

  .hero-logo-wrap-inner.homepage2 {
    grid-column-gap: 14px;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-logo-wrap-inner.quote-page {
    grid-column-gap: 14px;
    padding-left: 39px;
    padding-right: 39px;
  }

  .logo {
    max-width: 37px;
    max-height: 33px;
  }

  .logo.wh {
    max-width: 34px;
    max-height: 34px;
  }

  .logo.inv {
    max-width: 70px;
  }

  .logo.inv.webflow {
    max-width: 85px;
    max-height: 45px;
  }

  .logo.inv.tracr, .p-logos {
    display: none;
  }

  .section-title-wrap.centre.horiz {
    flex-flow: column wrap;
    align-items: center;
  }

  .section-title-wrap.centre-fulll.horiz, .section-title-wrap.centre.horiz, .section-title-wrap.centre.horiz {
    flex-flow: column wrap;
    align-items: center;
  }

  .section-title-wrap.centre.quote {
    text-align: left;
    text-align: left;
    margin-bottom: 0;
  }

  .section-title-wrap.wide {
    text-align: center;
    margin-bottom: 0;
  }

  .section-title-wrap.centre-fulll {
    z-index: 5;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
  }

  .section-title-wrap.centre-fulll.horiz {
    flex-flow: column wrap;
    align-items: center;
  }

  .case-study-item {
    justify-content: flex-start;
    height: auto;
    padding: 0;
  }

  .case-study-item.on-page {
    border-radius: 1rem;
  }

  ._1-2-grid {
    grid-row-gap: 30px;
  }

  .subheader {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .subheader.left {
    align-self: flex-start;
  }

  ._1-3-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  ._1-3-grid.overflow {
    grid-template-columns: minmax(300px, 1fr);
    grid-auto-columns: minmax(275px, 1fr);
  }

  ._1-3-grid._20-pad.max-h.full-s {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .small-container.narrow.end {
    flex-flow: column wrap;
  }

  .small-container.narrow.hoz {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-height: none;
    margin-top: 10px;
  }

  .list-grid-link {
    padding-left: 18px;
    padding-right: 18px;
  }

  .main-container-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menus-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .footer-outer-grid {
    grid-row-gap: 30px;
  }

  .footer-bottom-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer {
    padding-top: 40px;
  }

  .menu-grid-vertical._2-n, .menu-grid-vertical.loc, .menu-grid-vertical._2-st, .menu-grid-vertical._2-n, .menu-grid-vertical.loc, .menu-grid-vertical._2-st {
    grid-template-columns: 1fr;
  }

  .footer-brand-link {
    margin-bottom: 24px;
  }

  .cta-container {
    background-position: 54%;
  }

  .cta-container.left, .cta-container.right, .cta-container.slim-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-container.left, .cta-container.right, .cta-container.slim-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-container.slim-block.grid-cta {
    grid-template-columns: 2.5fr;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .cta-container.slim-block-grid {
    max-height: none;
    margin-left: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .cta-container.webflow-resource {
    text-align: left;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .blur-1, .blur-2, .blur-3, .blur-4 {
    display: none;
  }

  .partner-logo {
    object-fit: contain;
    width: 87px;
    min-height: 15px;
    margin-bottom: 10px;
  }

  .partner-logo.weglot {
    max-height: 18px;
    margin-top: 3px;
  }

  .partner-logo.flow {
    width: 104px;
    min-height: 22px;
  }

  ._30-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .cs-image-wrap.case-image {
    aspect-ratio: 16 / 9;
    aspect-ratio: 16 / 9;
    height: auto;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .nav-inner-ph {
    max-width: 100%;
  }

  .logo-ph {
    width: 80px;
  }

  ._1-4-grid.nav-g, ._1-4-grid.landing, ._1-4-grid.hero-service {
    grid-template-columns: minmax(275px, 1fr);
    grid-auto-columns: minmax(275px, 1fr);
  }

  ._1-4-grid.team {
    grid-template-columns: 1fr;
  }

  ._1-4-grid.nav-g, ._1-4-grid.landing, ._1-4-grid.hero-service {
    grid-template-columns: minmax(275px, 1fr);
    grid-auto-columns: minmax(275px, 1fr);
  }

  .blog-item {
    padding: 0;
  }

  .blog-inf-wrap {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .client-grid {
    grid-template-columns: 1fr 1fr;
  }

  .client-logo-outer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-point.hoz {
    flex-direction: column;
  }

  .horiz-wrap-points.stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .h1-aboutus {
    font-size: 9vw;
  }

  .team-member-item {
    padding: 0;
  }

  .team-member-item.want-join, .team-member-item.subscription-w, .team-member-item.want-join, .team-member-item.subscription-w {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
  }

  .team-image-wrap {
    height: 250px;
  }

  .team-image-wrap.aj, .team-image-wrap.adnan, .team-image-wrap.aj, .team-image-wrap.adnan {
    background-position: 50%;
    background-size: contain;
  }

  .p-m-wrap {
    margin-left: 40px;
  }

  ._wf-feature-item {
    height: 270px;
    padding: 20px;
  }

  .full-wrap.stack {
    padding-top: 35px;
  }

  .full-wrap.centre {
    text-align: left;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .abs-img {
    height: 70%;
  }

  .review-card {
    padding: 15px;
  }

  .review-card.hide-tab.ex {
    display: block;
  }

  .review-card.scrolling {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .small-logo.is-top {
    width: 70px;
    position: relative;
    top: 15px;
  }

  .map-about {
    min-height: auto;
  }

  ._100-p-wrap.centre-max {
    max-width: 98%;
  }

  .form-block {
    padding: 20px 10px;
  }

  .form-block._20-p {
    display: none;
  }

  .form-block.bg {
    width: 100%;
  }

  .question-center-flex {
    margin-bottom: 0;
  }

  .question {
    text-align: center;
    margin-bottom: 100px;
  }

  .radio-button {
    justify-content: flex-start;
    height: 150px;
    padding-top: 30px;
  }

  .calc-container {
    padding-left: 0;
    padding-right: 0;
  }

  .price-box {
    z-index: 12;
    text-align: center;
    padding: 20px;
    inset: auto 5% 15px;
  }

  .radio-main-text {
    font-size: 24px;
  }

  .radio-circle-box {
    bottom: 25px;
  }

  .radio-buttons {
    grid-template-columns: 1fr;
  }

  .blog-hero {
    background-position: 50%;
    background-size: cover;
  }

  .blog-hero-inner {
    padding: 20px;
  }

  .small-h1 {
    font-size: clamp(1.8rem, 4vw, 3.5rem);
  }

  .blog-post-data {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-data ul {
    font-size: 16px;
  }

  .progress-bar.template {
    max-width: 86%;
    top: 78px;
  }

  .sticky-wrap {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-cta-wrap {
    min-width: auto;
  }

  .mini-newsletter-cta {
    max-height: none;
  }

  .case-home {
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    height: auto;
    min-height: 300px;
    margin-right: 15px;
  }

  .element-wrap.flex-horizontal.flx {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-wrap: wrap;
  }

  .element-wrap.flex-horizontal.centre-x {
    justify-content: flex-start;
  }

  .element-wrap.center-content {
    max-width: 37ch;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .element-wrap.center-content.mob-h {
    display: none;
  }

  .element-wrap.center-button {
    margin-bottom: 0;
  }

  .element-wrap.social-footer {
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  .element-wrap.work-type {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: flex-start;
  }

  .element-wrap.left-stack {
    text-align: center;
  }

  .element-wrap.logo-case {
    justify-content: flex-start;
  }

  .element-wrap.logo-case.flx {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-wrap: wrap;
  }

  .element-wrap.name-project {
    justify-content: flex-start;
    font-size: 12px;
  }

  .element-wrap.name-project.flx {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-wrap: wrap;
  }

  .element-wrap.flex-end-2 {
    align-self: center;
  }

  .social-icon {
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  .three-col.full-s {
    display: flex;
  }

  .slider-wrap.overflow {
    grid-template-columns: minmax(300px, 1fr);
    grid-auto-columns: minmax(275px, 1fr);
  }

  .slide-wrap {
    margin-bottom: 30px;
  }

  .page-wrapper-cms {
    width: 100vw;
    overflow: clip;
  }

  .button-3 {
    padding: 20px;
    font-size: 12px;
  }

  .button-3.cta-form-block-button {
    width: 100%;
    max-width: none;
    margin-top: 18px;
    padding: 12px 40px;
    font-size: 16px;
  }

  .typewriter {
    color: var(--brand-purple);
  }

  .contact-n {
    font-size: 22px;
  }

  .abil-grid {
    margin-top: -10px;
  }

  .testimonials-n {
    grid-row-gap: 0px;
    font-size: 20px;
  }

  .navigation-block {
    grid-row-gap: 0px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex: 1;
    justify-content: center;
    min-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .navigation-block.cro {
    background-image: linear-gradient(to right, #000, #7300de33), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/64e637bd7bddf7c64e5ea0a5_dashboard-3six5.avif");
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 300px;
  }

  .navigation-block.ux-nav {
    background-image: linear-gradient(to right, #000, #7300de33), url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/640e71250c1c7797da53ce28_isometric_tech-conversion.avif");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
  }

  .navigation-block.seo {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/625d1ccded0c3821b638a501_SEO.webp");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .navigation-block.webflow-nav {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-block.animation {
    background-image: url("https://cdn.prod.website-files.com/625d1ccded0c38403d38a412/62d56257b65ca038337dfbfb_3D-interaction.webp");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .navigation-block.support-package {
    background-position: 0%;
    background-size: 700px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-block.nocode {
    text-align: left;
    background-position: 50% 0;
    background-size: 524px;
    flex-direction: row;
    order: 1;
    justify-content: space-between;
    align-items: center;
  }

  .navigation-block.contact-mobile-only {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    background-image: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navigation-block.fin {
    background-size: 566px;
  }

  .navigation-block.subs {
    background-image: linear-gradient(259deg, var(--brand-purple), var(--dark-grey));
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .subheader-2 {
    font-size: 16px;
  }

  .nav-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .nav-grid.desk {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    order: -1;
    width: 100%;
    margin-top: 2.5px;
    padding-top: 2.5px;
    display: flex;
    overflow: visible;
  }

  .abilities-block {
    grid-row-gap: 0px;
    min-width: auto;
    font-size: 22px;
  }

  .nav-dropdown {
    height: 100%;
    min-height: auto;
    display: flex;
    overflow: scroll;
  }

  .clientele-block2 {
    grid-row-gap: 0px;
    font-size: 20px;
  }

  .nav-al {
    padding: 20px;
  }

  .menu {
    width: 25px;
    height: 22px;
  }

  .nav-dropdown-wrapper {
    height: auto;
    min-height: 100vh;
    margin-top: 54px;
  }

  .burger-wrap {
    width: 25px;
    height: 22px;
  }

  .mob-t {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .cs-wrap-inner._2-wide {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .price-steps {
    width: 86%;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    top: 88px;
  }

  .stage-line {
    height: 7px;
  }

  .mob-txt {
    display: block;
  }

  .spacer-foot {
    background-color: #000;
    height: 100px;
  }

  .tag-button {
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 0;
    display: flex;
  }

  .bg-cta.webflow-x, .bg-cta.nocode-bg, .bg-cta.webflow-x, .bg-cta.nocode-bg {
    object-position: 19% 50%;
  }

  ._50-spcaer {
    height: 50px;
  }

  ._14ch {
    max-width: 14ch;
  }

  .time-date {
    font-size: 16px;
  }

  .smaller-h1 {
    font-size: 35px;
  }

  .smaller-h1.quote-title {
    font-size: 24px;
  }

  .tab-menu {
    flex-direction: column;
  }

  .tab-menu.horizontal {
    flex-direction: row;
    margin-bottom: 40px;
  }

  .tab-wide {
    justify-content: flex-start;
    min-height: 70px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 1.3em;
  }

  .landing-hover {
    justify-content: flex-start;
    padding: 40px 15px 15px;
  }

  .tab-h {
    padding: 25px 15px;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .case-heading {
    font-size: 24px;
  }

  .hub-grid {
    grid-template-rows: 350px minmax(230px, .6fr);
  }

  .resource-b {
    background-image: linear-gradient(#00000080, #00000080);
  }

  .content-wrap {
    perspective-origin: 0%;
    transform-origin: 0 100%;
    flex-wrap: wrap;
    width: 120%;
    padding-left: 20px;
    padding-right: 20px;
    transform: scale(.8);
  }

  .webflow-c {
    max-width: 174px;
    margin-right: -2px;
  }

  .cms-resources.post-end {
    grid-template-columns: 1fr;
  }

  .resource-block {
    width: 100%;
    min-width: 180px;
    padding: 13px;
  }

  .short-news {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-item-condence {
    padding: 0;
  }

  .hero-resource {
    flex: 1;
  }

  .button-wrap._30px {
    justify-content: flex-start;
  }

  .button-wrap._30px.centre {
    justify-content: center;
  }

  .tab-med {
    justify-content: flex-start;
    min-height: 70px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 1.3em;
  }

  .large-h3 {
    font-size: .9em;
  }

  .resource {
    flex: 1;
  }

  .framer-im {
    max-height: 270px;
    padding-top: 59px;
    padding-bottom: 59px;
  }

  .left-arrow, .right-arrow {
    padding: 60px;
  }

  .slider-paragraph {
    text-align: left;
    font-size: 13px;
  }

  .bloom {
    filter: blur(20px);
    display: none;
    inset: 0% 0% 0% 7%;
  }

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

  .margin-top.margin-large.z-index-999 {
    align-self: stretch;
  }

  .margin-bottom {
    margin: 0;
  }

  .margin-bottom.margin-small {
    margin-bottom: 1rem;
  }

  .margin-bottom.margin-huge {
    margin-bottom: 3rem;
  }

  .margin-bottom.margin-large {
    margin-bottom: 2rem;
  }

  .globe-container {
    height: 100%;
    padding-top: 0;
  }

  .globe-container.version-2 {
    margin-top: 30px;
  }

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

  .globe-wrap {
    min-height: 45vh;
  }

  .side-bar-container {
    margin-top: 0;
  }

  .filter, .sidebar_component {
    grid-template-columns: 1fr;
  }

  .side-bar-padding {
    padding-top: 2rem;
    padding-left: 23px;
    padding-right: 23px;
  }

  .globe-fallback-container, .threejs-img-hero {
    width: 300px;
    height: 300px;
  }

  .threejs-linear-hero, .blur-mouse {
    width: 150px;
    height: 150px;
  }

  .section-feature-item {
    justify-content: flex-start;
    height: 400px;
    padding: 0;
  }

  .section-feature-item.half {
    height: 400px;
  }

  .section-feature-img {
    margin-left: -50px;
    margin-right: -50px;
  }

  .section-threejsfeature-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: scroll;
  }

  .section-threejsfeature-item {
    justify-content: flex-start;
    width: 200px;
    height: 400px;
    padding: 0;
  }

  .section-threejsfeature-item.medium {
    height: 400px;
  }

  .section-threejsfeature-item.large {
    width: 200px;
    height: 400px;
  }

  .section-image-full.full-width.mobile-large {
    height: 300px;
  }

  .section-image-full.hide-mobile {
    display: none;
  }

  .section-image-full.hide-tablet {
    display: block;
  }

  .section-image-full-wrap.hide-tablet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-img {
    width: auto;
    height: auto;
  }

  .tab-med-member {
    justify-content: flex-start;
    min-height: 70px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 1.3em;
  }

  .lottie-background-large {
    opacity: .81;
    height: 70vh;
    padding-top: 65px;
  }

  .blog-lottie {
    min-height: 400px;
  }

  .tab-process {
    align-self: flex-start;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
  }

  .tab-process.w--current {
    align-self: flex-start;
  }

  .webflow-bar-c {
    flex-flow: row;
  }

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

  .content-20.type-work {
    flex-wrap: wrap;
  }

  .end-publish {
    display: none;
  }

  .gt-score {
    grid-template-columns: 1fr;
  }

  .webflow-editor-case {
    min-height: auto;
  }

  .case-mobile {
    z-index: 2;
    width: 80%;
  }

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

  .model-box {
    min-width: auto;
    margin-top: 50px;
    margin-left: 21px;
    margin-right: 21px;
  }

  .cta-case-study {
    background-image: linear-gradient(#0000, #0000);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-menu---c {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding-bottom: 10px;
    display: grid;
  }

  .model-block {
    padding: 20px;
  }

  .case-page {
    display: none;
  }

  .case-tablet {
    z-index: 4;
    display: none;
  }

  .deliverables {
    column-count: 1;
    font-size: 1rem;
  }

  .deliverables p {
    font-size: 1rem;
  }

  .case-web-top {
    max-width: 200px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: none;
  }

  .background-lottie {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 70px;
  }

  .case-intro {
    padding-bottom: 0;
  }

  .p-grid {
    grid-template-columns: 1fr 1fr;
  }

  .smaller-h2 {
    font-size: 18px;
  }

  .case-tablet-2 {
    z-index: 3;
    display: none;
  }

  .case-name-h3 {
    margin-left: 0;
    font-size: 18px;
  }

  .case-study-item-2 {
    justify-content: flex-start;
    padding: 0;
  }

  .bg-lottie {
    width: 120%;
    margin-left: -32px;
    margin-right: -45px;
    transform: none;
  }

  .arrow-case {
    display: none;
  }

  .quote-head {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-self: stretch;
    padding-bottom: 10px;
    display: flex;
  }

  ._404-page {
    text-align: center;
    padding-left: 22px;
    padding-right: 22px;
  }

  ._404-img {
    max-width: 60px;
  }

  .memberstack-cta {
    background-position: 54%;
  }

  .page-wrapper {
    overflow: clip;
  }

  .section_01-header-bottom {
    padding-left: 9%;
    padding-right: 9%;
  }

  .cta-container-2 {
    background-position: 54%;
  }

  .section_08-5-content {
    padding-left: 44px;
    padding-right: 44px;
  }

  .section_01-header {
    padding-left: 9%;
    padding-right: 9%;
  }

  .heading-xlarge {
    font-size: 40px;
    line-height: 52px;
  }

  .heading-xlarge.text-spacing-large {
    letter-spacing: 4px;
    letter-spacing: 4px;
    font-size: 25px;
    line-height: 45px;
  }

  .section_09-header {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section_07-header {
    padding-left: 27px;
    padding-right: 27px;
  }

  .text-size-large {
    font-size: .9rem;
    line-height: 1.5rem;
  }

  .section_02-header {
    padding-left: 10%;
    padding-right: 10%;
    top: 134px;
  }

  .section_final {
    height: 100vh;
  }

  .credit_component {
    height: 100vh;
    display: none;
    overflow: auto;
  }

  .credit_section {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    max-width: none;
    padding-left: 26px;
    padding-right: 26px;
  }

  .text-size-tiny {
    font-size: 10px;
  }

  .section_02-gradient {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 200%;
    margin-top: -112px;
  }

  .captcha {
    align-self: stretch;
  }

  .process-stage {
    height: 200px;
    padding: 20px;
  }

  .process-stage.wide-x {
    height: auto;
  }

  .txt-blk {
    height: 30px;
    position: absolute;
  }

  .nav-side {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-bottom: 60px;
    display: flex;
  }

  .quote-block {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .nav-link-bk {
    align-items: center;
    min-height: 50px;
    font-size: 13px;
    display: flex;
  }

  .nav-link-bk.contact-x {
    display: none;
  }

  .homepage-h1-2.smaller, .homepage-h1-2.client-c, .homepage-h1-2.smaller, .homepage-h1-2.client-c {
    font-size: 2rem;
  }

  .logo-container {
    z-index: 20;
    justify-content: flex-end;
    min-height: 200px;
    margin-top: 1%;
    position: absolute;
  }

  .button-wrap-group.centre-x {
    flex-wrap: wrap;
  }

  .team-stack {
    margin-top: 11px;
  }

  .tab-home {
    width: 100%;
    padding-left: 0;
    font-size: 1.4rem;
  }

  .webflow-icon {
    width: 35px;
    height: 35px;
  }

  .tabs-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .tab-window {
    min-height: 240px;
    max-height: 450px;
  }

  .mactest {
    max-height: 400px;
    top: 36px;
  }

  .tab-text {
    display: none;
  }

  .top-intro-tab {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
  }

  .max-20ch {
    max-width: 24ch;
    font-size: 1.4rem;
  }

  .cta-img {
    opacity: .36;
    width: 100%;
    height: 100%;
  }

  .slider-blocks {
    min-width: 130px;
  }

  .slim-h3 {
    font-size: 11px;
  }

  .webflow-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .logo-sm {
    width: 100px;
    min-width: 100px;
  }

  .webflow-blue {
    min-width: 113px;
  }

  .logos-wrapper {
    top: 14%;
  }

  .work-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .slider-large {
    min-height: 300px;
  }

  .arrow-top {
    width: 40px;
    height: 40px;
    padding: 8px;
  }

  .banner11_component.end {
    display: none;
  }

  .banner11_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 200vw;
  }

  .banner11_marquee {
    width: 100vw;
  }

  .section_header76 {
    top: -31px;
  }

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

  .button-group.centre-buttons {
    flex-flow: wrap;
  }

  .header76_component {
    grid-template-columns: 1fr;
  }

  .header_image-list-right {
    display: block;
  }

  .padding-section-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large.z-index-2 {
    z-index: 44;
    position: relative;
  }

  .padding-section-large.no-top {
    padding-top: 1rem;
  }

  .padding-section-large.mobile-n-top {
    padding-top: 0;
  }

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

  .padding-global {
    padding-right: var(--3six5-new-build-2025_📏-sizes-spacing---padding-global);
    padding-left: var(--3six5-new-build-2025_📏-sizes-spacing---padding-global);
  }

  .padding-global.z-index-2 {
    z-index: 10;
    z-index: 10;
  }

  .header78_image-wrapper {
    width: 60vw;
  }

  .layout414_content-top {
    grid-template-columns: 1fr;
  }

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

  .blur-track-top {
    height: 188px;
  }

  .case-thumbnail-large {
    display: none;
  }

  .case-overlay-detail-h {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    min-width: 100%;
    font-size: 12px;
  }

  .small-icon {
    width: 17px;
  }

  .hero-container-v2 {
    padding-top: 2rem;
  }

  .calculator-n {
    min-height: 50px;
  }

  .hero-fade {
    padding-bottom: 38px;
  }

  .smaller-text.hide-x {
    display: none;
  }

  .webflow-b {
    width: 200px;
    height: 100px;
    padding: 33px 48px;
  }

  .case-thumbnail-large-mobile {
    max-height: 500px;
    display: block;
  }

  .awards-sec {
    margin-left: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .clutch-logo {
    max-width: 70px;
  }

  .logo-small-x {
    align-self: center;
    max-width: 60px;
    position: relative;
    inset: auto 0% 0%;
  }

  .hide-mobile {
    display: block;
  }

  .slider-nav-mob {
    display: none;
  }

  .mac-overlay {
    height: 40%;
  }

  .mac-overlay.hide-mobile {
    display: none;
  }

  ._3six5-icon {
    width: 60px;
    height: 60px;
  }

  ._3six5-icon.hide-mobile {
    display: none;
  }

  .side-hero-image {
    height: 200px;
  }

  .find-out {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
  }

  .arrow-join {
    display: none;
  }

  .deals-cta-home {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    padding: 49px 20px;
  }

  .nav-image-top {
    width: 33px;
    margin-bottom: 0;
  }

  .no-code-icons {
    width: 24px;
    max-height: 19px;
  }

  .no-code-icons.make {
    min-height: 21px;
  }

  .no-code-icons.spline {
    width: 56px;
    min-height: 21px;
  }

  .no-code-icons.hubspot {
    width: 48px;
    min-height: 22px;
  }

  .no-code-icons.sales, .extra-small.text-color-purple.hide-mobile, .extra-small.text-color-purple.hide-mobile, .extra-small.text-color-purple.hide-mobile, .lottie-nav {
    display: none;
  }

  .usp-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px;
  }

  .account-icon {
    max-width: 50px;
  }

  .logo-gradient {
    min-height: 200px;
    max-height: 200px;
    inset: auto 0% 0%;
  }

  .bg-cta-dash.webflow-x, .bg-cta-dash.nocode-bg, .bg-cta-dash.webflow-x, .bg-cta-dash.nocode-bg {
    object-position: 19% 50%;
  }

  .webflow-icon-new {
    min-height: var(--iconsize);
    min-width: var(--iconsize);
    width: 35px;
    height: 35px;
  }

  .tab-flex-sub._24pad {
    margin-bottom: 24px;
  }

  ._3six5-logo {
    min-height: var(--iconsize);
    min-width: var(--iconsize);
    width: 35px;
    height: 35px;
  }

  .webflow-dash, .webflow-dash-board {
    max-height: 400px;
    top: 36px;
  }

  .top-bar {
    object-fit: cover;
    object-position: 0% 50%;
    width: 100%;
    min-height: 29px;
    max-height: 40px;
    display: block;
    left: 28px;
  }

  .webflow-tab {
    grid-template-rows: 7px auto;
    grid-template-columns: min-content 2.25fr;
    min-height: 240px;
    max-height: 450px;
    overflow: hidden;
  }

  .side-menu-web {
    display: none;
  }

  .centre-webflow-logo {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    padding: 8px;
  }

  .webflow-conntent-enter {
    max-width: 24ch;
    font-size: 1.7rem;
  }

  .webflow-centre-c {
    max-width: 80%;
    bottom: 38%;
  }

  .stepinto {
    font-size: .7rem;
    bottom: -25px;
  }

  .spline-text {
    min-height: 300px;
  }

  .spline-window {
    min-height: 240px;
    max-height: none;
  }

  .spline-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
  }

  .button-new {
    padding: 12px 27px;
    font-size: 14px;
  }

  .button-new.is-alternate.no-hover, .button-new.is-icon.no-hover {
    cursor: pointer;
  }

  .button-new.is-icon.no-hover {
    cursor: pointer;
  }

  .button-new.is-icon.gradient-b {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .button-new.is-icon.nav-b {
    padding-left: 18px;
    padding-right: 18px;
    font-size: .8rem;
    display: none;
  }

  .button-new.is-icon.start-your-project {
    cursor: pointer;
  }

  .button-new.is-icon.mobile-b {
    padding-left: 18px;
    padding-right: 18px;
    font-size: .8rem;
    display: block;
  }

  .button-new.is-alternate {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 1rem;
  }

  .button-new.is-alternate.no-hover {
    cursor: pointer;
    cursor: pointer;
  }

  .section_heroheader {
    min-height: 120vh;
  }

  .hero-webflow-build-wrap {
    min-height: clamp(120vh, 120vh + 20vw, 300vh);
  }

  .wireframe-box {
    z-index: -5;
  }

  .webflow-intro.webflow-hero {
    inset: auto 0% 35%;
    background-color: #16002a00;
    border-radius: .8rem;
    width: 60px;
    min-width: 50px;
    min-height: 50px;
    padding: .6rem;
    display: block;
    inset: auto 0% 35%;
  }

  .content-blur {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .content-blur.is-webf {
    opacity: 1;
    mix-blend-mode: darken;
    opacity: 1;
    mix-blend-mode: darken;
    padding: .5rem;
  }

  .collab-tag-static.is-webflow {
    inset: auto 0% -54% -115%;
    inset: auto 0% -54% -115%;
    transform: scale(.8);
  }

  .tag-wrapper {
    display: none;
  }

  .collab-tag {
    transform: scale(.8);
  }

  .collab-tag.is-designer {
    opacity: 100;
    bottom: 23%;
    right: 11%;
  }

  .collab-tag.is-creative {
    opacity: 100;
    bottom: 31%;
  }

  .collab-tag.is-coder {
    opacity: 100;
  }

  .glass-box.is-code-block-white {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    opacity: 100;
    padding-left: .6rem;
    padding-right: .6rem;
    display: none;
    inset: auto 0% 44% 3%;
    transform: scale(.8);
  }

  .glass-box.is-code-block {
    bottom: 61%;
  }

  .glass-box.text-block-fake {
    opacity: 1;
    display: none;
    right: 8%;
    transform: scale(.6);
  }

  .glass-box.gsap {
    z-index: 5;
    opacity: 100;
    min-width: 50px;
    max-width: 150px;
    min-height: 70px;
    display: none;
    inset: auto 0% 38% 52%;
    transform: scale(.7);
  }

  .glass-box.spline-3d {
    opacity: 100;
    min-height: 70px;
    padding-top: .4rem;
    padding-bottom: .4rem;
    display: none;
    bottom: 38%;
    right: 50%;
    transform: scale(.8);
  }

  .glass-box.is-text-gsap {
    bottom: 61%;
  }

  .gsap-logo {
    width: 77%;
    position: relative;
    top: 5px;
  }

  .logo-home {
    opacity: .6;
  }

  .container-large-main {
    z-index: 4;
    max-width: min(90vw, 96rem);
  }

  .container-large-main.is-hero {
    height: clamp(700px, 100vh - 40px, 100vh);
  }

  .heroheader_component {
    grid-template-columns: 1fr;
  }

  .heroheader_content {
    z-index: 100;
  }

  .pill-wrapper.is-quality {
    bottom: -49px;
    right: 40px;
  }

  .pill-tag {
    font-size: .7rem;
    transform: none;
  }

  .icon-wrapper {
    justify-content: center;
    align-items: center;
    max-height: none;
    display: flex;
  }

  .publish-rocket {
    max-height: 19px;
    bottom: 0;
    transform: scale(.8);
  }

  .hero-sub {
    font-size: .8rem;
  }

  .work-preview-wrapper {
    z-index: -99;
    max-height: 80px;
    display: none;
  }

  .section_work-wall {
    height: clamp(700px, 100vh - 40px, 100vh);
  }

  .work-wall-content {
    height: clamp(400px, 60vh - 80px, 80vh);
  }

  .large-font-work {
    font-size: clamp(3.5rem, 10vw + 1rem, 7rem);
  }

  .work-list-wrapper {
    display: none;
  }

  .section_services {
    z-index: 15;
  }

  .service-tabs-menu {
    width: 114%;
    margin-left: -6%;
    top: 84px;
  }

  .service-tabs-menu.is-res {
    width: 110%;
    margin-left: -1%;
  }

  .services-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .services-block.is-dash {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .services-block.is-centred {
    min-height: 25rem;
  }

  .services-block.web-builder {
    display: none;
  }

  .services-block.is-calc {
    background-color: #0f0a16;
  }

  .services-block.micro {
    background-color: #140a1e;
  }

  ._3six5-logo-icon {
    border-radius: .3rem;
    height: 60px;
    inset: 7% auto auto 7%;
  }

  ._3six5-logo-icon.sm {
    inset: auto auto 5% 7%;
    width: 45px;
    height: 45px;
    inset: auto auto 5% 7%;
  }

  .block-content-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 0;
    padding-right: 0;
  }

  .block-content-wrap.is-bespoke {
    padding-right: 16px;
  }

  .heading-style-h3 {
    font-size: 1.4rem;
  }

  .heading-style-h3.max-width {
    max-width: 8ch;
  }

  .thin-weight.is-block {
    padding-right: 5px;
    display: inline-block;
  }

  .block-image.is-dashboard {
    width: 60%;
    top: 13%;
  }

  .block-image.is-comp-2 {
    min-width: 40%;
    max-width: 52%;
  }

  .block-image.is-bespoke-webflow {
    width: 76%;
    inset: 20% 0% auto;
  }

  .block-image.is-support {
    width: 70%;
  }

  .block-image.is-aftercare {
    width: 80%;
  }

  .block-image.is-integrations {
    object-fit: cover;
    object-position: 50% 100%;
    width: 100%;
    height: 100%;
    margin-top: .1%;
  }

  .block-image.no-code-block {
    width: 100px;
  }

  .block-image.brand-design {
    width: 68%;
    height: 98%;
    top: 0%;
  }

  .block-image.is-right-sq {
    border-radius: 29px;
    height: 92%;
    top: 1%;
    left: 8.5%;
  }

  .block-image.is-accessib {
    width: 76%;
    inset: 9% 0% auto;
  }

  .block-image.ui-kits-full {
    object-fit: contain;
    width: 100%;
    height: 98%;
  }

  .block-image.is-visual-direct {
    width: 100%;
    height: 95%;
  }

  .block-image.is-components {
    width: 58%;
    top: -2%;
  }

  .block-image.is-behavioural {
    width: 76%;
    inset: 5% 0% auto;
  }

  .block-image.is-optimise-cta {
    width: 68%;
    top: 13%;
  }

  .block-image.is-marketing-stack {
    object-fit: contain;
    width: 95%;
    top: 27%;
  }

  .block-image.is-market {
    opacity: 13;
    width: 76%;
    inset: 10% 0% auto;
  }

  .block-image.is-full {
    width: 76%;
    inset: 6% 0% auto;
  }

  .block-image.is-landing {
    width: 100%;
    height: 74%;
  }

  .block-image.is-content {
    width: 100%;
    height: 94%;
  }

  .block-image.is-ai {
    width: 76%;
    inset: 7% 0% auto;
  }

  .block-image.background-image-com {
    object-fit: contain;
    border-radius: 1.1rem;
    max-width: 90%;
    bottom: 4%;
    right: 2%;
  }

  .block-image.is-gsap {
    object-fit: cover;
    object-position: 50% 100%;
    width: 98%;
    height: 80%;
    margin-top: .1%;
    right: 1%;
  }

  .block-image.is-gsap-gm {
    object-fit: cover;
    object-position: 100% 50%;
    width: 98%;
    height: 80%;
    margin-top: .1%;
    right: 1%;
  }

  .block-image.gsap-calc {
    object-fit: contain;
    border-radius: 1.1rem;
    max-width: 97%;
    height: 92%;
    bottom: 4%;
    right: 2%;
  }

  .block-image.background-data {
    object-fit: contain;
    border-radius: 1.1rem;
    max-width: 96%;
    height: 97%;
    bottom: 4%;
    right: 2%;
  }

  .block-image.optimise {
    object-fit: contain;
    border-radius: 1.1rem;
    max-width: 97%;
    height: 93%;
    bottom: 4%;
    right: 2%;
  }

  .block-image.background-micro {
    object-fit: contain;
    border-radius: 1.1rem;
    max-width: 96%;
    height: 98%;
    bottom: 4%;
    right: 2%;
  }

  .line-services.is-packages {
    flex-flow: column;
    width: 70%;
    display: none;
  }

  .line-services.is-market, .line-services.is-packages {
    flex-flow: column;
    width: 70%;
    display: none;
  }

  .line-services.is-component {
    height: 19%;
    min-height: 9.6rem;
  }

  .line-services.is-component-2 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 59px;
  }

  .line-services.is-market {
    flex-flow: column;
    width: 70%;
    display: none;
  }

  .overlap-tag-top.hide-tablet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .overlap-tag-top.hide-mobile-b {
    display: none;
  }

  .overlay-fade-service {
    pointer-events: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .tags-wrapper.is-bespoke {
    flex-flow: row;
    width: 93%;
    padding-left: 5px;
    padding-right: 5px;
    top: 9%;
  }

  .overlap-tag-bottom.is-2 {
    top: -15px;
    bottom: 0;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .service-image-wrap {
    padding-top: 1.8rem;
  }

  .builder-image-wrapper {
    grid-column-gap: .9rem;
    grid-row-gap: .9rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .variables-wrapper {
    min-height: 250px;
    top: 12%;
    right: 8%;
  }

  .variables-img {
    min-width: 170px;
    padding-right: 1px;
  }

  .cta-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section_process {
    z-index: 15;
  }

  .process_slider-absolute {
    background-image: none;
    display: none;
  }

  .slider_mask {
    max-width: 95%;
    margin-left: 0;
    overflow: clip;
  }

  .slider_slide {
    height: 24rem;
    margin-right: 0;
  }

  .process_card {
    max-width: 100%;
    box-shadow: 0 13px 28px #001f521a;
  }

  .process_card-content-wrapper {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

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

  .grid-element {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .grid-element.direction-right {
    flex-flow: wrap;
  }

  .process_card-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

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

  .slider_arrow {
    display: flex;
    inset: auto 20% 3% auto;
  }

  .slider_arrow.is-left {
    inset: auto auto 3% 20%;
    inset: auto auto 3% 20%;
  }

  .section_about {
    z-index: 15;
  }

  ._1-2-grid-2 {
    margin-bottom: 55px;
  }

  .footer_social-list {
    grid-column-gap: 1.4rem;
    grid-row-gap: 1.4rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .footer_logo-wrapper {
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .footer_icon.footer {
    width: 1rem;
    height: 1.2rem;
  }

  .stat-content {
    text-align: center;
    flex: 1;
    justify-content: space-between;
    align-items: center;
  }

  .large-stat-text {
    font-size: 2.1rem;
  }

  .section-testimonials {
    z-index: 15;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-style-h2 {
    font-size: 1.8rem;
  }

  .heading-style-h2.thin-weight {
    font-size: 2rem;
  }

  .section_wall-reviews {
    width: 100%;
    top: -31px;
  }

  .header_component {
    grid-template-columns: 1fr;
  }

  .header_content-right {
    z-index: 12;
  }

  .section_webflow {
    z-index: 15;
    overflow: clip;
  }

  .hover-gradient {
    display: none;
  }

  .webflow-grid-wrap {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-top: 165px;
    padding-bottom: 25px;
    display: flex;
    position: relative;
  }

  .top-image-webflow {
    min-height: 200px;
  }

  .webflow-board-tag {
    order: 1;
    align-self: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    inset: 0% 0% auto;
  }

  .webflow-board-tag.top {
    order: -1;
    margin-top: 30px;
    position: absolute;
  }

  .cta-optimise {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section_faq {
    z-index: 15;
  }

  .faq_cta {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
    max-width: 90vw;
    padding-left: 0;
    padding-right: 0;
  }

  .webflow-resources {
    min-height: 7rem;
  }

  .animated-text-hover {
    font-size: 2.7rem;
  }

  .faq_question {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .faq_answer {
    font-size: .8rem;
  }

  .footer-reveal-content {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top-dock {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-dock-content {
    grid-row-gap: 30px;
  }

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

  .button-11 {
    padding: 12px 27px;
    font-size: 14px;
  }

  .grid-floor-container {
    height: 100vh;
  }

  .grid-floor {
    height: 100%;
    top: -70%;
  }

  .awards-link {
    display: none;
  }

  .text-size-regular {
    text-wrap: pretty;
    font-size: .9rem;
  }

  .text-size-regular.hide-mobile {
    display: none;
  }

  .section-hero {
    min-height: 70vh;
  }

  .web {
    width: 80px;
  }

  .section-testimonials-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pill-tag-2 {
    transform: scale(.85);
  }

  .blur-track-top-2 {
    height: 188px;
  }

  .heading-style-h2-2 {
    font-size: 2.1rem;
  }

  .heading-style-h2-2.thin-weight {
    font-size: 2rem;
  }

  .padding-section-large-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .review-card-2 {
    padding: 15px;
  }

  .section_letsbuild {
    height: clamp(700px, 100vh - 40px, 100vh);
  }

  .let-sbuild {
    height: clamp(400px, 60vh - 80px, 80vh);
  }

  .section_build-variables {
    height: clamp(700px, 100vh - 40px, 100vh);
  }

  .button-new-2 {
    padding: 12px 27px;
    font-size: 14px;
  }

  .button-new-2.is-alternate {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .wireframe-element {
    margin-top: 10%;
  }

  .gsap-icon {
    width: 35px;
    height: 35px;
  }

  .whitetick {
    max-width: 50px;
  }

  .hero-gsap-section {
    min-height: clamp(120vh, 120vh + 20vw, 300vh);
  }

  .heading-style-h2-5 {
    font-size: 1.8rem;
  }

  .heading-style-h2-5.thin-weight {
    font-size: 2rem;
  }

  .hero-tag-text {
    height: 30px;
    position: absolute;
  }

  .section-calc {
    padding-right: 5vw;
  }

  .calc-form {
    flex: 1;
    min-width: auto;
    padding: 20px 10px;
  }

  .content-vortex.stack {
    padding-top: 35px;
  }

  .content-vortex.centre {
    text-align: left;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .calc-form--main, .calc-form-side {
    flex: 1;
    min-width: auto;
    padding: 20px 10px;
  }

  .tracr-video {
    height: auto;
  }

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

  .text-size-regular-2 {
    font-size: .85rem;
  }

  .glass-box-services {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    pointer-events: none;
    padding: 2rem;
  }

  .section-tagline {
    font-size: .75rem;
  }

  .services-content-left {
    pointer-events: none;
    padding-bottom: 0;
  }

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

  .webflow-resource-item {
    width: 100%;
  }

  .webflow-resource-item:nth-child(2n) {
    bottom: 0;
  }
}

#w-node-f3b3781f-c2b4-aea6-2279-c044cb0f4cad-94cb10e0, #w-node-a1c2418a-0438-3944-abcd-0da0be905a4a-94cb10e0, #w-node-a1c2418a-0438-3944-abcd-0da0be905a54-94cb10e0, #w-node-a1c2418a-0438-3944-abcd-0da0be905a5e-94cb10e0, #w-node-a1c2418a-0438-3944-abcd-0da0be905a68-94cb10e0, #w-node-_430b6936-ffcf-5afd-2542-14efe6c546cd-94cb10e0, #w-node-ff1d42d6-515f-caa0-cb14-b5cdcee79c21-94cb10e0, #w-node-e025a28b-a464-7f31-40d2-a0e7ad29d916-94cb10e0, #w-node-cb4b9e37-0203-20be-0374-d7e5fb2fb9e6-94cb10e0, #w-node-ea55b653-5e21-b497-cfb2-9f5430411555-30411551 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea55b653-5e21-b497-cfb2-9f5430411569-30411551, #w-node-ea55b653-5e21-b497-cfb2-9f543041156a-30411551 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ea55b653-5e21-b497-cfb2-9f5430411580-30411551, #w-node-_75ba69d3-5e6c-fdbd-91c9-7a607692ba26-30411551 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a85c4808-6789-a3c2-2531-d3a7345b30ba-0c6fe385, #w-node-a85c4808-6789-a3c2-2531-d3a7345b30ab-0c6fe385 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c8da46dc-fe31-abd1-9c2f-780a11e31120-0c6fe385 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-ebc7b929-18f4-8826-1626-d06d76d68a6e-0c6fe385, #w-node-a85c4808-6789-a3c2-2531-d3a7345b30b5-0c6fe385, #w-node-a85c4808-6789-a3c2-2531-d3a7345b30b0-0c6fe385 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_15f0b913-9843-9346-0d41-8fccfcbba935-0c6fe385 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a85c4808-6789-a3c2-2531-d3a7345b30ba-0c6fe385, #w-node-a85c4808-6789-a3c2-2531-d3a7345b30ab-0c6fe385, #w-node-c8da46dc-fe31-abd1-9c2f-780a11e31120-0c6fe385, #w-node-ebc7b929-18f4-8826-1626-d06d76d68a6e-0c6fe385 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a85c4808-6789-a3c2-2531-d3a7345b30b5-0c6fe385 {
    grid-column: span 1 / span 1;
    align-self: stretch;
  }

  #w-node-a85c4808-6789-a3c2-2531-d3a7345b30b0-0c6fe385 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ea55b653-5e21-b497-cfb2-9f5430411569-30411551 {
    grid-column: span 2 / span 2;
  }

  #w-node-_75ba69d3-5e6c-fdbd-91c9-7a607692ba26-30411551 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a85c4808-6789-a3c2-2531-d3a7345b30b0-0c6fe385 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ea55b653-5e21-b497-cfb2-9f5430411569-30411551 {
    grid-column: span 1 / span 1;
  }

  #w-node-ea55b653-5e21-b497-cfb2-9f543041156a-30411551, #w-node-_75ba69d3-5e6c-fdbd-91c9-7a607692ba26-30411551 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ea55b653-5e21-b497-cfb2-9f543041158a-30411551, #w-node-d496c96b-9e5d-061a-bce8-7876b7454eee-30411551 {
    justify-self: start;
  }
}