:root {
  --black: black;
  --white: white;
}

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

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

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

body {
  color: #333;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
}

h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-weight: 700;
  line-height: 36px;
}

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

a {
  color: #fff;
  text-decoration: underline;
}

.body {
  background-color: #000;
  max-width: none;
  font-family: Open Sans, sans-serif;
}

.hero_content_wrapper {
  background-image: radial-gradient(circle farthest-side at 100% 70%, #3e3e3e52, #1f1f1f52 63%);
  border: 1px solid #3535358a;
  border-radius: 24px;
  flex-direction: column;
  height: auto;
  margin-top: 16px;
  margin-bottom: 8px;
  padding: 64px 48px 48px;
  display: flex;
  overflow: hidden;
}

.hero_content_wrapper.newsletter {
  padding-top: 48px;
}

.hero_secondaries_wrapper {
  justify-content: space-between;
  display: flex;
}

.section {
  background-color: #000;
}

.section.become_a_client {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 16px;
}

.section.card.no-radius {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.section.card_section {
  background-image: radial-gradient(circle at 20% 60%, #3f3f3f52, #1d1d1d52);
  border: 1px solid #3535358a;
}

.section.card_section.blob_section {
  position: relative;
}

.section.contact {
  z-index: -99;
  background-color: #fff;
  height: 100vh;
  position: static;
  bottom: 0;
}

.container {
  align-items: center;
  padding-bottom: 16px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.container.snippets_container {
  align-items: stretch;
  padding-top: 48px;
}

.container.things_you_can_count_on {
  padding-top: 48px;
  padding-bottom: 48px;
}

.container.contact {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 52px;
  padding-bottom: 52px;
}

.container.is-project-header {
  height: 100dvh;
}

.container.navbar_padding {
  justify-content: center;
  align-items: center;
  padding-top: 95px;
  padding-left: 24px;
  padding-right: 24px;
}

.container.center-align {
  justify-content: center;
  padding-top: 16px;
}

.container.right-align {
  justify-content: flex-end;
}

.container.blob_container {
  padding-top: 7.01em;
  padding-bottom: 7.01em;
  position: relative;
}

.hero_header {
  z-index: 100;
  justify-content: space-between;
  width: 100%;
  max-width: 1344px;
  padding-top: 64px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.header_buttons_wrapper {
  display: flex;
}

.hero_header_button {
  color: #fff;
  font-family: Oswald, sans-serif;
  text-decoration: none;
}

.hero_header_divider {
  opacity: .2;
  background-color: #fff;
  width: 1px;
  margin-left: 24px;
  margin-right: 24px;
}

.hero_content {
  flex: 1;
  position: relative;
}

.hero_titles_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.big_h1 {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 6em;
  line-height: 1;
}

.big_h2 {
  color: #c4c4c4;
  margin-top: 8px;
  margin-bottom: 32px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
}

.button {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button.snippet_button {
  justify-content: center;
  width: 50%;
  font-size: 1.25em;
}

.button.awards_button {
  justify-content: center;
  margin-top: 24px;
  font-family: Oswald, sans-serif;
}

.hero_abstract_bg {
  z-index: auto;
  width: 45.63em;
  max-width: 730px;
  position: absolute;
  inset: 7% -12% 0% auto;
}

.image-2 {
  width: 6.81em;
}

.card {
  background-image: radial-gradient(circle at 60% 100%, #1d1d1d52, #0f0f0f52);
  border: 1px solid #3535358a;
  border-radius: 24px;
  flex: 1;
  padding: 0 24px;
}

.card.middle_card_spacing {
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.card.things {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  display: flex;
}

.secondary_item {
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.secondary_text_wrapper {
  flex: 1;
  margin-left: 24px;
  margin-right: 24px;
}

.secondary_title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Oswald, sans-serif;
  font-size: 1.13em;
  font-weight: 300;
  line-height: 1;
}

.secondary_h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.3;
}

.ghost_button {
  color: #fff;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 16px;
  font-family: Oswald, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.secondary_p {
  color: #9c9c9c;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  line-height: 1.3;
}

.seconday_content {
  padding-top: 48px;
  padding-bottom: 48px;
}

.become_a_client {
  color: #000;
  font-family: Oswald, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: 1;
}

.get_a_quote {
  color: #000;
  margin-top: 40px;
  font-family: Oswald, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
  text-decoration: underline;
}

.become_a_client_titles {
  flex: 1;
  margin-left: 10%;
}

.text-block {
  width: 17%;
  margin-right: 10%;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rive_rotating_lock {
  flex: 1;
}

.snippets_wrapper {
  width: 40%;
}

.snippet_item {
  color: #ffffff80;
  justify-content: space-around;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1em;
  display: flex;
}

.snippet_item.snippet_technologies {
  color: #fff;
  letter-spacing: 1px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  padding-top: 0;
  font-weight: 500;
}

.snippet_title {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
}

.snippet_texts {
  padding-left: 96px;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
}

.snippet_automation {
  border: 3px solid #713edd;
  padding: 24px;
  font-family: Source Code Pro, sans-serif;
}

.snippet_automation_header {
  color: #713edd;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 1.5em;
  font-weight: 500;
  display: flex;
}

.text-span {
  color: #fff;
}

.snippet_icons_wrapper {
  margin-top: 16px;
}

.technology_image {
  filter: grayscale();
  margin-left: 1em;
}

.section_texts {
  color: #fff;
  flex: 0 auto;
  width: 40%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.section_title {
  color: #fff;
  letter-spacing: .2px;
  margin-bottom: 8px;
  font-family: Oswald, sans-serif;
  font-size: 3.5em;
  font-weight: 300;
  line-height: 1.3;
}

.awards_list_wrapper {
  flex-direction: column;
  align-items: flex-end;
  width: 32.88em;
  margin-left: 10%;
  display: flex;
}

.award_item {
  color: #fff;
  letter-spacing: .2px;
  border-bottom: 1px solid #ffffff29;
  justify-content: space-between;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  font-weight: 300;
  line-height: 1.3;
  display: flex;
}

.awards_app_wrapper {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.awards_app_name {
  margin-left: 16px;
  font-family: Oswald, sans-serif;
  font-size: 2em;
}

.awards_stats {
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.awards_p {
  font-size: .75em;
}

.awards_stat {
  font-size: 2em;
  font-weight: 700;
}

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

.things_grid {
  width: 60%;
  margin-left: 32px;
}

.things_title {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 1em;
  font-weight: 600;
}

.things_p {
  color: #fff;
  font-size: .88em;
  font-weight: 300;
  line-height: 1.2;
}

.things_text_wrapper {
  margin-left: 8px;
}

.things_info_wrapper {
  flex: 1;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.things_image {
  object-fit: contain;
  width: 100%;
  height: 194px;
}

.blob_static {
  z-index: 999;
  flex: 1;
  margin-bottom: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.blob_static.hide {
  display: none;
}

.blob_wrapper {
  z-index: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 600px;
  display: flex;
  position: absolute;
  inset: 0% 4%;
}

.browser {
  transform: rotate(0);
}

.browser_parent {
  perspective: 20px;
  position: relative;
  transform: translate(0);
}

.for_designers {
  color: #fff;
  font-family: Abril Fatface, sans-serif;
  font-size: 2.63em;
  font-weight: 400;
}

.text-span-2 {
  background-color: #7d726ab3;
}

.designers_p {
  color: #fff;
  font-weight: 400;
}

.for_designers_text_wrapper {
  width: 30%;
  position: absolute;
  inset: 30% 12% 40%;
}

.marquee-container {
  width: 100%;
  padding-bottom: 64px;
}

.marquee-internal-wrapper {
  flex-direction: row;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
  overflow: hidden;
}

.marquee-texts {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.marquee-inner {
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #fff;
  white-space: nowrap;
  font-family: Oswald, sans-serif;
  font-size: 4em;
  font-weight: 200;
  line-height: 1;
}

.circle-divider {
  background-color: #ffffff82;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  min-height: 8px;
  max-height: 8px;
  margin-left: 16px;
  margin-right: 16px;
}

.marquee-line-wrapper {
  flex: 1;
  padding: 2.25em 15em;
}

.line {
  background-image: linear-gradient(to right, #fff0, #ffffff80 50%, #fff0);
  flex: 1;
  height: 2px;
}

.line.vertical-line {
  background-image: linear-gradient(0deg, #fff0, #ffffff80 50%, #fff0);
  flex: 0 auto;
  width: 3px;
  height: 10em;
  margin-left: 10%;
  margin-right: 10%;
}

.line.vertical-line.no-spacing {
  height: 49.06em;
  margin-left: 0%;
  margin-right: 0%;
}

.step-item {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
}

.steps-step-n {
  color: #fff;
  text-align: center;
  width: 20%;
  margin-right: 32px;
  font-size: 177px;
  font-weight: 300;
  line-height: 1;
}

._100-point-text-wrapper {
  flex: 0 auto;
  align-self: center;
  width: 50%;
  padding-left: 5%;
}

._100-point-text-wrapper.no-5 {
  padding-left: 0%;
}

.howitworks-section {
  align-items: center;
  width: 100%;
  padding: 8.75em 10%;
  display: flex;
}

.steps-wrapper {
  width: 50%;
}

.point-p {
  color: #797777;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
}

.how_heading {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
}

.contact-socials {
  justify-content: space-between;
  display: flex;
}

.hit-us-up-heading {
  color: #000;
  font-family: Oswald, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
  text-decoration: underline;
}

.socials-icons-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 4em;
  display: grid;
}

.linkedin-svg {
  color: #000;
  width: 2em;
  height: 2em;
}

.email-heading {
  color: #000;
  text-decoration: underline;
}

.contact-heading {
  color: #000;
  padding-bottom: 40px;
}

.dribbble-svg {
  color: #000;
  width: 2em;
  height: 2em;
  display: none;
}

.contact-heading-wrapper {
  padding-bottom: 128px;
}

.work_section {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100dvh;
  display: flex;
  overflow: hidden;
}

.work_section.hitmeup-section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 10%;
  padding-right: 10%;
}

.hamburger-icon {
  display: none;
}

.tag-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: .88em;
}

.tag-text.is-onwhitebg {
  color: #000;
  font-family: Oswald, sans-serif;
}

.section-image-bg-wrapper {
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.section-image-bg {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.view-case-button {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 99px;
  align-items: center;
  height: 48px;
  margin-top: 16px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Oswald, sans-serif;
  font-weight: 600;
  display: flex;
}

.view-case-button.is-onwhitebg {
  color: #fff;
  background-color: #000;
  font-family: Oswald, sans-serif;
}

.tag-chip {
  border: 1px solid #fff;
  border-radius: 20px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 16px;
}

.tag-chip.is-onwhitebg {
  border-color: #000;
}

.section-title {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 6em;
  font-weight: 700;
  line-height: 1;
}

.section-title.is-onwhitebg {
  color: #000;
  font-family: Oswald, sans-serif;
}

.tag-chip-wrapper {
  margin-top: 1em;
  display: flex;
}

.section-content-wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 108px;
  padding-bottom: 18px;
  display: flex;
}

.section-fullpage-maxsize {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section-fullpage-maxsize.section-contadorz {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #9edc1e, #1b1b1b 35%);
  flex-direction: column;
  display: flex;
}

.section-fullpage-maxsize.section-studo {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #4983f2, #0a0a0a 35%);
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.section-fullpage-maxsize.section-echo {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #243dd4, #f6f8fb 35%);
  flex-direction: column;
  display: flex;
}

.section-fullpage-maxsize.section-memo {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #5d2fe5, #0a0a0a 35%);
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.section-fullpage-maxsize.section-hercules {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #1bcc57, #f6f8fb 35%);
  flex-direction: column;
  display: flex;
}

.section-fullpage-maxsize.section-financel {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #f3b029, #0a0a0a 35%);
  flex-direction: column;
  display: flex;
}

.section-fullpage-maxsize.section-elefante {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #ff0ad8, #ececec 35%);
  flex-direction: column;
  display: flex;
}

.section-fullpage-maxsize.section-coliseum {
  background-image: radial-gradient(circle farthest-side at 50% -19%, #00b5ee, #090909 35%);
  flex-direction: column;
  display: flex;
}

.section-p {
  color: #9c9c9c;
  text-align: center;
  margin-top: 1em;
  font-size: 1.2em;
  line-height: 1;
}

.section-p.is-onwhitebg {
  color: #363636;
}

.hamburger-menu {
  flex-direction: column;
  width: 0;
  height: 0;
  display: none;
  overflow: hidden;
}

.fixed-contact {
  z-index: 9999;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 60px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 16px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.html-embed-8 {
  width: 24px;
  height: 24px;
}

.fixed-title-wrapper {
  overflow: hidden;
}

.fixed-title {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.line_specs {
  background-color: #fff;
  width: 2px;
}

.project-specs-wrapper {
  display: flex;
}

.project_left_col {
  align-items: center;
  width: 60%;
  display: flex;
}

.project-cols {
  width: 100%;
  display: flex;
}

.project_specs_text {
  color: #fff;
  width: 100%;
  padding-left: 16px;
  font-size: 1.5em;
}

.project_title {
  color: #fff;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 7em;
  line-height: 1;
}

.project_right_col {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 30%;
  display: flex;
}

.sectionpage {
  background-color: #000;
  width: 100%;
  padding: 4em 2em;
}

.sectionpage.is-project {
  background-color: #0e0e0e;
}

.specs_text {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1;
}

.nav_main {
  z-index: 999;
  clear: both;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #0000006b;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.phone_browser {
  display: none;
}

.project_p_heading {
  color: #fff;
  font-size: 2.5em;
  line-height: 1.3;
}

.project_p_left_col {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  margin-left: 10%;
  padding-right: 32px;
  display: block;
  position: sticky;
  top: 150px;
}

.project_p_right_col {
  color: #fff;
  width: 60%;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.7;
}

.project_p_wrapper {
  align-items: flex-start;
  width: 100%;
  padding-top: 10em;
  padding-bottom: 10em;
  display: flex;
}

.zigzag_left_col {
  width: 50%;
  margin-left: 10%;
  margin-right: 8px;
}

.zigzag_right_col {
  width: 50%;
  margin-left: 8px;
  margin-right: 10%;
  padding-top: 80px;
}

.zigzag_image {
  width: 100%;
  margin-bottom: 16px;
}

.text-block-4 {
  color: #fff;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 5em;
  font-size: 1.75em;
  line-height: 1;
}

.zigzag_wrapper {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.highlight-wrapper {
  width: 60%;
  margin-left: 10%;
  padding-top: 4em;
  padding-bottom: 4em;
}

.highlight_heading {
  color: #fff;
  margin-bottom: 64px;
  font-size: 5em;
  font-weight: 400;
  line-height: 1;
}

.highlight_p {
  color: #fff;
  letter-spacing: 1px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.7;
}

.text-block-5 {
  margin-right: 10%;
}

._2_images_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.arrow {
  margin-top: 48px;
  margin-bottom: 48px;
  margin-right: 10%;
}

.next_project {
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
  text-decoration: underline;
}

.stats_caption {
  margin-right: 10%;
  font-size: .8em;
}

.stats_stat {
  font-size: 3em;
  font-weight: 700;
}

.stats_wrapper {
  width: 50%;
}

.stats_col {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.awards_item {
  border-bottom: 1px solid #1f1f1f;
  padding-bottom: 64px;
  font-size: 1.25rem;
}

.press_item {
  border-bottom: 1px solid #1f1f1f;
  padding-top: 64px;
  padding-bottom: 64px;
  font-size: 1.25rem;
}

.award_text {
  margin-top: 1em;
}

.press_quote {
  opacity: .5;
  margin-top: 1em;
  font-family: "Source Serif 4", sans-serif;
  font-weight: 400;
}

.italic-text {
  font-family: "Source Serif 4", sans-serif;
  font-weight: 300;
}

.link {
  color: #fff;
}

.project_p_title_and_text_combo {
  margin-bottom: 1.5em;
}

.stats_number_wrapper {
  display: flex;
}

.image-6 {
  margin-bottom: 1.5em;
}

.p_ref_link {
  margin-right: 10%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.image-7 {
  width: 100%;
}

._1_3_image_gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

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

.image-8 {
  width: 100%;
}

.form-block {
  width: 100%;
  margin-top: 64px;
  margin-bottom: 80px;
}

.field_label {
  color: #000;
  font-family: Oswald, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
}

.submit_button {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 99px;
  padding: 48px 72px;
  font-family: Oswald, sans-serif;
  font-size: 2em;
  line-height: 1;
  transition: color .2s, background-color .2s;
}

.submit_button:hover {
  color: #fff;
  background-color: #000;
}

.contact_heading {
  grid-row-gap: 1.5em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 12.35em;
  padding-bottom: 3.75em;
  display: flex;
  position: relative;
}

.budget_radio_wrapper {
  grid-column-gap: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.technology_label {
  font-family: Source Code Pro, sans-serif;
  font-size: .75em;
}

.radio_budget {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 20px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.radio_budget_circle {
  border-radius: 50px;
  width: auto;
  height: auto;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio_budget_circle.w--redirected-checked {
  background-color: #000;
  border-color: #000;
  border-radius: 50px;
  width: auto;
  height: auto;
}

.radio_budget_label {
  filter: none;
}

.radio_budget_label:focus {
  color: #fff;
}

.text_field {
  border: 1px #000;
  border-bottom: 2px solid #000;
  margin-top: 22px;
  margin-bottom: 56px;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 1.4em;
}

.text_field:focus {
  border: 1px #000;
  border-bottom: 2px solid #000;
}

.link-block {
  line-height: 1;
}

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

.footer-subscribe {
  border-bottom: 1px solid #e4ebf3;
  margin-top: 8px;
  padding: 0 0 40px;
  position: relative;
}

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

.footer-form-two {
  background-color: #f5f7fa;
  border-radius: 24px;
  margin-bottom: 40px;
  padding: 64px;
}

.footer-form-container-two {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-form-title {
  font-size: 24px;
  line-height: 32px;
}

.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-form-input {
  border: 1px #000;
  width: 460px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 180px 12px 20px;
}

.footer-form-input::placeholder {
  color: #1a1b1fcc;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

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

.button-primary.footer-form-button {
  padding: 8px 18px;
  position: absolute;
  right: 8px;
}

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

.footer-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-link-three {
  color: #1a1b1f;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
}

.footer-link-three:hover {
  color: #1a1b1fbf;
}

.footer-social-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -32px;
  display: flex;
}

.footer-social-link-three {
  margin-left: 32px;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: #3a4554;
}

.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-legal-link {
  color: #3a4554;
  margin-left: 24px;
}

.footer-legal-link:hover {
  color: #3a4554;
}

.rich-text-block {
  color: #c7c7c7;
}

.paragraph {
  margin-top: 8px;
}

.heading {
  margin-top: 32px;
}

.heading-2 {
  color: #fff;
  margin-top: 32px;
  margin-bottom: 8px;
}

.body-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  color: #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.rich-text-block-2 {
  color: #fff;
}

.div-block {
  max-width: 530px;
}

.lg_toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #757575;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  padding: 16px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.lg_toggle_wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.body-4 {
  background-color: #000;
}

.technologies-text {
  color: #fff;
  width: 45%;
  font-size: .88em;
  font-weight: 500;
}

.cms-decoration-text {
  color: #713edd;
  font-size: 1.5em;
  font-weight: 500;
}

.cms-decoration-wrapper {
  justify-content: space-between;
  display: flex;
}

._100-point-wrapper {
  margin-bottom: 24px;
  display: flex;
}

.heading-7 {
  width: 50%;
}

.p {
  color: #fff;
  text-align: center;
  font-size: 1em;
  font-weight: 500;
}

.title2 {
  color: #fff0;
  text-align: center;
  margin-bottom: 8px;
  font-family: Oswald, sans-serif;
  font-size: 64px;
}

.technologies-logos {
  width: 24px;
  margin-right: 24px;
}

.get-text {
  color: #fff;
  padding-bottom: 1.25em;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1;
}

.hero-section {
  flex-direction: column;
  align-items: stretch;
  width: 100vw;
  display: flex;
}

.points-section {
  grid-column-gap: 32px;
  justify-content: space-between;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.marquee-text-2 {
  color: #fff;
  white-space: nowrap;
  font-size: 4em;
  font-weight: 200;
  line-height: 1;
}

.tech-wrapper {
  width: 45%;
  margin-top: 16px;
}

.get-text-wrap {
  margin-left: 24px;
}

.get-item-wrap {
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.whatyoullget-section {
  flex-direction: column;
  width: 100%;
  padding: 16em 10%;
  display: flex;
}

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

.html-embed-5 {
  flex: 0 auto;
  width: 49%;
  display: none;
}

.points-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  width: 49%;
  display: flex;
}

.hero-image {
  opacity: .5;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.list-item {
  color: #fff;
  background-image: url('../images/check.svg');
  background-position: 0 5%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 24px;
  padding-left: 32px;
}

.whoisthisfor-title {
  color: #fdfdfd;
  margin-bottom: 24px;
  font-weight: 700;
}

.optimized-seo-wrapper {
  border: 2px solid #fff3;
  border-radius: 99px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  padding: 16px 25px;
  display: flex;
}

.seo-point {
  margin-bottom: 24px;
  display: flex;
}

.whosfor-item {
  border: 2px solid #fff;
  width: 33%;
  padding: 64px 40px 32px;
}

.whosfor-item.middle-space {
  margin-left: 48px;
  margin-right: 48px;
}

.hero-middle {
  height: 90vh;
  display: block;
  position: relative;
}

.olympus-text {
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
}

.whosfor-title {
  text-align: center;
  margin-bottom: 128px;
}

.section-title-2 {
  font-size: 4em;
  font-weight: 700;
}

.section-title-2.is-onwhitebg {
  color: #000;
}

.optimized-seo {
  color: #fff;
  white-space: pre;
  flex: 1;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
}

.cms-point-text-wrapper {
  flex: 0 auto;
  align-self: center;
  width: 50%;
  padding-left: 5%;
}

.cms-point-text-wrapper.no-5 {
  padding-left: 0%;
}

.hit-us-up-heading-2 {
  color: #000;
  font-size: 4em;
  text-decoration: underline;
}

.howitworks-section-2 {
  background-color: #0e0e0e;
  width: 100%;
  padding: 8.75em 10%;
  display: flex;
}

.whosfor-items-wrapper {
  align-items: stretch;
  display: flex;
}

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

.technologies-point {
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.steps-wrapper-2 {
  width: 50%;
}

.section-content-wrapper-2 {
  flex-direction: column;
  align-items: center;
  padding-top: 43px;
  padding-bottom: 18px;
  display: flex;
}

.html-embed-4 {
  display: none;
}

.anim-wrapper {
  width: 49%;
}

.purple-text {
  text-decoration: underline;
}

.cms-point {
  border: 3px solid #713edd;
  margin-bottom: 24px;
  padding: 24px;
}

.tag-text-2 {
  color: #fff;
  text-transform: uppercase;
  font-size: .88em;
}

.tag-text-2.is-onwhitebg {
  color: #000;
}

.section-p-2 {
  color: #9c9c9c;
  text-align: center;
  margin-top: 1em;
  font-size: 1.5em;
  line-height: 1;
}

.section-p-2.is-onwhitebg {
  color: #4f4e4e;
}

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

.search-icon {
  color: #fff;
  width: 2em;
  min-width: 2em;
  margin-right: 5%;
}

.whatyoullget-title {
  flex: 0 auto;
  width: 50%;
  padding-right: 24px;
  font-size: 3.5em;
  font-weight: 300;
}

.titles-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 177px;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.get-text-p {
  color: #9c9c9c;
  font-size: 1em;
  line-height: 1;
}

.whosfor-section {
  background-color: #0e0e0e;
  width: 100%;
  margin-top: 128px;
  padding: 4em 10% 128px;
}

.optimized-seo-point-wrapper {
  flex: 0 auto;
  align-self: center;
  width: 50%;
  padding-left: 5%;
}

.get-items {
  width: 50%;
  margin-left: 20px;
}

.marquee-container-2 {
  background-color: #000;
  width: 100%;
  padding-bottom: 64px;
}

.section-2 {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.section-2.hitmeup-section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 10%;
  padding-right: 10%;
}

.html-embed-7 {
  width: 100%;
  height: 100%;
}

.title1 {
  text-align: center;
  margin-bottom: 8px;
  font-family: Oswald, sans-serif;
  font-size: 64px;
}

.hero_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 64px 10% 62px;
  display: flex;
}

.point-p-2 {
  color: #797777;
  font-size: .88em;
  font-weight: 400;
  line-height: 1;
}

.heading-8, .heading-9 {
  color: #fdfdfd;
}

@media screen and (min-width: 1920px) {
  .hero_main_wrapper {
    flex: 1;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding: 48px 16px;
  }

  .container.things_you_can_count_on {
    flex-direction: column;
  }

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

  .button.snippet_button {
    width: 11em;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero_abstract_bg {
    width: 34em;
    top: 24%;
    right: -23%;
  }

  .secondary_text_wrapper {
    margin-left: 9px;
  }

  .seconday_content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .become_a_client_titles {
    margin-left: 0%;
  }

  .text-block {
    width: 29%;
    margin-right: 0%;
  }

  .rive_rotating_lock {
    flex: 0 auto;
  }

  .snippets_wrapper {
    flex: 1;
    padding-left: 16px;
  }

  .snippet_item {
    font-size: 1em;
  }

  .snippet_texts {
    flex: 1;
    padding-left: 2em;
    font-size: 16px;
  }

  .snippet_image {
    width: 11em;
  }

  .section_texts {
    width: 100%;
    margin-bottom: 24px;
  }

  .things_grid {
    width: 100%;
    margin-left: 0;
  }

  .things_title {
    font-size: 1.5em;
  }

  .things_p {
    font-size: 1em;
  }

  .things_info_wrapper {
    font-size: 14px;
  }

  .blob_static {
    flex: 1;
    margin-top: -7.69em;
  }

  .for_designers {
    white-space: nowrap;
  }

  .steps-step-n {
    width: 30%;
  }

  ._100-point-text-wrapper.no-5 {
    flex: 1;
  }

  .point-p {
    font-size: 16px;
  }

  .text-block-3 {
    white-space: nowrap;
  }

  .section-image-bg {
    object-fit: cover;
  }

  .section-fullpage-maxsize {
    flex-direction: column;
    display: flex;
  }

  .nav_main {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
  }

  .project_p_wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .stats_col {
    flex-direction: column;
  }

  .container-4 {
    max-width: 728px;
  }

  .footer-form-two {
    padding: 40px;
  }

  .footer-form-title {
    margin-right: 15px;
  }

  .footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

  .footer-wrapper-three {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-three {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .hero_main_wrapper {
    width: 100%;
  }

  .hero_content_wrapper {
    height: 50em;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero_secondaries_wrapper {
    flex-direction: column;
  }

  .section.card.no-radius {
    margin-bottom: 0;
  }

  .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.snippets_container {
    flex-direction: column;
    padding-top: 40px;
  }

  .container.navbar_padding {
    padding-top: 60px;
  }

  .hero_header {
    padding-top: 24px;
    display: flex;
  }

  .header_buttons_wrapper {
    font-size: 16px;
    display: none;
  }

  .button.awards_button {
    width: 100%;
  }

  .card {
    margin-bottom: 8px;
  }

  .card.middle_card_spacing {
    order: 1;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 48px;
  }

  .rive_rotating_lock {
    height: 300px;
  }

  .snippets_wrapper {
    width: 100%;
    padding-left: 0;
  }

  .awards_list_wrapper {
    width: 100%;
    margin-left: 0%;
  }

  .flexbox_space_between {
    flex-direction: column;
  }

  .for_designers_text_wrapper {
    width: 50%;
  }

  .marquee-container {
    padding-bottom: 0;
  }

  .marquee-line-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .line.vertical-line.no-spacing {
    display: none;
  }

  .steps-step-n {
    margin-right: 8px;
    font-size: 110px;
  }

  ._100-point-text-wrapper.no-5 {
    font-size: 16px;
  }

  .steps-wrapper {
    width: 100%;
  }

  .point-p {
    font-size: 1em;
  }

  .work_section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hamburger-icon {
    width: 32px;
    display: block;
  }

  .hamburger-menu {
    z-index: 98;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    width: 100dvw;
    height: 100dvh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .hamburger_link {
    font-size: 1.5rem;
    font-weight: 300;
    text-decoration: none;
  }

  .project_left_col {
    width: 100%;
  }

  .project-cols {
    display: block;
  }

  .project_title {
    margin-bottom: 24px;
  }

  .project_right_col {
    width: 100%;
  }

  .sectionpage {
    padding-bottom: 4em;
  }

  .nav_main {
    display: block;
  }

  .footer-subscribe {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-title {
    margin-right: 0;
  }

  .footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }

  .footer-form-input {
    width: 100%;
  }

  .footer-block-three {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link-three {
    margin-bottom: 10px;
  }

  .footer-social-block-three {
    margin-top: 10px;
  }

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

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-7 {
    width: 33%;
  }

  .points-section {
    flex-direction: column;
    padding-left: 1em;
    padding-right: 1em;
  }

  .whatyoullget-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .whatyoullget-top {
    flex-direction: column;
  }

  .html-embed-5, .points-wrapper {
    width: 100%;
  }

  .hero-image {
    object-fit: cover;
  }

  .list-item {
    font-size: 1em;
  }

  .whosfor-item {
    width: 100%;
    margin-bottom: 1em;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .whosfor-item.middle-space {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-middle {
    flex-direction: column;
  }

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

  .whosfor-title {
    margin-bottom: 64px;
  }

  .whosfor-items-wrapper {
    flex-direction: column;
  }

  .line_wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .whatyoullget-title {
    width: 100%;
  }

  .whosfor-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .get-items {
    width: 100%;
    margin-left: 0;
  }

  .marquee-container-2 {
    padding-bottom: 0;
  }

  .section-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero_container {
    padding-bottom: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .point-p-2 {
    font-size: 1em;
  }
}

@media screen and (max-width: 479px) {
  .hero_main_wrapper {
    width: 100%;
  }

  .hero_content_wrapper {
    height: 57em;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero_content_wrapper.newsletter {
    height: auto;
  }

  .hero_secondaries_wrapper {
    grid-row-gap: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .section {
    padding-top: 0;
  }

  .container {
    flex-direction: column;
    padding-top: 64px;
    padding-bottom: 0;
  }

  .container.browser_container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.is-project-header {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .container.navbar_padding {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .container.navbar_padding.lg_toggle_padding {
    padding-top: 80px;
  }

  .container.right-align {
    flex-direction: row;
  }

  .container.blob_container {
    padding-bottom: 3em;
  }

  .header_buttons_wrapper {
    display: none;
  }

  .hero_content {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    height: 71em;
    display: flex;
  }

  .hero_content.newsletter {
    height: auto;
  }

  .hero_titles_wrapper {
    justify-content: flex-start;
    height: auto;
  }

  .big_h1 {
    font-size: 5em;
  }

  .big_h1.newsletter {
    font-size: 4em;
  }

  .big_h2 {
    margin-bottom: 24px;
  }

  .big_h2.newsletter {
    font-size: 1em;
  }

  .button {
    width: 100%;
  }

  .button.newsletter {
    margin-top: 16px;
  }

  .hero_abstract_bg {
    width: 100%;
    inset: auto 0% -26%;
  }

  .card {
    margin-bottom: 0;
  }

  .card.middle_card_spacing {
    padding-top: 24px;
  }

  .card.things {
    margin-bottom: 0;
  }

  .secondary_item.newsletter {
    flex-flow: column;
  }

  .secondary_title {
    font-size: 1.5em;
  }

  .text-block {
    width: 100%;
    margin-top: 40px;
  }

  .snippet_item {
    flex-flow: column;
    align-items: stretch;
  }

  .snippet_title {
    margin-bottom: 12px;
  }

  .snippet_automation {
    font-size: 1.3em;
  }

  .snippet_image {
    width: 7em;
  }

  .things_grid {
    grid-row-gap: 7px;
    grid-template-columns: 1fr;
  }

  .blob_static {
    height: 100%;
  }

  .blob_wrapper {
    order: -1;
    width: 100%;
    display: none;
    top: 29%;
    left: 0%;
    right: 0%;
  }

  .browser {
    display: none;
  }

  .browser_parent {
    width: 100%;
  }

  .for_designers {
    font-size: 2em;
    line-height: 1.6;
  }

  .designers_p {
    margin-top: 16px;
    font-size: .8em;
  }

  .for_designers_text_wrapper {
    width: 100%;
    padding-top: 21px;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 16px;
    position: absolute;
    inset: 9% 0% 0%;
  }

  .marquee-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .marquee-internal-wrapper {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .marquee-text {
    font-size: 3.7em;
  }

  .marquee-line-wrapper {
    padding: .25em 0;
  }

  .line.vertical-line {
    display: none;
  }

  ._100-point-text-wrapper {
    width: 100%;
    margin-top: -20px;
    padding-left: 0%;
  }

  ._100-point-text-wrapper.no-5 {
    flex: 1;
    width: 100%;
  }

  .howitworks-section {
    flex-direction: column;
  }

  .steps-wrapper {
    width: 100%;
  }

  .contact-socials {
    display: block;
  }

  .socials-icons-wrapper {
    grid-template-columns: .25fr .25fr;
    padding-left: 0;
    display: flex;
  }

  .linkedin-svg {
    width: 3em;
    height: 3em;
  }

  .email-heading {
    width: 100%;
    margin-bottom: 32px;
  }

  .dribbble-svg {
    width: 3em;
    height: 3em;
  }

  .contact-heading-wrapper {
    padding-bottom: 48px;
  }

  .hamburger-icon {
    display: block;
  }

  .tag-text {
    font-size: 1em;
  }

  .view-case-button {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 1.5em;
  }

  .tag-chip {
    align-self: center;
  }

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

  .tag-chip-wrapper {
    grid-row-gap: 8px;
    flex-wrap: wrap;
    place-content: center;
    margin-top: 1em;
  }

  .hamburger-menu {
    z-index: 98;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    inset: 0%;
  }

  .hamburger_link {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 200;
    text-decoration: none;
  }

  .project_title {
    width: 100%;
    margin-bottom: 0;
    font-size: 6em;
  }

  .project_right_col {
    padding-top: 2.5em;
  }

  .sectionpage {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nav_main {
    display: block;
  }

  .phone_browser {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .project_p_left_col {
    width: 100%;
    margin-bottom: 24px;
    margin-left: 0%;
    position: static;
  }

  .project_p_right_col {
    width: 100%;
  }

  .project_p_wrapper {
    flex-direction: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .zigzag_left_col {
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
  }

  .zigzag_right_col {
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
    padding-top: 0;
  }

  .text-block-4 {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .zigzag_wrapper {
    flex-direction: column;
  }

  .highlight-wrapper {
    width: 100%;
    margin-left: 0%;
  }

  .highlight_heading {
    width: 100%;
    margin-bottom: 40px;
  }

  .highlight_p {
    font-size: 16px;
  }

  .text-block-5 {
    margin-right: 0%;
  }

  ._2_images_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .arrow {
    width: 7em;
  }

  .stats_caption, .stats_stat {
    margin-right: 0%;
  }

  .stats_col {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .press_item {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .p_ref_link {
    margin-right: 0%;
  }

  ._1_3_image_gallery {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .container-3 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-block {
    margin-top: 0;
  }

  .submit_button {
    width: 100%;
  }

  .contact_heading {
    justify-content: flex-start;
    height: auto;
    padding-top: 5.55em;
  }

  .budget_radio_wrapper {
    grid-row-gap: 12px;
    flex-wrap: wrap;
  }

  .radio_budget {
    padding: 20px 40px;
  }

  .container-4 {
    max-width: none;
  }

  .footer-form-two {
    padding: 20px;
  }

  .footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }

  .button-primary.footer-form-button {
    position: relative;
    right: 0;
  }

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

  .image_newsletter {
    width: 100%;
    min-width: 100%;
    height: auto;
  }

  .technologies-text {
    width: 50%;
  }

  ._100-point-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }

  .heading-7 {
    width: 100%;
  }

  .title2 {
    font-size: 4em;
  }

  .technologies-logos {
    margin-left: 24px;
    margin-right: 0;
  }

  .hero-section {
    overflow: visible;
  }

  .marquee-text-2 {
    font-size: 2em;
  }

  .tech-wrapper {
    justify-content: flex-end;
    width: 50%;
    margin-top: 0;
    display: flex;
  }

  .whatyoullget-section {
    margin-bottom: 0;
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .whatyoullget-top {
    flex-direction: column;
  }

  .optimized-seo-wrapper {
    width: 100%;
  }

  .seo-point {
    flex-direction: column;
    margin-bottom: 56px;
  }

  .hero-middle {
    height: 60vh;
    padding-top: 1em;
    padding-bottom: 0;
  }

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

  .section-title-2, .section-title-2.is-onwhitebg {
    text-align: center;
  }

  .optimized-seo {
    white-space: normal;
    font-size: 2em;
  }

  .cms-point-text-wrapper {
    width: 100%;
    margin-top: -20px;
    padding-left: 0%;
  }

  .cms-point-text-wrapper.no-5 {
    flex: 1;
    width: 100%;
    margin-top: 0;
  }

  .howitworks-section-2 {
    flex-direction: column;
  }

  .technologies-point {
    flex-direction: row;
    align-items: center;
  }

  .steps-wrapper-2 {
    width: 100%;
  }

  .anim-wrapper {
    width: 100%;
    height: 40vh;
  }

  .cms-point {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .tag-text-2 {
    font-size: 1em;
  }

  .line_wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .whatyoullget-title {
    width: 100%;
    font-size: 2.9em;
  }

  .titles-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .whosfor-section {
    margin-top: 56px;
    padding-bottom: 40px;
  }

  .optimized-seo-point-wrapper {
    width: 100%;
    margin-top: 12px;
    padding-left: 0%;
  }

  .get-items {
    margin-top: 32px;
  }

  .marquee-container-2 {
    padding-bottom: 0;
  }

  .title1 {
    font-size: 4em;
  }

  .hero_container {
    padding-top: 24px;
  }
}

#w-node-_36101c2b-80e7-75d1-36bc-f602fdb06682-d245c5a9, #w-node-_89576a81-f1da-0e96-dd85-dfb066278096-d245c5a9, #w-node-_06a54517-b5da-2fcb-3e1f-efe09653ad35-d245c5a9, #w-node-c8e21055-0f92-c15b-8390-4885d7b1d957-d245c5a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#linkedin.w-node-_3ac5616e-f28d-4ddf-d8aa-6a9590e672ed-d245c5a9 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
}

#linkedin.w-node-b16ff2d8-aa9b-982a-503e-a6373ba2b79a-547917db {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#linkedin.w-node-e22ef407-3061-9c17-f514-0ca54edaa597-4edaa587 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
}

#w-node-_8ba55bba-4f4d-9cb5-5426-578d1c5c0491-1c5c048e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}