:root {
  --dark-primary: #151515;
  --light-primary: #fff;
  --light-primary-70: #ffffffb3;
  --card-color: #1f2224;
  --accent: #f3b351;
  --white: white;
  --dark-primary-70: #89898a;
  --primary-30: #ffffff4d;
  --500rem: 50rem;
  --accent-70: #f3b351b3;
  --black: #151515;
}

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

body {
  background-color: var(--dark-primary);
  color: var(--light-primary);
  padding-bottom: 0;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 10em;
  font-weight: 700;
  line-height: 1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 100;
  line-height: 36px;
}

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

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.page-wrapper {
  z-index: 1;
  background-color: var(--dark-primary);
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  position: relative;
}

.section {
  padding-bottom: 10rem;
  position: relative;
}

.section.cta-2 {
  background-color: var(--light-primary);
  color: var(--dark-primary);
}

.section._100vh {
  background-color: var(--dark-primary);
  border-bottom-right-radius: 20%;
  border-bottom-left-radius: 20%;
  padding-bottom: 0;
  padding-left: 0%;
}

.section.hide {
  display: block;
}

.section.corner {
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
}

.section.light {
  background-color: var(--light-primary);
  color: var(--dark-primary);
}

.section.img {
  display: block;
}

.section.hidden {
  overflow: hidden;
}

.section.hidden.home {
  display: none;
}

.nav-bar {
  z-index: 9999;
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.padding-global {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 6vw;
  padding-right: 6vw;
}

.padding-global.rel {
  padding-left: 6vw;
  padding-right: 6vw;
  position: relative;
}

.nav-container-wrapper {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-padding {
  flex: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nav-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: flex;
}

.nav-left {
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  pointer-events: auto;
  display: flex;
}

.nav-middle {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.nav-right {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  pointer-events: auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--light-primary-70);
  text-transform: uppercase;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: .875rem;
}

.nav-link.w--current {
  border-bottom: .125rem solid var(--light-primary);
  pointer-events: none;
  color: var(--light-primary);
  padding-bottom: .2em;
  display: block;
}

.logo-link-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--light-primary-70);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  color: var(--dark-primary);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 3.05rem;
  height: 3.05rem;
  padding: .5rem;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 4px 13px #0003;
}

.logo-link-wrapper:hover {
  background-color: var(--light-primary);
}

.logo-link-wrapper.w--current {
  background-color: var(--card-color);
  color: var(--light-primary);
}

.logo-link-wrapper.lrage {
  width: 4rem;
  height: 4rem;
}

.logo-link-wrapper.home {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  width: auto;
  padding: 0;
}

.logo-link-wrapper.home.w--current {
  color: var(--dark-primary);
}

.logo-link-wrapper.contact {
  background-color: var(--light-primary);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  padding: .5rem;
}

.logo-link-wrapper.contact:hover {
  background-color: var(--accent);
}

.logo-link-wrapper.contact.phone {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: auto;
  padding-left: .5rem;
  padding-right: 1rem;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 3.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-wrapper.large {
  color: var(--white);
  width: 8em;
  height: auto;
}

.logo-wrapper.large.gsap {
  width: 10rem;
}

.logo-wrapper.phone {
  width: 1.5em;
}

.text-block {
  font-size: 1.85rem;
  font-weight: 900;
}

.button {
  background-color: var(--light-primary);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  color: var(--dark-primary);
  text-transform: uppercase;
  border-radius: 100rem;
  padding: 1.5em 2em;
  transition: background-color .3s;
  box-shadow: 0 4px 13px #0003;
}

.button:hover {
  background-color: var(--accent);
}

.button.abs {
  height: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.button.dark {
  background-color: var(--dark-primary-70);
  color: var(--light-primary);
}

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

.button.nav {
  background-color: var(--light-primary);
  text-transform: uppercase;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  padding: 1.5em 2em;
  font-size: .875em;
  display: flex;
}

.button.nav:hover, .button.cta {
  background-color: var(--accent);
}

.button.cta:hover {
  background-color: var(--light-primary);
}

.button.contact {
  background-color: var(--accent);
}

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

.div-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.padding-hero {
  width: 100%;
  height: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.padding-hero.sub {
  padding-top: 16rem;
  padding-bottom: 4rem;
}

.padding-hero.extra-large {
  padding-top: 18rem;
  padding-bottom: 6rem;
}

.main-container {
  flex: 1;
  width: 100%;
}

.hero-container-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 99.9999%;
  display: flex;
}

.top {
  width: 100%;
}

.top.center {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.header-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
}

.text-span {
  text-transform: uppercase;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.heading {
  font-size: 8em;
  font-weight: 500;
}

.hero-img-wrapper {
  border: 3px none var(--dark-primary);
  border-radius: 2.5rem;
  width: 18rem;
  height: 11rem;
  display: none;
  overflow: hidden;
  box-shadow: 0 10px 13px #0003;
}

.div-block-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.unsplash-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: static;
}

.div-block-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.center-div {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 99.9999%;
  display: flex;
}

.center-div.alig-b {
  align-items: flex-end;
}

.text-span-2 {
  color: #1f1f1f;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 500;
}

.text-span-3 {
  font-style: italic;
  font-weight: 400;
}

.svg-wrapper-hero {
  width: 8rem;
  height: 8rem;
  display: block;
}

.bottom-wrapper {
  width: 100%;
  overflow: hidden;
}

.bottom-wrapper.c {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  display: flex;
}

.link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 2px solid var(--dark-primary);
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.text-block-2 {
  color: var(--dark-primary);
  font-size: 1.25rem;
  font-weight: 600;
}

.bl-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  overflow: visible;
}

.bl-wrapper.center {
  justify-content: space-between;
  align-items: center;
}

.bl-wrapper.s-b {
  justify-content: space-between;
  height: 100%;
}

.text-block-3 {
  font-weight: 500;
}

.colon-wrapper {
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 100%;
  display: flex;
}

.colon-wrapper.flipped {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.colon-wrapper.small {
  width: 1.2rem;
}

.scroll-wheel {
  justify-content: center;
  align-items: center;
  width: 14rem;
  display: flex;
  position: absolute;
  inset: 4.9rem 0% 0% 43%;
}

.div-block-137 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  align-items: center;
  display: flex;
}

.div-block-138 {
  color: #12151d;
  background-color: #12151d;
  width: 2rem;
  height: 1px;
  margin-right: -11px;
  padding-right: 0;
}

.div-block-138.dark {
  background-color: #12151d;
  height: 2px;
  margin-right: -15px;
}

.icon-social {
  color: #000;
  cursor: pointer;
  mix-blend-mode: normal;
  border: 2px #000c;
  border-radius: 0;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 7px;
  display: flex;
}

.icon-social:hover {
  border-color: #abd2ff;
}

.icon-social.arrow-right {
  color: #12151d;
  justify-content: flex-start;
  width: 1rem;
  height: 1rem;
  margin-top: 1px;
  padding: 0;
}

.icon-social.arrow-right.dark {
  color: #12151d;
  width: 2rem;
  margin-top: 0;
}

.text-large {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.padding-normal {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.div-block-139 {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.div-block-139.pt {
  padding-top: 60px;
}

.div-block-139.mob {
  padding-bottom: 3rem;
}

.div-block-139.mt {
  margin-top: 3.5em;
  padding-bottom: 6em;
}

.div-block-139.flex-vert {
  padding-top: 3.2rem;
}

.body {
  color: var(--light-primary);
}

.dropdown-toggle {
  z-index: 1;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: .85rem 1.5rem;
  font-size: 1.15rem;
  display: none;
  position: relative;
}

.dropdown-toggle.opacity-0 {
  opacity: 0;
}

.text-block-4 {
  font-family: Fkgroteskneuetrial, sans-serif;
  font-size: 1.15em;
  font-weight: 400;
}

.landing-bg {
  z-index: -1;
  background-image: linear-gradient(#1a1a1a5c, #1a1a1a5c), url('../images/Rectangle-230.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-140 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-140.center {
  justify-content: center;
  align-items: center;
}

.disover-wrapper {
  color: var(--light-primary);
  width: 8em;
  transition: color .3s;
}

.disover-wrapper:hover {
  color: var(--light-primary);
}

.heading-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  max-width: 40rem;
  font-size: 4rem;
  display: flex;
  overflow: hidden;
}

.heading-2.center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.text-span-4 {
  font-weight: 100;
}

.text-span-5 {
  color: var(--light-primary-70);
  font-weight: 100;
}

.text-span-6 {
  font-style: italic;
  font-weight: 700;
}

.text-span-6.light {
  color: var(--light-primary);
  font-weight: 300;
}

.top-text-wrapper {
  max-width: 12rem;
  overflow: hidden;
}

.paragraph {
  text-transform: capitalize;
  font-weight: 300;
}

.svg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.navbar {
  z-index: 99999999;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  pointer-events: none;
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.donw {
  padding: .75rem 1rem;
}

.div-block-141 {
  color: var(--light-primary);
  border-radius: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-142 {
  z-index: 1;
  display: block;
  position: relative;
}

.div-block-143 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border: 1px none var(--card-color);
  box-shadow: none;
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  background-color: #0000;
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  font-size: 1.15rem;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.nav-menu {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

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

.trigger {
  z-index: 2;
  cursor: pointer;
  border-radius: 1rem;
  font-size: 1.15rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-icon_component {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.menu-icon_line-top {
  background-color: var(--light-primary);
  border-radius: 8rem;
  width: 100%;
  height: 2px;
}

.menu-icon_line-middle {
  background-color: var(--light-primary);
  border-radius: 8rem;
  width: 50%;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: -9px;
}

.menu-icon_line-bottom {
  background-color: var(--light-primary);
  border-radius: 8rem;
  width: 100%;
  height: 2px;
}

.uui-navbar08_menu-button {
  padding: 0;
}

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

.div-block-146 {
  background-color: var(--dark-primary);
  border-radius: .5rem;
  width: 100%;
  padding: 1rem;
  display: none;
  box-shadow: 0 9px 13px #0003;
}

.div-block-147 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-5 {
  font-size: 1rem;
}

.div-block-148 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-icon-wrapper {
  color: var(--dark-primary);
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.social-icon-wrapper:hover {
  color: var(--dark-primary-70);
}

.text-block-6 {
  font-size: 1rem;
  font-weight: 400;
}

.italic {
  font-style: italic;
  font-weight: 500;
}

.link-wrapper {
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.div-block-149 {
  background-color: var(--light-primary);
  width: 100%;
  height: .1em;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(102%);
}

.svg-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-transform: none;
  flex-flow: column;
  max-width: 55rem;
  margin-right: 8%;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
  display: block;
}

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

.heading-3.p-b.mw {
  max-width: 10em;
}

.heading-3.n-r-m {
  margin-right: 0%;
}

.cursor {
  z-index: 6;
  border: 1px none var(--light-primary);
  opacity: 1;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  color: #0000;
  mix-blend-mode: normal;
  background-color: #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  font-style: italic;
  font-weight: 700;
  transition: font-size .2s, background-color .2s, transform .5s, height .2s cubic-bezier(.77, 0, .175, 1), width .2s cubic-bezier(.77, 0, .175, 1), opacity .2s;
  display: flex;
  position: absolute;
  box-shadow: 0 4px 13px #0003;
}

.cursor.cta-hover {
  z-index: 2;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: 1;
  pointer-events: none;
  color: var(--light-primary);
  border-style: solid;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 13em;
  display: flex;
}

.cursor.cta-hover:hover {
  background-color: var(--light-primary);
}

.footer_wrapper {
  margin-top: -85vh;
}

.spacer {
  height: 70vh;
}

.footer-2 {
  background-color: var(--light-primary);
  color: #e8e6e5;
  height: 80vh;
  padding-top: 8rem;
  padding-bottom: 4rem;
  position: sticky;
  bottom: 0;
}

.footer-content-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-content-wrapper.hor {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.f-c-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.f-c-wrapper._2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
}

.f-c-wrapper.hori {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
}

.f-c-wrapper.hori-desk-vert-tab {
  flex-flow: row;
}

.footer-heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--dark-primary);
  text-transform: uppercase;
  flex-flow: column;
  width: 100%;
  font-size: 7vw;
  font-weight: 700;
  line-height: .7;
  display: flex;
}

.footer-heading.is-2 {
  position: absolute;
  inset: 0%;
}

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

.paragraph-2 {
  color: var(--dark-primary);
  max-width: 40rem;
  font-size: 1.15em;
}

.footer-link {
  color: var(--dark-primary);
  text-transform: uppercase;
  font-size: 1.5em;
}

.footer-link.abs {
  position: absolute;
  inset: 0%;
}

.div-block-150 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-separtor {
  background-color: #10121333;
  border-radius: 1rem;
  width: 100%;
  height: 2px;
  margin-top: 6em;
  margin-bottom: 2em;
}

.footer-social-link, .footer-all-rights {
  color: var(--dark-primary);
  font-size: 1rem;
}

.footer-all-rights.j {
  font-weight: 500;
}

.section-divider {
  width: 100%;
}

.line-divider {
  background-color: var(--primary-30);
  color: var(--light-primary-70);
  border-radius: 1rem;
  width: 100%;
  height: 1px;
}

.line-divider.light {
  background-color: var(--primary-30);
  color: var(--primary-30);
}

.div-block-151 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.card-grid-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  background-color: #1e2021;
  border-radius: 2rem;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 9px 13px #0003;
}

.card-content {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
}

.card-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.svg-card-wrapper {
  width: 2rem;
  height: 3rem;
}

.svg-card-wrapper._2 {
  width: 3rem;
}

.card-p {
  color: var(--light-primary-70);
}

.heading-4 {
  font-size: 3.5rem;
}

.heading-5 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  font-size: 3.5rem;
  display: flex;
}

.text-span-8 {
  font-style: italic;
  font-weight: 500;
}

.div-block-152 {
  opacity: .68;
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-153 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-primary), #d3cac2db 14%, #c4bcb4cc 20%, #aca59db3 30%, #8c868091 43%, #78736e7d 51%, #514e4a54 67%, #2a28262b 83%, transparent 96%);
  opacity: 0;
  filter: blur(100px);
  border-radius: 50%;
  width: 50rem;
  height: 50rem;
  margin-top: -20rem;
  margin-right: -20rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.heading_wrap {
  flex-flow: column;
  width: 75%;
  display: block;
}

.heading_wrap.flex {
  display: flex;
}

.heading_wrap.flex-hor {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.split-lines {
  margin-bottom: 2rem;
  font-size: 3.2em;
  line-height: 1.3;
}

.split-lines.big {
  font-size: 5rem;
  font-weight: 900;
}

.logo-flex-wrapper {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 7rem;
  display: none;
  position: relative;
}

.path {
  color: var(--accent);
}

.path-2 {
  color: var(--dark-primary);
}

.path-3, .path-4, .path-5 {
  color: var(--accent);
}

.gradient-overlay {
  z-index: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, #1a1a1a00 34%, var(--dark-primary));
  opacity: 1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.gradient-overlay.fill {
  background-color: var(--dark-primary);
  background-image: none;
}

.div-block-154 {
  padding-top: 31px;
}

.large-heading {
  text-align: center;
  text-transform: uppercase;
  max-width: 70rem;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1;
}

.large-heading.m-w-50 {
  max-width: 50rem;
  font-size: 9rem;
}

.padding-large {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.padding-large.sb {
  padding-bottom: 7rem;
}

.cursor-2 {
  z-index: 5;
  color: #ebebeb;
  mix-blend-mode: normal;
  background-color: #0000;
  border: 1px solid #2b2b2bb3;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: height .2s cubic-bezier(.77, 0, .175, 1), width .2s cubic-bezier(.77, 0, .175, 1), left .1s linear, top .1s linear, opacity .2s cubic-bezier(.77, 0, .175, 1);
  display: none;
  position: absolute;
}

.text-block-7 {
  color: var(--dark-primary);
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 900;
}

.link-block-2 {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cta {
  pointer-events: none;
  position: relative;
}

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

.grid-wrapper {
  padding-top: 8rem;
}

.grid-1-5 {
  border-bottom: 1px solid #f5ebe14d;
  justify-content: space-between;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.grid-1-5.last {
  border-bottom-style: none;
}

._5-grid-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.paragraph-3 {
  color: var(--light-primary);
  max-width: 45rem;
  font-weight: 400;
}

.heading-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  display: flex;
}

.heading-6.accent {
  color: var(--accent);
  font-size: 3em;
}

.italic-light {
  font-style: italic;
  font-weight: 300;
}

.img-wrapper {
  border-radius: 2rem var(--500rem) var(--500rem) 2rem;
  opacity: 1;
  justify-content: center;
  align-items: flex-end;
  height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.div-block-155 {
  background-image: linear-gradient(#1a1a1a29, #1a1a1a29);
  position: absolute;
  inset: 0%;
}

.paragraph-4 {
  color: var(--primary-30);
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
}

.paragraph-4.light {
  color: var(--light-primary);
  font-weight: 400;
}

.paragraph-4.big {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 1em;
}

.paragraph-4.el {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.15em;
}

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

.main-wrapper {
  position: relative;
}

.uui-testimonial15_client {
  text-align: left;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.uui-heading-xxsmall {
  color: #101828;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-xxsmall.text-weight-medium {
  color: var(--light-primary);
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2;
}

.uui-testimonial15_rating-wrapper {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.uui-testimonial15_slide-nav {
  height: 1.75rem;
  padding-left: 1rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.uui-testimonial15_component {
  background-color: #0000;
  height: auto;
  margin-top: 1rem;
  margin-left: -1rem;
  padding-bottom: 7rem;
  display: none;
  position: relative;
}

.uui-testimonial15_mask {
  width: 33.33%;
  overflow: visible;
}

.uui-testimonial12_arrow {
  color: #667085;
  background-color: #0000;
  border: 3px solid #ff3434;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  inset: auto 0 0% auto;
}

.uui-testimonial12_arrow:hover {
  background-color: #ff3434;
  transform: scale(.95);
}

.uui-testimonial12_arrow.left {
  padding-right: 0;
  inset: auto 5rem 0% auto;
}

.uui-testimonial15_client-image-wrapper {
  background-color: #eee;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin-right: .75rem;
}

.uui-testimonial15_slide {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.uui-testimonial15_client-heading {
  letter-spacing: normal;
  font-size: 1rem;
  font-weight: 600;
}

.item-text {
  color: #171717cc;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 700;
}

.uui-testimonial15_rating-icon {
  color: #fec84b;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.uui-button-icon-2 {
  color: var(--dark-primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.uui-testimonial15_content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fafafa;
  border: 1px solid #f9fafb;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
  box-shadow: 4px 7px 17px #0003;
}

.uui-text-size-small-2 {
  color: #171717cc;
  letter-spacing: normal;
  font-size: .875rem;
  line-height: 1.5;
}

.c-menu-close {
  padding: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.slider-trigger-right, .slider-trigger-left {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.c-slider-btn {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

.main-slider-nav-arrow {
  display: none;
}

.curtain {
  background-color: #131313;
  width: 100%;
  height: 100%;
}

.c-menu-item {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.sub-slide-container {
  width: 100%;
  height: 100%;
}

.play-btn {
  z-index: 50;
  width: 25px;
  height: 25px;
  transform: translate(3px);
}

.main-slide-wrapper {
  background-image: linear-gradient(#33333359, #33333359), url('../images/1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-slide-wrapper._4 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/4.jpg');
}

.main-slide-wrapper._2 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/Frame-35.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.main-slide-wrapper._5 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/5.jpg');
}

.main-slide-wrapper._3 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/Rectangle-207.png');
}

.main-slide-wrapper._1 {
  background-image: linear-gradient(#1e20211a, #1e20211a);
  background-position: 0 0;
  justify-content: center;
  align-items: flex-start;
}

.b-overlay-menu {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.copyright {
  opacity: .25;
  color: #aaa;
  white-space: nowrap;
  padding: 10px;
  font-size: .8em;
  line-height: 1em;
  position: relative;
}

.c-curtain {
  z-index: 2000;
  background-color: #333;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.main-slider-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sub-slider-container {
  padding-right: 20vw;
  position: relative;
  overflow: hidden;
}

.c-slide-btn-block {
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: relative;
}

.first-slider-container {
  z-index: 10;
  position: relative;
}

.main-slide-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._w-slider-btn {
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 15px;
  display: flex;
  position: relative;
}

.main-slider {
  background-color: #222;
  flex-direction: column;
  height: 85vh;
}

.main-slider.desktop {
  background-color: var(--dark-primary);
  border-radius: 2rem;
  overflow: hidden;
}

.main-slider.mobile {
  display: none;
}

._w-overlay-menu {
  z-index: 1100;
  background-color: #131313;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 40px 100px;
  display: flex;
  position: relative;
  box-shadow: -5px 0 15px #13131380;
}

.sub-slider {
  background-color: #0000;
  width: 25rem;
  height: 14rem;
}

.link-menu-item {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  padding: 0;
  text-decoration: none;
}

.ci-slider-btn-loading {
  opacity: .5;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-title {
  margin-bottom: 20px;
}

.ci-overlay-menu {
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.sub-slider-slide {
  perspective: 1000px;
  width: 25rem;
  padding: 1vh 1vw;
  transform: perspective(1000px);
}

.sub-slider-nav-dots {
  display: none;
}

.main-slide-description {
  color: var(--light-primary);
}

.c-slider-btn-circle {
  border: 2px solid var(--light-primary);
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bi-close-menu {
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: relative;
  transform: rotate(-45deg);
}

._w-overlay-menu-bg {
  z-index: 1099;
  background-color: #13131380;
  position: absolute;
  inset: 0%;
}

.main-slider-slide {
  width: 100%;
}

.main-slider-nav-dots {
  display: none;
}

.c-copyright {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.sub-slider-mask {
  overflow: visible;
}

._w-slide-btn {
  position: relative;
}

.c-main-slide-description {
  color: #fff;
  width: 50vw;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

.c-play-btn {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.c-funtext {
  z-index: 15;
  padding: 40px 10px 60px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-menu {
  letter-spacing: 2px;
  padding: 10px;
  font-family: Exo, sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1em;
  transition: all .25s;
}

.link-menu:hover {
  text-shadow: 0 7px 3px #333;
  transform: translate(0, -3px);
}

._w-menu-close {
  cursor: pointer;
}

.c-overlay-menu {
  z-index: 1001;
  justify-content: flex-end;
  display: none;
  position: fixed;
  inset: 0%;
}

.ci-main-slide-content {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.sub-slide-wrapper {
  background-color: #333;
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #13131380;
}

.sub-slide-wrapper._5 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/5.jpg');
}

.sub-slide-wrapper._3 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url('../images/Rectangle-207.png');
}

.sub-slide-wrapper._1 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/1.jpg');
}

.sub-slide-wrapper._4 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/4.jpg');
}

.sub-slide-wrapper._2 {
  background-image: linear-gradient(0deg, #1a1a1a9e, #1a1a1a1a), url('../images/Frame-35.jpg');
  justify-content: flex-end;
  align-items: flex-end;
}

.second-slider-container {
  z-index: 20;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.close-stripe {
  background-color: #fff;
  width: 100%;
  height: 3px;
  position: absolute;
}

.close-stripe._2 {
  transform: rotate(90deg);
}

.main-slide-title {
  color: #fff;
  letter-spacing: 20px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
  position: relative;
}

.main-slide-title.dark {
  color: var(--accent);
}

.sub-slide-title {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
}

.c-slide-btn-loading {
  z-index: 30;
  border: 2px dashed #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.b-slider-control {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

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

.c-slide-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-slide-btn-frame {
  z-index: 10;
  border: 1px solid #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-slider-control {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 1vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

._w-slider-control {
  margin-bottom: 3.1rem;
  padding-left: 0;
  padding-right: 20px;
}

.sub-slider-nav-arrow {
  display: none;
}

.c-slider-btn-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slide {
  padding-top: 2rem;
}

.c-slider-btn-loading {
  border: 1px dashed #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-content {
  text-align: center;
}

.funtext {
  opacity: .08;
  color: var(--accent);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 10vw;
  font-weight: 900;
  line-height: 1em;
  position: relative;
}

.div-block-156 {
  z-index: 21;
  background-image: linear-gradient(270deg, transparent, var(--dark-primary));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.arrow-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fun {
  opacity: .03;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 10vw;
  font-weight: 900;
  line-height: 1em;
  position: relative;
}

.background-video {
  object-fit: cover;
  object-position: 50% 0%;
  align-self: flex-start;
  width: 100%;
  height: 100%;
}

.text-field {
  background-color: #1e2021;
  border: 1px #000;
  border-radius: .5rem;
  box-shadow: 0 9px 13px #0003;
}

.text-field.is-text-area {
  height: 10rem;
}

.main-submit {
  color: #191a1f;
  background-color: #00b9f2;
  border-radius: 100px;
  margin-top: -.5rem;
  padding: .85rem 2rem .75rem;
  font-style: italic;
  font-weight: 400;
}

.main-submit.services {
  text-transform: uppercase;
  background-color: #ff3434;
  border-radius: 10px;
  width: 100%;
  margin-top: 0;
  padding: .75rem 1.75rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
}

.html-embed-2 {
  background-color: #ff3434;
  border-radius: 500px;
  padding: 10px;
  position: static;
}

.form-input-2 {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border: 2px #ff3434;
  border-bottom: 2px solid #f5f5f5cc;
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-2:active {
  border-bottom-color: #ff3434;
  border-left-color: #00b9f2;
  border-right-color: #00b9f2;
}

.form-input-2:focus {
  color: #fff;
  border-bottom-color: #ff3434;
}

.form-input-2::placeholder {
  color: #f5f5f5cc;
  font-weight: 400;
}

.form-input-2.is-text-area {
  background-color: #0000;
  height: auto;
  min-height: 8rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.div-block-130 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.text-p.small {
  color: #f5f5f5;
  text-transform: none;
  font-size: 1.15rem;
  font-weight: 500;
}

.text-span-107 {
  color: #ff3434;
}

.error-text {
  color: #e23939;
}

.success-text-2 {
  color: #f5f5f5;
  font-weight: 600;
}

.form-field-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.contact1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.success-message-2 {
  background-color: #0000;
  border: 1px #00b9f2;
  border-radius: 1rem;
  height: 30rem;
  padding: 1.5rem;
}

.error-message-2 {
  background-color: #0000;
  margin-top: 0;
  padding: .875rem 1rem;
}

.div-block-96 {
  justify-content: center;
  padding-top: 20px;
  display: flex;
}

.div-block-7 {
  padding: 0;
  line-height: 1;
}

.contact1_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.image-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.abs-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.sml-img-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  overflow: hidden;
}

.right {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.big-text {
  font-size: 6rem;
  font-weight: 500;
}

.image-3 {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
  position: static;
}

.paragraph-5 {
  color: var(--light-primary-70);
  font-size: 1.25rem;
  font-weight: 300;
}

.p1 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
}

.paragraph-6 {
  text-align: center;
  max-width: 30rem;
}

.flex-c {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout349_content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  height: 400vh;
  display: flex;
  position: static;
}

.text-span-99 {
  color: #d8ff80;
}

.portoflio-item-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px #2b2b2bb3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.portoflio-item-grid._2 {
  border-top: 1px solid #2b2b2bb3;
  border-bottom: 1px solid #2b2b2bb3;
  padding-top: 2em;
}

.unsplash-image-2 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.tag {
  color: var(--dark-primary-70);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 400;
}

.div-block-86 {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.portfolio-content {
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  height: 100%;
  padding: 0 2rem 0 0;
  display: flex;
}

.container-large {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: static;
}

.layout207_item {
  align-items: center;
  display: flex;
}

.heading-7 {
  color: #2b2b2bb3;
  letter-spacing: .4rem;
  text-transform: uppercase;
  cursor: default;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
}

.arrow-wrapper {
  padding: 0;
}

.text-span-101 {
  color: #2b2b2bb3;
  letter-spacing: 1rem;
  width: auto;
  font-style: italic;
  display: inline;
}

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

.text-wrapper {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.layout3_image-wrapper {
  background-color: #00b9f200;
  width: 90%;
  position: relative;
  transform: rotate(3deg);
}

.layout3_image-wrapper.abs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.layout3_image-wrapper.abs.image-2, .layout3_image-wrapper.abs.image-1, .layout3_image-wrapper.abs.image-4, .layout3_image-wrapper.abs.image-3 {
  justify-content: center;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  transform: none;
}

.padding-global-6 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  position: static;
  top: 0;
}

.link-block-3 {
  max-width: none;
  text-decoration: none;
  display: block;
}

.div-block-37 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--accent-70);
  border-radius: 1rem;
  justify-content: space-around;
  align-items: center;
  max-width: 18rem;
  margin-top: 0;
  padding: .85rem 2rem;
  display: flex;
}

.div-block-37.live-site {
  background-color: var(--accent-70);
  border: 2px #2b2b2bb3;
  border-radius: 1rem;
  justify-content: center;
  max-width: none;
  display: flex;
}

.client-header {
  color: var(--primary-30);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.text-button-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.layout207_item-text-wrapper {
  align-self: center;
  align-items: center;
  line-height: 100%;
  display: flex;
}

.colour-wrapper {
  position: relative;
  overflow: visible;
}

.colour-wrapper.contact {
  width: 100%;
  height: 100%;
  position: absolute;
}

.layout349_content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.layout349_desktop-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.image-5 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.div-block-77 {
  z-index: -1;
  opacity: .35;
  filter: grayscale();
  mix-blend-mode: normal;
  background-image: url('../images/Placeholder-Images-3_1Placeholder Images (3).webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 130%;
  position: absolute;
  inset: 0%;
}

.div-block-77.review {
  background-image: url('../images/Placeholder-Images-2_1Placeholder Images (2).webp');
}

.grid-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-75 {
  background-color: #00b9f2;
  width: 40%;
  height: 1px;
  margin-bottom: -.8rem;
  padding-bottom: 0;
}

.div-block-75.home {
  background-color: #d8ff80;
  width: 100%;
  height: 2px;
  margin-bottom: -1rem;
}

.paragraph-7 {
  color: #2b2b2b;
  letter-spacing: -.3rem;
  cursor: default;
  width: 100%;
  font-size: 4.6em;
  font-weight: 600;
  line-height: 1.1;
}

.text-block-11 {
  color: #2b2b2b;
  text-transform: uppercase;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.75em;
  line-height: 100%;
  position: relative;
}

.text-block-11._2 {
  color: var(--dark-primary);
  text-transform: capitalize;
  font-size: 1.5rem;
  font-weight: 500;
}

.text-block-11.is-2 {
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-11.is-2._2 {
  color: #2b2b2b;
}

.layout349_component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: grid;
  position: static;
}

.container-large-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-12 {
  color: #2b2b2b;
  white-space: pre-line;
  cursor: default;
  align-items: flex-end;
  width: 100%;
  font-size: 4.3em;
  font-weight: 600;
  line-height: 1.1;
  display: block;
}

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

.video-mobile {
  display: none;
}

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

.margin-bottom.margin-large {
  margin-bottom: 2rem;
  position: relative;
}

.margin-bottom.about {
  z-index: 1;
  padding-bottom: 2rem;
  position: relative;
}

.margin-bottom.margin-small {
  margin: 0 0 1rem;
  position: relative;
}

.margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: .5rem;
}

.text-span-98 {
  padding-bottom: 30px;
  display: inline-block;
}

.bullet-point {
  color: #2b2b2b;
  margin-bottom: 0;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 120%;
}

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

.description {
  font-size: 1em;
  font-weight: 500;
}

.heading-8 {
  color: #2b2b2b;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
  position: relative;
}

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

.portfolioo-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.portfolioo-grid.pb {
  padding-bottom: 4rem;
}

.service-icon-wrapper {
  background-color: #0000;
  border: 1px #2b2b2bb3;
  border-radius: 500px;
  flex: none;
  align-self: center;
  align-items: center;
  margin-right: 1rem;
  padding: 10px;
  display: flex;
}

.service-icon {
  color: #2b2b2bb3;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.section_work {
  border-top: 1px #00b9f2;
  border-bottom: 1px #00b9f2;
}

.div-block-38 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.background-layer {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.background-layer.color1 {
  opacity: 1;
  filter: grayscale();
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.section-review {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.service-p {
  color: #2b2b2b;
  text-align: left;
  max-width: 50rem;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
}

.video-hover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-79 {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.portfolio-image-wrapper {
  aspect-ratio: auto;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.icon-service-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-22 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 80rem;
  height: auto;
  display: flex;
}

.grid-item {
  color: #2b2b2b;
  border: 2px solid #2b2b2bb3;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 3em 4em 2em;
  display: flex;
}

.arro-home {
  color: #2b2b2b;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  display: flex;
  transform: rotateX(180deg)rotateY(0)rotateZ(225deg);
}

.arro-home.hollow {
  color: #2b2b2b;
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(225deg);
}

.tag-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2em;
  display: flex;
}

.tag-wrapper.no-t {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
}

.div-block-74 {
  justify-content: center;
  align-items: flex-end;
  width: 140%;
  margin-left: 0%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-87 {
  width: 100%;
  height: 100%;
  padding-top: 7em;
  padding-bottom: 7em;
}

.div-block-87.is-2 {
  padding-top: 0;
}

.button-2 {
  color: #eeebdc;
  text-align: center;
  letter-spacing: .03rem;
  background-color: #000;
  border: .15em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 1.7rem;
  font-size: 1rem;
  font-weight: 600;
}

.button-2.is-bright {
  color: #000;
  background-color: #eeebdc;
}

.button-2.is-bright.is-secondary {
  color: #eeebdc;
  background-color: #0000;
  border-color: #eeebdc;
  font-size: 1rem;
}

.section-after-intro-text {
  z-index: 3;
  background-color: var(--dark-primary);
  color: var(--light-primary);
  margin-top: 32vh;
  padding-top: 10em;
  padding-bottom: 0;
  position: relative;
}

.intro-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  display: flex;
}

.page-intro-title-wrapper {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-intro-splitscreen-wrapper {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-pre-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: .9;
}

.page-intro-text-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 90rem;
  margin-top: -5vh;
  display: flex;
}

.copy-medium {
  font-size: 1.25rem;
  line-height: 1.4;
}

.spacer-xl-start {
  padding-top: 7.5rem;
}

.image-placeholder {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 1.8em;
  width: 100%;
}

.page-intro-splitscreen-top {
  background-color: var(--dark-primary);
  width: 100%;
  height: 0%;
}

.page-padding {
  padding-left: 4em;
  padding-right: 4em;
}

.heading-style-h3 {
  letter-spacing: -.005em;
  text-transform: none;
  font-size: 3rem;
  line-height: 1.1;
}

.video-preview-wrapper {
  aspect-ratio: 16 / 9;
  color: #fffdf6;
  background-color: #000;
  border-radius: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-intro {
  position: relative;
}

.intro-title {
  text-transform: uppercase;
  font-size: 4em;
  line-height: .9;
}

.heading-style-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 900;
  line-height: .85;
}

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

.heading-style-h6 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
}

.spacer-sm-start {
  padding-top: 2.25rem;
}

.spacer-sm-start.spacer-sm-end {
  padding-bottom: 2.25rem;
}

.youtube-play-icon {
  height: 3.9em;
  margin-right: -.2em;
}

.page-intro-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 7em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.section-page-intro {
  background-color: var(--light-primary);
  color: var(--dark-primary);
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.page-intro-title {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 8vw;
  font-weight: 900;
  line-height: .8;
}

.page-intro-title.is-webdesign {
  align-self: flex-start;
  margin-left: .5em;
}

.page-intro-title.is-animation {
  align-self: flex-end;
  margin-left: 2em;
  font-style: italic;
}

.page-intro-title.is-skills {
  margin-left: 0;
  display: flex;
}

.made-in-webflow-brand {
  max-width: 2.3em;
}

.intro-copy-text {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.page-intro-content {
  z-index: 0;
  position: relative;
}

.page-intro-title-small {
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 1.5vw;
  font-weight: 400;
}

.page-intro-title-small.is-made-in-webflow {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-right: 5.6em;
  display: flex;
}

.page-intro-title-small.is-best-in-class {
  align-self: flex-start;
  margin-left: 7.9em;
}

.page-intro-title-small.is-made-in-webflow {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  color: var(--dark-primary);
  border: 2px #000;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-right: 5.6em;
  display: flex;
}

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

.youtube-play-button {
  background-color: #e61313;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 7em;
  padding-top: .4em;
  padding-bottom: .4em;
  font-size: 1.1em;
  display: flex;
  position: absolute;
  box-shadow: 0 .7rem 2.5rem #00000047;
}

.video-preview-img {
  opacity: .72;
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}

.video-preview-img:hover {
  transform: scale(1.03);
}

.page-intro-splitscreen-bottom {
  background-color: var(--dark-primary);
  width: 100%;
  height: 0%;
}

.page-intro-title-wrapper-2 {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-intro-text-wrapper-2 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.page-intro-wrapper-2 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.section-page-intro-2 {
  background-color: var(--light-primary);
  color: var(--dark-primary);
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.page-intro-title-2 {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 10vw;
  font-weight: 900;
  line-height: .8;
}

.page-intro-title-2.is-webdesign {
  margin-left: 1.16em;
  font-weight: 700;
}

.page-intro-title-2.is-animation {
  margin-left: 3em;
  font-style: italic;
}

.page-intro-title-2.is-animation._2 {
  margin-left: 4em;
}

.page-intro-title-2.is-skills {
  margin-left: .89em;
  font-weight: 700;
}

.svg-3 {
  width: 3rem;
  margin-top: -2px;
}

.social-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto;
  display: block;
}

.circle {
  color: #00b9f2;
}

.div-block-118 {
  pointer-events: none;
  border: 2px solid #00b9f2;
  border-radius: 3.5%;
  margin: .5rem;
  position: absolute;
  inset: 0%;
}

.tag-wrapper-2 {
  z-index: -1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: 1;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text-span-76 {
  color: #00b9f2;
}

.padding-global-7 {
  z-index: 2;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  overflow: visible;
}

.uui-testimonial15_rating-icon-2 {
  color: #fee000;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.social-link-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #f4f4f4;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.tagline {
  color: #00b9f2;
  letter-spacing: .1rem;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
}

.tagline.dark {
  color: #171717;
}

.uui-testimonial15_content-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #1e2021;
  border: 1px #f9fafb;
  border-radius: 5%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 9px 13px #0003;
}

.div-block-117 {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 45rem;
  display: flex;
}

.uui-testimonial15_client-image-wrapper-2 {
  background-color: #1e1f25;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin-right: .75rem;
}

.text-p-2 {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-p-2.small {
  color: #171717;
  font-size: 1rem;
}

.text-p-2.dark {
  color: #16171bcc;
}

.uui-testimonial15_slide-2 {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.block-review {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  padding-top: .5rem;
  display: flex;
}

.block-review.align-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: flex-end;
  padding-top: 1rem;
  display: none;
}

.uui-text-size-small-3 {
  color: #f4f4f4;
  letter-spacing: normal;
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-max-width-large {
  color: #171717;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1274.66rem;
  display: flex;
}

.path-6 {
  color: #00b9f2;
}

.uui-testimonial15_mask-2 {
  width: 33.33%;
  overflow: visible;
}

.text-span-75 {
  color: #00b9f2;
}

.uui-section_testimonial15 {
  background-color: #fff;
  position: relative;
  overflow: visible;
}

.wrapper-review {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.service-heading {
  color: #fff;
  text-align: left;
  font-size: 2rem;
  line-height: 100%;
  display: block;
  position: relative;
}

.service-heading.dark {
  color: #171717;
  text-transform: uppercase;
}

.service-heading.dark.c {
  text-align: center;
}

.padding-section-large-10 {
  background-color: #0000;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-testimonial12_arrow-2 {
  background-color: var(--white);
  color: #667085;
  border: 3px solid #0000;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  width: 1.75em;
  height: 1.75em;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  inset: auto 0 0% auto;
}

.uui-testimonial12_arrow-2:hover {
  background-color: var(--accent);
  transform: scale(.95);
}

.uui-testimonial12_arrow-2.left {
  border-style: none;
  border-color: #00b9f2;
  padding-right: 0;
  inset: auto 5rem 0% auto;
}

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

.heading-card {
  font-size: 2rem;
}

.text-span-108 {
  color: var(--accent);
}

.div-block-157 {
  border: 2px solid #00b9f2;
  border-radius: 3.5%;
  margin: .5rem;
  position: absolute;
  inset: 0%;
}

.uui-testimonial15_content-3 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--card-color);
  border: 1px #f9fafb;
  border-radius: 5%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 3em 2em;
  display: flex;
  position: relative;
  box-shadow: 0 9px 13px #0003;
}

.uui-testimonial15_client-image-wrapper-3 {
  background-color: #1e1f25;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin-right: .75rem;
}

.path-7 {
  color: #00b9f2;
}

.contact-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--accent-70);
  color: var(--dark-primary);
  border-radius: 1rem;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.div-block-158 {
  width: 2rem;
  height: 2rem;
}

.line-rounded-icon.success-message-check {
  margin-bottom: 6px;
  font-size: 22px;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  font-size: 80px;
  line-height: 88px;
}

.color-neutral-300 {
  color: var(--light-primary);
  margin-bottom: 35px;
}

.inner-container._400px {
  max-width: 400px;
  padding-bottom: 0;
}

.success-message {
  border: 1px solid var(--dark-primary);
  color: #4a3aff;
  background-color: #1e2021;
  border-radius: 24px;
  padding: 28px 28px 32px;
  box-shadow: 0 9px 13px #0003;
}

.text-area {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--primary-30) var(--dark-primary);
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  min-height: 144px;
  padding: 16px 24px;
  font-size: 1rem;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.text-area:hover {
  border-color: var(--accent);
  box-shadow: none;
}

.text-area:focus {
  border-color: var(--accent);
  color: var(--light-primary);
}

.text-area::placeholder {
  color: var(--light-primary-70);
  font-size: 18px;
}

.text-200 {
  font-size: 1em;
  line-height: 20px;
}

.text-200.bold {
  font-weight: 400;
}

.text-200.bold.abs {
  color: var(--accent);
  position: absolute;
  inset: 0%;
}

.social-icon-square {
  background-color: #f2f1ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  color: #fff;
  background-color: #4a3aff;
}

.social-icon-square.color-primary {
  background-color: var(--light-primary);
  color: #fff;
  border-radius: 8rem;
  padding: .5rem;
}

.social-icon-square.color-primary:hover {
  background-color: var(--accent);
}

.social-icon-square.color-primary.small {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  padding: .4rem;
}

.social-media-grid-top {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: start;
  justify-items: start;
}

.social-media-grid-top.mg-top-32px {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.social-icon-font {
  color: var(--dark-primary);
  line-height: 21px;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.contact-v9 {
  grid-column-gap: 120px;
  grid-template-columns: .7fr 1fr;
}

.card-2 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-2.form {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  min-height: 620px;
  margin-bottom: 0;
  padding: 0;
}

.mg-top-56px {
  margin-top: 56px;
}

.error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #0000;
  border-radius: 16px;
  margin-top: 20px;
  padding: 0;
}

.square-icon {
  border-radius: 16px;
}

.square-icon.mg-right-16px.mg-bottom-16px-mb {
  width: 3rem;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #4a3aff;
  border-radius: 48rem;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3324d5;
  transform: translate3d(0, -3px, .01px);
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-link-icon {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  border: 1px none var(--dark-primary);
  background-color: var(--dark-primary);
  color: var(--light-primary);
  text-transform: none;
  border-radius: 100rem;
  align-items: center;
  padding: 0 2em 0 0;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.card-link-icon:hover {
  border-style: none;
  border-color: var(--accent);
}

.input {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--primary-30) var(--dark-primary);
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 1rem;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--accent);
  box-shadow: none;
}

.input:focus {
  border-color: var(--accent);
  color: var(--light-primary);
}

.input::placeholder {
  color: var(--light-primary-70);
  font-size: 18px;
}

.mg-bottom-40px {
  margin-bottom: 40px;
  padding-top: 29px;
}

.div-block-159 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: block;
}

.dark {
  color: var(--dark-primary);
}

.svg-4 {
  color: var(--accent);
  width: 5rem;
}

.text-block-13 {
  color: var(--light-primary-70);
}

.text-block-14 {
  text-align: left;
}

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

.carousel-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.logo-container {
  justify-content: space-around;
  min-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.logo-container._2 {
  margin-left: -.1%;
}

.logo-image {
  height: 40px;
}

.marquee {
  grid-column-gap: 1rem;
  box-shadow: none;
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee-content.scroll.reverse {
  grid-column-gap: 10em;
}

.paragraph-8 {
  font-size: 5rem;
}

.large-text {
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 18em;
  font-weight: 400;
}

.padding-xlarge {
  padding-top: 20em;
  padding-bottom: 20em;
}

.background-video-2 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.padding-bottom {
  padding-bottom: 14rem;
}

.div-block-161 {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.small {
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}

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

.showreel {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.text-block-15 {
  text-transform: uppercase;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 400;
}

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

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

.grid-1 {
  border-bottom: 1px #f5ebe14d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.grid-1.center {
  justify-content: center;
  align-items: center;
}

.grid-1.left {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: flex-start;
  align-items: center;
}

.heading-9 {
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 9em;
  font-weight: 400;
}

.text-span-110 {
  color: var(--accent);
  letter-spacing: 0;
}

.grid-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px #f5ebe14d;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.paragraph-9 {
  text-transform: uppercase;
  max-width: 9rem;
  font-size: 1em;
  font-style: normal;
}

.paragraph-9.bt {
  align-self: flex-end;
}

.paragraph-9.is-home {
  max-width: 9em;
  padding-right: 17em;
}

.div-block-163 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 75rem;
  display: flex;
}

.code-embed {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f5ebe14d;
  white-space: normal;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 9em;
  font-weight: 400;
  line-height: 1;
}

.code-embed.hide {
  display: none;
}

.path-8 {
  display: block;
}

.svg-5 {
  padding: 0;
}

.div-block-164 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-165 {
  background-color: var(--accent);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.div-block-165.big {
  width: .75em;
  height: .75em;
}

.div-block-165.big.white {
  background-color: var(--light-primary);
  width: .75rem;
  height: .75rem;
}

.div-block-165.big.grey {
  background-color: var(--dark-primary-70);
}

.div-block-165.hide-mob-l {
  background-color: var(--primary-30);
}

.div-block-165.grey {
  background-color: var(--dark-primary-70);
}

.div-block-165.white {
  background-color: var(--light-primary);
}

.padding-st-lb {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 14rem;
}

.padding-st-lb.sb {
  padding-bottom: 7em;
}

.padding-st-lb.nb {
  padding-bottom: 0;
}

.padding-st-lb.bullet-point, .padding-st-lb.nt {
  padding-top: 0;
}

.tag-top {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4em;
  display: flex;
}

.paragraph-10 {
  color: var(--dark-primary-70);
  text-transform: uppercase;
  font-size: 1em;
}

.div-block-166 {
  border: 2px solid var(--light-primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.4em;
  height: 3.4em;
  display: flex;
}

.paragraph-11 {
  justify-content: center;
  align-items: center;
  font-size: 1.15em;
  line-height: 0;
}

.div-block-167 {
  width: 25%;
  height: 100%;
  padding-top: 0;
  position: sticky;
  top: 6rem;
}

.div-block-167.nt {
  padding-top: 0;
  padding-right: 2rem;
}

.div-block-167.nt._100, .div-block-167.nt.hide-tab {
  top: 7rem;
}

.paragraph-12 {
  margin-right: 8%;
  font-size: 1.4em;
}

.div-block-168 {
  width: 100%;
}

.div-block-168.vert {
  flex-flow: column;
}

.paragraph-13 {
  color: var(--dark-primary-70);
  text-transform: uppercase;
  margin-bottom: 2em;
  padding-right: 4em;
  font-size: 1em;
}

.paragraph-13.no {
  margin-top: 28px;
  padding-top: 0;
  padding-right: 4em;
}

.paragraph-13.no._0-p {
  opacity: 0;
  margin-top: 0;
}

.paragraph-13.dont-hide {
  margin-top: 2em;
}

.paragraph-13.dont-hide.hide-tab {
  opacity: 0;
}

.text-span-111 {
  color: var(--accent);
}

.div-block-169 {
  border-top-width: 1px;
  border-top-color: var(--light-primary-70);
  border-bottom-width: 1px;
  border-bottom-color: var(--light-primary-70);
  border-left-width: 1px;
  border-left-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-169.ab {
  justify-content: flex-start;
  align-items: flex-end;
}

.large {
  text-transform: capitalize;
  font-size: 7em;
  line-height: 1.2;
}

.keyword-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 1em;
  display: flex;
}

.div-block-170 {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--primary-30) #101213;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  padding: 2em;
  transition: none;
}

.div-block-170.top {
  border-top-style: none;
}

.div-block-170.top.tip {
  padding-top: 0;
}

.div-block-170.bottom {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom-style: none;
}

.text-span-112, .accent {
  color: var(--accent);
}

.div-block-171 {
  width: 100%;
}

.text-span-113, .text-span-114 {
  color: var(--accent);
}

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

.rotate {
  position: absolute;
  inset: 0%;
  transform: scale(1.2);
}

.image-6 {
  border-radius: 50%;
  width: 9em;
  padding: 1em;
}

.div-block-173 {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-173.center {
  grid-column-gap: 1.1em;
  grid-row-gap: 1.1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.mask-2 {
  width: 33%;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.tricks-slider {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tricks-slider_slide {
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 80vh;
  max-height: 80vw;
  margin-right: 1em;
  padding: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-7 {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0% auto 0% 0%;
}

.tricks-slider_text {
  z-index: 2;
  letter-spacing: -.08em;
  font-size: 9.3em;
  font-weight: 400;
  position: relative;
}

.progress {
  background-color: #00000017;
  width: 80%;
  height: 1.5px;
  margin-top: 2.5em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.progress_fill {
  background-color: #000;
  width: 0%;
  height: 100%;
  position: relative;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.padding-b {
  width: 100%;
  padding-bottom: 14rem;
}

.div-block-174 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-115 {
  white-space: nowrap;
  display: block;
}

.button-secondary {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  border-style: none;
  border-width: 1px;
  border-color: black black var(--light-primary);
  color: var(--light-primary);
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: .25rem;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-secondary.black {
  border-color: #171717;
}

.button-secondary.nav {
  display: none;
}

.text-button-wrapper-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  line-height: 1;
  display: block;
  position: relative;
  overflow: hidden;
}

.text-button-wrapper-2.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

.but-text-prim {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 600;
  position: relative;
}

.but-text-prim._2 {
  color: var(--light-primary);
  letter-spacing: 0;
  font-style: normal;
  font-weight: 400;
}

.but-text-prim.is-2 {
  position: absolute;
  inset: 0%;
}

.but-text-prim.is-2._2 {
  color: #f39a0c;
}

.but-text-prim.footer {
  color: var(--dark-primary);
  text-align: left;
  font-size: 5em;
  font-style: normal;
  line-height: 1;
}

.but-text-prim.nav {
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
}

.but-text-prim.work {
  font-size: 1.4rem;
}

.but-text-prim._2 {
  letter-spacing: 0;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
}

.svg-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 1.25rem;
  transform: rotate(-90deg);
}

.svg-7 {
  color: var(--light-primary);
  width: 1.2em;
  margin-top: 1px;
  padding: 1px;
  transform: rotate(-45deg);
}

.svg-7.abs {
  color: var(--accent);
  position: absolute;
  inset: 0%;
}

.field-label {
  font-size: 1rem;
  font-weight: 500;
}

.rel-div {
  position: relative;
}

.div-block-176 {
  width: 100%;
  margin-top: 1em;
  position: absolute;
  overflow: hidden;
}

.div-block-176.nt {
  margin-top: .25em;
  overflow: hidden;
}

.div-block-177 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.svg-8 {
  color: var(--dark-primary);
  width: 4em;
  transform: rotate(-45deg);
}

.svg-8.abs {
  position: absolute;
  inset: 0%;
}

.svg-8.abs.smal {
  width: .3em;
}

.svg-8.light {
  color: var(--light-primary);
  width: 1.2em;
  transform: none;
}

.svg-8.small {
  width: .3em;
}

.div-block-178 {
  transform: rotate(45deg);
}

.div-block-13 {
  z-index: 6;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 5%;
  padding-left: 6vw;
  display: block;
  position: fixed;
  inset: auto auto 0% 0%;
}

.div-block-8 {
  z-index: auto;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0000;
  border-radius: 100px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: auto;
  padding: 0;
  display: grid;
  position: relative;
}

.icon-wrapper {
  color: var(--primary-30);
  border: 1px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: stretch;
  width: 3rem;
  height: 3rem;
  padding-left: 0;
  transition: border-color .3s cubic-bezier(.165, .84, .44, 1);
  display: block;
}

.icon-wrapper:hover {
  border: 1px solid var(--accent);
  color: var(--accent);
  background-color: #0000;
  border-radius: 50%;
}

.icon-embed-xsmall-3 {
  cursor: pointer;
  mix-blend-mode: normal;
  border: 1px #fff9;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 10px;
  font-size: 20px;
  display: flex;
}

.div-block-179 {
  margin-top: 3.5em;
}

.rect {
  opacity: 1;
  color: var(--accent);
}

.rect.black {
  color: var(--dark-primary);
}

.text-block-16 {
  color: var(--light-primary);
  margin-top: .2em;
  font-family: DM Serif Display, sans-serif;
  font-size: 1.8em;
  font-weight: 500;
}

.text-block-16.abs {
  position: absolute;
  inset: 0%;
}

.black-line {
  background-color: var(--dark-primary);
  width: 100%;
  height: 3px;
}

.black-line.is-2 {
  position: absolute;
  inset: auto 0% 0%;
}

.black-line.is-2.accent {
  background-color: var(--accent);
  height: .175em;
}

.black-line.white {
  background-color: var(--light-primary);
  height: .175em;
}

.div-block-180 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-181 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-181.hide-desk {
  display: none;
}

.footer-link-wrapper {
  position: relative;
}

.svg-9 {
  color: var(--accent);
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 2px;
  display: flex;
}

.svg-9.abs {
  position: absolute;
  inset: 0%;
}

.svg-10, .svg-11 {
  width: 2em;
}

.path-10 {
  opacity: 1;
  justify-content: center;
  align-items: center;
}

.text-span-116 {
  color: #d8ff80;
}

.unsplash-image-3 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.tag-2 {
  color: var(--primary-30);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 500;
}

.div-block-182 {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.container-large-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: static;
}

.text-span-117 {
  color: #2b2b2bb3;
  letter-spacing: 1rem;
  width: auto;
  font-style: italic;
  display: inline;
}

.padding-global-8 {
  padding-left: 0%;
  padding-right: 0%;
}

.padding-global-9 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  position: static;
  top: 0;
}

.link-block-4 {
  max-width: none;
  margin-top: .5em;
  text-decoration: none;
  display: block;
}

.div-block-183 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #d8ff80;
  justify-content: space-around;
  align-items: center;
  max-width: 18rem;
  margin-top: 0;
  padding: .5rem 1rem;
  display: flex;
}

.div-block-183.live-site {
  background-color: #0000;
  border: 2px solid #2b2b2bb3;
  justify-content: center;
  max-width: none;
  display: flex;
}

.text-button-wrapper-3 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}

.image-8 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
}

.div-block-184 {
  z-index: -1;
  opacity: .35;
  filter: grayscale();
  mix-blend-mode: normal;
  background-image: url('../images/Placeholder-Images-3_1Placeholder Images (3).webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 130%;
  position: absolute;
  inset: 0%;
}

.div-block-184.review {
  background-image: url('../images/Placeholder-Images-2_1Placeholder Images (2).webp');
}

.div-block-185 {
  background-color: #00b9f2;
  width: 40%;
  height: 1px;
  margin-bottom: -.8rem;
  padding-bottom: 0;
}

.div-block-185.home {
  background-color: #d8ff80;
  width: 100%;
  height: 2px;
  margin-bottom: -1rem;
}

.paragraph-15 {
  color: #2b2b2b;
  letter-spacing: -.3rem;
  cursor: default;
  width: 100%;
  font-size: 4.6em;
  font-weight: 600;
  line-height: 1.1;
}

.text-block-17 {
  color: #2b2b2b;
  text-transform: uppercase;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.75em;
  line-height: 100%;
  position: relative;
}

.text-block-17._2 {
  color: #2b2b2b;
}

.text-block-17.is-2 {
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-17.is-2._2 {
  color: #2b2b2b;
}

.text-block-18 {
  color: #2b2b2b;
  white-space: pre-line;
  cursor: default;
  align-items: flex-end;
  width: 100%;
  font-size: 4.3em;
  font-weight: 600;
  line-height: 1.1;
  display: block;
}

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

.text-span-118 {
  padding-bottom: 30px;
  display: inline-block;
}

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

.description-2 {
  font-size: 1.4em;
}

.heading-10 {
  color: #2b2b2b;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
  position: relative;
}

.div-block-188 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-189 {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.portfolio-image-wrapper-2 {
  aspect-ratio: auto;
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-190 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 80rem;
  height: auto;
  display: flex;
}

.div-block-191 {
  justify-content: center;
  align-items: flex-end;
  width: 140%;
  margin-left: 0%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-192 {
  width: 100%;
  padding-top: 7em;
  padding-bottom: 7em;
}

.div-block-192.is-2 {
  padding-top: 0;
}

.link-block-5 {
  width: 75%;
}

.padding-work {
  padding-top: 12.5em;
  padding-bottom: 0;
}

.div-block-193 {
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 6em;
  display: flex;
}

.div-block-194 {
  flex-flow: column;
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.paragraph-16 {
  color: var(--accent-70);
}

.div-block-195 {
  color: var(--dark-primary-70);
  width: 17.3727%;
  font-weight: 500;
}

.paragraph-17 {
  color: var(--dark-primary-70);
  margin-bottom: .5rem;
  font-size: 1rem;
}

.paragraph-17.lb {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.paragraph-18 {
  margin-bottom: .75rem;
  font-size: 1rem;
}

.div-block-197 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-19, .paragraph-20 {
  font-size: 1rem;
}

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

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

.image-9 {
  border-radius: 1rem;
  width: 100%;
  margin-bottom: 2em;
}

.paragraph-21 {
  color: var(--dark-primary-70);
  max-width: 25rem;
  margin-top: 1em;
  font-size: 1rem;
}

.paragraph-21.light {
  color: var(--light-primary);
}

.image-10 {
  border-radius: 1rem;
  margin-bottom: 2em;
}

.background-video-3 {
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vid-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  margin-bottom: 2em;
}

.div-block-198 {
  display: none;
}

.container-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.step-content-block {
  text-align: left;
  align-self: center;
  position: relative;
}

.img-block {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.dot {
  z-index: 3;
  background-color: #eeeff4;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-bottom: -6px;
  position: relative;
}

.step {
  z-index: 2;
  border-radius: 16px;
  align-items: center;
  padding: 12%;
  display: flex;
  position: relative;
}

.scoll-wrap {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  bottom: 50%;
}

.content-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.bg-shadow {
  z-index: 1;
  border-radius: 16px;
  position: absolute;
  inset: 0%;
  box-shadow: 7px 7px 20px #12121212;
}

.content-wrap {
  justify-content: flex-end;
  width: 40%;
  display: flex;
}

.label {
  color: var(--accent);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 700;
}

.steps-clone {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.step-block {
  flex-wrap: nowrap;
  place-content: center space-around;
  align-items: center;
  min-height: 60vh;
  margin-top: -1px;
  display: flex;
  position: relative;
}

.scroll-base {
  transform-origin: 50% 0;
  background-color: #eeeff4;
  width: 6px;
  height: 100%;
}

.content-2 {
  margin-top: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.scroll-animate {
  background-color: var(--accent);
  transform-origin: 50% 0;
  width: 6px;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.heading-11 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2em;
  display: flex;
}

.paragraph-22 {
  color: var(--dark-primary-70);
  font-size: 1.25em;
}

.slider-container {
  width: 100vw;
  min-height: 300px;
  padding: 40px;
  overflow: hidden;
}

.slider-right-arrow {
  color: #444;
}

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

.slide-content-wrapper {
  background-color: var(--card-color);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.mask-3 {
  position: static;
  overflow: visible;
}

.slider-left-arrow {
  color: #444;
}

.slider-text {
  text-align: center;
  font-family: Oswald, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.slider {
  background-color: #0000;
  width: 400px;
  height: 400px;
  position: static;
}

.layout121_timeline-wrapper-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.layout121_progress-bar {
  background-color: var(--light-primary);
  width: 3px;
  height: 100%;
  overflow: hidden;
}

.layout121_timeline-step-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  padding: 1rem 8% 0 0;
  display: flex;
}

.service-icon-2 {
  color: #00b9f2;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.service-icon-2.quote {
  color: #f5f5f5;
  width: 2rem;
  height: 2rem;
}

.service-icon-wrapper-2 {
  background-color: #00b9f200;
  border: 1px solid #00b9f2;
  border-radius: 500px;
  flex: none;
  align-self: center;
  align-items: center;
  margin-right: 1rem;
  padding: 10px;
  display: flex;
}

.service-icon-wrapper-2.quote {
  border-width: 2px;
  border-color: var(--light-primary);
  background-color: var(--dark-primary);
  justify-content: center;
  width: 12em;
  height: 12em;
  margin-right: 0;
}

.heading-12 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
}

.text-span-103 {
  color: #ff3434;
}

.layout121_text-wrapper-2 {
  border-bottom: 1px solid var(--light-primary);
  flex-flow: column;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
}

.layout121_text-wrapper-2.top {
  opacity: .3;
  padding-top: 0;
}

.text-span-47 {
  color: #ff3434;
  text-decoration: none;
}

.layout121_progress-bar-wrapper {
  background-color: var(--primary-30);
  width: 3px;
  height: 80%;
  position: absolute;
  top: 5%;
  left: 5.75em;
  right: auto;
  overflow: hidden;
}

.layout121_timeline-icon-wrapper {
  z-index: 1;
  position: relative;
}

.layout121_timeline-left-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4em;
  padding-bottom: 1rem;
  padding-right: 6em;
  display: flex;
  position: relative;
}

.layout121_timeline-left-2.top {
  padding-top: 0;
}

.layout121_timeline-right-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.small-heading {
  color: var(--accent);
  margin-top: 0;
  font-size: 3em;
  font-weight: 400;
}

.paragraph-23 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--accent);
  font-size: 4em;
  font-weight: 900;
}

.paragraph-24 {
  color: var(--dark-primary-70);
  white-space: nowrap;
  padding-right: 0;
  font-size: 1.15em;
}

.paragraph-24.hide-desk {
  display: none;
}

.paragraph-25 {
  margin-left: 12em;
  margin-right: 8%;
  font-size: 1.15em;
}

.heading-13 {
  margin-top: 0;
  margin-bottom: 1em;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.text-block-20 {
  font-weight: 500;
}

.sub-keywords {
  grid-column-gap: .765em;
  grid-row-gap: .765em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.large-img-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.large-img {
  object-fit: cover;
  background-image: url('../images/Untitled-design.png');
  background-position: 50% 0;
  background-size: auto;
  width: 100%;
  height: 130%;
  position: static;
  inset: 0%;
}

.flex-layout {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about-container {
  width: 56%;
}

.info-container {
  width: 30%;
}

.heading-14 {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2;
}

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

.heading-15 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 1.3em;
}

.info-inner-p-sub {
  font-size: 1rem;
}

.paragraph-26 {
  color: var(--dark-primary-70);
  font-weight: 500;
}

.project-link {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  background-color: var(--card-color);
  color: var(--light-primary);
  border-radius: 100rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 4em;
  padding: 1.5rem;
  text-decoration: none;
  display: inline-flex;
}

.text-block-21 {
  text-transform: uppercase;
}

.svg-arrow {
  width: .85em;
}

.div-block-199 {
  background-color: var(--accent);
  width: 12em;
  height: 5px;
}

.navbar6_dropdown-blog-item-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
}

.text-size-small {
  font-size: .875rem;
}

.text-size-small.text-weight-semibold {
  color: #0b5d69;
}

.div-block-200 {
  transform: rotate(45deg);
}

.navbar6_dropdown-list.w--open {
  background-color: #fff;
  max-width: 100%;
  padding-left: 6vw;
  padding-right: 6vw;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  box-shadow: 0 10px 9px #0000001a;
}

.button-secondary-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  color: #f39a0c;
  border: 1px #000;
  border-bottom-color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: .25rem;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-secondary-2.dark {
  color: #052429;
}

.navbar6_dropdown-toggle {
  grid-column-gap: .25rem;
  color: var(--light-primary-70);
  justify-content: flex-start;
  align-items: center;
  padding: 0 0;
  font-weight: 500;
  display: flex;
}

.navbar6_blog-content {
  flex-direction: column;
  justify-content: flex-start;
  max-width: 18rem;
  display: flex;
}

.div-block-201 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar6_blog-image {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 20px #0003;
}

.navbar6_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar6_container.flex {
  display: flex;
}

.dropdown-chevron {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar6_blog-image-wrapper {
  width: 100%;
  overflow: hidden;
}

.uui-navbar08_icon-wrapper {
  color: #f39a0c;
  flex: none;
  align-self: flex-start;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}

.navbar6_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar08_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.uui-navbar08_item-heading {
  color: #052429;
  white-space: nowrap;
  margin-bottom: .25rem;
  font-size: 1rem;
  font-weight: 700;
}

.navbar6_dropdown-content-wrapper {
  grid-template-rows: auto max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar6_dropdown-content-wrapper.z-index-1 {
  z-index: 1;
  grid-row-gap: 1rem;
  position: relative;
}

.black-line-2 {
  background-color: #0d0d0d;
  width: 100%;
  height: 3px;
}

.black-line-2.is-2 {
  position: absolute;
  inset: auto 0% 0%;
}

.black-line-2.is-2.accent {
  background-color: #f39a0c;
  height: .175em;
}

.black-line-2.white {
  background-color: #f39a0c;
  height: .115rem;
}

.black-line-2.white.dark {
  background-color: #052429;
}

.navbar6_dropdown-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 20rem;
  padding: 1rem 0 2rem 2rem;
  position: relative;
}

.navbar6_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-202 {
  width: 100%;
  margin-top: 1em;
  position: absolute;
  overflow: hidden;
}

.div-block-202.nt {
  margin-top: .15em;
  overflow: hidden;
}

.text-weight-semibold {
  color: #fff;
  font-weight: 600;
}

.text-weight-semibold.dark {
  color: #052429;
}

.navbar6_menu-dropdown {
  color: var(--light-primary-70);
  margin-top: 5px;
  position: relative;
}

.navbar6_blog-item {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

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

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

.uui-navbar08_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  padding: .75rem 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-navbar08_dropdown-link:hover {
  box-shadow: 0 2px 9px #0003;
}

.svg-12 {
  width: 1em;
  margin-top: 1px;
  padding: 1px;
  transform: rotate(-45deg);
}

.svg-12.abs {
  color: #f39a0c;
  position: absolute;
  inset: 0%;
}

.navbar6_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1rem 2rem 2rem 0;
  display: grid;
}

.text-block-41 {
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 400;
}

.navbar6_dropdown-background-layer {
  z-index: 0;
  background-color: #f7f7f7;
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

@media screen and (min-width: 1440px) {
  .layout3_image-wrapper.abs.image-2 {
    display: flex;
  }

  .tag-wrapper-2 {
    justify-content: flex-start;
  }

  .grid-2-columns.form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .div-block-195 {
    width: 22%;
  }

  .div-block-196 {
    width: 16.66%;
  }
}

@media screen and (min-width: 1920px) {
  .main-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .image {
    filter: saturate(149%) sepia(10%);
  }

  .layout3_image-wrapper.abs.image-1 {
    background-image: none;
  }

  .padding-global-6 {
    justify-content: center;
    display: block;
  }

  .layout349_desktop-image-wrapper {
    display: block;
  }

  .layout349_component {
    justify-content: stretch;
    justify-items: stretch;
  }

  .text-span-112 {
    color: var(--light-primary);
  }

  .container, .tricks-slider {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .padding-global-9 {
    justify-content: center;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .padding-global.nav {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-left {
    flex: 0 auto;
    justify-content: space-between;
    width: 100%;
  }

  .nav-right {
    display: none;
  }

  .nav-link {
    font-size: 1.25rem;
  }

  .nav-link.w--current {
    display: inline-block;
  }

  .logo-link-wrapper.home {
    display: none;
  }

  .logo-link-wrapper.home.no-hide {
    z-index: 22;
    display: flex;
  }

  .logo-link-wrapper.home.no-hide.w--current {
    background-color: #0000;
  }

  .logo-link-wrapper.contact {
    width: 2em;
    height: 2em;
  }

  .logo-wrapper {
    width: 2.5rem;
  }

  .nav-button-wrapper {
    display: none;
  }

  .button {
    font-size: .875rem;
  }

  .button.nav {
    width: 100%;
    padding: 1.5em 1em;
    font-size: .875rem;
  }

  .button.grow {
    flex: 1;
  }

  .button.small {
    font-size: .875em;
  }

  .padding-hero {
    padding-top: 8rem;
    padding-bottom: 7rem;
  }

  .icon-social:hover {
    color: #000;
    border-color: #000;
    transform: none;
  }

  .text-large {
    font-size: 2.5rem;
  }

  .padding-normal {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .div-block-139.mob {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-139.flex-vert {
    flex-flow: column;
  }

  .dropdown-toggle {
    flex-flow: row;
    flex: 1;
    padding: 1rem 6vw;
    display: flex;
  }

  .text-block-4 {
    font-size: 1rem;
  }

  .landing-bg {
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }

  .disover-wrapper {
    width: 6rem;
  }

  .heading-2 {
    font-size: 3rem;
  }

  .navbar {
    background-color: #0000;
  }

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

  .div-block-143 {
    box-shadow: none;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-color: #151515;
    border-radius: 0;
    justify-content: flex-start;
    height: 30rem;
    padding: 0 6vw 6vw;
    position: absolute;
    overflow: hidden;
  }

  .nav-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 7rem;
  }

  .trigger {
    width: 3rem;
    height: 3rem;
    margin-top: 1rem;
    margin-right: 5vw;
    display: block;
    inset: 0% 0% 0% auto;
  }

  .menu-icon_component {
    width: 2rem;
    height: 2rem;
    position: relative;
  }

  .menu-icon_line-middle {
    justify-content: center;
    align-items: center;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar08_menu-button {
    overflow: hidden;
  }

  .uui-navbar08_menu-button.w--open {
    background-color: #0000;
  }

  .div-block-146 {
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
    flex: 0 auto;
    justify-content: space-between;
    width: 100%;
    margin-top: 2rem;
    padding: 0;
    display: flex;
  }

  .div-block-147 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .link-wrapper {
    margin-top: 0;
  }

  .heading-3 {
    font-size: 5em;
  }

  .heading-3.n-r-m {
    margin-bottom: .25em;
  }

  .cursor {
    display: none;
  }

  .footer-2 {
    padding-top: 7rem;
    padding-bottom: 2rem;
  }

  .footer-content-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .f-c-wrapper._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    order: -1;
    display: none;
  }

  .footer-heading {
    font-size: 4rem;
  }

  .paragraph-2 {
    font-size: 1rem;
  }

  .footer-link {
    font-size: 1.25rem;
  }

  .footer-separtor {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
  }

  .card-grid-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .card-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .div-block-152 {
    pointer-events: none;
  }

  .heading_wrap, .heading_wrap.flex._100 {
    width: 100%;
  }

  .split-lines {
    font-size: 4em;
  }

  .large-heading {
    font-size: 5rem;
  }

  .cursor-2 {
    display: none;
  }

  .paragraph-4.big {
    font-size: .75rem;
  }

  .paragraph-4.el {
    font-size: .85rem;
  }

  .uui-heading-xxsmall.text-weight-medium {
    font-size: 1rem;
  }

  .uui-testimonial15_component {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-testimonial15_mask {
    width: 50%;
  }

  .main-slider {
    height: 100vh;
  }

  .main-slider.desktop {
    display: none;
  }

  .main-slider.mobile {
    display: block;
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #131313bf, #0000);
    display: block;
  }

  .c-funtext, .c-overlay-menu, .second-slider-container {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 15px;
    font-size: 4.5em;
  }

  .c-slide-btn-loading {
    display: none;
  }

  .c-main-slide-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .main-submit {
    font-size: .85rem;
  }

  .success-text-2 {
    font-size: 1.25rem;
  }

  .contact1_form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sml-img-wrapper.h-mob {
    display: none;
  }

  .big-text {
    font-size: 5rem;
    line-height: 1;
  }

  .image-3 {
    aspect-ratio: auto;
  }

  .tag {
    font-size: .85rem;
  }

  .div-block-86 {
    height: auto;
  }

  .container-large {
    max-width: 75rem;
  }

  .layout3_image-wrapper {
    width: 100%;
  }

  .client-header {
    font-size: .85rem;
  }

  .image-5 {
    opacity: 1;
  }

  .paragraph-7 {
    font-size: 3.2rem;
  }

  .text-block-11, .text-block-11.is-2 {
    font-size: 1.25rem;
  }

  .layout349_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr auto;
    grid-auto-flow: row;
  }

  .text-block-12 {
    font-size: 5.5vw;
  }

  .video-mobile {
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

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

  .margin-bottom.margin-xsmall {
    padding-bottom: .25rem;
  }

  .bullet-point, .description {
    font-size: 1rem;
  }

  .heading-8 {
    font-size: 1.5rem;
  }

  .div-block-38 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .section-review {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .service-p {
    font-size: 1rem;
  }

  .video-hover {
    display: none;
  }

  .arro-home.hollow {
    font-size: .8rem;
  }

  .div-block-87 {
    padding-top: 4rem;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .uui-testimonial15_mask-2 {
    width: 50%;
  }

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

  .uui-testimonial12_arrow-2 {
    width: 1.5em;
    height: 1.5em;
  }

  .uui-testimonial12_arrow-2.left {
    right: 4.5rem;
  }

  .inner-container._400px {
    max-width: none;
  }

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

  .text-200.bold {
    font-size: .875rem;
  }

  .grid-2-columns.contact-v9 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .card-2.form {
    min-height: 550px;
  }

  .mg-top-56px {
    margin-top: 40px;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .grid-1-column {
    margin-top: 1rem;
  }

  .card-link-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .logo-image {
    height: 30px;
  }

  .padding-xlarge {
    padding-top: 30em;
    padding-bottom: 30em;
  }

  .grid-1 {
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }

  .heading-9 {
    align-self: flex-end;
  }

  .grid-3 {
    padding-top: 3.2em;
    padding-bottom: 5em;
  }

  .paragraph-9.is-home {
    padding-right: 3.3em;
    font-size: 1.25em;
  }

  .paragraph-9.hide-tab {
    display: none;
  }

  .code-embed {
    font-size: 10em;
    display: none;
  }

  .div-block-164 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-165.big {
    width: .5rem;
    height: .5rem;
  }

  .padding-st-lb {
    padding-bottom: 14em;
  }

  .padding-st-lb.bottom {
    padding-bottom: 18em;
  }

  .tag-top {
    padding-bottom: 3rem;
  }

  .paragraph-10 {
    font-size: .75rem;
  }

  .div-block-167 {
    width: 16.66%;
  }

  .div-block-167.nt._100 {
    order: 1;
    width: auto;
    padding-right: 0;
  }

  .div-block-167.nt.hide-tab {
    display: none;
  }

  .paragraph-12 {
    font-size: 1rem;
  }

  .paragraph-13 {
    display: none;
  }

  .paragraph-13.no._0-p {
    display: block;
  }

  .paragraph-13.dont-hide {
    margin-top: 1em;
    font-size: .75rem;
    display: block;
  }

  .paragraph-13.dont-hide.hide-tab {
    opacity: 0;
  }

  .container {
    padding-left: 4em;
    padding-right: 4em;
  }

  .tricks-slider_slide {
    width: 48%;
    margin-right: 2em;
  }

  .progress {
    margin-top: 30px;
  }

  .div-block-174 {
    display: none;
  }

  .button-secondary {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .button-secondary.nav {
    display: block;
  }

  .but-text-prim.footer {
    font-size: 6.8em;
  }

  .svg-7 {
    width: .9rem;
  }

  .svg-8 {
    width: 6em;
  }

  .div-block-8 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #0000;
    border-radius: 0;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    align-self: flex-end;
    width: 100%;
    margin-bottom: 0%;
    padding: 20px 0;
  }

  .icon-embed-xsmall-3:hover {
    transform: none;
  }

  .text-block-16 {
    font-size: 1.5rem;
  }

  .paragraph-14 {
    font-size: .75em;
  }

  .div-block-181.hide-desk {
    display: flex;
  }

  .svg-10, .svg-11 {
    width: 1.5rem;
  }

  .tag-2 {
    font-size: .85rem;
  }

  .div-block-182 {
    height: auto;
  }

  .container-large-4 {
    max-width: 75rem;
  }

  .image-8 {
    opacity: 1;
  }

  .paragraph-15 {
    font-size: 3.2rem;
  }

  .text-block-17, .text-block-17.is-2 {
    font-size: 1.25rem;
  }

  .text-block-18 {
    font-size: 5.5vw;
  }

  .description-2 {
    font-size: 1rem;
  }

  .heading-10 {
    font-size: 1.5rem;
  }

  .div-block-188 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .div-block-192 {
    padding-top: 4rem;
  }

  .padding-work {
    padding-top: 6rem;
  }

  .div-block-193 {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }

  .div-block-195, .div-block-196 {
    display: none;
  }

  .div-block-197 {
    margin-top: 2em;
  }

  .image-9 {
    margin-bottom: 2rem;
  }

  .paragraph-21 {
    margin-top: .5rem;
  }

  .image-10, .vid-wrapper {
    margin-bottom: 2rem;
  }

  .div-block-198 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .layout121_timeline-wrapper-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    overflow: hidden;
  }

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

  .layout121_timeline-step-2 {
    grid-column-gap: 24px;
  }

  .paragraph-24 {
    font-size: .875rem;
  }

  .paragraph-25 {
    margin-left: 8em;
    margin-right: 0%;
    font-size: 1rem;
  }

  .heading-13 {
    font-size: 1.5rem;
  }

  .flex-layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .about-container, .info-container {
    width: 100%;
  }

  .heading-14 {
    font-size: 1.15rem;
  }

  .heading-15 {
    font-size: 1rem;
  }

  .paragraph-26 {
    font-size: .9rem;
  }

  .project-link {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .text-block-21, .svg-arrow {
    font-size: .9rem;
  }

  .navbar6_dropdown-list {
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .navbar6_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    padding: 0 0 0;
    position: relative;
    top: 0;
  }

  .button-secondary-2 {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .navbar6_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar6_container {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .navbar6_dropdown-content {
    flex-direction: column;
  }

  .navbar6_dropdown-content-right {
    max-width: none;
    margin-bottom: 1rem;
    padding-right: 2rem;
    display: none;
  }

  .navbar6_menu-dropdown {
    width: 100%;
  }

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

  .uui-navbar08_dropdown-link {
    padding: .5rem 1rem;
  }

  .uui-navbar08_dropdown-link:hover {
    background-color: #0000;
  }

  .svg-12 {
    width: .9rem;
  }

  .navbar6_dropdown-content-left {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar6_dropdown-background-layer {
    min-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .nav-left {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .nav-right {
    width: 100%;
  }

  .logo-link-wrapper.home {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .logo-link-wrapper.home.no-hide {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .logo-wrapper {
    width: 2.75rem;
  }

  .text-block {
    display: none;
  }

  .button.small {
    font-size: .75em;
  }

  .padding-hero {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  .hero-container-wrapper {
    grid-column-gap: 11rem;
    grid-row-gap: 11rem;
  }

  .div-block-139.pt {
    padding-top: 0;
  }

  .div-block-139.mob {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .dropdown-toggle {
    flex: 1;
  }

  .div-block-140 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

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

  .heading-3 {
    margin-right: 0%;
    font-size: 6em;
  }

  .footer-content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .footer-content-wrapper.hor {
    justify-content: space-between;
    align-items: flex-start;
  }

  .f-c-wrapper.hori-desk-vert-tab {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .footer-heading {
    line-height: .5;
  }

  .split-lines {
    font-size: 5em;
  }

  .heading-6, .heading-6.accent {
    font-size: 2rem;
  }

  .paragraph-4 {
    font-size: .85rem;
  }

  .uui-testimonial15_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-xxsmall.text-weight-medium {
    font-size: 1rem;
  }

  .uui-testimonial15_component {
    margin-top: 3rem;
    padding-bottom: 5rem;
  }

  .uui-testimonial15_mask {
    width: 80%;
  }

  .uui-testimonial12_arrow:hover {
    background-color: #fff;
  }

  .uui-testimonial15_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .uui-testimonial15_slide {
    padding-right: 1.5rem;
  }

  .uui-testimonial15_content {
    padding: 1.5rem;
  }

  .c-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .play-btn {
    width: 20px;
    height: 20px;
  }

  .c-slide-btn-block {
    width: 12vw;
    height: 12vw;
  }

  ._w-overlay-menu {
    width: 100%;
  }

  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .link-menu {
    font-size: 2em;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: flex-start;
    width: 70%;
  }

  .main-slide-title {
    letter-spacing: 5px;
    font-size: 3em;
  }

  .c-slide-btn {
    width: 30%;
    padding: 3vw;
  }

  .c-main-slide-content {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .main-submit {
    padding-top: 1rem;
    font-size: .8rem;
  }

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

  .sml-img-wrapper {
    height: 25rem;
  }

  .right {
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
  }

  .big-text {
    font-size: 4rem;
  }

  .portoflio-item-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .portoflio-item-grid._2 {
    padding-top: 2rem;
  }

  .heading-7 {
    font-size: .8rem;
  }

  .layout3_image-wrapper {
    width: 90%;
    height: 20rem;
  }

  .link-block-3 {
    max-width: 14rem;
  }

  .div-block-37 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .paragraph-7 {
    letter-spacing: -.1rem;
    font-size: 2.5rem;
  }

  .text-block-11, .text-block-11.is-2 {
    font-size: 1.15rem;
  }

  .layout349_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
  }

  .text-block-12 {
    font-size: 6em;
  }

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

  .margin-bottom.about {
    padding-bottom: 1rem;
  }

  .margin-bottom.margin-small {
    position: relative;
  }

  .div-block-94 {
    margin-bottom: 1rem;
  }

  .section-review {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .arro-home {
    width: auto;
    height: auto;
    font-size: .8rem;
  }

  .tag-wrapper.no-t {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .page-intro-text-wrapper {
    margin-top: -4vh;
  }

  .intro-title {
    font-size: 2.8em;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .page-intro-title {
    font-size: 13vw;
  }

  .page-intro-title.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title.is-animation {
    flex: 1;
    margin-left: 0;
  }

  .page-intro-title.is-skills {
    margin-left: 0;
  }

  .intro-copy-text {
    padding-left: 0;
    padding-right: 0;
  }

  .page-intro-title-small {
    font-size: 2.6vw;
  }

  .page-intro-title-small.is-best-in-class {
    margin-left: 0;
  }

  .page-intro-title-small.is-made-in-webflow {
    margin-right: 0;
  }

  .page-intro-text-wrapper-2 {
    margin-top: -4vh;
  }

  .page-intro-title-2 {
    font-size: 13vw;
  }

  .page-intro-title-2.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title-2.is-animation {
    flex: 1;
    margin-left: 0;
  }

  .page-intro-title-2.is-skills {
    margin-left: 0;
  }

  .tagline {
    font-size: .8rem;
  }

  .uui-testimonial15_content-2 {
    padding: 1.5rem;
  }

  .uui-testimonial15_client-image-wrapper-2 {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .text-p-2 {
    font-size: 1rem;
  }

  .uui-testimonial15_slide-2 {
    padding-right: 1.5rem;
  }

  .block-review {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    justify-content: center;
  }

  .block-review.align-center {
    flex-wrap: wrap;
  }

  .uui-testimonial15_mask-2 {
    width: 80%;
  }

  .wrapper-review {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .service-heading {
    font-size: 1.5rem;
  }

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

  .uui-testimonial12_arrow-2:hover {
    background-color: #fff;
  }

  .uui-testimonial15_content-3 {
    padding: 1.5rem;
  }

  .uui-testimonial15_client-image-wrapper-3 {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
    line-height: 73px;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

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

  .grid-2-columns.form {
    grid-row-gap: 20px;
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .btn-primary {
    padding: 20px 32px;
  }

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

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

  .logo-container {
    min-width: 150%;
  }

  .marquee-image.hide-mobile {
    display: none;
  }

  .div-block-161 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .small {
    font-size: 5em;
  }

  .div-block-162 {
    width: 100%;
  }

  .heading-9 {
    font-size: 11em;
  }

  .paragraph-9, .paragraph-9.is-home {
    display: none;
  }

  .code-embed {
    font-size: 12em;
  }

  .div-block-165.hide-mob-l {
    display: none;
  }

  .padding-st-lb {
    padding-bottom: 17em;
  }

  .tag-top {
    padding-bottom: 2.5rem;
  }

  .div-block-166 {
    width: 5em;
    height: 5em;
  }

  .paragraph-11 {
    font-size: 2em;
  }

  .paragraph-12 {
    margin-right: 0%;
  }

  .div-block-169.about {
    justify-content: space-between;
  }

  .large {
    font-size: 7.3em;
  }

  .keyword-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: grid;
  }

  .image-6 {
    width: 11em;
  }

  .tricks-slider_text {
    font-size: 9.9em;
  }

  .div-block-175 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .text-button-wrapper-2.flex {
    width: 100%;
  }

  .but-text-prim {
    font-size: 1rem;
  }

  .but-text-prim.footer {
    font-size: 6.9em;
  }

  .svg-7 {
    width: 1rem;
  }

  .div-block-177 {
    justify-content: space-between;
  }

  .svg-8 {
    width: 5.9em;
  }

  .div-block-13 {
    display: none;
  }

  .link-block-4 {
    max-width: 14rem;
  }

  .div-block-183 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .paragraph-15 {
    letter-spacing: -.1rem;
    font-size: 2.5rem;
  }

  .text-block-17, .text-block-17.is-2 {
    font-size: 1.15rem;
  }

  .text-block-18 {
    font-size: 6em;
  }

  .div-block-187 {
    margin-bottom: 1rem;
  }

  .div-block-194 {
    width: auto;
  }

  .grid-2._2 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .step-content-block {
    z-index: 2;
    order: -1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-block {
    z-index: 3;
    order: 3;
    width: 70%;
    min-height: 50vh;
    padding-top: 20px;
    position: relative;
  }

  .dot {
    z-index: 99;
    order: 2;
    align-self: center;
    margin-bottom: 0;
    position: absolute;
    bottom: 50%;
  }

  .step {
    justify-content: center;
    padding: 8%;
  }

  .scoll-wrap {
    z-index: 1;
    height: 100%;
    bottom: 50%;
  }

  .content-wrap {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 50vh;
    padding-bottom: 20px;
  }

  .step-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 110vh;
  }

  .layout121_timeline-step-2 {
    padding-left: 0;
  }

  .service-icon-wrapper-2.quote {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
  }

  .layout121_progress-bar-wrapper {
    height: 70%;
    top: 8%;
    left: 1.92rem;
    overflow: hidden;
  }

  .layout121_timeline-icon-wrapper {
    overflow: hidden;
  }

  .paragraph-24 {
    display: none;
  }

  .paragraph-24.hide-desk {
    display: block;
  }

  .paragraph-25 {
    margin-left: 0;
  }

  .text-size-small.hide-mobile-landscape {
    display: none;
  }

  .navbar6_container.flex {
    padding-top: 0;
  }

  .uui-navbar08_item-right {
    align-self: center;
  }

  .uui-navbar08_item-heading {
    margin-bottom: 0;
  }

  .navbar6_dropdown-content-right {
    max-width: 100%;
    padding: 1.5rem;
  }

  .navbar6_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

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

  .svg-12 {
    width: 1rem;
  }

  .navbar6_dropdown-content-left {
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .text-block-41 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 479px) {
  .nav-right {
    width: 100%;
  }

  .padding-hero {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .icon-social {
    width: 2.2rem;
    height: 2.2rem;
  }

  .text-large {
    font-size: 2rem;
  }

  .div-block-139 {
    flex-flow: column;
  }

  .dropdown-toggle {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .div-block-141 {
    width: 100%;
  }

  .heading-3 {
    font-size: 10em;
  }

  .footer_wrapper {
    width: 100%;
  }

  .footer-heading {
    font-size: 3rem;
    line-height: .3;
  }

  .line-divider.hide-mob {
    display: none;
  }

  .split-lines {
    font-size: 6em;
  }

  .uui-testimonial15_component {
    margin-top: 1rem;
  }

  .uui-testimonial15_mask {
    width: 95%;
  }

  .uui-testimonial12_arrow {
    width: 3rem;
    height: 3rem;
    left: auto;
  }

  .uui-testimonial12_arrow.left {
    right: 4rem;
  }

  .item-text {
    font-size: 1.25rem;
  }

  .c-slide-btn-block {
    width: 20vw;
    height: 20vw;
  }

  .c-main-slide-description {
    text-align: center;
  }

  .link-menu {
    font-size: 2.5em;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 85%;
  }

  .main-slide-title {
    text-align: center;
    font-size: 10vw;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .main-submit {
    margin-top: -11px;
    padding-top: 1rem;
    font-style: italic;
    font-weight: 400;
  }

  .text-p {
    float: none;
  }

  .big-text {
    font-size: 3rem;
  }

  .layout349_content-wrapper {
    display: flex;
  }

  .portoflio-item-grid {
    padding-top: 1rem;
  }

  .portoflio-item-grid._2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .div-block-86 {
    overflow: hidden;
  }

  .container-large {
    align-items: flex-start;
  }

  .heading-7 {
    font-size: .8rem;
  }

  .layout3_image-wrapper {
    height: 15rem;
  }

  .link-block-3 {
    max-width: 13rem;
  }

  .div-block-37 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .paragraph-7 {
    margin-bottom: 0;
    font-size: 2.1rem;
  }

  .text-block-11 {
    padding-right: 0;
    font-size: 1.125rem;
  }

  .text-block-11._2 {
    color: #2b2b2b;
  }

  .text-block-11.is-2 {
    font-size: 1.125rem;
  }

  .text-block-11.is-2._2 {
    color: #2b2b2b;
  }

  .layout349_component {
    grid-auto-columns: 1fr;
  }

  .text-block-12 {
    font-size: 2rem;
  }

  .video-mobile {
    z-index: 1;
  }

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

  .margin-bottom.about {
    padding-bottom: 1rem;
  }

  .text-span-98 {
    padding-bottom: 20px;
  }

  .arro-home {
    font-size: .7rem;
  }

  .tag-wrapper.no-t {
    flex-flow: row;
  }

  .tag-wrapper.no-t.show-mob {
    display: flex;
  }

  .page-intro-text-wrapper, .page-intro-text-wrapper-2 {
    margin-top: -3vh;
  }

  .tag-wrapper-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tagline {
    letter-spacing: .1rem;
    font-style: italic;
    font-weight: 400;
  }

  .text-p-2 {
    float: none;
  }

  .uui-testimonial15_slide-2 {
    padding-right: 0;
  }

  .block-review {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
  }

  .block-review.align-center {
    flex-direction: row;
    align-items: center;
  }

  .uui-testimonial15_mask-2 {
    width: 100%;
  }

  .service-heading {
    font-size: 1.25rem;
  }

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

  .uui-testimonial12_arrow-2 {
    width: 3rem;
    height: 3rem;
    left: auto;
  }

  .uui-testimonial12_arrow-2.left {
    right: 3.5rem;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
    line-height: 64px;
  }

  .social-icon-square {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .social-media-grid-top {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .social-media-grid-top.mg-top-32px {
    margin-top: 16px;
  }

  .card-2.form {
    padding-left: 0;
    padding-right: 0;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .square-icon.mg-right-16px.mg-bottom-16px-mb {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .input {
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .carousel-container {
    border-radius: 0;
  }

  .logo-container {
    min-width: 300%;
  }

  .logo-image {
    height: 25px;
  }

  .heading-9 {
    font-size: 12em;
  }

  .padding-st-lb {
    padding-bottom: 20em;
  }

  .paragraph-10, .div-block-167 {
    display: none;
  }

  .div-block-167.nt._100 {
    display: block;
  }

  .paragraph-13.dont-hide.hide-tab {
    display: none;
  }

  .div-block-169.vert-mob {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .large {
    font-size: 8.8em;
  }

  .tricks-slider_slide {
    width: 90%;
    max-height: 130vw;
    margin-right: 3em;
  }

  .tricks-slider_text {
    font-size: 20em;
  }

  .button-secondary {
    color: var(--light-primary);
  }

  .but-text-prim._2 {
    font-size: .875rem;
  }

  .div-block-8 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #0000;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0%;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .div-block-182 {
    overflow: hidden;
  }

  .container-large-4 {
    align-items: flex-start;
  }

  .link-block-4 {
    max-width: 13rem;
  }

  .div-block-183 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .paragraph-15 {
    margin-bottom: 0;
    font-size: 2.1rem;
  }

  .text-block-17 {
    padding-right: 0;
    font-size: 1.125rem;
  }

  .text-block-17._2 {
    color: #2b2b2b;
  }

  .text-block-17.is-2 {
    font-size: 1.125rem;
  }

  .text-block-17.is-2._2 {
    color: #2b2b2b;
  }

  .text-block-18 {
    font-size: 2rem;
  }

  .text-span-118 {
    padding-bottom: 20px;
  }

  .div-block-194 {
    width: auto;
  }

  .img-block {
    width: 90%;
  }

  .steps-clone {
    display: block;
    position: static;
  }

  .content-2 {
    font-size: 20px;
  }

  .layout121_progress-bar-wrapper {
    height: 70%;
    top: 4.425rem;
    left: 1.94rem;
    overflow: hidden;
  }

  .form-2 {
    padding-bottom: 2rem;
  }

  .navbar6_dropdown-blog-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    display: grid;
  }

  .navbar6_blog-content {
    margin-top: .5rem;
  }

  .div-block-201 {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    justify-content: space-between;
    align-items: center;
  }

  .uui-navbar08_item-heading {
    white-space: normal;
    margin-bottom: 0;
    font-size: .875rem;
  }

  .navbar6_dropdown-content-wrapper {
    width: 100%;
  }

  .navbar6_dropdown-content-wrapper.z-index-1 {
    grid-row-gap: 0rem;
  }

  .navbar6_dropdown-content-right {
    max-width: none;
  }

  .navbar6_dropdown-link-list {
    grid-row-gap: 0rem;
  }

  .navbar6_blog-item {
    flex-direction: column;
    display: flex;
  }

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

  .uui-navbar08_dropdown-link {
    padding-left: 1rem;
  }

  .uui-navbar08_dropdown-link:hover {
    text-decoration: none;
  }

  .svg-12 {
    width: .875rem;
  }

  .navbar6_dropdown-content-left {
    grid-template-columns: 1fr;
  }
}

#w-node-_8535e35e-80b0-eae5-e328-9bdcc73a7d8f-c73a7cc9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8535e35e-80b0-eae5-e328-9bdcc73a7d93-c73a7cc9 {
  justify-self: start;
}

#w-node-eebdd488-7b63-249f-254e-95b36525e7eb-6525e7df {
  justify-self: end;
}

#w-node-_235c6066-9da5-6ca1-89f3-f5134bec9601-b24dd7ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_8535e35e-80b0-eae5-e328-9bdcc73a7d8f-c73a7cc9 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-BoldItalic-BF6576818c39d11.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Italic-BF6576818c041e2.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-LightItalic-BF6576818c3183c.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Medium-BF6576818c3a00a.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Light-BF6576818c0f3e8.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Regular-BF6576818c3af74.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Black-BF6576818b4c472.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-BlackItalic-BF6576818becb0d.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Thin-BF6576818c2a14c.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-Bold-BF6576818bd3700.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-ThinItalic-BF6576818c5cbd8.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgroteskneuetrial';
  src: url('../fonts/FKGroteskNeueTrial-MediumItalic-BF6576818c2aaf8.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}