:root {
  --midnight-blue: #040b32;
  --orange-red: #ff5722;
  --white: white;
  --white-2: #fafafa;
  --silver: #c8c8c8;
  --gainsboro: #e7e7e7;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

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

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

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

body {
  color: #040b32;
  font-family: Gothic A1, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

h1 {
  color: var(--midnight-blue);
  margin-top: 12px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 92px;
}

h2 {
  color: var(--midnight-blue);
  margin-top: 8px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 72px;
}

h3 {
  color: var(--midnight-blue);
  margin-top: 8px;
  margin-bottom: 6px;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 46px;
}

h4 {
  color: var(--midnight-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

h5 {
  color: var(--midnight-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

h6 {
  color: var(--midnight-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: var(--midnight-blue);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

a {
  color: var(--orange-red);
  text-decoration: underline;
}

li {
  color: var(--midnight-blue);
  margin-bottom: 8px;
  font-size: 18px;
}

blockquote {
  border-left: 5px solid var(--orange-red);
  color: var(--midnight-blue);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
}

.section {
  z-index: 2;
  background-color: var(--white);
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  padding: 100px 6%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.home-hero {
  z-index: 2;
  background-color: var(--midnight-blue);
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 48%, rgba(124, 127, 142, .62) 66%, rgba(200, 200, 200, .84));
  height: 100vh;
  overflow: hidden;
}

.section.dark {
  z-index: 2;
  background-color: var(--midnight-blue);
  background-image: linear-gradient(198deg, var(--midnight-blue), rgba(19, 26, 62, .95) 91%, rgba(255, 255, 255, .06));
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.dark.values {
  height: auto;
  min-height: 85vh;
}

.section.dark.footer {
  padding-top: 100px;
  padding-bottom: 130px;
}

.section.dark.less-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.dark.creators5 {
  margin-left: auto;
  margin-right: auto;
}

.section.dark.creators5.sign-up {
  padding-top: 60px;
}

.section.with-mobile-app {
  z-index: 2;
  background-color: var(--white-2);
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
}

.section.with-4-column-image-display {
  z-index: 2;
  background-color: var(--white);
  padding: 40px 0%;
  overflow: hidden;
}

.section.with-4-column-image-display.no-padding {
  display: block;
}

.section.full-width-video {
  z-index: auto;
  background-color: var(--white);
  height: 100vh;
}

.section.no-padding {
  z-index: 2;
  padding: 0%;
}

.section.with-full-width-slider {
  max-width: none;
  padding-left: 0%;
  padding-right: 0%;
  overflow: hidden;
}

.section.with-full-width-slider.homes1 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.for-individuals-hero {
  background-image: url('../images/Individuals-Hero-3-1_1Individuals Hero (3) (1).webp');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.section.for-companies-hero {
  background-image: url('../images/Companies-Hero-1_1Companies Hero (1).webp');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.section.full-width-image {
  background-image: url('../images/Podcast-Image-1_1Podcast Image (1).webp');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
}

.section.about {
  background-image: url('../images/About-hero_1About hero.webp');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.section.story-hero {
  background-image: url('../images/m-brauer-gMeQdurj2yk-unsplash-copy_1m-brauer-gMeQdurj2yk-unsplash copy.webp');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.section.insights-hero {
  height: auto;
  min-height: auto;
  padding-bottom: 0;
}

.section.insights-hero-section {
  padding-bottom: 0;
}

.section.change-log {
  min-height: 60vh;
}

.section.creators2.creatoes2 {
  height: auto;
  padding-bottom: 0;
}

.section.creators2.c4bl {
  padding-bottom: 220px;
}

.section.creators3 {
  padding-bottom: 0;
}

.color {
  color: #01060b;
  background-color: #cfd6e1;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.color.ffffff {
  background-color: #fff;
}

.color.fafafa {
  background-color: var(--white-2);
}

.color.ff5722 {
  background-color: var(--orange-red);
  color: var(--orange-red);
  border: 1px solid rgba(164, 166, 173, .16);
}

.color.c8c8c8 {
  background-color: var(--silver);
}

.color.ffffff {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
}

.color._040b32 {
  color: var(--midnight-blue);
  background-color: #01060b;
}

.color.e7e7e7 {
  background-color: var(--gainsboro);
}

.color-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  margin: 20px 0;
  display: flex;
}

.colors-contain {
  border-bottom: 1px rgba(155, 155, 155, .3);
  border-right: 1px rgba(155, 155, 155, .3);
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.style-block {
  background-color: var(--white);
  border: 1px #01060b;
  border-radius: 8px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 24px;
  padding: 45px;
}

.color-hex {
  color: #a4a6ad;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.button-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 30px;
}

.buttons-contain {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #001a38;
  border-radius: 4px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 30px;
  display: flex;
}

.button {
  border: 2px solid var(--orange-red);
  background-color: var(--orange-red);
  color: #fff;
  text-align: center;
  border-radius: 100px;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  transition: all .35s;
}

.button:hover {
  border-color: var(--orange-red);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(255, 87, 34, .9);
}

.button.outlined {
  color: var(--orange-red);
  background-color: rgba(0, 0, 0, 0);
  width: 129.109px;
}

.button.outlined:hover {
  background-color: var(--orange-red);
  color: var(--white);
}

.button.outlined.white-outline {
  border-color: var(--white);
  color: var(--white);
}

.button.outlined.white-outline:hover {
  border-color: var(--orange-red);
  background-color: var(--orange-red);
}

.button.outlined.navbar-cta {
  border-color: var(--white);
  color: var(--white);
  width: auto;
}

.button.outlined.navbar-cta:hover {
  background-color: rgba(0, 0, 0, 0);
}

.button.outlined.navbar-cta.logon {
  color: #fff;
  border-style: none;
  border-color: rgba(0, 0, 0, 0);
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  display: none;
}

.button.outlined.navbar-cta.signup {
  font-family: Helvetica, sans-serif;
}

.button.outlined.navbar-cta.signup._12313 {
  border-color: var(--orange-red);
  background-color: var(--orange-red);
  color: #fff;
  margin-left: 10px;
}

.button.outlined.navbar-cta.signup.login {
  background-color: var(--midnight-blue);
  margin-left: 20px;
}

.button.outlined.homes1left {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: #fff;
  width: 138.5px;
  margin-left: 20px;
  margin-right: 0;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1left:hover {
  color: #fff;
  background-color: #121e5f;
  border-color: #121e5f;
}

.button.outlined.homes1left.hones1-4 {
  margin-right: 0;
}

.button.outlined.homes1left.homes4ledt {
  color: var(--midnight-blue);
  background-color: #fff;
  border-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1left.homes4ledt:hover {
  color: var(--midnight-blue);
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.button.outlined.homes1left.homes4ledt.creator {
  border-color: var(--orange-red);
  background-color: var(--orange-red);
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.button.outlined.homes1left.homes4ledt.creator:hover {
  background-color: #da552b;
  border-color: #da552b;
}

.button.outlined.homes1left.homes4ledt.creator.div-button-3 {
  background-color: var(--orange-red);
  text-align: center;
  overflow-wrap: normal;
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 170px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.button.outlined.homes1left.homes4ledt.homes1right {
  margin-left: 20px;
  margin-right: 0;
}

.button.outlined.homes1right {
  background-color: var(--orange-red);
  color: #fff;
  width: 138.5px;
  margin-left: 0;
  margin-right: 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1right:hover {
  background-color: #da552b;
  border-color: #da552b;
}

.button.outlined.homes1right.homes1-2 {
  margin-left: 0;
  font-family: Helvetica, sans-serif;
}

.button.outlined.homes1right.homes4right {
  background-color: var(--orange-red);
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1right.homes4right:hover {
  color: #fff;
  background-color: #da552b;
}

.button.outlined.homes1right.creator {
  margin-right: 0;
}

.button.outlined.homescreen1-2, .button.outlined.homescreen1-3 {
  width: 138.5px;
}

.button.submit {
  height: 50px;
  margin-top: 4px;
}

._40px-height-div {
  width: 100%;
  height: 40px;
}

.color-heading {
  color: var(--midnight-blue);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.bottom-margin {
  margin-bottom: 24px;
}

.text-links {
  width: 100%;
  padding: 25px;
}

.color-text-span {
  color: #d400b3;
}

.container {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.container.centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.story-content {
  padding-left: 10%;
  padding-right: 10%;
}

.container.investors {
  margin-top: 150px;
}

.container.shhouye {
  max-width: none;
  height: 100%;
  position: relative;
}

.container.dibu {
  justify-content: center;
}

.container.sliede {
  flex-direction: row;
  justify-content: flex-start;
  width: 95%;
  display: flex;
  overflow: hidden;
}

.large-paragraph {
  font-size: 26px;
  line-height: 42px;
}

.large-paragraph.white-text.homes4 {
  margin-bottom: 20px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.nav-menu-item-description {
  color: var(--midnight-blue);
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.nav-link {
  color: var(--midnight-blue);
  border-top: 3px solid rgba(255, 87, 34, 0);
  justify-content: center;
  align-items: center;
  height: 75px;
  padding: 9px 15px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.nav-link:hover {
  border-top: 3px solid var(--orange-red);
  /* color: var(--white); */
}

.nav-link.w--current {
  border-top-color: #ff5722;
  text-decoration: none;
  transition-duration: .4s;
}

.nav-link.no-show-on-desktop {
  display: none;
  overflow: visible;
}

.menu-demo-cta {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  min-width: auto;
  max-width: none;
  padding-top: 30px;
  padding-left: 0%;
  position: relative;
}

.mega-nav-link {
  color: var(--midnight-blue);
  border-radius: 4px;
  align-items: flex-start;
  padding: 10px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.mega-nav-link:hover {
  background-color: var(--white);
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.nav-menu {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  display: flex;
  position: static;
}

.book-demo-content {
  z-index: 1;
  background-color: var(--white);
  flex: 0 auto;
  width: 34%;
  max-width: 600px;
  height: 100%;
  margin-top: 0;
  margin-right: 0;
  padding: 30px 50px 60px 30px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.logo---light {
  width: 100%;
}

.menu-item {
  flex: 1;
}

.navbar-expand-arrow {
  margin-top: 0;
  margin-left: 8px;
}

.navbar-expand-arrow.dark {
  opacity: 0;
  position: absolute;
  top: 14px;
}

.navbar {
  z-index: 100;
  background-color: var(--white);
  opacity: 1;
  border-bottom: 1px #f8f7f7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: auto;
  margin-top: 0;
  padding: 0 2%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav-menu-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.hamburger-wrap {
  display: none;
}

.nav-menu-subtitles {
  color: var(--midnight-blue);
  text-transform: none;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  transition: all .35s;
}

.nav-menu-subtitles:hover {
  color: var(--midnight-blue);
}

.dropdown-list {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.dropdown-list.w--open {
  background-color: var(--white-2);
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 0 6% 60px;
  display: flex;
  position: absolute;
  top: 98%;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: 1px 1px 13px rgba(0, 0, 0, .06);
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.brand {
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 75px;
  padding: 0;
  display: flex;
  position: relative;
}

.brand.w--current {
  width: 180px;
}

.mega-menu-title-box {
  background-color: rgba(0, 0, 0, 0);
  width: auto;
  max-width: none;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 25px;
}

.nav-links-wrapper {
  align-items: center;
  display: flex;
}

.dropdown {
  color: #2b2b2b;
  border-top: 4px rgba(84, 131, 145, 0);
  justify-content: center;
  align-items: center;
  height: 75px;
  font-size: 16px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: static;
}

.dropdown:hover {
  color: #225081;
  border-top-style: none;
  border-top-color: #548391;
}

.dropdown-toggle {
  color: var(--white);
  border-top: 3px solid rgba(255, 87, 34, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 75px;
  padding: 9px 15px;
  font-family: Gothic A1, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.dropdown-toggle:hover {
  border-top: 3px solid var(--orange-red);
}

.home-hero-content-wrap {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  top: -16px;
}

.home-hero-content-wrap.brands1 {
  justify-content: center;
}

.hero-content {
  width: 50%;
  min-width: 600px;
}

.hero-content.individuals {
  width: 55%;
}

.hero-content.companies {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  min-width: auto;
  display: flex;
}

.hero-content.brands1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.home-hero-image-headshot {
  z-index: 2;
  width: 95%;
  min-width: auto;
  max-width: 2000px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.background-texture-image {
  opacity: .3;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-10-percent {
  opacity: .1;
  margin: auto;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-10-percent.home1 {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-40-percent {
  opacity: .4;
  display: block;
}

.background-texture-image.opacity-40-percent.long {
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
  display: none;
}

.background-texture-image.tablet-and-mobile-menu {
  display: none;
}

.white-text {
  color: var(--white);
  position: static;
}

.white-text.text-shadow {
  text-shadow: 4px 4px 16px rgba(0, 0, 0, .24);
}

.white-text.text-shadow.name22 {
  margin-top: -10px;
  margin-left: 0;
  margin-right: 0;
  font-size: 26px;
  font-style: italic;
  line-height: 48px;
}

.white-text.text-shadow.name1 {
  margin: 0;
  font-size: 26px;
  line-height: 48px;
}

.white-text.dibu {
  margin-top: 0;
}

.white-text.youxiang {
  font-family: Helvetica, sans-serif;
  font-size: 16px;
}

.white-text.youxiang.dizhi {
  margin-top: 0;
  padding-right: 30px;
  line-height: 28px;
  font-size: 14px;
}

.h3-styling {
  font-size: 30px;
  font-weight: 700;
  line-height: 46px;
}

.h3-styling.white-text.homes4 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 72px;
}

.h3-styling.white-text.homes4.h11 {
  line-height: 76px;
}

._700px-width-block {
  width: 700px;
}

._700px-width-block.homes4 {
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._50-percent-block {
  width: 50%;
}

._50-percent-block.right-padding-60px {
  padding-top: 0;
  padding-right: 60px;
}

._50-percent-block.right-padding-60px.right {
  margin-left: 0;
  padding-right: 0;
}

.mobile-app-image {
  width: 75vw;
  max-width: 1050px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

._4-column-image-display {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 85vh;
  display: grid;
  position: relative;
}

._4-column-image-display---wrapper {
  z-index: 4;
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px;
  transition: all .4s;
  display: block;
  position: relative;
}

._4-column-image-display---wrapper:hover {
  z-index: 5;
  border-radius: 8px;
  transform: scale(1.1);
}

._4-column-image-display---wrapper._2 {
  z-index: 4;
  background-color: var(--midnight-blue);
  padding: 30px;
}

._4-column-image-display---wrapper._2:hover {
  z-index: 5;
  transform: scale(1.1);
}

._4-column-image-display---wrapper._3 {
  z-index: 4;
  padding: 31px;
}

._4-column-image-display---wrapper._3:hover {
  z-index: 5;
}

._4-column-image-display---wrapper._4 {
  z-index: 4;
  padding: 30px;
}

._4-column-image-display---wrapper._4:hover {
  z-index: 5;
}

._4-column-image-display---wrapper._1 {
  width: auto;
  padding: 30px;
  transition: all .4s;
  overflow: hidden;
}

._4-column-image-display---wrapper._1:hover {
  z-index: 5;
  border-radius: 8px;
  transform: scale(1.1);
}

._4-column-image-display-image {
  background-color: var(--midnight-blue);
  opacity: .7;
  background-image: url('../images/constantin-panagopoulos-9lf_erPHYG0-unsplash_1constantin-panagopoulos-9lf_erPHYG0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  transition: all .45s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._4-column-image-display-image:hover {
  z-index: 5;
  border-radius: 8px;
}

._4-column-image-display-image.home-3 {
  background-image: url('../images/prince-akachi-i2hoD-C2RUA-unsplash_1prince-akachi-i2hoD-C2RUA-unsplash.webp');
}

._4-column-image-display-image.home-2 {
  background-image: url('../images/zahir-namane-hwc7eIQiTCE-unsplash_1zahir-namane-hwc7eIQiTCE-unsplash.webp');
}

._4-column-image-display-image.home-4 {
  background-image: url('../images/james-balensiefen-snFilgm4_RU-unsplash_1james-balensiefen-snFilgm4_RU-unsplash.webp');
  background-position: 65%;
}

._4-column-image-display---image {
  background-color: var(--midnight-blue);
  opacity: 1;
  object-fit: cover;
  background-image: url('../images/constantin-panagopoulos-9lf_erPHYG0-unsplash_1constantin-panagopoulos-9lf_erPHYG0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  transition: all .4s;
  position: relative;
}

._4-column-image-display---image:hover {
  opacity: 1;
  border-radius: 8px;
}

._4-column-image-display---image.individual-testimonial {
  opacity: 1;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/1n.jpg');
  background-position: 0 0, 60%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._2 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/2n.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._3 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/3n.jpg');
  background-position: 0 0, 45%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._4 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/4n.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._4-column-image-display---contnet-wrapper {
  z-index: 6;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
  position: relative;
  top: 45%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._4-column-image-display---contnet-wrapper.testimonial-image-display {
  margin-top: -30px;
}

._4-column-image-display---contnet-wrapper.company-story-card {
  top: 33%;
}

.play-button-circle {
  background-color: rgba(255, 255, 255, .85);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.play-button-circle.left-margin {
  margin-left: 20px;
}

.play-video-icon {
  margin-left: 5px;
}

.background-video {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.interactive-hover-section {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.interactive-hover-block {
  background-color: rgba(0, 0, 0, 0);
  width: 50%;
  padding: 12%;
  position: relative;
}

.interactive-hover-block-content {
  z-index: 1;
  text-align: center;
  position: relative;
}

.interactive-hover-block---small-image {
  background-image: url('../images/Screen-Shot-2022-05-11-at-11.51-2_1Screen Shot 2022-05-11 at 11.51 2.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  height: 300px;
  margin-bottom: 20px;
  padding-bottom: 50px;
  display: flex;
}

.interactive-hover-block---small-image._2 {
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
}

._20px-div-height {
  width: 80%;
  height: 30px;
  margin-right: 0;
  padding-right: 0;
  font-size: 20px;
}

.interactive-hover-section---middle-phrase {
  z-index: 3;
  border: 1px solid var(--midnight-blue);
  background-color: var(--white);
  color: var(--midnight-blue);
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 13px 32px;
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  top: 47%;
  bottom: auto;
  left: auto;
  right: -5.5vw;
}

.interactive-hover-image {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/Screen-Shot-2022-05-11-at-11.51-2_1Screen Shot 2022-05-11 at 11.51 2.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.interactive-hover-image._2 {
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
}

.logo---dark {
  opacity: 0;
  width: 100%;
  position: absolute;
}

.partner-logos-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 900px;
  min-width: 900px;
  height: 61.1875px;
  margin-right: 140px;
  padding-top: 24px;
}

.partner-logos-grid._2-rows {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  width: auto;
  height: auto;
}

.partner-logos-grid._2-rows._1321313 {
  min-width: auto;
  margin-right: 0;
}

.partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
  grid-column-gap: 8px;
  grid-row-gap: 37px;
  outline-offset: 0px;
  object-fit: contain;
  outline: 3px #040b32;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: flex-start;
  align-items: end;
  justify-items: center;
  min-height: 0;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 35px 20px;
  display: grid;
  position: relative;
}

.partner-logos-grid._2-rows._1321313._1111111 {
  grid-template-rows: auto auto auto auto;
}

.partner-logo-wrap {
  width: 180px;
}

.partner-logo-wrap._2-rows {
  width: auto;
}

.partner-logo-wrap.da1, .partner-logo-wrap.da2 {
  width: 170px;
}

.partner-logo {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
}

.image-licensing-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  width: 100%;
  padding-top: 24px;
}

.image-licensing-grid.logos {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.home-slider {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  min-height: 75vh;
}

.home-slider.homes1 {
  height: 100%;
  position: static;
}

.home-slider.homes1.offers-silder1 {
  height: auto;
}

.slide-nav {
  object-fit: fill;
  display: none;
  overflow: visible;
}

.slide-nav.offer-slide-nav {
  font-size: 10px;
  display: block;
}

.slider-content-contain {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screen2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100%;
  max-width: 100%;
  height: 100vh;
  margin-top: 0%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.slider-content-contain.home-s1 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screnn1.jpg');
  overflow: visible;
}

.slider-content-contain.home-s1.offers1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/homes1.2.jpg');
}

.slider-content-contain.home-s1.offers1.slider2-pic {
  background-image: url('../images/homes1.3-p-3200_1.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.slider-content-contain.home-s1.offers1.siler-pic1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/2000-870-blo-2.jpg');
  background-position: 0 0, 50%;
  width: 100vw;
  height: 100vh;
}

.slider-content-contain.home-s1.offers1.siler-pic1.slider-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/2000-870-2222.jpg');
  background-size: auto, cover;
  width: 100%;
}

.slider-content-contain.home-s1.offers1.siler-pic1.slider-2.slider3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/blo-2000-870.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slider-content-contain.homes1-2 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/homes1.2.jpg');
}

.slider-content-contain.homes1-3 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/homes1.3.jpg');
}

.left-slider-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-top: 0;
  padding-right: 0;
  display: flex;
}

.left-slider-content-wrap.home-screen1 {
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-top: 0;
  display: flex;
}

.right-slider-content {
  flex: 1;
}

.slider-image {
  background-image: url('../images/jose-g-ortega-castro-aCUdJRruCO0-unsplash_1jose-g-ortega-castro-aCUdJRruCO0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  height: 600px;
}

.slider-image._2 {
  background-image: url('../images/tyler-nix-8youKEwX0vY-unsplash_1tyler-nix-8youKEwX0vY-unsplash.webp');
}

.slider-image._3 {
  background-image: url('../images/linkedin-sales-solutions-Mis5fyJi7Q0-unsplash_1linkedin-sales-solutions-Mis5fyJi7Q0-unsplash.webp');
}

.mask {
  margin-left: 0%;
  margin-right: 0%;
}

.mask.homes1 {
  position: static;
}

.right-arrow {
  background-color: var(--midnight-blue);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  font-size: 20px;
  display: none;
  top: auto;
  bottom: 1%;
  left: auto;
  right: -1%;
}

.right-arrow.offer-arrow2 {
  display: none;
}

.left-arrow {
  background-color: var(--midnight-blue);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: 0;
  font-size: 20px;
  display: none;
  top: auto;
  bottom: 1%;
  left: auto;
  right: 9%;
}

.left-arrow.offer-arrow1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  display: none;
}

.absolute-contrast-block {
  background-color: rgba(231, 231, 231, .04);
  width: 35%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.values-circles-wrapper {
  z-index: 3;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.value-circle {
  background-color: var(--orange-red);
  color: var(--white);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.value-circle._2 {
  width: 250px;
  height: 250px;
  position: absolute;
  top: auto;
  bottom: 53%;
  left: 19%;
  right: auto;
}

.value-circle._3 {
  background-color: var(--orange-red);
  width: 200px;
  height: 200px;
  position: absolute;
  top: auto;
  bottom: 18%;
  left: 1%;
  right: auto;
}

.value-circle._4 {
  background-color: var(--orange-red);
  width: 120px;
  height: 120px;
  position: absolute;
  top: 15%;
  bottom: auto;
  left: auto;
  right: 11%;
}

.value-circle._1 {
  width: 375px;
  height: 375px;
  position: absolute;
  top: auto;
  bottom: 7%;
  left: auto;
  right: -5%;
}

.cta-block {
  width: 500px;
}

.cta-block.b1313 {
  width: auto;
}

.footer-link {
  color: #fff;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
  transition: all .4s;
  display: block;
}

.footer-link:hover {
  color: var(--white);
  text-transform: none;
  text-decoration: underline;
}

.footer-link.w--current {
  text-decoration: underline;
}

.social-media-link {
  padding-right: 25px;
}

.social-media-link.dark-circle-bg {
  background-color: var(--midnight-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding-right: 0;
  display: flex;
}

.footer-home-link {
  margin-bottom: 18px;
}

.social-wrap {
  color: #2f3033;
  padding-top: 19px;
  padding-bottom: 10px;
  display: none;
}

.social-wrap.newsletter {
  margin-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.copyrights {
  z-index: 4;
  color: #0e1013;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px #252936;
  justify-content: center;
  align-items: center;
  padding: 16px 6%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-info {
  padding-right: 40px;
  display: none;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr .5fr .5fr;
  width: 100%;
}

.copyrights-text {
  color: #fff;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 16px;
}

.copyrights-link {
  color: var(--white);
  text-decoration: none;
}

.copyrights-link:hover {
  text-decoration: underline;
}

.dropdown-arrow-wrapper {
  position: relative;
}

.full-width-background-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._500px-width-block {
  width: 500px;
}

.flex-justify-right {
  justify-content: flex-end;
  display: flex;
}

.cta-play-video-lightbox-link {
  z-index: 3;
  color: var(--white);
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-play-video-lightbox-link.absolute-bottom-right {
  z-index: 4;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: auto;
  right: 10%;
}

.cta-play-video-lightbox-link.absolute-bottom-left {
  position: absolute;
  top: auto;
  bottom: 6%;
  left: 6%;
  right: auto;
}

._4-column-image-display---testimonial {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.testimonial {
  color: var(--white);
  text-shadow: 2px 2px 16px rgba(0, 0, 0, .25);
  margin-top: -5px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.testimonial.zhong {
  padding-left: 10px;
  padding-right: 10px;
}

.testimonials-flex-wrap {
  width: 100%;
  height: 85vh;
  display: flex;
}

.testimonial-column {
  cursor: auto;
  width: 25vw;
}

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

.benefit-card {
  background-color: var(--white);
  text-align: left;
  height: auto;
  min-height: 380px;
  padding: 24px;
}

.div-line {
  background-color: var(--orange-red);
  height: 1px;
  margin-top: 13px;
  margin-bottom: 13px;
}

.div-line.mission-and-values {
  background-color: var(--midnight-blue);
  margin-top: 60px;
}

.div-line.dark {
  background-color: var(--midnight-blue);
}

.benefit-description {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.benefit-number {
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.form-field {
  border: 1px solid var(--white-2);
  background-color: var(--white-2);
  border-radius: 100px;
  min-height: 56px;
  transition: all .4s;
}

.form-field:hover {
  background-color: rgba(255, 255, 255, .8);
}

.form-field:focus {
  border: 1px solid var(--orange-red);
}

.form-field.simple-email {
  background-color: var(--white-2);
  border: 1px solid rgba(255, 87, 34, 0);
  border-radius: 100px;
  margin-right: -166px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.form-field.simple-email:hover {
  border-color: rgba(255, 87, 34, 0);
}

.form-field.simple-email:focus {
  border-color: var(--orange-red);
}

.form-field.simple-email.pasword {
  border-color: var(--gainsboro);
  margin-right: -130px;
}

.form-field.simple-email.pasword:focus {
  border-color: var(--orange-red);
}

.simple-form-block {
  width: 550px;
}

.simple-form-block.book-a-demo {
  padding-top: 30px;
  padding-left: 70px;
}

.simple-form-block.password {
  margin-top: 30px;
}

.simple-form-block.auto-width {
  width: auto;
}

.form {
  display: flex;
}

.form.with-private-policy {
  display: block;
}

.video-cta-flex-block {
  display: flex;
}

.video-cta-flex-block.case-block1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.video-55-percent-block {
  z-index: 1;
  border-radius: 8px;
  width: 55%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.absolute-bg-video-block {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-description-block {
  background-color: var(--white);
  flex: 1;
  margin-left: -15px;
  padding: 40px 60px 60px 75px;
}

._3-columns-2-rows-grid {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.link-card {
  color: var(--midnight-blue);
  text-align: left;
  text-decoration: none;
}

.podcast-image {
  background-image: url('../images/christian-buehner-zYD6ou1Qj10-unsplash_1christian-buehner-zYD6ou1Qj10-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  height: 300px;
}

.podcast-image._2 {
  background-image: url('../images/tezos-vCf2vSYcFls-unsplash_1tezos-vCf2vSYcFls-unsplash.webp');
}

.podcast-image._3 {
  background-image: url('../images/Screen-Shot-2022-05-13-at-2.06.52-pm-1_1Screen Shot 2022-05-13 at 2.06.52 pm (1).webp');
}

.podcast-image._4 {
  background-image: url('../images/tyler-nix-8youKEwX0vY-unsplash_1tyler-nix-8youKEwX0vY-unsplash.webp');
  background-position: 50% 70%;
}

.podcast-image._5 {
  background-image: url('../images/may-gauthier-TACdQo62To0-unsplash_1may-gauthier-TACdQo62To0-unsplash.webp');
}

.podcast-image._6 {
  background-image: url('../images/cowomen-QziaoZM0M44-unsplash.jpg');
}

.cta-block---with-image {
  opacity: 1;
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 500px;
  padding: 20px 70px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-block---with-image.mobile-apps-image {
  overflow: visible;
}

.cta-mobile-app-image---absolute {
  z-index: 1;
  opacity: 1;
  position: absolute;
  top: auto;
  bottom: -153px;
  left: auto;
  right: -17%;
}

._4-columns-3-rows-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._100-percent-width-video-block {
  border-radius: 8px;
  height: 700px;
  position: relative;
  overflow: hidden;
}

._600px-width-block {
  width: 600px;
}

.form-private-policy-wrap {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.private-policy-text {
  color: var(--silver);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.checkbox-field {
  color: var(--silver);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.checkbox-label {
  margin-bottom: 0;
}

.checkbox {
  background-color: var(--white);
  margin-top: 10px;
}

.checkbox.w--redirected-checked {
  border-color: var(--orange-red);
  background-color: var(--orange-red);
}

.book-a-demo-flex-wrap {
  align-items: flex-start;
  display: flex;
}

.cta-link-block {
  z-index: 1;
  color: var(--white);
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-link-block.absolute-bottom-right {
  font-weight: 700;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: auto;
  right: 10%;
}

.cta-link-block.on-light {
  color: var(--midnight-blue);
  font-weight: 700;
}

.link-circle {
  background-color: rgba(255, 255, 255, .85);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-circle.left-padding {
  margin-left: 20px;
}

.link-circle.left-padding.color-bg {
  background-color: var(--orange-red);
  background-color: #ff5722;
  width: 70px;
  min-width: 40px;
  max-width: 50px;
  min-height: 40px;
  max-height: 50px;
}

.cta-arrow-leg {
  background-color: var(--orange-red);
  width: 25px;
  height: 3px;
  position: relative;
}

.cta-arrow-leg.white {
  background-color: var(--white);
}

.arrow-wing {
  background-color: var(--orange-red);
  width: 15px;
  height: 3px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(3px, -5px)rotate(43deg);
}

.arrow-wing._2 {
  transform: translate(3px, 4px)rotate(-43deg);
}

.arrow-wing.white {
  background-color: var(--white);
}

.menu-items-grid {
  padding-top: 50px;
  padding-right: 20%;
}

._4-columns-6-rows-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.about-image {
  background-image: url('../images/hanna-morris-iZNfw5IZ9jc-unsplash_1hanna-morris-iZNfw5IZ9jc-unsplash.webp');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 8px;
  margin-right: 80px;
}

.mission {
  margin-right: 60px;
}

.flex---justify-space-around {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.flex---justify-space-around._2222, .flex---justify-space-around._444 {
  align-items: center;
}

.about-image-2 {
  background-image: url('../images/creator2.2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 70%;
  height: 500px;
}

.about-image-2.creator2-2-1 {
  background-image: url('../images/creator2.3.jpg');
}

.about-image-2.crearor2-3-1 {
  background-image: url('../images/creator2.5.jpg');
}

.about-image-2.creator2-4-1 {
  background-image: url('../images/creator2.7.jpg');
}

.about-images-wrap {
  flex: 1;
  justify-content: flex-end;
  margin-left: 0;
  display: flex;
  position: relative;
}

.about-images-wrap.left {
  margin-left: 0;
  padding-right: 60px;
}

.about-image-3 {
  background-image: url('../images/creator2.1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 325px;
  height: 300px;
  position: absolute;
  top: auto;
  bottom: -13%;
  left: -6%;
  right: auto;
}

.about-image-3.creator2-2-2 {
  background-image: url('../images/creator2.4.jpg');
}

.about-image-3.creator2-3-2 {
  background-image: url('../images/creator2.6.jpg');
}

.about-image-3.creatoe2-4-2 {
  background-image: url('../images/creator2.8.jpg');
}

.cta-absolute-image-wrap {
  width: 50%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

.story-details-grid {
  grid-column-gap: 30px;
  background-color: var(--white);
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 40px;
}

.story-rich-text {
  margin-top: 40px;
}

.company-results-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 30px;
  padding-bottom: 50px;
}

._2-column-1-row-grid {
  grid-template-rows: auto;
  width: 100%;
}

.company-story-link {
  text-decoration: none;
}

.company-story-card-image {
  text-align: left;
  background-image: url('../images/m-brauer-gMeQdurj2yk-unsplash-copy_1m-brauer-gMeQdurj2yk-unsplash copy.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 400px;
  padding: 60px;
  display: flex;
}

._950px-width-div {
  max-width: 950px;
}

.article-hero-image {
  opacity: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  height: 700px;
  margin-top: 30px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.rich-text-block {
  border-top: 2px solid var(--orange-red);
  margin-top: 0;
  padding-top: 30px;
}

.article-content {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.featured-insight-wrapper {
  width: 100%;
  margin-top: 80px;
}

.feature-insight-link {
  text-align: left;
  text-decoration: none;
  display: flex;
}

.feature-inisght-title-wrap {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  display: flex;
}

.feature-inisght-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex: 1;
  min-height: 450px;
  margin-left: 100px;
}

.collection-list-wrapper {
  width: 100%;
}

.link-card-block {
  width: 100%;
  text-decoration: none;
}

.card-link-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: 350px;
  padding: 20px 30px;
  display: flex;
  position: relative;
}

.card-link-image.story-card {
  text-align: left;
  background-position: 100% 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: 400px;
  padding: 30px 40px;
}

.card-link-image.next-to-newsletter-form {
  height: 400px;
  min-height: auto;
  margin-top: 30px;
}

.flex-collection-list {
  flex-wrap: wrap;
  display: flex;
}

._2-column-collection-item {
  width: 50%;
  padding: 20px;
}

._3-column-collection-item {
  width: 33.33%;
  padding: 14px;
}

.story-card-content-wrap {
  width: 65%;
  min-width: auto;
  max-width: 100%;
  padding-right: 0%;
}

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

.utility-page-wrap.dark {
  background-color: var(--midnight-blue);
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(88, 92, 114, .21) 49%, #747787 100%, #92949e 100%, var(--silver));
}

.utility-page-content {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  width: auto;
  display: flex;
  position: relative;
}

.utility-page-content._404-content {
  align-items: center;
  margin-top: -70px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.field-label {
  display: none;
}

._404 {
  color: var(--white);
  margin-top: 0;
  font-size: 200px;
  font-weight: 800;
  line-height: 210px;
}

.max-800px {
  max-width: 800px;
}

.licensing-link {
  margin-right: 30px;
}

._40px-height-div-2 {
  height: 40px;
}

.licensing-source-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.bold-text-span {
  font-weight: 700;
  line-height: 35px;
}

.mobile-image {
  width: 100%;
  margin-left: 45px;
}

.text-animation-contain {
  z-index: 1;
  position: fixed;
  top: auto;
  bottom: 8%;
  left: 0%;
  right: 0%;
}

.text-animation-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.animation-text {
  color: var(--white);
}

.animation-text---second-word {
  color: var(--white);
  margin-bottom: 0;
  margin-left: 12px;
  font-family: Gothic A1, sans-serif;
  font-size: 60px;
}

.animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
  font-size: 90px;
}

.accordion-text {
  color: var(--midnight-blue);
  text-align: left;
  font-family: Playfair Display, sans-serif;
  line-height: 40px;
}

.accordian-block {
  padding-left: 30px;
  padding-right: 30px;
}

.accordian-block.faqs {
  margin-bottom: 120px;
  padding-left: 80px;
  padding-right: 80px;
}

.accordion-toggle {
  border-bottom: 1px solid var(--midnight-blue);
  color: var(--midnight-blue);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  transition: color .35s cubic-bezier(.445, .05, .55, .95);
  display: flex;
}

.accordion-toggle:hover {
  color: #fabc28;
}

.accordion-item {
  width: 100%;
  overflow: hidden;
}

.accordion-content {
  color: var(--midnight-blue);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.accordion-icon {
  width: 18px;
}

.accordion-dropdown {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: static;
}

.center-on-mobile.brand-logo {
  text-align: center;
  margin-bottom: 20px;
  font-size: 50px;
}

.text-shadow---dark-text {
  text-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
}

.newsletter-section {
  margin-top: 120px;
  display: flex;
}

.newsletter-contain {
  background-color: var(--white);
  border-radius: 8px;
  flex: 1;
  padding: 40px;
}

.single-article-contain {
  background-color: var(--midnight-blue);
  border-radius: 8px;
  width: 55%;
  margin-right: 24px;
  padding: 40px;
}

.connect-flex-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

._150px-width {
  width: 150px;
  line-height: 28px;
}

.success-message {
  background-color: var(--white-2);
  border-radius: 8px;
}

.company-logo---on-card {
  margin-top: 20px;
}

.slide {
  position: static;
}

.slide-2 {
  background-image: url('../images/home-screen2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/home-screen3.jpg');
  background-position: 0 0;
  background-size: cover;
}

.heading {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 62px;
  line-height: 80px;
}

.heading.brands1 {
  width: 95%;
  font-size: 60px;
}

.heading-2 {
  color: #fff;
}

.paragraph {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.div-block {
  flex-direction: row;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-3, .paragraph-2, .heading-4, .paragraph-3 {
  color: #fff;
}

.gradient-button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Button-Arrow.svg'), none;
  background-position: 98%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 35px;
  margin-top: 40px;
  padding: 16px 84px 16px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.gradient-button.projects-button {
  margin-top: 0;
}

.project-right-div {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: center;
  margin-top: 13px;
  display: flex;
}

.overflow-hidden {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-left-div {
  flex-direction: column;
  align-items: flex-start;
}

.projects-section {
  background-image: url('../images/Background-Texture-1-1-1-1_1Background Texture (1) (1) (1) (1).webp');
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
}

.projects-tittle-wrapper {
  margin-bottom: 80px;
}

.heading-5 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
  display: inline-block;
}

.heading-5.project-heading {
  color: #000;
  text-align: left;
}

.heading-5.gradient-text {
  background-image: linear-gradient(to right, #bd10c3, #cd1590 34%, #d2177e 63%, #f3a3a3);
}

.heading-5.gradient-text.reach-heading2 {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 400;
}

.heading-5.projects-details-heading {
  margin-top: 12px;
}

.heading-5.reach-heading {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 400;
}

.projects-container {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1160px;
  margin-left: 60px;
  margin-right: 60px;
  display: grid;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.body-1 {
  color: #b3b3b3;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.body-1.projects-paragraph {
  color: #000;
  max-width: 520px;
  margin-top: 24px;
}

.body-1.c-hero-paragraph {
  max-width: 474px;
  margin-top: 24px;
}

.body-1.cta-paragraph {
  max-width: 520px;
  margin-top: 24px;
}

.gradient-text-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffab54, #3a1014 14%, #3a1014 72%, #030a32);
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-text-2._11111 {
  background-image: linear-gradient(to right, #571404, #3a1014 14%, #3a1014 72%, #030a32);
}

.gradient-text-2._222222 {
  background-image: linear-gradient(to right, #941e04 3%, #ff672c 28%, #ff531d 64%, #ffab54);
}

.more-projects-section {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
}

.more-projects-container {
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 1160px;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 72px;
  display: grid;
}

.projects-card-image {
  object-fit: cover;
  width: 100%;
  height: 320px;
  margin-bottom: 32px;
}

.navbar-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-container {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1300px;
  min-height: 112px;
  margin-left: 40px;
  margin-right: 50px;
  display: grid;
}

.nav-menu-2 {
  justify-content: space-between;
  display: flex;
}

.nav-link-2 {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.nav-link-2.w--current {
  color: #fff;
}

.contact-button {
  color: #fff;
  background-color: #191919;
  border-radius: 75px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.contact-form-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.contact-form-section.reach-out-sec {
  background-color: #040b32;
  padding-top: 48px;
  padding-bottom: 48px;
}

.text-field {
  background-color: #171717;
  border: 0 solid #000;
  height: 56px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 56px;
}

.text-field::placeholder {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 24px;
}

.text-field.mail-field {
  background-image: url('../images/Form-Icon-2.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.text-field.message-field {
  background-image: url('../images/Form-Icon-4.svg');
  background-position: 16px 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 120px;
}

.text-field.name-field {
  background-image: url('../images/Form-Icon-1.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.email-link {
  text-decoration: none;
  overflow: hidden;
}

.gradient-button-2 {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Button-Arrow_1.svg'), none;
  background-position: 98%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 35px;
  margin-top: 40px;
  padding: 16px 84px 16px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.gradient-button-2.submit-button {
  background-position: 99%, 50%;
  width: 100%;
  margin-top: 4px;
}

.gradient-button-2.projects-button {
  margin-top: 0;
}

.form-block {
  margin-top: 16px;
  margin-bottom: 0;
}

.contact-us-form {
  background-color: #1f1f1f;
  width: 100%;
  max-width: 520px;
  padding: 32px;
  overflow: hidden;
}

.contact-us-form.reach-out-right {
  color: #d4d8ec;
}

.contact-us-tittle-wrapper {
  max-width: 520px;
}

.email-n-phn-link {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.select-field {
  color: #b3b3b3;
  background-color: #171717;
  background-image: url('../images/Form-Icon-3.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  height: 56px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 56px;
}

.contact-forrm-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1160px;
  margin-left: 60px;
  margin-right: 60px;
}

.contact-forrm-container.reach-out-div1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.body-1-medium {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.body-1-medium.email-icon {
  background-image: url('../images/E-Mail-Icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 48px;
}

.body-1-medium.phn-icon {
  background-image: url('../images/Phone-Icon-white-.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 20px;
  padding-left: 48px;
}

.form-ittle {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.contact-us-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-box {
  text-decoration: none;
  display: flex;
}

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

.mail-n-phn-box {
  flex-direction: row;
  display: inline-block;
}

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

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1160px;
  margin-left: 60px;
  margin-right: 60px;
}

.footer-left-div {
  grid-row-gap: 32px;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 24px;
  display: flex;
}

.body-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.body-4.footer-link {
  color: #fff;
  text-decoration: none;
}

.link-heading {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.footer-link-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 100px;
  display: grid;
}

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

.heading-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.heading-6.e-mail {
  display: inline-block;
}

.rights-block {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.mail-icon-image {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.body-2 {
  color: #b3b3b3;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.body-2.tags-text {
  color: #000;
}

.body-2.tags-text.tags-text-white {
  color: #fff;
}

.body-2.project-small-text {
  color: #000;
  margin-top: 8px;
  font-weight: 500;
}

.tags {
  background-color: #efefef;
  border-radius: 12px;
  height: 24px;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.tags.tags-2 {
  background-color: #2e2e2e;
}

.projects-details-hero {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.p-d-tittle-wrapper {
  margin-bottom: 62px;
}

.p-d-image-wrapper {
  height: 570px;
}

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

.p-d-hero-container {
  flex: 1;
  max-width: 1024px;
  margin-left: 60px;
  margin-right: 60px;
}

.div-block-6 {
  overflow: hidden;
}

.div-block-5 {
  background-color: #f4f4f4;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.p-d-rich-text {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rich-text-block-2 {
  color: #000;
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  font-size: 20px;
  line-height: 32px;
}

.projects-text-block {
  flex: 1;
  max-width: 800px;
  margin-bottom: 80px;
  margin-left: 40px;
  margin-right: 40px;
}

.small-text-2 {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.company-block {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.p-d-rich-text-container {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  max-width: 1024px;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.cta-section {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-container {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 850px;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.heading-1 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 72px;
  font-weight: 700;
  line-height: 76px;
}

.heading-1.projects-heading {
  text-align: center;
  overflow: hidden;
}

.gradient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #bd10c3, #cd1590 29%, #d2177e 58%, #f3a3a3);
  -webkit-background-clip: text;
  background-clip: text;
}

.tab-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 91px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
}

.tab-link.w--current {
  color: #000;
  background-color: #fff;
}

.tabs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.tabs-menu {
  background-color: #1f1f1f;
  border-radius: 91px;
  height: 48px;
  margin-bottom: 80px;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.collection-list-3 {
  grid-column-gap: 60px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projects-hero-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.projects-hero-container {
  flex: 1;
  max-width: 1160px;
  margin-left: 60px;
  margin-right: 60px;
}

.tabs-content {
  width: 100%;
  overflow: visible;
}

.tab-link-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-7 {
  background-color: var(--white);
  width: 100%;
  height: auto;
  margin-top: 37px;
  padding: 5% 5% 15%;
}

.integration-item {
  width: 210px;
  height: 64px;
  margin-right: 30px;
}

.integratinon-card-line {
  z-index: -1;
  flex-direction: row;
  display: flex;
}

.logos-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  display: flex;
}

.black-shadow {
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  background-position: 0 0;
  width: 100px;
  height: 64px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.integration-block {
  width: 100%;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}

.small-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.black-shadow-right {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100px;
  height: 64px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.integration-inside-line {
  display: flex;
}

.logos-section {
  background-color: var(--midnight-blue);
  background-image: linear-gradient(198deg, var(--midnight-blue), #131a3e 92%, rgba(255, 255, 255, .06));
  color: var(--midnight-blue);
  border-width: 1px 0;
  border-color: rgba(255, 255, 255, .14) #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  justify-content: center;
  align-items: center;
  height: 30vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: visible;
}

.paragraph-4 {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.image, .image-2 {
  margin-bottom: 26px;
}

.section-2 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screen2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section-3 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/creators-banner-new.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.paragraph-5 {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.paragraph-9, .text-block {
  font-family: Helvetica, sans-serif;
}

/* .text-block:hover {
  color: var(--white);
} */

.text-block-2 {
  font-family: Helvetica, sans-serif;
}

.heading-7 {
  color: #fff;
  margin-bottom: 5px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
}

.white-text-2 {
  color: #fff;
  font-family: Helvetica, sans-serif;
  position: static;
}

.white-text-2.brands1-2 {
  text-align: center;
}

.white-text-2.brands1 {
  text-align: center;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  line-height: 70px;
}

.white-text-2.brands1.b111 {
  font-size: 62px;
}

.white-text-2.bs4 {
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #ff5722;
  border: 2px solid #ff5722;
  border-radius: 100px;
  padding: 10px 30px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  transition: all .35s;
}

.button-2:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(255, 87, 34, .9);
  border-color: #ff5722;
}

.button-2.outlined {
  color: #ff5722;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

.button-2.outlined:hover {
  color: #fff;
  background-color: #ff5722;
}

.button-2.brands1 {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  margin-top: 20px;
}

.button-2.brand-last {
  color: var(--midnight-blue);
  background-color: #fff;
  border-color: #fff;
  margin-top: 10px;
  transition: all .35s;
  overflow: visible;
}

.button-2.brand-last:hover {
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.button-2.brands1 {
  color: var(--midnight-blue);
  text-align: center;
  background-color: #fff;
  border-color: #fff;
  margin-top: 0;
}

.button-2.brands1:hover {
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.section-4 {
  z-index: 2;
  color: #040b32;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 100px 6%;
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-4.home-hero {
  z-index: 2;
  background-color: #040b32;
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 48%, rgba(124, 127, 142, .62) 66%, rgba(200, 200, 200, .84));
  height: 100vh;
  overflow: hidden;
}

.section-4.home-hero.brand-s1 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/barnds-banner-new.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.section-4.brand-logo {
  padding-top: 80px;
  padding-bottom: 170px;
}

.section-4.brand-logo.offer-logo2 {
  background-color: var(--white);
  padding-bottom: 80px;
}

.section-4.dark {
  z-index: 2;
  background-color: #040b32;
  background-image: linear-gradient(198deg, #040b32, rgba(19, 26, 62, .95) 91%, rgba(255, 255, 255, .06));
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-4.dark._3131 {
  padding-left: 3%;
  padding-right: 3%;
}

.section-4.dark.case-dark {
  display: none;
}

.section-4.brand-title {
  padding-top: 100px;
  padding-bottom: 0;
  display: none;
}

.section-4.brand-title._13212231 {
  margin-top: 0;
  display: none;
}

.section-4.creator222 {
  flex-direction: row;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.section-4._1231313 {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 120px;
  padding-bottom: 0;
}

.section-4._1231313._23131 {
  background-image: none;
  padding-top: 140px;
}

.section-4.brand111.gied {
  display: none;
}

.section-4.brand111.gird {
  background-image: url('../images/Background-Texture-1-1-1-1_1Background Texture (1) (1) (1) (1).webp');
  display: none;
}

.section-4.brand111.case-study-sec {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #040b32;
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg'), linear-gradient(#f2f2f2, #f2f2f2);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3%;
  padding-bottom: 3%;
  display: none;
}

.section-4.brand111.case-study2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
  background-position: 50% 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-4.brand-logo-copy {
  padding-top: 80px;
  padding-bottom: 170px;
}

.section-4.brand-logo-copy.offer-logo2 {
  padding-bottom: 80px;
}

.background-texture-image-4 {
  opacity: .3;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
  background-size: cover;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image-4.opacity-40-percent {
  opacity: .2;
  color: #5e5e5e;
  -webkit-text-stroke-color: #fff;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  height: 700vh;
  display: block;
}

.background-texture-image-4.opacity-40-percent.long {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .2;
  text-align: left;
  mix-blend-mode: normal;
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  justify-items: center;
  display: block;
}

.background-texture-image-4.opacity-40-percent.brand-title {
  display: none;
}

.background-texture-image-4.opacity-10-percent {
  opacity: .1;
}

.container-3 {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.container-3.investors {
  margin-top: 150px;
}

.container-3.investors.b333 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-3.centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-3.offer-logo-container {
  margin-bottom: 10px;
}

.container-3.case-container {
  min-height: 60px;
}

.cta-arrow-leg-2 {
  background-color: #ff5722;
  width: 25px;
  height: 3px;
  position: relative;
}

.cta-arrow-leg-2.white {
  background-color: #fff;
}

.banner-link3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.cta-link-block-2 {
  z-index: 1;
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-link-block-2.link1 {
  justify-content: flex-start;
}

.banner-link2 {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.section-5 {
  background-color: #040b32;
  padding: 100px 6%;
}

.text-block-3 {
  font-size: 18px;
  text-decoration: none;
}

.columns {
  width: 100%;
  max-width: 1265.25px;
}

.div-block-8 {
  background-image: url('../images/banner2.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 344px;
  height: 350px;
  padding: 20px 30px;
  display: flex;
}

.div-block-8._2 {
  background-image: url("https://cdn.prod.website-files.com/62fca5c4012c9387abd2f34a/65601860b20e5a63a5f7237b_344%20350%20Ka'Chava.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-8.block-5 {
  background-image: url('../images/banner3.jpg');
}

.div-block-8.block-5._3 {
  background-image: url("https://cdn.prod.website-files.com/62fca5c4012c9387abd2f34a/656431d8a57aa504caaa61a9_344%20350%20Bloomingdale's.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  height: 300px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-8.block-5._3._4 {
  background-image: url('../images/344-350--ALASTIN-Skincare.jpg');
}

.div-block-3 {
  background-image: url('../images/banner1.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 344px;
  height: 350px;
  padding: 20px 30px;
  display: flex;
}

.div-block-3._1 {
  object-fit: fill;
  background-image: url('../images/344-350-Little-Sleepies.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  height: 300px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.banner-link {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.arrow-wing-2 {
  background-color: #ff5722;
  width: 15px;
  height: 3px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(3px, -5px)rotate(43deg);
}

.arrow-wing-2.white {
  background-color: #fff;
}

.arrow-wing-2._2 {
  transform: translate(3px, 4px)rotate(-43deg);
}

.video-55-percent-block-2 {
  z-index: 1;
  background-image: url('../images/4.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  width: 55%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.video-55-percent-block-2.v1 {
  background-image: url('../images/屏幕快照-2024-04-22-下午3.38.33.png');
  background-position: 50%;
  background-size: cover;
}

.video-55-percent-block-2.v1.gird1 {
  width: 100%;
}

.video-55-percent-block-2.v1.case-block2 {
  background-image: url('../images/屏幕快照-2024-04-19-下午4.08.58.png');
  background-position: 0 0;
  background-size: contain;
  width: 100%;
  min-height: auto;
  margin-top: 70px;
  margin-bottom: 70px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.video-55-percent-block-2.v2 {
  background-image: url('../images/2.jpg');
  background-size: cover;
}

.video-55-percent-block-2.v3 {
  background-image: url('../images/3.jpg');
}

.video-55-percent-block-2.v4 {
  background-image: url('../images/2.jpg');
}

.video-55-percent-block-2.v4.v5 {
  background-image: url('../images/4.jpg');
}

.image-4 {
  height: 100%;
  display: none;
}

.video-description-block-3 {
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  margin-left: 9px;
  margin-right: 0;
  padding: 30px 0 30px 50px;
}

.video-description-block-3.case-block3 {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -17px;
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 0;
}

.image-5, .image-6 {
  display: none;
}

.text-block-4 {
  text-align: center;
  background-color: #efefef;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

.heading-8 {
  font-family: Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.div-block-10 {
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
}

.heading-9 {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 50px;
}

.heading-10, .heading-11 {
  font-size: 32px;
}

.button-3 {
  background-color: var(--orange-red);
  border-radius: 50px;
  padding: 10px 30px;
  font-family: Helvetica, sans-serif;
}

.heading-12 {
  color: #000;
  text-align: center;
  font-size: 50px;
  line-height: 70px;
}

.heading-13 {
  font-size: 32px;
}

.heading-13._2323 {
  text-align: center;
  font-size: 50px;
}

.heading-13._1231.case-heading1 {
  opacity: 1;
  color: #fff;
  -webkit-text-stroke-color: var(--white);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(251deg, #ccca5e, #fdb43e 54%, #f54343);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  font-size: 50px;
}

.heading-14 {
  font-size: 32px;
}

.div-block-11 {
  position: absolute;
}

.heading-15 {
  font-size: 50px;
}

.list-item-28 {
  font-size: 17px;
}

.heading-24 {
  text-align: center;
  padding-top: 43px;
  font-size: 50px;
}

.list-9 {
  font-size: 17px;
}

.paragraph-11 {
  border: 1px #863484;
  font-size: 17px;
}

.list-10 {
  font-size: 17px;
}

.tabs-menu-2 {
  justify-content: center;
  display: flex;
}

.paragraph-15 {
  text-align: left;
}

.list-item-32 {
  font-size: 16px;
}

.text-block-20 {
  color: var(--midnight-blue);
  text-align: center;
}

.tab-link-tab-1 {
  text-align: center;
  background-color: #fff;
  width: 180px;
  padding: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-1.w--current {
  border-bottom: 2px solid var(--midnight-blue);
  color: var(--midnight-blue);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 180px;
  padding: 10px;
  font-size: 17px;
  font-weight: 700;
}

.text-block-22 {
  color: var(--midnight-blue);
}

.tab-link-tab-3 {
  color: #000;
  text-align: center;
  background-color: #fff;
  width: 180px;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-3.w--current {
  border-bottom: 2px solid var(--midnight-blue);
  color: var(--midnight-blue);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 180px;
  padding: 10px;
  font-weight: 700;
}

.section-11 {
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.heading-36 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 50px;
}

.heading-35 {
  font-size: 21px;
}

.heading-35.h3 {
  font-size: 20px;
}

.paragraph-21, .paragraph-22 {
  margin-left: 0;
}

.paragraph-23, .bold-text-59 {
  font-family: Helvetica, sans-serif;
}

.section-12 {
  margin-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.login-page-wrapper {
  color: var(--orange-red);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 5% 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-text {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: -4px;
}

.page-wrapper {
  width: 100%;
  min-height: 100vh;
  display: none;
  overflow: hidden;
}

.top-nav {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid rgba(51, 51, 51, .1);
  justify-content: space-between;
  align-items: center;
  padding: 1.2em 1.5em 1em;
  display: none;
  position: relative;
  box-shadow: 0 0 10px rgba(51, 51, 51, .1);
}

.login-container {
  z-index: 10;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: block;
  position: relative;
}

.field-row {
  display: none;
}

.logo-link {
  z-index: 1;
  width: 180px;
}

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

.logo-link:active {
  opacity: .7;
}

.nav-step {
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(24, 117, 240, .2);
  border-radius: 20px;
  width: 26px;
  height: 26px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
}

.nav-step.done {
  color: #fff;
  background-color: #1875f0;
}

.signup-nav-step {
  text-align: center;
  width: 115px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.signup-nav-step.current {
  font-weight: 700;
}

.field-wrapper {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.field-wrapper.first-name-wrapper {
  margin-right: 15px;
}

.fake-logo {
  background-color: #1875f0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding-top: 9px;
  padding-left: 9px;
  display: inline-block;
  position: relative;
  top: 4px;
  box-shadow: 0 10px 20px -5px #1875f0;
}

.signup-field {
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  align-items: center;
  height: 48px;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
}

.signup-field:focus {
  border: 1px solid #1875f0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 4px #1875f0;
}

.signup-field::placeholder {
  color: rgba(51, 51, 51, .3);
}

.signup-field._333 {
  margin-bottom: 0;
}

.login-head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3em;
}

.login-head.sub-head {
  margin-top: -10px;
  font-size: 24px;
  font-weight: 400;
}

.login-button {
  background-color: var(--orange-red);
  border-radius: 40px;
  width: 100%;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.login-button:hover {
  background-color: #da552b;
}

.radio-button-label {
  z-index: 10;
  position: relative;
}

.dot {
  background-color: #fff;
  border-radius: 20px;
  width: 11px;
  height: 11px;
}

.error-message {
  z-index: 100;
  color: #fff;
  text-align: center;
  background-color: #000;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 700;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.signup-label {
  z-index: -1;
  opacity: .6;
  color: #fff;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 2px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.radio-button {
  z-index: 9;
  opacity: 0;
  border-radius: 0%;
  width: 100%;
  height: 100%;
  margin-left: 0;
  position: absolute;
  top: -3px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.radio-button.w--redirected-checked {
  opacity: 1;
  background-color: rgba(24, 117, 240, .15);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 2px;
  border-radius: 4px;
}

.radio-wrap {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  margin-right: 12px;
  padding: 7px 10px;
  position: relative;
}

.button-wrapper-2 {
  text-align: right;
  width: 180px;
}

.signup-navigation-wrap {
  display: flex;
}

.option-row {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.memberstack-form {
  padding-top: 10px;
  position: relative;
}

.heading-37 {
  color: #ef2727;
  text-align: left;
  margin-top: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.div-block-12 {
  width: 100%;
  height: 24px;
  margin-top: 10px;
}

.button-4 {
  background-color: var(--orange-red);
  border-radius: 40px;
  margin-top: 0;
  padding: 6px 40px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.button-4:hover {
  background-color: #da552b;
}

.heading-38 {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  display: block;
}

.link-6 {
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  text-decoration: none;
}

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

.section-13 {
  padding-top: 40px;
}

.text-span-2, .text-span-3, .text-span-4 {
  color: #ef2727;
  margin-left: 2px;
  font-size: 20px;
  font-weight: 700;
}

.text-span-5 {
  color: #ef2727;
  font-size: 20px;
  font-weight: 700;
}

.text-span-6, .text-span-7 {
  color: #ef2727;
  margin-left: 2px;
  font-size: 20px;
  font-weight: 700;
}

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

.text-block-23, .text-block-24, .text-block-25 {
  font-size: 18px;
}

.div-block-13 {
  flex-direction: column;
  display: flex;
}

.paragraph-20.case-para1 {
  opacity: .7;
  color: #040a32;
  text-align: left;
  -webkit-text-stroke-color: var(--white);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1.22fr 1fr;
}

.grid-2._111 {
  direction: rtl;
}

.heading-43 {
  font-size: 21px;
  font-weight: 700;
  line-height: 46px;
}

.heading-43.h3 {
  font-size: 19px;
}

.bold-text-60 {
  font-size: 18px;
  font-weight: 700;
}

.bold-text-60.heading2 {
  font-weight: 700;
}

.paragraph-28 {
  font-weight: 400;
}

.new-section-11 {
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.list-14 {
  list-style-type: disc;
}

.list-15 {
  font-size: 17px;
  list-style-type: disc;
}

.text-block-26 {
  color: #040b32;
}

.text-block-27 {
  color: #040b32;
  text-align: center;
}

.tab-link-tab-3-2 {
  color: #000;
  text-align: center;
  background-color: #fff;
  width: 180px;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-3-2.w--current {
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  width: 180px;
  padding: 10px;
  font-weight: 700;
}

.tab-link-tab-1-2 {
  text-align: center;
  background-color: #fff;
  width: 180px;
  padding: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-1-2.w--current {
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  width: 180px;
  padding: 10px;
  font-size: 17px;
  font-weight: 700;
}

.div-block-14 {
  margin-top: 20px;
}

.social-wrap-2 {
  color: #2f3033;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.slider {
  width: 100%;
  height: 100%;
}

.container-5 {
  background-image: url('../images/homes1.3-p-3200_1.jpg');
  background-size: cover;
}

.div-block-15 {
  background-image: url('../images/homes1.3-p-3200_1.jpg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.mask-2 {
  background-image: none;
  background-size: auto;
}

.logo-slider-1 {
  color: rgba(32, 50, 4, 0);
}

.about-me-stat {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #c7c7c7;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 32px;
  display: grid;
}

.about-me-stat.case-number-div {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  border-bottom-style: none;
  padding-top: 20px;
  padding-bottom: 20px;
}

.overflow-hidden-2 {
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.stat-number {
  color: #040a32;
  text-align: left;
  letter-spacing: -1px;
  -webkit-text-stroke-color: var(--orange-red);
  margin-bottom: 4px;
  font-family: Helvetica, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 100%;
}

.stat-number._112 {
  color: #040a32;
  text-align: left;
  padding-right: 0;
  font-family: Helvetica, sans-serif;
  font-size: 42px;
}

.body-5 {
  color: #b3b3b3;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.body-5.industyr-location-name {
  opacity: .6;
  color: #040a32;
  text-align: left;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.mask-3 {
  background-color: #f8f8f8;
}

.mask-3.logo-mask {
  background-color: rgba(255, 255, 255, .84);
}

.icon {
  -webkit-text-fill-color: inherit;
  background-color: #f0e8e8;
  background-image: url("https://cdn.prod.website-files.com/62fca5c4012c9387abd2f34a/656431d8a57aa504caaa61a9_344%20350%20Bloomingdale's.jpg");
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
}

.icon-2 {
  background-image: url('../images/instagram-fill.svg');
  background-position: 0 0;
}

.grid-3 {
  grid-column-gap: 293px;
  grid-template: "Area-2 Area Area-3"
  / 1fr 5fr 1fr;
}

.grid-3.logo-grid {
  grid-column-gap: 21px;
  grid-template-rows: repeat(auto-fit, 143px);
  grid-template-columns: 1fr 10fr 1fr;
  grid-auto-rows: 189px;
}

.logo-slide-nav {
  opacity: 0;
  color: #000;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: rgba(32, 146, 108, 0);
  background-clip: border-box;
  margin-bottom: -50px;
  padding-bottom: 0;
  font-size: 10px;
  display: block;
  overflow: visible;
}

.logo-container-all {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: static;
}

.logo-con-1 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  opacity: 1;
  mix-blend-mode: darken;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 110%;
  padding-bottom: 30px;
  display: flex;
}

.logo-slider {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
}

.logo-left-arrow {
  display: block;
  position: absolute;
  overflow: hidden;
}

.logo-right-arrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: center;
  display: grid;
  position: absolute;
  transform: rotate(180deg);
}

.icon-right {
  aspect-ratio: auto;
  color: #ec6237;
  object-fit: fill;
  background-color: #fff;
  border-radius: 20px;
  font-size: 36px;
  line-height: 40px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
  transform: translate(0)rotate(0);
}

.case-section-new {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-text-stroke-color: var(--midnight-blue);
  object-fit: cover;
  background-color: rgba(0, 0, 0, .99);
  background-image: linear-gradient(58deg, #6bc6ff, #c573f9);
  grid-template: "." 1fr
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
  height: 350px;
  min-height: 0;
  display: grid;
  position: relative;
}

.image-7 {
  width: 100%;
  height: 100%;
}

.image-7.reach-out-image {
  width: 100%;
  height: 40vh;
}

.reach-out-div1 {
  opacity: 1;
  text-align: left;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-color: rgba(4, 11, 50, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background-clip: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 640px;
  height: 400px;
  margin: -400px 100px 0 0;
  padding: 160px 110px 160px 0;
  display: block;
  position: static;
  top: auto;
}

.reach-out-button {
  -webkit-text-stroke-color: var(--orange-red);
  object-fit: fill;
  background-color: #f86767;
  border-radius: 20px;
  max-width: 210px;
  margin-top: 10px;
  margin-left: 0;
  padding: 10px 30px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.paragraph-29 {
  color: var(--white);
  font-family: Helvetica, sans-serif;
}

.heading-44 {
  color: #fff;
  -webkit-text-stroke-color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.arraw1-div {
  width: 20px;
  height: 20px;
  display: block;
}

.slider-logo-new {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  height: 70vh;
}

.mask-4 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.slide-4 {
  padding-left: 65px;
  padding-right: 65px;
}

.slider-3 {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
}

.text-block-28 {
  margin-right: 100px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.text-block-29 {
  margin-right: 100px;
  font-size: 50px;
  line-height: 76px;
}

.logo-slide2 {
  margin-right: 0;
  overflow: visible;
}

.slide-nav-2 {
  display: none;
}

.slider-4 {
  height: auto;
}

.icon-3 {
  color: #ec6237;
  -webkit-text-stroke-color: red;
}

.right-arrow-2 {
  color: #ec6237;
}

.mask-5 {
  background-color: rgba(255, 255, 255, .84);
}

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

.slider-5 {
  width: 100%;
  height: 70vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
}

.slide-nav-3 {
  display: none;
}

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

.grid-5.offers-logo-grid1 {
  grid-template-rows: auto auto auto auto;
  margin-left: 48px;
  margin-right: 48px;
  padding: 24px 48px;
}

.brands-slider2 {
  aspect-ratio: auto;
  object-fit: none;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: auto;
}

.brands-mask {
  float: none;
  margin-top: 4px;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-8 {
  background-image: url('../images/homes1.2.jpg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-16 {
  width: auto;
  margin-top: -90px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.image-9 {
  margin: -450px 60px 200px;
  padding-left: 110px;
  padding-right: 60px;
  position: absolute;
}

.text-span-8 {
  color: #040a32;
}

.text-span-9 {
  color: var(--midnight-blue);
}

.text-span-10 {
  color: #040a32;
}

.image-10 {
  margin-left: 200px;
}

.image-11 {
  max-width: 65%;
  margin-left: 180px;
}

.text-div-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 48%;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.heading-text {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 30px;
  font-size: 42px;
  line-height: 56px;
}

.get-in-touch-button {
  background-color: #f86767;
  border-radius: 100px;
  margin-top: 0;
  margin-left: 570px;
  margin-right: 0;
  padding: 5px 30px;
  font-size: 18px;
  position: relative;
}

.cta-section {
  background-color: #040a32;
  width: auto;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.slider-6 {
  background-color: rgba(255, 255, 255, 0);
}

.icon-4 {
  color: #040a32;
  flex-flow: row-reverse;
  margin-left: 0;
  margin-right: 50px;
  display: none;
}

.icon-5 {
  color: #040a32;
  border-radius: 20px;
  margin-left: 50px;
  margin-right: 0;
  font-size: 30px;
  display: none;
}

.slide-nav-4 {
  opacity: 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-size: 10px;
  display: flex;
  overflow: visible;
}

.right-arrow-3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-right: -55px;
  display: flex;
}

.left-arrow-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: -55px;
  display: flex;
  overflow: hidden;
}

.div-block-17 {
  color: #fff;
  text-align: center;
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Playfair Display, sans-serif;
  font-size: 42px;
  line-height: 60px;
}

.button-5 {
  background-color: #ff5723;
  border-radius: 100px;
  margin-top: 20px;
  margin-left: 500px;
  margin-right: 500px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-button {
  padding-top: 20px;
}

.div-block-18 {
  height: 20px;
}

.icon-left {
  outline-offset: 0px;
  text-align: left;
  outline: 3px #fff;
  flex-flow: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  width: 35px;
  text-decoration: none;
  display: inline-flex;
}

.image-12 {
  flex-flow: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  width: 35px;
  margin-top: 0;
  display: inline-flex;
  position: static;
}

.image-13 {
  width: 100%;
  height: auto;
  display: block;
}

.image-13.image-2 {
  margin-bottom: 0;
}

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

@media screen and (min-width: 1280px) {
  .partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
    grid-column-gap: 12px;
    align-items: center;
    justify-items: center;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide-nav.offer-slide-nav {
    font-size: 10px;
  }

  .background-texture-image-4.opacity-40-percent {
    opacity: .2;
    mix-blend-mode: normal;
    background-color: #040a32;
  }

  .background-texture-image-4.opacity-40-percent.long {
    grid-column-gap: 23px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    min-height: 350px;
    margin-right: 0;
    padding-right: 0;
    display: grid;
  }

  .container-3.offer-logo-container {
    margin-bottom: 10px;
  }

  .video-55-percent-block-2.v1 {
    background-image: url('../images/屏幕快照-2024-04-22-下午3.38.33.png');
    background-position: 0 0;
    background-size: cover;
    width: 50%;
  }

  .video-description-block-3 {
    margin-left: 10px;
    padding-right: 30px;
  }

  .video-description-block-3.case-block3 {
    margin-left: 0;
  }

  .tab-link-tab-1.w--current {
    width: 180px;
    font-size: 18px;
    font-weight: 700;
  }

  .button-4:hover {
    background-color: #da552b;
  }

  .tab-link-tab-1-2.w--current {
    width: 180px;
    font-size: 18px;
    font-weight: 700;
  }

  .logo-left-arrow, .logo-right-arrow {
    display: block;
  }

  .reach-out-div1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 150px;
    padding: 110px 300px 140px 0;
    display: flex;
    position: static;
  }

  .reach-out-button {
    -webkit-text-stroke-color: var(--orange-red);
    background-color: #ff5722;
    border-radius: 20px;
    margin-left: 0;
  }

  .paragraph-29 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--white);
  }

  .heading-44 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--white);
    border: 0 solid #000;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 40px;
    line-height: 45px;
  }

  .image-9 {
    margin: -100px 0 60px 150px;
    padding-left: 250px;
    padding-right: 0;
  }

  .get-in-touch-button {
    width: 164px;
    margin-left: 680px;
    margin-right: 680px;
    display: block;
    position: absolute;
  }

  .cta-section {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .right-arrow-3 {
    align-content: stretch;
    margin-right: -100px;
    padding-right: 0;
  }

  .left-arrow-2 {
    flex-flow: wrap;
    align-content: stretch;
    margin-left: -100px;
    margin-right: 0;
  }

  .div-block-17 {
    opacity: 1;
    color: #fff;
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Playfair Display, sans-serif;
    font-size: 42px;
    line-height: 60px;
  }

  .button-5 {
    background-color: #ff5723;
    border-radius: 100px;
    margin-top: 20px;
    margin-left: 500px;
    margin-right: 500px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .slide-5 {
    padding-right: 0;
  }

  .icon-left, .image-12 {
    display: block;
  }

  .case-pci {
    height: 60%;
  }

  .image-13 {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .tab-link-tab-1.w--current, .tab-link-tab-1-2.w--current {
    text-align: center;
  }
}

@media screen and (min-width: 1920px) {
  .partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
    margin: 10px 0;
    padding: 0;
  }

  .center-on-mobile.brand-logo.offer-logo-title {
    margin-top: 0;
    margin-bottom: 31px;
    padding-bottom: 31px;
  }

  .background-texture-image-4.opacity-40-percent.long {
    grid-template-columns: 1fr;
  }

  .background-texture-image-4.opacity-10-percent {
    background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
    background-size: cover;
  }

  .container-3.offer-logo-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-13._1231.case-heading1 {
    margin-top: 0;
  }

  .logo-container-all {
    margin-bottom: 15px;
    padding-top: 15px;
  }

  .get-in-touch-button {
    margin-left: 880px;
  }

  .slider-6 {
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 0;
  }

  .icon-4 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .right-arrow-3 {
    margin-right: -90px;
  }

  .left-arrow-2 {
    margin-left: -90px;
    padding-bottom: 0;
  }

  .image-13 {
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 72px;
    line-height: 86px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

  h4 {
    font-weight: 500;
  }

  blockquote {
    font-size: 20px;
    line-height: 38px;
  }

  .section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.home-hero {
    background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 69%, rgba(124, 127, 142, .62) 85%, rgba(200, 200, 200, .64));
    align-items: flex-start;
    height: auto;
    padding-top: 90px;
    padding-bottom: 80px;
  }

  .section.dark {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.dark.values {
    min-height: auto;
    padding-bottom: 540px;
  }

  .section.dark.footer {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .section.with-mobile-app {
    height: auto;
    padding-top: 10px;
    padding-bottom: 100px;
  }

  .section.with-4-column-image-display {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.for-individuals-hero, .section.for-companies-hero {
    height: auto;
    min-height: 650px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.full-width-image {
    height: 700px;
  }

  .section.about {
    background-position: 60%;
    align-items: flex-start;
    height: auto;
    min-height: 650px;
    padding-top: 100px;
  }

  .section.story-hero {
    height: auto;
    min-height: 650px;
  }

  .section.insights-hero, .section.insights-hero-section, .section.customer-stories-hero {
    padding-top: 90px;
  }

  .button-wrapper {
    width: 40%;
  }

  .buttons-contain {
    flex-wrap: wrap;
  }

  .button {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .button.outlined.navbar-cta {
    border-color: var(--orange-red);
    background-color: var(--orange-red);
    margin-top: 24px;
  }

  .button.outlined.navbar-cta:hover {
    background-color: rgba(255, 87, 34, .9);
  }

  .button.outlined.navbar-cta.signup._12313.yidong, .button.outlined.navbar-cta.signup._12313.asdad, .button.outlined.navbar-cta.signup._12313._1231313 {
    width: 131.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup._12313._12313123 {
    width: 131.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup.login.yidong2, .button.outlined.navbar-cta.signup.login.qada, .button.outlined.navbar-cta.signup.login._23131, .button.outlined.navbar-cta.signup.login._1313 {
    border-color: var(--midnight-blue);
    width: 131.9px;
    margin-left: 0;
  }

  .button.outlined.homes1left.homes4ledt.creator.div-button-3 {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  ._40px-height-div {
    height: 20px;
  }

  .container.story-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .container.investors {
    margin-top: 130px;
  }

  .large-paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  .nav-link {
    color: var(--midnight-blue);
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 20px;
  }

  .nav-link:hover {
    color: var(--orange-red);
    border-top-color: rgba(255, 87, 34, 0);
  }

  .nav-link.w--current {
    border-top-style: none;
  }

  .nav-link.no-show-on-desktop {
    display: none;
  }

  .hamburger-line {
    background-color: var(--midnight-blue);
    width: 25px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0;
  }

  .mega-nav-link {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    background-color: var(--white);
    width: 100vw;
    margin-top: 65px;
    padding: 30px 40px 50px;
    position: absolute;
    overflow: auto;
  }

  .logo---light {
    width: 100%;
  }

  .menu-item {
    flex: 1;
  }

  .navbar {
    justify-content: center;
    align-items: center;
    padding: 0 3%;
    display: flex;
  }

  .hamburger-wrap {
    color: var(--midnight-blue);
    cursor: pointer;
    display: block;
  }

  .dropdown-list.w--open {
    z-index: 1000;
    position: absolute;
    top: 64%;
  }

  .nav-container {
    width: 100%;
    max-width: 100%;
    min-height: 65px;
    max-height: 65px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .brand {
    justify-content: flex-start;
  }

  .brand.w--current {
    width: 180px;
  }

  .mega-menu-title-box {
    display: none;
  }

  .nav-links-wrapper {
    z-index: 3;
    flex-direction: column;
    align-items: flex-start;
    max-height: 70vh;
    position: relative;
  }

  .dropdown {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    font-size: 20px;
    display: flex;
  }

  .dropdown.hide-on-mobile {
    display: none;
  }

  .dropdown-toggle {
    color: var(--midnight-blue);
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-toggle:hover {
    color: var(--orange-red);
  }

  .dropdown-toggle.w--open {
    position: static;
  }

  .home-hero-content-wrap {
    width: 90%;
  }

  .hero-content {
    width: 100%;
    min-width: auto;
  }

  .hero-content.individuals {
    width: 75%;
  }

  .hero-content.companies {
    text-align: left;
    align-items: flex-start;
    width: 100%;
    padding-right: 35%;
  }

  .home-hero-image-headshot {
    width: 150%;
    min-width: auto;
    display: none;
  }

  .background-texture-image.tablet-and-mobile-menu {
    opacity: .4;
    max-height: 100vh;
    display: block;
  }

  .h3-styling.white-text.homes4, .h3-styling.white-text.homes4.h11 {
    font-size: 40px;
    line-height: 70px;
  }

  ._50-percent-block {
    width: 85%;
  }

  ._50-percent-block.right-padding-60px.right {
    height: auto;
    margin-top: 60px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    position: relative;
    top: 420px;
  }

  ._50-percent-block.values {
    width: auto;
    max-width: 70%;
  }

  .mobile-app-image {
    width: 80vw;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  ._4-column-image-display {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    height: 1300px;
  }

  ._4-column-image-display---wrapper:hover, ._4-column-image-display---wrapper._2:hover, ._4-column-image-display---wrapper._1:hover {
    transform: scale(1);
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 0;
  }

  ._4-column-image-display---image.individual-testimonial {
    background-position: 50% 20%;
  }

  ._4-column-image-display---image.individual-testimonial._2 {
    background-position: 50% 30%;
  }

  ._4-column-image-display---image.individual-testimonial._3 {
    background-position: 50% 35%;
  }

  ._4-column-image-display---image.individual-testimonial._4 {
    background-position: 50% 30%;
  }

  ._4-column-image-display---contnet-wrapper {
    top: 35%;
  }

  ._4-column-image-display---contnet-wrapper.testimonial-image-display {
    top: 40%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 20%;
  }

  .interactive-hover-section {
    height: auto;
    min-height: 650px;
  }

  .interactive-hover-block {
    justify-content: center;
    align-items: flex-start;
    padding: 6% 3%;
    display: flex;
  }

  .interactive-hover-section---middle-phrase {
    padding: 6px 20px;
    font-size: 24px;
    line-height: 30px;
    top: 25%;
    right: -7.3vw;
  }

  .interactive-hover-image {
    text-align: center;
    padding: 18px;
    display: none;
  }

  .logo---dark {
    width: 100%;
  }

  .partner-logos-grid {
    height: auto;
  }

  .partner-logos-grid._2-rows {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
    margin-left: 20px;
    margin-right: 20px;
    padding: 18px 30px;
  }

  .partner-logo-wrap._2-rows {
    width: auto;
  }

  .partner-logo {
    padding-left: 0;
    padding-right: 0;
  }

  .image-licensing-grid.logos {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-slider {
    min-height: 825px;
    padding-left: 6%;
    padding-right: 6%;
  }

  .home-slider.homes1 {
    min-height: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-content-contain {
    flex-direction: column;
  }

  .slider-content-contain.home-s1 {
    width: 100%;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1 {
    background-image: url('../images/768-blo-2.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-width: 100%;
    max-width: 100%;
    height: 100vh;
    min-height: 0;
    max-height: none;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1.slider-2 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1.slider-2.slider3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  }

  .slider-content-contain.homes1-2, .slider-content-contain.homes1-3 {
    width: 100%;
  }

  .left-slider-content-wrap {
    width: 100%;
    margin-top: 0;
  }

  .left-slider-content-wrap.home-screen1, .right-slider-content {
    width: 100%;
  }

  .slider-image {
    height: 400px;
    margin-top: 30px;
  }

  .mask.homes1 {
    width: 100vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .right-arrow {
    right: 3%;
  }

  .left-arrow {
    right: 17%;
  }

  .absolute-contrast-block {
    width: 40%;
  }

  .values-circles-wrapper {
    width: 80%;
  }

  .value-circle._2 {
    width: 225px;
    height: 225px;
    bottom: 36%;
    left: 37%;
  }

  .value-circle._3 {
    width: 175px;
    height: 175px;
    bottom: 15%;
    left: 22%;
  }

  .value-circle._4 {
    top: 36%;
    right: 7%;
  }

  .value-circle._1 {
    width: 300px;
    height: 300px;
    right: -4%;
  }

  .social-media-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .social-media-link.first, .social-media-link.dark-circle-bg {
    padding-left: 0;
  }

  .social-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 0;
  }

  .social-wrap.newsletter {
    margin-top: 16px;
    margin-left: 0;
  }

  .copyrights {
    padding-left: 6%;
    padding-right: 6%;
  }

  .footer-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr .5fr .5fr;
  }

  .copyrights-text {
    font-size: 14px;
    line-height: 20px;
  }

  ._500px-width-block {
    width: auto;
  }

  .testimonials-flex-wrap {
    flex-direction: column;
    height: auto;
  }

  .testimonial-column {
    width: 100vw;
    height: 50vh;
    min-height: 650px;
  }

  .benefits-card-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .benefit-card {
    min-height: 425px;
  }

  .div-line.mission-and-values {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .simple-form-block.book-a-demo {
    padding-left: 0;
  }

  .video-cta-flex-block {
    flex-direction: column;
  }

  .video-cta-flex-block.case-block1 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
    display: flex;
  }

  .video-55-percent-block {
    width: 100%;
    height: 450px;
  }

  .video-description-block {
    margin-top: -15px;
    margin-left: 0;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  ._3-columns-2-rows-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-block---with-image {
    min-height: auto;
    padding: 10px 30px 20px;
  }

  .cta-block---with-image.mobile-apps-image {
    padding-right: 30%;
  }

  .cta-mobile-app-image---absolute {
    max-width: 75%;
    bottom: -115px;
    right: -174px;
  }

  ._4-columns-3-rows-grid {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  ._100-percent-width-video-block {
    height: 500px;
  }

  .book-a-demo-flex-wrap {
    flex-direction: column;
  }

  .link-circle {
    width: 70px;
    height: 70px;
  }

  .link-circle.left-padding.color-bg {
    width: 60px;
    max-width: 50px;
    height: 60px;
    max-height: 50px;
  }

  ._4-columns-6-rows-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-image {
    background-position: 50%;
    height: 400px;
    margin-right: 0;
  }

  .value-wrap {
    padding-right: 40px;
  }

  .flex---justify-space-around {
    flex-direction: column;
    align-items: center;
  }

  .about-image-2 {
    background-position: 50% 30%;
    height: 400px;
  }

  .about-images-wrap {
    width: 100%;
    margin-left: 0;
  }

  .about-images-wrap.creaa-imageshang {
    top: -230px;
  }

  .about-image-3 {
    height: 250px;
    bottom: -16%;
    left: 5%;
  }

  .cta-absolute-image-wrap {
    border-radius: 8px;
    width: 100%;
    height: 350px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
  }

  .story-details-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .company-results-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .company-story-card-image {
    padding: 30px;
  }

  .article-hero-image {
    height: 500px;
  }

  .article-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .featured-insight-wrapper {
    background-color: var(--white);
    border-radius: 8px;
    margin-top: 50px;
    padding: 30px;
  }

  .feature-insight-link {
    flex-direction: column;
  }

  .feature-inisght-title-wrap {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .feature-inisght-image {
    min-height: 400px;
    margin-top: 40px;
    margin-left: 0;
  }

  .card-link-image.story-card {
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card-link-image.next-to-newsletter-form {
    height: 350px;
  }

  ._2-column-collection-item {
    width: 100%;
    padding: 12px;
  }

  ._3-column-collection-item {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .story-card-content-wrap {
    width: 60%;
    padding-right: 0%;
  }

  .menu-button {
    padding: 6px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .accordion-text {
    font-size: 24px;
    line-height: 30px;
  }

  .accordian-block {
    max-width: 350px;
    padding-left: 0;
    padding-right: 0;
  }

  .accordian-block.faqs {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-toggle {
    font-size: 24px;
    line-height: 34px;
  }

  .accordion-item {
    z-index: 1;
  }

  .accordion-icon {
    margin-left: 10px;
  }

  .center-on-mobile.brand-logo {
    font-size: 42px;
    line-height: 66px;
  }

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

  .newsletter-contain {
    flex: 0 auto;
    width: 100%;
    margin-top: 30px;
    padding: 30px;
  }

  .single-article-contain {
    width: 100%;
    padding: 30px;
  }

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

  .slide {
    margin-left: auto;
    margin-right: auto;
  }

  .heading {
    font-size: 46px;
    line-height: 70px;
  }

  .project-right-div {
    align-items: flex-start;
    margin-top: 0;
  }

  .project-right-div._2 {
    position: relative;
    top: -55px;
  }

  .project-left-div {
    align-items: flex-start;
  }

  .projects-container {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .more-projects-container {
    align-items: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .collection-list-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .navbar-container {
    grid-template-columns: 1fr 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .nav-menu-2 {
    background-color: #101010;
    padding-left: 20px;
  }

  .div-block-2 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .contact-button {
    display: inline-block;
  }

  .menu-button-2 {
    color: #000;
    background-color: #fff;
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #000;
    background-color: #d9d9d9;
  }

  .contact-us-form {
    max-width: 100%;
  }

  .contact-forrm-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .contact-us-grid {
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-container {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .footer-link-wrapper {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .p-d-image-wrapper {
    height: 520px;
  }

  .p-d-hero-container, .p-d-rich-text-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .cta-container {
    text-align: left;
    align-items: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .tabs {
    align-items: flex-start;
  }

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

  .projects-hero-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .integration-item {
    width: 180px;
    height: 55px;
    margin-right: 20px;
  }

  .logos-container {
    width: 100vw;
  }

  .black-shadow, .black-shadow-right {
    height: 55px;
  }

  .paragraph-4, .white-text-2.brands1-2 {
    font-size: 16px;
  }

  .white-text-2.brands1.b111 {
    font-size: 46px;
  }

  .white-text-2.bs4 {
    font-size: 40px;
    line-height: 70px;
  }

  .button-2 {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .section-4 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-4.home-hero {
    background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 69%, rgba(124, 127, 142, .62) 85%, rgba(200, 200, 200, .64));
    align-items: flex-start;
    height: auto;
    padding-top: 90px;
    padding-bottom: 80px;
  }

  .section-4.brand-logo {
    padding-top: 0;
  }

  .section-4.brand-logo.offer-logo2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-4.dark {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-4._1231313 {
    padding-top: 60px;
  }

  .section-4._1231313._23131 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-4.brand222 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-4.brand111 {
    padding-bottom: 0;
  }

  .section-4.brand111.case-study-sec {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-4.brand111.case-study2 {
    display: none;
  }

  .section-4.brand-s3 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .section-4.brands4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-4.ccc111, .section-4.ccc22, .section-4.ccc444, .section-4.brand-logo-copy {
    padding-top: 0;
  }

  .background-texture-image-4.opacity-40-percent {
    opacity: .2;
  }

  .container-3.investors {
    margin-top: 130px;
  }

  .container-3.brand131 {
    justify-content: center;
    display: flex;
  }

  .container-3.offer-logo-container {
    margin-bottom: 0;
  }

  .banner-link3, .banner-link2 {
    justify-content: center;
    display: flex;
  }

  .columns {
    width: 88%;
    max-width: 635px;
  }

  .banner-link {
    justify-content: center;
    width: auto;
    display: flex;
  }

  .video-55-percent-block-2 {
    width: 100%;
    height: 450px;
  }

  .video-55-percent-block-2.v1 {
    align-self: center;
    width: 100%;
    height: 400px;
  }

  .video-55-percent-block-2.v1.case-block2 {
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 400px;
    margin-bottom: 0;
  }

  .video-55-percent-block-2.v4 {
    top: -275px;
  }

  .video-description-block-3 {
    flex: 0 auto;
    align-self: flex-start;
    margin-top: 0;
    margin-left: 0;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .video-description-block-3.brand-text2 {
    position: relative;
    top: 448px;
  }

  .video-description-block-3.brand-text4 {
    top: 416px;
  }

  .video-description-block-3.case-block3 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-8 {
    font-size: 28px;
  }

  .heading-10, .heading-11 {
    font-size: 28px;
    line-height: 60px;
  }

  .heading-13._2323 {
    margin-bottom: 0;
    font-size: 42px;
    line-height: 66px;
  }

  .heading-13._1231, .heading-14 {
    font-size: 28px;
    line-height: 60px;
  }

  .heading-15 {
    font-size: 42px;
    line-height: 66px;
  }

  .heading-24 {
    padding-top: 54px;
  }

  .login-container {
    padding-top: 7%;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .login-head {
    margin-bottom: 4%;
  }

  .heading-39, .heading-40 {
    font-size: 28px;
    line-height: 60px;
  }

  .grid {
    grid-template-rows: auto;
    max-width: 1200px;
  }

  .column-3, .column-4 {
    margin-top: 20px;
  }

  .heading-41, .heading-42 {
    font-size: 28px;
    line-height: 60px;
  }

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

  .paragraph-20.case-para1 {
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .social-wrap-2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 0;
  }

  .reach-out-div1 {
    display: block;
  }

  .reach-out-button {
    margin-top: 0;
    margin-left: 330px;
    padding-top: 10px;
    padding-right: 30px;
    font-size: 16px;
  }

  .heading-44 {
    margin-left: 330px;
    margin-right: -60px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 28px;
  }

  .image-9 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-text {
    font-size: 36px;
    line-height: 48px;
  }

  .get-in-touch-button {
    margin-left: 302px;
    margin-right: 302px;
  }

  .slide-nav-4 {
    padding-top: 0;
  }

  .right-arrow-3 {
    margin-bottom: 57px;
    margin-right: -30px;
    padding-bottom: 0;
    font-size: 24px;
  }

  .left-arrow-2 {
    margin-bottom: 57px;
    margin-left: -30px;
    font-size: 24px;
  }

  .button-5 {
    margin-left: 290px;
    margin-right: 290px;
  }

  .image-13 {
    display: block;
  }

  .image-13.image-2 {
    margin-bottom: 0;
  }

  .div-block-19 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/768-942.jpg');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 942px;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 56px;
    line-height: 70px;
  }

  h2 {
    font-size: 40px;
    line-height: 54px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

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

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

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

  .section.dark.values {
    padding-bottom: 590px;
  }

  .section.dark.footer {
    padding-top: 50px;
  }

  .section.dark.less-padding {
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
    overflow: visible;
  }

  .section.with-mobile-app {
    padding-top: 50px;
  }

  .section.with-full-width-slider {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.for-individuals-hero {
    align-items: flex-start;
    height: auto;
    min-height: 600px;
    padding-top: 90px;
  }

  .section.for-companies-hero {
    height: auto;
    min-height: 600px;
    padding-top: 90px;
  }

  .section.full-width-image {
    height: 500px;
  }

  .section.about {
    background-position: 60%;
    height: auto;
  }

  .style-block {
    padding: 35px;
  }

  .button {
    padding: 10px 20px;
    font-size: 18px;
  }

  .button.outlined.navbar-cta.signup._12313.yidong {
    width: 111.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup.login.yidong2 {
    border-color: var(--midnight-blue);
    width: 120px;
    margin-left: 0;
  }

  .button.outlined.homes1left.homes4ledt.creator.div-button-3 {
    outline-offset: 0px;
    text-align: center;
    outline: 3px #fff;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._40px-height-div {
    height: 20px;
  }

  .container.sliede {
    overflow: hidden;
  }

  .large-paragraph {
    font-size: 20px;
    line-height: 36px;
  }

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

  .nav-link.no-show-on-desktop {
    display: none;
  }

  .hamburger-line {
    height: 2px;
  }

  .nav-menu {
    margin-top: 73px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo---light {
    max-width: 80%;
  }

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

  .navbar {
    min-height: auto;
    padding: 5px 3%;
  }

  .nav-container {
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brand {
    height: auto;
  }

  .brand.w--current {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-links-wrapper {
    height: auto;
    min-height: auto;
    max-height: 200px;
    padding-bottom: 30px;
    overflow: auto;
  }

  .home-hero-content-wrap {
    width: 100%;
  }

  .hero-content.individuals {
    width: 55%;
    min-width: 350px;
    max-width: 450px;
  }

  .home-hero-image-headshot {
    width: 170%;
    min-width: 1050px;
    max-width: none;
    display: none;
  }

  .h3-styling.white-text.homes4.h11 {
    font-size: 32px;
    line-height: 54px;
  }

  ._700px-width-block {
    width: auto;
    max-width: 500px;
  }

  ._50-percent-block {
    width: 80%;
  }

  ._50-percent-block.right-padding-60px {
    width: 100%;
    padding-right: 0;
  }

  ._50-percent-block.right-padding-60px.right {
    margin-top: 77px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    top: 332px;
  }

  ._50-percent-block.values {
    max-width: 100%;
  }

  .mobile-app-image {
    width: 110vw;
    max-width: 600px;
  }

  ._4-column-image-display {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    height: 2100px;
    min-height: 250vh;
  }

  ._4-column-image-display---wrapper {
    padding: 10px;
  }

  ._4-column-image-display---wrapper._2, ._4-column-image-display---wrapper._3, ._4-column-image-display---wrapper._4, ._4-column-image-display---wrapper._1 {
    padding: 20px;
  }

  ._4-column-image-display-image.home-3 {
    background-position: 50% 40%;
  }

  ._4-column-image-display-image.home-2 {
    background-position: 50% 20%;
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 10%;
  }

  ._4-column-image-display---contnet-wrapper, ._4-column-image-display---contnet-wrapper.testimonial-image-display {
    top: 45%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 40%;
  }

  .play-button-circle.left-margin {
    margin-top: 10px;
  }

  .interactive-hover-section {
    flex-direction: column;
  }

  .interactive-hover-block {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .interactive-hover-block---small-image {
    height: 350px;
    padding-bottom: 30px;
  }

  .interactive-hover-section---middle-phrase {
    display: none;
    top: auto;
    bottom: -4%;
    left: 42%;
    right: auto;
  }

  .partner-logos-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .partner-logos-grid._2-rows {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  }

  .partner-logos-grid._2-rows._1321313 {
    width: 70%;
  }

  .partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
    grid-column-gap: 23px;
    grid-row-gap: 42px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column dense;
    align-content: stretch;
    justify-content: stretch;
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-logo-wrap {
    padding-left: 34%;
    padding-right: 34%;
  }

  .partner-logo-wrap._2-rows.logo-wrap10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .partner-logo-wrap._2-rows.logo-wrap2, .partner-logo-wrap._2-rows.logo-wrap3, .partner-logo-wrap._2-rows.logo-wrap4, .partner-logo-wrap._2-rows.logo-wrap5, .partner-logo-wrap._2-rows.logo-wrap6, .partner-logo-wrap._2-rows.logo-wrap7, .partner-logo-wrap._2-rows.logo-wrap8, .partner-logo-wrap._2-rows.logo-wrap9 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .partner-logo {
    width: 100px;
    height: auto;
  }

  .image-licensing-grid.logos {
    grid-column-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1 {
    background-image: url('../images/768-blo-2.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
  }

  .right-arrow {
    right: 11px;
  }

  .left-arrow {
    right: 112px;
  }

  .values-circles-wrapper {
    width: 100%;
  }

  .value-circle._2 {
    font-size: 24px;
    bottom: 32%;
  }

  .value-circle._3 {
    width: 150px;
    height: 150px;
    font-size: 24px;
    bottom: 18%;
    left: 17%;
  }

  .value-circle._4 {
    font-size: 24px;
    right: 2%;
  }

  .value-circle._1 {
    width: 250px;
    height: 250px;
    font-size: 24px;
  }

  .cta-block {
    width: auto;
  }

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

  .copyrights {
    padding-left: 6%;
    padding-right: 6%;
  }

  .footer-info {
    display: none;
  }

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

  .copyrights-text {
    font-size: 14px;
    line-height: 24px;
  }

  ._500px-width-block {
    width: auto;
  }

  .cta-play-video-lightbox-link.absolute-bottom-left {
    flex-wrap: wrap;
    justify-content: center;
    left: 10px;
    right: 10px;
  }

  .testimonial {
    font-size: 24px;
    line-height: 36px;
  }

  .benefits-card-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .benefit-card {
    min-height: auto;
    padding-bottom: 34px;
  }

  .form-field.simple-email {
    margin-right: -146px;
  }

  .form-field.simple-email.pasword {
    margin-right: -109px;
  }

  .simple-form-block {
    width: 100%;
  }

  .video-cta-flex-block.case-block1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    margin: 50px 0 -30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .video-55-percent-block {
    height: 350px;
  }

  .video-description-block {
    padding: 30px;
  }

  .podcast-image {
    height: 225px;
  }

  .cta-block---with-image {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-block---with-image.mobile-apps-image {
    padding-right: 30%;
  }

  .cta-mobile-app-image---absolute {
    max-width: 85%;
    bottom: -118px;
    right: -163px;
  }

  ._4-columns-3-rows-grid {
    grid-row-gap: 50px;
    width: 100%;
  }

  ._100-percent-width-video-block {
    height: 350px;
  }

  ._600px-width-block {
    width: auto;
  }

  .cta-link-block {
    font-size: 18px;
  }

  ._4-columns-6-rows-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    width: 100%;
  }

  .about-image {
    height: 300px;
  }

  .value-wrap {
    padding-right: 10px;
  }

  .about-image-2 {
    z-index: 2;
    height: 300px;
    position: relative;
  }

  .about-image-3 {
    z-index: 1;
    height: 200px;
    bottom: -26%;
  }

  .company-results-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-bottom: 40px;
  }

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

  .company-story-card-image, .article-hero-image {
    height: 350px;
  }

  .rich-text-block {
    margin-top: 30px;
    padding-top: 20px;
  }

  .article-content {
    width: 100%;
    padding-left: 0%;
    padding-right: 0;
  }

  .featured-insight-wrapper {
    padding: 20px;
  }

  .feature-inisght-image {
    min-height: 350px;
  }

  .card-link-image.story-card {
    height: 375px;
    padding-left: 30px;
    padding-right: 30px;
  }

  ._3-column-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._40px-height-div-2 {
    height: 20px;
  }

  .licensing-source-wrap {
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .menu-button {
    padding-right: 0;
  }

  .text-animation-contain {
    bottom: 10%;
  }

  .animation-text {
    font-size: 50px;
  }

  .animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
    font-size: 60px;
  }

  .accordion-text {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    display: block;
  }

  .accordian-block {
    max-width: 100%;
  }

  .accordian-block.faqs {
    margin-bottom: 60px;
  }

  .accordion-toggle {
    height: auto;
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-family: Playfair Display, sans-serif;
    font-size: 18px;
    line-height: 28px;
    display: flex;
  }

  .accordion-item {
    margin-bottom: 20px;
  }

  .accordion-content {
    font-size: 16px;
    line-height: 28px;
  }

  .accordion-icon {
    width: 12px;
    margin-left: 10px;
  }

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

  .center-on-mobile.brand-logo {
    font-size: 30px;
    line-height: 42px;
  }

  .single-article-contain {
    padding-top: 20px;
  }

  .companies-hero-text-wrap {
    padding-right: 0;
  }

  .heading {
    font-size: 32px;
    line-height: 54px;
  }

  .heading.brands1 {
    font-size: 50px;
  }

  .paragraph {
    text-align: center;
  }

  .projects-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .gradient-text-2._11111, .gradient-text-2._222222 {
    font-size: 50px;
  }

  .navbar-container {
    grid-template-columns: 1fr 1fr;
  }

  .nav-link-2 {
    padding-bottom: 16px;
  }

  .contact-button {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .p-d-image-wrapper {
    height: 380px;
  }

  .company-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .tab-link.w--current {
    margin-bottom: 8px;
  }

  .tabs-menu {
    border-radius: 20px;
    flex-direction: column;
    height: auto;
    margin-bottom: 40px;
  }

  .integration-item {
    width: 160px;
    height: 50px;
    margin-right: 10px;
  }

  .black-shadow, .black-shadow-right {
    height: 50px;
  }

  .section-3 {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/creators-banner-new.jpg');
    background-position: 0 0, 50%;
  }

  .white-text-2.brands1.b111 {
    font-size: 32px;
    line-height: 54px;
  }

  .white-text-2.bs4 {
    font-size: 32px;
  }

  .button-2 {
    padding: 10px 20px;
    font-size: 18px;
  }

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

  .section-4.home-hero {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .section-4.brand-logo {
    padding-top: 0;
  }

  .section-4.brand-logo.offer-logo2 {
    margin-bottom: 0;
  }

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

  .section-4.brand111.case-study-sec {
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
  }

  .section-4.brand-s3 {
    margin-top: -57px;
  }

  .section-4.ccc22 {
    padding-bottom: 10px;
  }

  .section-4._3-33 {
    top: 0;
  }

  .section-4.brand-logo-copy {
    padding-top: 0;
  }

  .background-texture-image-4.opacity-40-percent {
    opacity: .2;
  }

  .background-texture-image-4.opacity-40-percent.long {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .container-3.offer-logo-container {
    padding-bottom: 55px;
  }

  .container-3.case-container {
    min-height: 0;
    margin-bottom: -30px;
    display: block;
  }

  .banner-link3 {
    justify-content: center;
    display: flex;
  }

  .cta-link-block-2 {
    font-size: 18px;
  }

  .banner-link2 {
    justify-content: center;
    display: flex;
  }

  .banner-link {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .video-55-percent-block-2 {
    height: 350px;
  }

  .video-55-percent-block-2.v1 {
    height: 400px;
  }

  .video-55-percent-block-2.v1.case-block2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: url('../images/1.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
    height: 400px;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .image-4.case-pic1 {
    display: block;
  }

  .video-description-block-3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 30px 0 30px 10px;
  }

  .video-description-block-3.brand-text2 {
    top: 279px;
  }

  .video-description-block-3.brand-text4 {
    top: 252px;
  }

  .video-description-block-3.case-block3 {
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-9.duoyuyan {
    display: block;
  }

  .heading-13._2323 {
    font-size: 30px;
    line-height: 42px;
  }

  .heading-13._1231 {
    font-size: 22px;
    line-height: 48px;
  }

  .heading-13._1231.case-heading1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    font-size: 42px;
  }

  .heading-14 {
    font-size: 22px;
    line-height: 48px;
  }

  .heading-24 {
    padding-top: 51px;
    font-size: 26px;
  }

  .container-4 {
    padding-left: 17px;
    padding-right: 12px;
  }

  .tabs-content-2 {
    margin-left: 22px;
    margin-right: 22px;
  }

  .section-11 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .heading-36 {
    margin-bottom: 20px;
  }

  .paragraph-22 {
    height: auto;
    display: block;
  }

  .login-page-wrapper {
    padding-top: 0;
  }

  .logo-text {
    font-size: 14px;
  }

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

  .logo-link {
    margin-right: auto;
    padding-left: 0;
  }

  .nav-step {
    width: 24px;
    height: 24px;
  }

  .signup-nav-step {
    width: 70px;
    font-size: 12px;
  }

  .field-wrapper.first-name-wrapper {
    margin-right: 5%;
  }

  .fake-logo {
    width: 26px;
    height: 26px;
    padding-left: 8px;
  }

  .signup-field {
    height: 50px;
  }

  .login-button {
    margin-top: 15px;
  }

  .dot {
    width: 10px;
    height: 10px;
  }

  .signup-label {
    margin-bottom: 2px;
  }

  .button-wrapper-2 {
    width: auto;
  }

  .column, .column-2 {
    justify-content: center;
    margin-bottom: 10px;
    display: flex;
  }

  .column-3 {
    justify-content: center;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
  }

  .column-4 {
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .heading-41, .heading-42 {
    font-size: 22px;
    line-height: 48px;
  }

  .paragraph-20 {
    font-size: 14px;
    line-height: 26px;
  }

  .paragraph-20.case-para1 {
    width: 99%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .paragraph-25, .paragraph-26, .paragraph-27 {
    font-size: 14px;
    line-height: 26px;
  }

  .grid-2 {
    grid-template-columns: 1.22fr;
  }

  .grid-2._111 {
    direction: ltr;
    grid-template-rows: auto auto;
    grid-template-columns: 1.22fr;
  }

  .new-section-11 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .about-me-stat {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-me-stat.case-number-div {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    align-content: end;
    justify-content: start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .stat-number, .stat-number._112 {
    font-size: 36px;
  }

  .body-5.industyr-location-name {
    opacity: 1;
  }

  .logo-container-all {
    padding-bottom: 0;
  }

  .logo-slide2 {
    float: none;
    position: relative;
  }

  .heading-text {
    text-align: center;
    width: auto;
    height: 120%;
    margin: 20px 50px;
    padding: 0 20px;
    font-size: 37px;
    line-height: 48px;
  }

  .get-in-touch-button {
    background-color: var(--orange-red);
    text-align: left;
    object-fit: fill;
    width: 152px;
    height: auto;
    margin-left: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 20px;
  }

  .cta-section {
    margin-top: 0;
    margin-bottom: 0;
  }

  .slide-nav-4 {
    opacity: 1;
    margin-top: 0;
    margin-bottom: -82px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .right-arrow-3 {
    margin-right: -180px;
  }

  .left-arrow-2 {
    margin-left: -180px;
    margin-right: 0;
  }

  .mask-6 {
    height: 400px;
  }

  .button-5 {
    margin-left: 195px;
    margin-right: 195px;
  }

  .slide-5 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .div-block-19 {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 660px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 48px;
    line-height: 60px;
  }

  h2 {
    font-size: 36px;
    line-height: 48px;
  }

  h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
  }

  h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }

  h5 {
    font-size: 18px;
    line-height: 24px;
  }

  h6 {
    font-size: 16px;
    line-height: 20px;
  }

  blockquote {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 34px;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .section.dark {
    display: block;
  }

  .section.dark.values {
    padding-bottom: 470px;
  }

  .section.with-mobile-app {
    padding-top: 0;
  }

  .section.for-individuals-hero {
    background-position: 60%;
    align-items: center;
    height: 100vh;
    padding-top: 50px;
  }

  .section.for-companies-hero {
    background-position: 50%;
    align-items: flex-start;
    height: 100vh;
    padding-top: 130px;
    padding-bottom: 90px;
  }

  .section.full-width-image {
    height: 600px;
  }

  .section.about {
    background-position: 60% 100%;
    align-items: flex-start;
    height: auto;
    min-height: 550px;
    padding-top: 100px;
  }

  .section.story-hero {
    background-position: 35%;
    align-items: flex-start;
    min-height: 650px;
    padding-top: 100px;
  }

  .color-wrapper {
    width: 50%;
  }

  .colors-contain {
    justify-content: center;
  }

  .style-block {
    padding: 20px;
  }

  .button-wrapper {
    text-align: center;
    width: 100%;
  }

  .button {
    padding-left: 14px;
    padding-right: 14px;
  }

  .button.outlined.navbar-cta.signup.login.yidong2 {
    width: 112px;
  }

  .button.outlined.homes1left {
    margin-left: 10px;
  }

  .button.outlined.homes1left.homes4ledt.creator {
    font-size: 16px;
  }

  .button.outlined.homes1left.homes4ledt.creator.div-button-3 {
    justify-content: center;
    align-items: center;
  }

  .button.outlined.homes1left.homes4ledt.homes1right {
    margin-left: 10px;
  }

  .button.outlined.homes1right {
    margin-right: 10px;
    font-size: 16px;
  }

  ._40px-height-div {
    height: 20px;
  }

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

  .nav-link.w--current {
    border-top-style: none;
  }

  .hamburger-line {
    height: 2px;
  }

  .nav-menu {
    margin-top: 62px;
    padding: 10px 14px 40px;
  }

  .logo---light {
    max-width: 70%;
  }

  .menu-item {
    text-align: center;
    padding-top: 20px;
  }

  .navbar {
    padding: 0 20px;
  }

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

  .brand.w--current {
    padding-left: 0;
  }

  .nav-links-wrapper {
    height: auto;
    max-height: 90vh;
    padding-bottom: 30px;
  }

  .home-hero-content-wrap {
    width: 100%;
  }

  .hero-content.individuals {
    width: 70%;
    min-width: auto;
  }

  .hero-content.companies {
    padding-right: 0%;
  }

  .home-hero-image-headshot {
    width: 250%;
    min-width: 1100px;
    display: none;
    left: -19%;
  }

  .h3-styling.white-text.homes4 {
    text-align: center;
    font-size: 26px;
    line-height: 40px;
  }

  .h3-styling.white-text.homes4.h11 {
    font-size: 26px;
    line-height: 42px;
  }

  ._700px-width-block {
    text-align: left;
  }

  ._700px-width-block.center-on-mobile {
    text-align: center;
  }

  ._50-percent-block {
    width: 100%;
  }

  ._50-percent-block.right-padding-60px.right {
    margin-top: 68px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    top: 347px;
  }

  ._50-percent-block.story-hero-title-wrap {
    padding-right: 12%;
  }

  .mobile-app-image {
    width: 120vw;
  }

  ._4-column-image-display---wrapper {
    padding: 24px;
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 0;
  }

  ._4-column-image-display---contnet-wrapper {
    top: 45%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 30%;
  }

  .play-button-circle.left-margin {
    margin-top: 10px;
    margin-left: 0;
  }

  .interactive-hover-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .interactive-hover-block---small-image {
    height: 300px;
  }

  .logo---dark {
    max-width: 70%;
  }

  .partner-logos-grid {
    padding-top: 0;
  }

  .partner-logos-grid._2-rows {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
  }

  .partner-logos-grid._2-rows._1321313 {
    grid-template-columns: 1fr;
  }

  .partner-logos-grid._2-rows._1321313.offers-logo-grid1 {
    grid-column-gap: 24px;
    grid-row-gap: 34px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: end;
    justify-content: stretch;
    align-items: center;
    justify-items: center;
    width: 100%;
    min-width: 80%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: grid;
    position: relative;
  }

  .partner-logo-wrap {
    padding-left: 28%;
    padding-right: 28%;
  }

  .partner-logo-wrap._2-rows {
    padding-left: 18%;
    padding-right: 18%;
  }

  .partner-logo {
    width: 80px;
  }

  .image-licensing-grid.logos {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .slide-nav.offer-slide-nav {
    margin-bottom: 50px;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1 {
    -webkit-text-fill-color: inherit;
    background-image: url('../images/768-blo.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50%, 0 0;
    background-size: cover, auto;
    background-clip: border-box;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    margin-bottom: -30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1.slider-2 {
    background-image: url('../images/768.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
  }

  .slider-content-contain.home-s1.offers1.siler-pic1.slider-2.slider3 {
    background-image: url('../images/768-blo.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
    height: 100vh;
  }

  .left-slider-content-wrap {
    padding-right: 0;
  }

  .slider-image {
    height: 325px;
  }

  .right-arrow {
    bottom: 2%;
    right: 1px;
  }

  .left-arrow {
    bottom: 2%;
    right: 99px;
  }

  .value-circle._2 {
    width: 150px;
    height: 150px;
    bottom: 27%;
    left: 51%;
  }

  .value-circle._3 {
    width: 125px;
    height: 125px;
    bottom: 20%;
    left: 17%;
  }

  .value-circle._4 {
    width: 110px;
    height: 110px;
    top: 46%;
    right: -2%;
  }

  .value-circle._1 {
    width: 200px;
    height: 200px;
    bottom: 4%;
  }

  .footer-link {
    text-align: left;
    font-size: 16px;
  }

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

  .footer-home-link.w--current {
    margin-bottom: 10px;
  }

  .social-wrap {
    padding-top: 6px;
    padding-bottom: 14px;
  }

  .footer-info {
    display: none;
  }

  .footer-grid {
    grid-template-rows: auto auto auto auto;
  }

  .cta-play-video-lightbox-link.absolute-bottom-right {
    flex-flow: column wrap;
    align-items: flex-start;
    left: 20px;
    right: 20px;
  }

  .cta-play-video-lightbox-link.absolute-bottom-left {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
  }

  .testimonial {
    font-size: 16px;
    line-height: 32px;
  }

  .testimonial-column {
    height: 90vh;
  }

  .benefit-description {
    font-size: 16px;
  }

  .benefit-heading {
    font-size: 22px;
    line-height: 48px;
  }

  .form-field.simple-email {
    margin-right: -135px;
  }

  .form-field.simple-email.pasword {
    margin-right: -97px;
  }

  .video-cta-flex-block.case-block1 {
    grid-template-columns: 1fr;
    grid-auto-columns: .75fr;
    width: auto;
    min-width: 90%;
    height: 100%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 40px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .video-description-block {
    padding: 24px;
  }

  ._3-columns-2-rows-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .podcast-image {
    height: 250px;
  }

  .podcast-image._4 {
    background-position: 50% 60%;
    height: 250px;
  }

  .cta-block---with-image {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-block---with-image.mobile-apps-image {
    margin-bottom: 50px;
    padding-bottom: 205px;
    padding-right: 20px;
  }

  .cta-mobile-app-image---absolute {
    width: 150%;
    max-width: 500px;
    bottom: -123px;
    right: -100px;
  }

  ._4-columns-3-rows-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-link-block {
    flex-direction: row;
    justify-content: flex-start;
  }

  .link-circle {
    margin-top: 13px;
    margin-left: 0;
  }

  .link-circle.left-padding.color-bg {
    margin-top: 3px;
  }

  .value-wrap {
    padding-right: 0;
  }

  .about-image-2 {
    height: 275px;
    position: relative;
    top: -21px;
  }

  .about-images-wrap {
    margin-top: 50px;
  }

  .about-image-3 {
    z-index: 1;
    width: 275px;
    bottom: -23%;
    left: 3%;
  }

  .cta-absolute-image-wrap {
    height: 225px;
  }

  .story-company-logo {
    max-width: 50%;
  }

  .story-details-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .company-results-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .article-hero-image {
    height: 300px;
  }

  .featured-insight-wrapper {
    padding: 18px;
  }

  .feature-inisght-image {
    min-height: 300px;
  }

  .card-link-image {
    height: 275px;
  }

  .card-link-image.story-card {
    background-position: 60%;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 24px;
  }

  .card-link-image.next-to-newsletter-form {
    height: 250px;
  }

  .story-card-content-wrap {
    width: 75%;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._404 {
    font-size: 150px;
    line-height: 160px;
  }

  .licensing-source-wrap {
    justify-content: flex-start;
  }

  .menu-button {
    padding-right: 0;
  }

  .text-animation-contain {
    bottom: 18%;
  }

  .animation-text {
    font-size: 40px;
    line-height: 44px;
  }

  .animation-text---second-word {
    font-size: 56px;
  }

  .animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
    font-size: 46px;
  }

  .accordion-text {
    color: var(--midnight-blue);
    white-space: normal;
    font-size: 20px;
    line-height: 30px;
  }

  .accordian-block.faqs {
    margin-bottom: 40px;
  }

  .accordion-toggle {
    align-items: center;
    font-size: 22px;
    line-height: 32px;
  }

  .accordion-content {
    font-size: 16px;
    line-height: 25px;
  }

  .accordion-icon {
    width: 12px;
    max-width: none;
    margin-left: 10px;
  }

  .center-on-mobile.brand-logo {
    font-size: 28px;
    line-height: 40px;
  }

  .text-shadow---dark-text {
    text-shadow: 4px 4px 20px rgba(0, 0, 0, .12);
  }

  .newsletter-contain, .single-article-contain {
    padding: 20px;
  }

  .companies-hero-text-wrap {
    padding-right: 24%;
  }

  .company-logo {
    max-width: 50%;
  }

  .heading {
    font-size: 32px;
  }

  .heading.brands1 {
    font-size: 32px;
    line-height: 54px;
  }

  .paragraph {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
  }

  .div-block {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .project-right-div._2 {
    margin-top: -29px;
  }

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

  .heading-5 {
    text-align: left;
    font-size: 42px;
    line-height: 48px;
  }

  .projects-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .body-1 {
    line-height: 28px;
  }

  .gradient-text-2._11111, .gradient-text-2._222222 {
    font-size: 40px;
  }

  .more-projects-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .projects-card-image {
    height: 240px;
  }

  .navbar-container {
    margin-left: 24px;
    margin-right: 24px;
  }

  .menu-button-2 {
    padding: 8px;
  }

  .contact-us-form {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-forrm-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .link-wrapper {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer {
    padding-top: 100px;
  }

  .footer-link-wrapper {
    padding-bottom: 80px;
  }

  .heading-6 {
    font-size: 24px;
    line-height: 28px;
  }

  .p-d-tittle-wrapper {
    margin-bottom: 40px;
  }

  .p-d-image-wrapper {
    height: 240px;
  }

  .p-d-hero-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .rich-text-block-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .projects-text-block {
    margin-left: 20px;
    margin-right: 20px;
  }

  .company-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .p-d-rich-text-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .cta-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-1 {
    font-size: 64px;
    line-height: 72px;
  }

  .heading-1.projects-heading {
    letter-spacing: -1px;
    font-size: 56px;
    line-height: 64px;
  }

  .projects-hero-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .integration-item {
    width: 130px;
    height: 45px;
  }

  .black-shadow, .black-shadow-right {
    width: 15%;
    height: 45px;
  }

  .paragraph-4 {
    font-size: 14px;
    line-height: 24px;
  }

  .section-3 {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/creators-banner-new.jpg');
    background-position: 0 0, 50%;
  }

  .paragraph-5 {
    font-size: 14px;
    line-height: 26px;
  }

  .white-text-2.brands1-2 {
    font-size: 16px;
    line-height: 28px;
  }

  .white-text-2.brands1.b111 {
    font-size: 32px;
    line-height: 54px;
  }

  .white-text-2.bs4 {
    font-size: 26px;
    line-height: 42px;
  }

  .button-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .button-2.brands1, .button-2.brand-last, .button-2.brands1 {
    font-size: 16px;
  }

  .section-4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-4.home-hero {
    padding-top: 90px;
    padding-bottom: 50px;
  }

  .section-4.brand-logo {
    margin-top: -50px;
    padding-bottom: 60px;
  }

  .section-4.brand-logo.offer-logo2 {
    background-position: 100% 100%;
    background-size: cover;
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .section-4.dark.case-dark, .section-4._1231313, .section-4._1231313._23131 {
    padding-top: 60px;
  }

  .section-4.brand222 {
    height: 660px;
  }

  .section-4.brand111 {
    height: 600px;
  }

  .section-4.brand111.case-study-sec {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 650px;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: none;
  }

  .section-4.brand111.case-study2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding-top: 50px;
    padding-left: 6%;
    padding-right: 6%;
    display: none;
  }

  .section-4.brand-s3 {
    height: 630px;
    margin-top: -133px;
    margin-bottom: -58px;
    padding-bottom: 0;
  }

  .section-4.brands4 {
    height: 660px;
    margin-top: 4px;
  }

  .section-4.ccc22 {
    padding-bottom: 25px;
  }

  .section-4.brand-logo-copy {
    margin-top: -50px;
    padding-bottom: 60px;
  }

  .section-4.brand-logo-copy.offer-logo2 {
    margin-bottom: -110px;
    padding-bottom: 150px;
  }

  .background-texture-image-4.opacity-40-percent {
    min-height: 70px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 350px 160px;
    position: static;
  }

  .background-texture-image-4.opacity-40-percent.long {
    background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
    background-size: cover;
    flex: 0 auto;
    width: 320px;
    height: 630px;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .container-3.offer-logo-container {
    aspect-ratio: auto;
    cursor: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    position: static;
  }

  .container-3.case-container {
    min-height: 100px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta-link-block-2 {
    flex-direction: row;
    justify-content: flex-start;
  }

  .video-55-percent-block-2.v1 {
    background-image: url('../images/屏幕快照-2024-04-22-下午3.38.33.png');
    background-position: 50%;
    background-size: cover;
    width: 100%;
    min-width: 0;
    min-height: 0;
  }

  .video-55-percent-block-2.v1.case-block2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: 70px;
    display: flex;
  }

  .video-description-block-3 {
    max-width: 500px;
    padding: 20px 10px 24px;
  }

  .video-description-block-3.brand-text2 {
    top: 310px;
  }

  .video-description-block-3.brand-text4 {
    top: 285px;
    bottom: auto;
  }

  .video-description-block-3.case-block3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-9 {
    display: block;
  }

  .heading-8 {
    font-size: 20px;
    line-height: 32px;
  }

  .heading-10, .heading-11 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-13._2323 {
    font-size: 28px;
    line-height: 40px;
  }

  .heading-13._1231 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-13._1231.case-heading1 {
    min-width: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 36px;
  }

  .heading-14 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-15 {
    font-size: 28px;
    line-height: 40px;
  }

  .paragraph-10 {
    font-size: 17px;
  }

  .heading-24 {
    padding-top: 56px;
    font-size: 22px;
  }

  .list-9 {
    padding-right: 22px;
  }

  .paragraph-11 {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-2 {
    flex-direction: column;
    align-items: center;
  }

  .bold-text-58 {
    margin-left: 22px;
    padding-left: 0;
  }

  .tabs-content-2 {
    margin-left: 22px;
    margin-right: 22px;
    display: block;
  }

  .tab-pane-tab-1 {
    margin-left: 0;
  }

  .section-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-36 {
    font-size: 36px;
  }

  .link-5 {
    direction: ltr;
    text-transform: none;
    object-fit: fill;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .top-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 0;
  }

  .login-container {
    min-width: 0;
  }

  .logo-link {
    width: auto;
    margin-bottom: 12px;
    margin-right: auto;
  }

  .login-head {
    font-size: 22px;
  }

  .button-wrapper-2 {
    width: auto;
  }

  .heading-39, .heading-40, .heading-41, .heading-42 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .paragraph-20 {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
  }

  .paragraph-20.case-para1 {
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .paragraph-25, .paragraph-26, .paragraph-27 {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
  }

  .new-section-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .social-wrap-2 {
    padding-top: 6px;
    padding-bottom: 14px;
  }

  .about-me-stat {
    grid-template-columns: 1fr 1fr;
  }

  .about-me-stat.case-number-div {
    grid-column-gap: 10px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    width: 97%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .stat-number, .stat-number._112 {
    text-align: left;
    font-size: 24px;
  }

  .body-5 {
    line-height: 28px;
  }

  .body-5.industyr-location-name {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .mask-3.logo-mask {
    height: 430px;
    margin-bottom: 0;
  }

  .logo-slide-nav {
    height: 50px;
    min-height: 0;
    margin-top: 0;
    margin-bottom: -130px;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
  }

  .logo-container-all {
    height: 660px;
    margin-bottom: -20px;
    padding-bottom: 0;
  }

  .logo-con-1 {
    height: 110%;
    margin-top: -30px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-slider {
    padding-bottom: 0;
  }

  .logo-left-arrow {
    margin-bottom: 190px;
    padding-bottom: 60px;
  }

  .logo-right-arrow {
    margin-bottom: 190px;
  }

  .logo-slide2 {
    height: 130px;
    min-height: 0;
    margin-bottom: -100px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 70px;
    padding-left: 30px;
  }

  .text-div-2 {
    object-fit: fill;
    width: 360px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 90px;
  }

  .heading-text {
    height: 120%;
    margin: 0 -20px 30px 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 36px;
    line-height: 40px;
  }

  .get-in-touch-button {
    width: 141px;
    margin-left: 94px;
    margin-right: 60px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 30px;
  }

  .cta-section {
    min-height: 630px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-nav-4 {
    opacity: 1;
    flex-flow: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: -280px;
    padding-top: 0;
    display: flex;
  }

  .right-arrow-3, .left-arrow-2 {
    opacity: 0;
  }

  .mask-6 {
    height: 570px;
  }

  .div-block-17 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
  }

  .button-5 {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
  }

  .slide-5 {
    position: static;
  }

  .div-block-19 {
    height: 420px;
  }
}

#w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36cd-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36cf-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d1-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d3-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d5-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17cc-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17ce-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d0-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d2-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d4-d21b7d88 {
  align-self: center;
}

#w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce75-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce7a-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce7f-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce84-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6cea8-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceae-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceb4-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceba-25d2f359 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47be-90a10627 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47c0-90a10627 {
  align-self: center;
  justify-self: stretch;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47cc-90a10627 {
  align-self: center;
  justify-self: end;
}

#w-node-fef8b648-67ee-e81e-c0fa-b67b800d27c6-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fef8b648-67ee-e81e-c0fa-b67b800d27d8-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_1461bd81-544e-969d-a8a3-03975bd5da37-90a10627, #w-node-_1461bd81-544e-969d-a8a3-03975bd5da3d-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12a9-0bef2dc0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12ab-0bef2dc0 {
  align-self: center;
  justify-self: stretch;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12b7-0bef2dc0 {
  align-self: center;
  justify-self: end;
}

#w-node-_837177ff-992e-73bc-68a4-2a8fb6f6dcf5-0bef2dc0, #w-node-_837177ff-992e-73bc-68a4-2a8fb6f6dcfb-0bef2dc0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1ec-f6d31031 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1ee-f6d31031 {
  align-self: center;
  justify-self: stretch;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1fa-f6d31031 {
  align-self: center;
  justify-self: end;
}

#w-node-_64362075-d59f-4e78-65a0-ff88f61448a2-f6d31031, #w-node-_64362075-d59f-4e78-65a0-ff88f61448a9-f6d31031, #w-node-_64362075-d59f-4e78-65a0-ff88f61448b0-f6d31031, #w-node-_97f3b618-00eb-5185-4b90-ed7091651916-f6d31031, #w-node-_97f3b618-00eb-5185-4b90-ed709165191c-f6d31031 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfd2-a9a113a0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfd4-a9a113a0 {
  align-self: center;
  justify-self: stretch;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfe0-a9a113a0 {
  align-self: center;
  justify-self: end;
}

#w-node-_390c089b-ac3d-76cd-27b1-adcf614eff3f-a9a113a0, #w-node-_390c089b-ac3d-76cd-27b1-adcf614eff45-a9a113a0, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9b5-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9bd-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9c7-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9d1-dafd8da9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e6343238-e497-3e90-d400-5ea9e68b214b-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b214d-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b214f-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2151-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2153-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2155-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2157-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2159-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b215b-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b215d-a9407012, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c900-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c902-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c904-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c906-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c908-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c90a-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c90c-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c90e-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c910-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c912-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c914-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c916-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c918-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c91a-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c91c-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c91e-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c920-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c922-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c924-1a4c5376, #w-node-_8bc5d1dc-0a43-ea41-469b-75b13af3c926-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063dfc-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063dfe-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e00-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e02-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e04-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e06-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e08-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e0a-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e0c-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e0e-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e10-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e12-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e14-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e16-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e18-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e1a-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e1c-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e1e-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e20-1a4c5376, #w-node-_1184e0d4-4fd2-5a68-16a5-a92e76063e22-1a4c5376 {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9b5-dafd8da9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47cf-90a10627 {
    align-self: center;
    justify-self: end;
  }

  #w-node-fef8b648-67ee-e81e-c0fa-b67b800d27d8-90a10627 {
    justify-self: start;
  }

  #w-node-_98995cc4-624b-03d2-a015-6ac92fee12ba-0bef2dc0, #w-node-_181a494a-cfeb-f384-adbd-578ee784f1fd-f6d31031, #w-node-d061d907-eccf-f73d-c59c-0e9bc273bfe3-a9a113a0 {
    align-self: center;
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 3;
  }
}


@font-face {
  font-family: 'Helvetica 587ebe5a59211';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica rounded 5871d05ead8de';
  src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica compressed 5871d14b6903a';
  src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

body {
  color: #040b32;
  font-family: Gothic A1, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

h1 {
  color: #040b32;
  margin-top: 12px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 92px;
}

h2 {
  color: #040b32;
  margin-top: 8px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 72px;
}

h3 {
  color: #040b32;
  margin-top: 8px;
  margin-bottom: 6px;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 46px;
}

h4 {
  color: #040b32;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

h5 {
  color: #040b32;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

h6 {
  color: #040b32;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #040b32;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

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

li {
  color: #040b32;
  margin-bottom: 8px;
  font-size: 18px;
}

blockquote {
  color: #040b32;
  border-left: 5px solid #ff5722;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
}

.section {
  z-index: 2;
  color: #040b32;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 100px 6%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.home-hero {
  z-index: 2;
  height: 100vh;
  background-color: #040b32;
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 48%, rgba(124, 127, 142, .62) 66%, rgba(200, 200, 200, .84));
  overflow: hidden;
}

.section.dark {
  z-index: 2;
  background-color: #040b32;
  background-image: linear-gradient(198deg, #040b32, rgba(19, 26, 62, .95) 91%, rgba(255, 255, 255, .06));
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.dark.values {
  height: auto;
  min-height: 85vh;
}

.section.dark.footer {
  padding-top: 100px;
  padding-bottom: 130px;
}

.section.dark.less-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.dark.creators5 {
  margin-left: auto;
  margin-right: auto;
}

.section.dark.creators5.sign-up {
  padding-top: 60px;
}

.section.with-mobile-app {
  z-index: 2;
  height: auto;
  background-color: #fafafa;
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
}

.section.with-4-column-image-display {
  z-index: 2;
  background-color: #fff;
  padding: 40px 0%;
  overflow: hidden;
}

.section.with-4-column-image-display.no-padding {
  display: block;
}

.section.full-width-video {
  z-index: auto;
  height: 100vh;
  background-color: #fff;
}

.section.no-padding {
  z-index: 2;
  padding: 0%;
}

.section.with-full-width-slider {
  max-width: none;
  padding-left: 0%;
  padding-right: 0%;
  overflow: hidden;
}

.section.with-full-width-slider.homes1 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.for-individuals-hero {
  height: 100vh;
  background-image: url('../images/Individuals-Hero-3-1_1Individuals Hero (3) (1).webp');
  background-position: 50%;
  background-size: cover;
}

.section.for-companies-hero {
  height: 100vh;
  background-image: url('../images/Companies-Hero-1_1Companies Hero (1).webp');
  background-position: 50%;
  background-size: cover;
}

.section.full-width-image {
  height: 100vh;
  background-image: url('../images/Podcast-Image-1_1Podcast Image (1).webp');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.section.about {
  height: 100vh;
  background-image: url('../images/About-hero_1About hero.webp');
  background-position: 50%;
  background-size: cover;
}

.section.story-hero {
  height: 100vh;
  background-image: url('../images/m-brauer-gMeQdurj2yk-unsplash-copy_1m-brauer-gMeQdurj2yk-unsplash copy.webp');
  background-position: 50%;
  background-size: cover;
}

.section.insights-hero {
  height: auto;
  min-height: auto;
  padding-bottom: 0;
}

.section.insights-hero-section {
  padding-bottom: 0;
}

.section.change-log {
  min-height: 60vh;
}

.section.creators2.creatoes2 {
  height: auto;
  padding-bottom: 0;
}

.section.creators2.c4bl {
  padding-bottom: 220px;
}

.section.creators3 {
  padding-bottom: 0;
}

.color {
  width: 80px;
  height: 80px;
  color: #01060b;
  background-color: #cfd6e1;
  border-radius: 50%;
}

.color.ffffff {
  background-color: #fff;
}

.color.fafafa {
  background-color: #fafafa;
}

.color.ff5722 {
  color: #ff5722;
  background-color: #ff5722;
  border: 1px solid rgba(164, 166, 173, .16);
}

.color.c8c8c8 {
  background-color: #c8c8c8;
}

.color.ffffff {
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.color._040b32 {
  color: #040b32;
  background-color: #01060b;
}

.color.e7e7e7 {
  background-color: #e7e7e7;
}

.color-wrapper {
  width: 33.33%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  display: flex;
}

.colors-contain {
  width: 100%;
  border-bottom: 1px rgba(155, 155, 155, .3);
  border-right: 1px rgba(155, 155, 155, .3);
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.style-block {
  width: 100%;
  background-color: #fff;
  border: 1px #01060b;
  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 24px;
  padding: 45px;
}

.color-hex {
  color: #a4a6ad;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.button-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 30px;
}

.buttons-contain {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #001a38;
  border-radius: 4px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 30px;
  display: flex;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #ff5722;
  border: 2px solid #ff5722;
  border-radius: 100px;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  transition: all .35s;
}

.button:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(255, 87, 34, .9);
  border-color: #ff5722;
}

.button.outlined {
  width: 129.109px;
  color: #ff5722;
  background-color: rgba(0, 0, 0, 0);
}

.button.outlined:hover {
  color: #fff;
  background-color: #ff5722;
}

.button.outlined.white-outline {
  color: #fff;
  border-color: #fff;
}

.button.outlined.white-outline:hover {
  background-color: #ff5722;
  border-color: #ff5722;
}

.button.outlined.navbar-cta {
  width: auto;
  color: #fff;
  border-color: #fff;
}

.button.outlined.navbar-cta:hover {
  background-color: rgba(0, 0, 0, 0);
}

.button.outlined.navbar-cta.logon {
  color: #fff;
  border-style: none;
  border-color: rgba(0, 0, 0, 0);
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  display: none;
}

.button.outlined.navbar-cta.signup {
  font-family: Helvetica, sans-serif;
}

.button.outlined.navbar-cta.signup._12313 {
  color: #fff;
  background-color: #ff5722;
  border-color: #ff5722;
  margin-left: 10px;
}

.button.outlined.navbar-cta.signup.login {
  background-color: #040b32;
  margin-left: 20px;
}

.button.outlined.homes1left {
  width: 138.5px;
  color: #fff;
  background-color: #040b32;
  border-color: #040b32;
  margin-left: 20px;
  margin-right: 0;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1left:hover {
  color: #fff;
  background-color: #121e5f;
  border-color: #121e5f;
}

.button.outlined.homes1left.hones1-4 {
  margin-right: 0;
}

.button.outlined.homes1left.homes4ledt {
  color: #040b32;
  background-color: #fff;
  border-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1left.homes4ledt:hover {
  color: #040b32;
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.button.outlined.homes1left.homes4ledt.creator {
  color: #fff;
  background-color: #ff5722;
  border-color: #ff5722;
  margin-left: auto;
  margin-right: auto;
}

.button.outlined.homes1left.homes4ledt.creator:hover {
  background-color: #da552b;
  border-color: #da552b;
}

.button.outlined.homes1left.homes4ledt.homes1right {
  margin-left: 20px;
  margin-right: 0;
}

.button.outlined.homes1right {
  width: 138.5px;
  color: #fff;
  background-color: #ff5722;
  margin-left: 0;
  margin-right: 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1right:hover {
  background-color: #da552b;
  border-color: #da552b;
}

.button.outlined.homes1right.homes1-2 {
  margin-left: 0;
  font-family: Helvetica, sans-serif;
}

.button.outlined.homes1right.homes4right {
  color: #fff;
  background-color: #ff5722;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.button.outlined.homes1right.homes4right:hover {
  color: #fff;
  background-color: #da552b;
}

.button.outlined.homes1right.creator {
  margin-right: 0;
}

.button.outlined.homescreen1-2, .button.outlined.homescreen1-3 {
  width: 138.5px;
}

.button.submit {
  height: 50px;
  margin-top: 4px;
}

._40px-height-div {
  width: 100%;
  height: 40px;
}

.color-heading {
  color: #040b32;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.bottom-margin {
  margin-bottom: 24px;
}

.text-links {
  width: 100%;
  padding: 25px;
}

.color-text-span {
  color: #d400b3;
}

.container {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.container.centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.story-content {
  padding-left: 10%;
  padding-right: 10%;
}

.container.investors {
  margin-top: 150px;
}

.container.shhouye {
  height: 100%;
  max-width: none;
  position: relative;
}

.container.dibu {
  justify-content: center;
}

.container.sliede {
  width: 95%;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.large-paragraph {
  font-size: 26px;
  line-height: 42px;
}

.large-paragraph.white-text.homes4 {
  margin-bottom: 20px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.nav-menu-item-description {
  color: #040b32;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.nav-link {
  height: 75px;
  color: #040b32;
  border-top: 3px solid rgba(255, 87, 34, 0);
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.nav-link:hover {
  /* color: #fff; */
  border-top: 3px solid #ff5722;
}

.nav-link.w--current {
  border-top-color: #ff5722;
  text-decoration: none;
  transition-duration: .4s;
}

.nav-link.no-show-on-desktop {
  display: none;
}

.menu-demo-cta {
  z-index: 2;
  max-width: none;
  min-width: auto;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 30px;
  padding-left: 0%;
  position: relative;
}

.mega-nav-link {
  color: #040b32;
  border-radius: 4px;
  align-items: flex-start;
  padding: 10px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.mega-nav-link:hover {
  box-shadow: none;
  opacity: 1;
  background-color: #fff;
  transform: none;
}

.nav-menu {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  display: flex;
  position: static;
}

.book-demo-content {
  z-index: 1;
  width: 34%;
  height: 100%;
  max-width: 600px;
  background-color: #fff;
  flex: 0 auto;
  margin-top: 0;
  margin-right: 0;
  padding: 30px 50px 60px 30px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.logo---light {
  width: 100%;
}

.menu-item {
  flex: 1;
}

.navbar-expand-arrow {
  margin-top: 0;
  margin-left: 8px;
}

.navbar-expand-arrow.dark {
  opacity: 0;
  position: absolute;
  top: 14px;
}

.navbar {
  z-index: 100;
  width: 100%;
  min-height: auto;
  opacity: 1;
  background-color: #fff;
  border-bottom: 1px #f8f7f7;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding: 0 2%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav-menu-grid {
  width: 100%;
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.hamburger-wrap {
  display: none;
}

.nav-menu-subtitles {
  color: #040b32;
  text-transform: none;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  transition: all .35s;
}

.nav-menu-subtitles:hover {
  color: #040b32;
}

.dropdown-list {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.dropdown-list.w--open {
  width: 100vw;
  color: #040b32;
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  padding: 0 6% 60px;
  display: flex;
  position: absolute;
  top: 98%;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: 1px 1px 13px rgba(0, 0, 0, .06);
}

.nav-container {
  width: 100%;
  max-width: none;
  min-height: auto;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.brand {
  width: 180px;
  height: 75px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.brand.w--current {
  width: 180px;
}

.mega-menu-title-box {
  width: auto;
  max-width: none;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 30px;
  padding-left: 0;
  padding-right: 25px;
}

.nav-links-wrapper {
  align-items: center;
  display: flex;
}

.dropdown {
  height: 75px;
  color: #2b2b2b;
  border-top: 4px rgba(84, 131, 145, 0);
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: static;
}

.dropdown:hover {
  color: #225081;
  border-top-style: none;
  border-top-color: #548391;
}

.dropdown-toggle {
  height: 75px;
  color: #fff;
  border-top: 3px solid rgba(255, 87, 34, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  font-family: Gothic A1, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.dropdown-toggle:hover {
  border-top: 3px solid #ff5722;
}

.home-hero-content-wrap {
  width: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  top: -16px;
}

.home-hero-content-wrap.brands1 {
  justify-content: center;
}

.hero-content {
  width: 50%;
  min-width: 600px;
}

.hero-content.individuals {
  width: 55%;
}

.hero-content.companies {
  width: 60%;
  min-width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-content.brands1 {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-hero-image-headshot {
  z-index: 2;
  width: 95%;
  max-width: 2000px;
  min-width: auto;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.background-texture-image {
  width: 100%;
  max-width: none;
  opacity: .3;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-10-percent {
  opacity: .1;
  margin: auto;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-10-percent.home1 {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image.opacity-40-percent {
  opacity: .4;
  display: block;
}

.background-texture-image.opacity-40-percent.long {
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
  display: none;
}

.background-texture-image.tablet-and-mobile-menu {
  display: none;
}

.white-text {
  color: #fff;
  position: static;
}

.white-text.text-shadow {
  text-shadow: 4px 4px 16px rgba(0, 0, 0, .24);
}

.white-text.text-shadow.name22 {
  margin-top: -10px;
  margin-left: 0;
  margin-right: 0;
  font-size: 26px;
  font-style: italic;
  line-height: 48px;
}

.white-text.text-shadow.name1 {
  margin: 0;
  font-size: 26px;
  line-height: 48px;
}

.white-text.dibu {
  margin-top: 0;
}

.white-text.youxiang {
  font-family: Helvetica, sans-serif;
  font-size: 16px;
}

.white-text.youxiang.dizhi {
  margin-top: 0;
  padding-right: 30px;
  line-height: 28px;
}

.h3-styling {
  font-size: 30px;
  font-weight: 700;
  line-height: 46px;
}

.h3-styling.white-text.homes4 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 72px;
}

.h3-styling.white-text.homes4.h11 {
  line-height: 76px;
}

._700px-width-block {
  width: 700px;
}

._700px-width-block.homes4 {
  width: 90%;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._50-percent-block {
  width: 50%;
}

._50-percent-block.right-padding-60px {
  padding-top: 0;
  padding-right: 60px;
}

._50-percent-block.right-padding-60px.right {
  margin-left: 0;
  padding-right: 0;
}

.mobile-app-image {
  width: 75vw;
  max-width: 1050px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

._4-column-image-display {
  z-index: 1;
  width: 100%;
  height: 85vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

._4-column-image-display---wrapper {
  z-index: 4;
  height: 100%;
  background-color: #040b32;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  transition: all .4s;
  display: block;
  position: relative;
}

._4-column-image-display---wrapper:hover {
  z-index: 5;
  border-radius: 8px;
  transform: scale(1.1);
}

._4-column-image-display---wrapper._2 {
  z-index: 4;
  background-color: #040b32;
  padding: 30px;
}

._4-column-image-display---wrapper._2:hover {
  z-index: 5;
  transform: scale(1.1);
}

._4-column-image-display---wrapper._3 {
  z-index: 4;
  padding: 31px;
}

._4-column-image-display---wrapper._3:hover {
  z-index: 5;
}

._4-column-image-display---wrapper._4 {
  z-index: 4;
  padding: 30px;
}

._4-column-image-display---wrapper._4:hover {
  z-index: 5;
}

._4-column-image-display---wrapper._1 {
  width: auto;
  padding: 30px;
  transition: all .4s;
  overflow: hidden;
}

._4-column-image-display---wrapper._1:hover {
  z-index: 5;
  border-radius: 8px;
  transform: scale(1.1);
}

._4-column-image-display-image {
  opacity: .7;
  background-color: #040b32;
  background-image: url('../images/constantin-panagopoulos-9lf_erPHYG0-unsplash_1constantin-panagopoulos-9lf_erPHYG0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  transition: all .45s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._4-column-image-display-image:hover {
  z-index: 5;
  border-radius: 8px;
}

._4-column-image-display-image.home-3 {
  background-image: url('../images/prince-akachi-i2hoD-C2RUA-unsplash_1prince-akachi-i2hoD-C2RUA-unsplash.webp');
}

._4-column-image-display-image.home-2 {
  background-image: url('../images/zahir-namane-hwc7eIQiTCE-unsplash_1zahir-namane-hwc7eIQiTCE-unsplash.webp');
}

._4-column-image-display-image.home-4 {
  background-image: url('../images/james-balensiefen-snFilgm4_RU-unsplash_1james-balensiefen-snFilgm4_RU-unsplash.webp');
  background-position: 65%;
}

._4-column-image-display---image {
  height: 100%;
  opacity: 1;
  object-fit: cover;
  background-color: #040b32;
  background-image: url('../images/constantin-panagopoulos-9lf_erPHYG0-unsplash_1constantin-panagopoulos-9lf_erPHYG0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  transition: all .4s;
  position: relative;
}

._4-column-image-display---image:hover {
  opacity: 1;
  border-radius: 8px;
}

._4-column-image-display---image.individual-testimonial {
  opacity: 1;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/1n.jpg');
  background-position: 0 0, 60%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._2 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/2n.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._3 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/3n.jpg');
  background-position: 0 0, 45%;
  background-size: auto, cover;
}

._4-column-image-display---image.individual-testimonial._4 {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/4n.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._4-column-image-display---contnet-wrapper {
  z-index: 6;
  max-width: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 45%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._4-column-image-display---contnet-wrapper.testimonial-image-display {
  margin-top: -30px;
}

._4-column-image-display---contnet-wrapper.company-story-card {
  top: 33%;
}

.play-button-circle {
  width: 70px;
  height: 70px;
  background-color: rgba(255, 255, 255, .85);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.play-button-circle.left-margin {
  margin-left: 20px;
}

.play-video-icon {
  margin-left: 5px;
}

.background-video {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.interactive-hover-section {
  z-index: 1;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  position: relative;
}

.interactive-hover-block {
  width: 50%;
  background-color: rgba(0, 0, 0, 0);
  padding: 12%;
  position: relative;
}

.interactive-hover-block-content {
  z-index: 1;
  text-align: center;
  position: relative;
}

.interactive-hover-block---small-image {
  height: 300px;
  background-image: url('../images/Screen-Shot-2022-05-11-at-11.51-2_1Screen Shot 2022-05-11 at 11.51 2.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 20px;
  padding-bottom: 50px;
  display: flex;
}

.interactive-hover-block---small-image._2 {
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
}

._20px-div-height {
  width: 100%;
  height: 20px;
}

.interactive-hover-section---middle-phrase {
  z-index: 3;
  width: auto;
  height: auto;
  color: #040b32;
  background-color: #fff;
  border: 1px solid #040b32;
  border-radius: 4px;
  padding: 13px 32px;
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  top: 47%;
  bottom: auto;
  left: auto;
  right: -5.5vw;
}

.interactive-hover-image {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/Screen-Shot-2022-05-11-at-11.51-2_1Screen Shot 2022-05-11 at 11.51 2.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.interactive-hover-image._2 {
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
}

.logo---dark {
  width: 100%;
  opacity: 0;
  position: absolute;
}

.partner-logos-grid {
  width: 900px;
  height: 61.1875px;
  min-width: 900px;
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-right: 140px;
  padding-top: 24px;
}

.partner-logos-grid._2-rows {
  width: auto;
  height: auto;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
}

.partner-logos-grid._2-rows._1321313 {
  min-width: auto;
  margin-right: 0;
}

.partner-logo-wrap {
  width: 180px;
}

.partner-logo-wrap._2-rows {
  width: auto;
}

.partner-logo-wrap.da1, .partner-logo-wrap.da2 {
  width: 170px;
}

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

.image-licensing-grid {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  padding-top: 24px;
}

.image-licensing-grid.logos {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.home-slider {
  z-index: 3;
  width: 100%;
  min-height: 75vh;
  background-color: rgba(0, 0, 0, 0);
}

.home-slider.homes1 {
  height: 100%;
  position: static;
}

.slide-nav {
  display: none;
}

.slider-content-contain {
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  min-width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screen2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.slider-content-contain.home-s1 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screnn1.jpg');
  overflow: visible;
}

.slider-content-contain.homes1-2 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/homes1.2.jpg');
}

.slider-content-contain.homes1-3 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/homes1.3.jpg');
}

.left-slider-content-wrap {
  width: 40%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-right: 0;
  display: flex;
}

.left-slider-content-wrap.home-screen1 {
  width: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.right-slider-content {
  flex: 1;
}

.slider-image {
  height: 600px;
  background-image: url('../images/jose-g-ortega-castro-aCUdJRruCO0-unsplash_1jose-g-ortega-castro-aCUdJRruCO0-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.slider-image._2 {
  background-image: url('../images/tyler-nix-8youKEwX0vY-unsplash_1tyler-nix-8youKEwX0vY-unsplash.webp');
}

.slider-image._3 {
  background-image: url('../images/linkedin-sales-solutions-Mis5fyJi7Q0-unsplash_1linkedin-sales-solutions-Mis5fyJi7Q0-unsplash.webp');
}

.mask {
  margin-left: 0%;
  margin-right: 0%;
}

.mask.homes1 {
  position: static;
}

.right-arrow {
  width: 60px;
  height: 60px;
  background-color: #040b32;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 20px;
  display: none;
  top: auto;
  bottom: 1%;
  left: auto;
  right: -1%;
}

.left-arrow {
  width: 60px;
  height: 60px;
  background-color: #040b32;
  border-radius: 50%;
  margin-left: 0;
  font-size: 20px;
  display: none;
  top: auto;
  bottom: 1%;
  left: auto;
  right: 9%;
}

.absolute-contrast-block {
  width: 35%;
  background-color: rgba(231, 231, 231, .04);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.values-circles-wrapper {
  z-index: 3;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.value-circle {
  width: 300px;
  height: 300px;
  color: #fff;
  text-align: center;
  background-color: #ff5722;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.value-circle._2 {
  width: 250px;
  height: 250px;
  position: absolute;
  top: auto;
  bottom: 53%;
  left: 19%;
  right: auto;
}

.value-circle._3 {
  width: 200px;
  height: 200px;
  background-color: #ff5722;
  position: absolute;
  top: auto;
  bottom: 18%;
  left: 1%;
  right: auto;
}

.value-circle._4 {
  width: 120px;
  height: 120px;
  background-color: #ff5722;
  position: absolute;
  top: 15%;
  bottom: auto;
  left: auto;
  right: 11%;
}

.value-circle._1 {
  width: 375px;
  height: 375px;
  position: absolute;
  top: auto;
  bottom: 7%;
  left: auto;
  right: -5%;
}

.cta-block {
  width: 500px;
}

.cta-block.b1313 {
  width: auto;
}

.footer-link {
  color: #fff;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
  transition: all .4s;
  display: block;
}

.footer-link:hover {
  color: #fff;
  text-transform: none;
  text-decoration: underline;
}

.footer-link.w--current {
  text-decoration: underline;
}

.social-media-link {
  padding-right: 25px;
}

.social-media-link.dark-circle-bg {
  width: 40px;
  height: 40px;
  background-color: #040b32;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-right: 0;
  display: flex;
}

.footer-home-link {
  margin-bottom: 18px;
}

.social-wrap {
  color: #2f3033;
  padding-top: 19px;
  padding-bottom: 10px;
  display: none;
}

.social-wrap.newsletter {
  margin-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.copyrights {
  z-index: 4;
  color: #0e1013;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px #252936;
  justify-content: center;
  align-items: center;
  padding: 16px 6%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-info {
  padding-right: 40px;
  display: none;
}

.footer-grid {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr .5fr .5fr;
}

.copyrights-text {
  color: #fff;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 16px;
}

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

.copyrights-link:hover {
  text-decoration: underline;
}

.dropdown-arrow-wrapper {
  position: relative;
}

.full-width-background-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._500px-width-block {
  width: 500px;
}

.flex-justify-right {
  justify-content: flex-end;
  display: flex;
}

.cta-play-video-lightbox-link {
  z-index: 3;
  color: #fff;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-play-video-lightbox-link.absolute-bottom-right {
  z-index: 4;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: auto;
  right: 10%;
}

.cta-play-video-lightbox-link.absolute-bottom-left {
  position: absolute;
  top: auto;
  bottom: 6%;
  left: 6%;
  right: auto;
}

._4-column-image-display---testimonial {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.testimonial {
  color: #fff;
  text-shadow: 2px 2px 16px rgba(0, 0, 0, .25);
  margin-top: -5px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.testimonial.zhong {
  padding-left: 10px;
  padding-right: 10px;
}

.testimonials-flex-wrap {
  width: 100%;
  height: 85vh;
  display: flex;
}

.testimonial-column {
  width: 25vw;
  cursor: auto;
}

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

.benefit-card {
  height: auto;
  min-height: 380px;
  text-align: left;
  background-color: #fff;
  padding: 24px;
}

.div-line {
  height: 1px;
  background-color: #ff5722;
  margin-top: 13px;
  margin-bottom: 13px;
}

.div-line.mission-and-values {
  background-color: #040b32;
  margin-top: 60px;
}

.div-line.dark {
  background-color: #040b32;
}

.benefit-description {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.benefit-number {
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.form-field {
  min-height: 56px;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  border-radius: 100px;
  transition: all .4s;
}

.form-field:hover {
  background-color: rgba(255, 255, 255, .8);
}

.form-field:focus {
  border: 1px solid #ff5722;
}

.form-field.simple-email {
  background-color: #fafafa;
  border: 1px solid rgba(255, 87, 34, 0);
  border-radius: 100px;
  margin-right: -166px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.form-field.simple-email:hover {
  border-color: rgba(255, 87, 34, 0);
}

.form-field.simple-email:focus {
  border-color: #ff5722;
}

.form-field.simple-email.pasword {
  border-color: #e7e7e7;
  margin-right: -130px;
}

.form-field.simple-email.pasword:focus {
  border-color: #ff5722;
}

.simple-form-block {
  width: 550px;
}

.simple-form-block.book-a-demo {
  padding-top: 30px;
  padding-left: 70px;
}

.simple-form-block.password {
  margin-top: 30px;
}

.simple-form-block.auto-width {
  width: auto;
}

.form {
  display: flex;
}

.form.with-private-policy {
  display: block;
}

.video-cta-flex-block {
  display: flex;
}

.video-55-percent-block {
  z-index: 1;
  width: 55%;
  height: auto;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.absolute-bg-video-block {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-description-block {
  background-color: #fff;
  flex: 1;
  margin-left: -15px;
  padding: 40px 60px 60px 75px;
}

._3-columns-2-rows-grid {
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
}

.link-card {
  color: #040b32;
  text-align: left;
  text-decoration: none;
}

.podcast-image {
  height: 300px;
  background-image: url('../images/christian-buehner-zYD6ou1Qj10-unsplash_1christian-buehner-zYD6ou1Qj10-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.podcast-image._2 {
  background-image: url('../images/tezos-vCf2vSYcFls-unsplash_1tezos-vCf2vSYcFls-unsplash.webp');
}

.podcast-image._3 {
  background-image: url('../images/Screen-Shot-2022-05-13-at-2.06.52-pm-1_1Screen Shot 2022-05-13 at 2.06.52 pm (1).webp');
}

.podcast-image._4 {
  background-image: url('../images/tyler-nix-8youKEwX0vY-unsplash_1tyler-nix-8youKEwX0vY-unsplash.webp');
  background-position: 50% 70%;
}

.podcast-image._5 {
  background-image: url('../images/may-gauthier-TACdQo62To0-unsplash_1may-gauthier-TACdQo62To0-unsplash.webp');
}

.podcast-image._6 {
  background-image: url('../images/cowomen-QziaoZM0M44-unsplash.jpg');
}

.cta-block---with-image {
  width: 100%;
  min-height: 500px;
  opacity: 1;
  background-image: url('../images/aaron-burden-Bycd2wF5vQU-unsplash_1aaron-burden-Bycd2wF5vQU-unsplash.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 70px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-block---with-image.mobile-apps-image {
  overflow: visible;
}

.cta-mobile-app-image---absolute {
  z-index: 1;
  opacity: 1;
  position: absolute;
  top: auto;
  bottom: -153px;
  left: auto;
  right: -17%;
}

._4-columns-3-rows-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._100-percent-width-video-block {
  height: 700px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

._600px-width-block {
  width: 600px;
}

.form-private-policy-wrap {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.private-policy-text {
  color: #c8c8c8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.checkbox-field {
  color: #c8c8c8;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.checkbox-label {
  margin-bottom: 0;
}

.checkbox {
  background-color: #fff;
  margin-top: 10px;
}

.checkbox.w--redirected-checked {
  background-color: #ff5722;
  border-color: #ff5722;
}

.book-a-demo-flex-wrap {
  align-items: flex-start;
  display: flex;
}

.cta-link-block {
  z-index: 1;
  color: #fff;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-link-block.absolute-bottom-right {
  font-weight: 700;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: auto;
  right: 10%;
}

.cta-link-block.on-light {
  color: #040b32;
  font-weight: 700;
}

.link-circle {
  width: 70px;
  height: 70px;
  background-color: rgba(255, 255, 255, .85);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-circle.left-padding {
  margin-left: 20px;
}

.link-circle.left-padding.color-bg {
  width: 70px;
  max-height: 50px;
  max-width: 50px;
  min-height: 40px;
  min-width: 40px;
  background-color: #ff5722;
}

.cta-arrow-leg {
  width: 25px;
  height: 3px;
  background-color: #ff5722;
  position: relative;
}

.cta-arrow-leg.white {
  background-color: #fff;
}

.arrow-wing {
  width: 15px;
  height: 3px;
  background-color: #ff5722;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(3px, -5px)rotate(43deg);
}

.arrow-wing._2 {
  transform: translate(3px, 4px)rotate(-43deg);
}

.arrow-wing.white {
  background-color: #fff;
}

.menu-items-grid {
  padding-top: 50px;
  padding-right: 20%;
}

._4-columns-6-rows-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.about-image {
  background-image: url('../images/hanna-morris-iZNfw5IZ9jc-unsplash_1hanna-morris-iZNfw5IZ9jc-unsplash.webp');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 8px;
  margin-right: 80px;
}

.mission {
  margin-right: 60px;
}

.flex---justify-space-around {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.flex---justify-space-around._2222, .flex---justify-space-around._444 {
  align-items: center;
}

.about-image-2 {
  width: 70%;
  height: 500px;
  background-image: url('../images/creator2.2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.about-image-2.creator2-2-1 {
  background-image: url('../images/creator2.3.jpg');
}

.about-image-2.crearor2-3-1 {
  background-image: url('../images/creator2.5.jpg');
}

.about-image-2.creator2-4-1 {
  background-image: url('../images/creator2.7.jpg');
}

.about-images-wrap {
  flex: 1;
  justify-content: flex-end;
  margin-left: 0;
  display: flex;
  position: relative;
}

.about-images-wrap.left {
  margin-left: 0;
  padding-right: 60px;
}

.about-image-3 {
  width: 325px;
  height: 300px;
  background-image: url('../images/creator2.1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  position: absolute;
  top: auto;
  bottom: -13%;
  left: -6%;
  right: auto;
}

.about-image-3.creator2-2-2 {
  background-image: url('../images/creator2.4.jpg');
}

.about-image-3.creator2-3-2 {
  background-image: url('../images/creator2.6.jpg');
}

.about-image-3.creatoe2-4-2 {
  background-image: url('../images/creator2.8.jpg');
}

.cta-absolute-image-wrap {
  width: 50%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

.story-details-grid {
  grid-column-gap: 30px;
  background-color: #fff;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 40px;
}

.story-rich-text {
  margin-top: 40px;
}

.company-results-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 30px;
  padding-bottom: 50px;
}

._2-column-1-row-grid {
  width: 100%;
  grid-template-rows: auto;
}

.company-story-link {
  text-decoration: none;
}

.company-story-card-image {
  height: 400px;
  text-align: left;
  background-image: url('../images/m-brauer-gMeQdurj2yk-unsplash-copy_1m-brauer-gMeQdurj2yk-unsplash copy.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 60px;
  display: flex;
}

._950px-width-div {
  max-width: 950px;
}

.article-hero-image {
  width: 100%;
  height: 700px;
  opacity: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  margin-top: 30px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.rich-text-block {
  border-top: 2px solid #ff5722;
  margin-top: 0;
  padding-top: 30px;
}

.article-content {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.featured-insight-wrapper {
  width: 100%;
  margin-top: 80px;
}

.feature-insight-link {
  text-align: left;
  text-decoration: none;
  display: flex;
}

.feature-inisght-title-wrap {
  width: 35%;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.feature-inisght-image {
  min-height: 450px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex: 1;
  margin-left: 100px;
}

.collection-list-wrapper {
  width: 100%;
}

.link-card-block {
  width: 100%;
  text-decoration: none;
}

.card-link-image {
  width: auto;
  height: 350px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 20px 30px;
  display: flex;
  position: relative;
}

.card-link-image.story-card {
  height: auto;
  min-height: 400px;
  text-align: left;
  background-position: 100% 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 40px;
}

.card-link-image.next-to-newsletter-form {
  height: 400px;
  min-height: auto;
  margin-top: 30px;
}

.flex-collection-list {
  flex-wrap: wrap;
  display: flex;
}

._2-column-collection-item {
  width: 50%;
  padding: 20px;
}

._3-column-collection-item {
  width: 33.33%;
  padding: 14px;
}

.story-card-content-wrap {
  width: 65%;
  max-width: 100%;
  min-width: auto;
  padding-right: 0%;
}

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

.utility-page-wrap.dark {
  background-color: #040b32;
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(88, 92, 114, .21) 49%, #747787 100%, #92949e 100%, #c8c8c8);
}

.utility-page-content {
  z-index: 5;
  width: auto;
  text-align: center;
  flex-direction: column;
  display: flex;
  position: relative;
}

.utility-page-content._404-content {
  align-items: center;
  margin-top: -70px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.field-label {
  display: none;
}

._404 {
  color: #fff;
  margin-top: 0;
  font-size: 200px;
  font-weight: 800;
  line-height: 210px;
}

.max-800px {
  max-width: 800px;
}

.licensing-link {
  margin-right: 30px;
}

._40px-height-div-2 {
  height: 40px;
}

.licensing-source-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.bold-text-span {
  font-weight: 700;
  line-height: 35px;
}

.mobile-image {
  width: 100%;
  margin-left: 45px;
}

.text-animation-contain {
  z-index: 1;
  position: fixed;
  top: auto;
  bottom: 8%;
  left: 0%;
  right: 0%;
}

.text-animation-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.animation-text {
  color: #fff;
}

.animation-text---second-word {
  color: #fff;
  margin-bottom: 0;
  margin-left: 12px;
  font-family: Gothic A1, sans-serif;
  font-size: 60px;
}

.animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
  font-size: 90px;
}

.accordion-text {
  color: #040b32;
  text-align: left;
  font-family: Playfair Display, sans-serif;
  line-height: 40px;
}

.accordian-block {
  padding-left: 30px;
  padding-right: 30px;
}

.accordian-block.faqs {
  margin-bottom: 120px;
  padding-left: 80px;
  padding-right: 80px;
}

.accordion-toggle {
  width: 100%;
  height: 80px;
  color: #040b32;
  border-bottom: 1px solid #040b32;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  transition: color .35s cubic-bezier(.445, .05, .55, .95);
  display: flex;
}

.accordion-toggle:hover {
  color: #fabc28;
}

.accordion-item {
  width: 100%;
  overflow: hidden;
}

.accordion-content {
  color: #040b32;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.accordion-icon {
  width: 18px;
}

.accordion-dropdown {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: static;
}

.center-on-mobile.brand-logo {
  text-align: center;
  margin-bottom: 20px;
  font-size: 50px;
}

.text-shadow---dark-text {
  text-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
}

.newsletter-section {
  margin-top: 120px;
  display: flex;
}

.newsletter-contain {
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  padding: 40px;
}

.single-article-contain {
  width: 55%;
  background-color: #040b32;
  border-radius: 8px;
  margin-right: 24px;
  padding: 40px;
}

.connect-flex-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

._150px-width {
  width: 150px;
  line-height: 28px;
}

.success-message {
  background-color: #fafafa;
  border-radius: 8px;
}

.company-logo---on-card {
  margin-top: 20px;
}

.slide {
  position: static;
}

.slide-2 {
  background-image: url('../images/home-screen2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/home-screen3.jpg');
  background-position: 0 0;
  background-size: cover;
}

.heading {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 62px;
  line-height: 80px;
}

.heading.brands1 {
  width: 95%;
  font-size: 60px;
}

.heading-2 {
  color: #fff;
}

.paragraph {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
}

.div-block {
  flex-direction: row;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-3, .paragraph-2, .heading-4, .paragraph-3 {
  color: #fff;
}

.gradient-button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Button-Arrow_1.svg'), none;
  background-position: 98%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 35px;
  margin-top: 40px;
  padding: 16px 84px 16px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.gradient-button.projects-button {
  margin-top: 0;
}

.project-right-div {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: center;
  margin-top: 13px;
  display: flex;
}

.overflow-hidden {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-left-div {
  flex-direction: column;
  align-items: flex-start;
}

.projects-section {
  background-image: url('../images/Background-Texture-1-1-1-1_1Background Texture (1) (1) (1) (1).webp');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
}

.projects-tittle-wrapper {
  margin-bottom: 80px;
}

.heading-5 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
  display: inline-block;
}

.heading-5.project-heading {
  color: #000;
  text-align: left;
}

.heading-5.gradient-text {
  background-image: linear-gradient(to right, #bd10c3, #cd1590 34%, #d2177e 63%, #f3a3a3);
}

.heading-5.projects-details-heading {
  margin-top: 12px;
}

.projects-container {
  max-width: 1160px;
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 60px;
  margin-right: 60px;
  display: grid;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.body-1 {
  color: #b3b3b3;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.body-1.projects-paragraph {
  max-width: 520px;
  color: #000;
  margin-top: 24px;
}

.body-1.c-hero-paragraph {
  max-width: 474px;
  margin-top: 24px;
}

.body-1.cta-paragraph {
  max-width: 520px;
  margin-top: 24px;
}

.gradient-text-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffab54, #3a1014 14%, #3a1014 72%, #030a32);
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-text-2._11111 {
  background-image: linear-gradient(to right, #571404, #3a1014 14%, #3a1014 72%, #030a32);
}

.gradient-text-2._222222 {
  background-image: linear-gradient(to right, #941e04 3%, #ff672c 28%, #ff531d 64%, #ffab54);
}

.more-projects-section {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
}

.more-projects-container {
  max-width: 1160px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 72px;
  display: grid;
}

.projects-card-image {
  width: 100%;
  height: 320px;
  object-fit: cover;
  margin-bottom: 32px;
}

.navbar-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-container {
  max-width: 1300px;
  min-height: 112px;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 40px;
  margin-right: 50px;
  display: grid;
}

.nav-menu-2 {
  justify-content: space-between;
  display: flex;
}

.nav-link-2 {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.nav-link-2.w--current {
  color: #fff;
}

.contact-button {
  color: #fff;
  background-color: #191919;
  border-radius: 75px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.contact-form-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.text-field {
  height: 56px;
  background-color: #171717;
  border: 0 solid #000;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 56px;
}

.text-field::-ms-input-placeholder {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 24px;
}

.text-field::placeholder {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 24px;
}

.text-field.mail-field {
  background-image: url('../images/Form-Icon-2.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.text-field.message-field {
  background-image: url('../images/Form-Icon-4.svg');
  background-position: 16px 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 120px;
}

.text-field.name-field {
  background-image: url('../images/Form-Icon-1.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.email-link {
  text-decoration: none;
  overflow: hidden;
}

.gradient-button-2 {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Button-Arrow.svg'), none;
  background-position: 98%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 35px;
  margin-top: 40px;
  padding: 16px 84px 16px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.gradient-button-2.submit-button {
  width: 100%;
  background-position: 99%, 50%;
  margin-top: 4px;
}

.gradient-button-2.projects-button {
  margin-top: 0;
}

.form-block {
  margin-top: 16px;
  margin-bottom: 0;
}

.contact-us-form {
  width: 100%;
  max-width: 520px;
  background-color: #1f1f1f;
  padding: 32px;
  overflow: hidden;
}

.contact-us-tittle-wrapper {
  max-width: 520px;
}

.email-n-phn-link {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.select-field {
  height: 56px;
  color: #b3b3b3;
  background-color: #171717;
  background-image: url('../images/Form-Icon-3.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 56px;
}

.contact-forrm-container {
  max-width: 1160px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 60px;
  margin-right: 60px;
}

.body-1-medium {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.body-1-medium.email-icon {
  background-image: url('../images/E-Mail-Icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 48px;
}

.body-1-medium.phn-icon {
  background-image: url('../images/Phone-Icon-white-.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 20px;
  padding-left: 48px;
}

.form-ittle {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.contact-us-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-box {
  text-decoration: none;
  display: flex;
}

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

.mail-n-phn-box {
  flex-direction: row;
  display: inline-block;
}

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

.footer-container {
  max-width: 1160px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 60px;
  margin-right: 60px;
}

.footer-left-div {
  grid-row-gap: 32px;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 24px;
  display: flex;
}

.body-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.body-4.footer-link {
  color: #fff;
  text-decoration: none;
}

.link-heading {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.footer-link-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 100px;
  display: grid;
}

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

.heading-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.heading-6.e-mail {
  display: inline-block;
}

.rights-block {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.mail-icon-image {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.body-2 {
  color: #b3b3b3;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.body-2.tags-text {
  color: #000;
}

.body-2.tags-text.tags-text-white {
  color: #fff;
}

.body-2.project-small-text {
  color: #000;
  margin-top: 8px;
  font-weight: 500;
}

.tags {
  height: 24px;
  background-color: #efefef;
  border-radius: 12px;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.tags.tags-2 {
  background-color: #2e2e2e;
}

.projects-details-hero {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.p-d-tittle-wrapper {
  margin-bottom: 62px;
}

.p-d-image-wrapper {
  height: 570px;
}

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

.p-d-hero-container {
  max-width: 1024px;
  flex: 1;
  margin-left: 60px;
  margin-right: 60px;
}

.div-block-6 {
  overflow: hidden;
}

.div-block-5 {
  background-color: #f4f4f4;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.p-d-rich-text {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rich-text-block-2 {
  color: #000;
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  font-size: 20px;
  line-height: 32px;
}

.projects-text-block {
  max-width: 800px;
  flex: 1;
  margin-bottom: 80px;
  margin-left: 40px;
  margin-right: 40px;
}

.small-text-2 {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.company-block {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.p-d-rich-text-container {
  max-width: 1024px;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.cta-section {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-container {
  max-width: 850px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.heading-1 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 72px;
  font-weight: 700;
  line-height: 76px;
}

.heading-1.projects-heading {
  text-align: center;
  overflow: hidden;
}

.gradient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #bd10c3, #cd1590 29%, #d2177e 58%, #f3a3a3);
  -webkit-background-clip: text;
  background-clip: text;
}

.tab-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 91px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
}

.tab-link.w--current {
  color: #000;
  background-color: #fff;
}

.tabs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.tabs-menu {
  height: 48px;
  background-color: #1f1f1f;
  border-radius: 91px;
  margin-bottom: 80px;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.collection-list-3 {
  grid-column-gap: 60px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projects-hero-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.projects-hero-container {
  max-width: 1160px;
  flex: 1;
  margin-left: 60px;
  margin-right: 60px;
}

.tabs-content {
  width: 100%;
  overflow: visible;
}

.tab-link-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-7 {
  width: 100%;
  height: auto;
  background-color: #fff;
  margin-top: 37px;
  padding: 5% 5% 15%;
}

.integration-item {
  width: 210px;
  height: 64px;
  margin-right: 30px;
}

.integratinon-card-line {
  z-index: -1;
  flex-direction: row;
  display: flex;
}

.logos-container {
  max-width: 90%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.black-shadow {
  width: 100px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  background-position: 0 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.integration-block {
  width: 100%;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}

.small-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.black-shadow-right {
  width: 100px;
  height: 64px;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.integration-inside-line {
  display: flex;
}

.logos-section {
  height: 30vh;
  color: #040b32;
  background-color: #040b32;
  background-image: linear-gradient(198deg, #040b32, #131a3e 92%, rgba(255, 255, 255, .06));
  border-width: 1px 0;
  border-color: rgba(255, 255, 255, .14) #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: visible;
}

.paragraph-4 {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.image, .image-2 {
  margin-bottom: 26px;
}

.section-2 {
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/home-screen2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-3 {
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/creators-banner-new.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
}

.paragraph-5 {
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-weight: 300;
}

.paragraph-9, .text-block, .text-block-2 {
  font-family: Helvetica, sans-serif;
}

.heading-7 {
  color: #fff;
  margin-bottom: 5px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
}

.white-text-2 {
  color: #fff;
  font-family: Helvetica, sans-serif;
  position: static;
}

.white-text-2.brands1-2 {
  text-align: center;
}

.white-text-2.brands1 {
  text-align: center;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  line-height: 70px;
}

.white-text-2.brands1.b111 {
  font-size: 62px;
}

.white-text-2.bs4 {
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #ff5722;
  border: 2px solid #ff5722;
  border-radius: 100px;
  padding: 10px 30px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  transition: all .35s;
}

.button-2:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(255, 87, 34, .9);
  border-color: #ff5722;
}

.button-2.outlined {
  color: #ff5722;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

.button-2.outlined:hover {
  color: #fff;
  background-color: #ff5722;
}

.button-2.brands1 {
  background-color: #040b32;
  border-color: #040b32;
  margin-top: 20px;
}

.button-2.brands1:hover {
  background-color: #121e5f;
  border-color: #121e5f;
}

.button-2.brand-last {
  color: #040b32;
  background-color: #fff;
  border-color: #fff;
  margin-top: 10px;
  transition: all .35s;
  overflow: visible;
}

.button-2.brand-last:hover {
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.button-2.brands1 {
  color: #040b32;
  text-align: center;
  background-color: #fff;
  border-color: #fff;
  margin-top: 0;
}

.button-2.brands1:hover {
  background-color: #d5d7dd;
  border-color: #d5d7dd;
}

.section-4 {
  z-index: 2;
  color: #040b32;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 100px 6%;
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-4.home-hero {
  z-index: 2;
  height: 100vh;
  background-color: #040b32;
  background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 48%, rgba(124, 127, 142, .62) 66%, rgba(200, 200, 200, .84));
  overflow: hidden;
}

.section-4.home-hero.brand-s1 {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/barnds-banner-new.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.section-4.brand-logo {
  padding-top: 80px;
  padding-bottom: 170px;
}

.section-4.dark {
  z-index: 2;
  background-color: #040b32;
  background-image: linear-gradient(198deg, #040b32, rgba(19, 26, 62, .95) 91%, rgba(255, 255, 255, .06));
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-4.dark._3131 {
  padding-left: 3%;
  padding-right: 3%;
}

.section-4.brand-title {
  padding-top: 100px;
  padding-bottom: 0;
  display: none;
}

.section-4.brand-title._13212231 {
  margin-top: 0;
  display: none;
}

.section-4.creator222 {
  flex-direction: row;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.section-4._1231313 {
  padding-top: 120px;
  padding-bottom: 0;
}

.section-4._1231313._23131 {
  padding-top: 140px;
}

.section-4.brand111.gied, .section-4.brand111.gird {
  display: none;
}

.background-texture-image-2 {
  width: 100%;
  max-width: none;
  opacity: .3;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: url('../images/Background-Texture-compressed_1Background Texture (compressed).webp');
  background-size: cover;
  background-clip: border-box;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-texture-image-2.opacity-40-percent {
  opacity: .4;
  display: block;
}

.background-texture-image-2.opacity-40-percent.long {
  background-image: url('../images/Long-Background-Texture_1Long Background Texture.jpg');
}

.background-texture-image-2.opacity-40-percent.brand-title {
  display: none;
}

.background-texture-image-2.opacity-10-percent {
  opacity: .1;
}

.container-2 {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.container-2.investors {
  margin-top: 150px;
}

.container-2.investors.b333 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-2.centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-arrow-leg-2 {
  width: 25px;
  height: 3px;
  background-color: #ff5722;
  position: relative;
}

.cta-arrow-leg-2.white {
  background-color: #fff;
}

.banner-link3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.cta-link-block-2 {
  z-index: 1;
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-link-block-2.link1 {
  justify-content: flex-start;
}

.banner-link2 {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.section-5 {
  background-color: #040b32;
  padding: 100px 6%;
}

.text-block-3 {
  font-size: 18px;
  text-decoration: none;
}

.columns {
  width: 100%;
  max-width: 1265.25px;
}

.div-block-8 {
  width: 344px;
  height: 350px;
  background-image: url('../images/banner2.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 20px 30px;
  display: flex;
}

.div-block-8._2 {
  width: 100%;
  height: 300px;
  max-width: 300px;
  background-image: url('../images/2_1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-8.block-5 {
  background-image: url('../images/banner3.jpg');
}

.div-block-8.block-5._3 {
  width: 100%;
  height: 300px;
  max-width: 300px;
  background-image: url('../images/3_1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-8.block-5._3._4 {
  background-image: url('../images/4_1.jpg');
}

.div-block-3 {
  width: 344px;
  height: 350px;
  background-image: url('../images/banner1.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 20px 30px;
  display: flex;
}

.div-block-3._1 {
  width: 100%;
  height: 300px;
  max-width: 300px;
  object-fit: fill;
  background-image: url('../images/1_1.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.banner-link {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.arrow-wing-2 {
  width: 15px;
  height: 3px;
  background-color: #ff5722;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(3px, -5px)rotate(43deg);
}

.arrow-wing-2.white {
  background-color: #fff;
}

.arrow-wing-2._2 {
  transform: translate(3px, 4px)rotate(-43deg);
}

.video-55-percent-block-2 {
  z-index: 1;
  width: 55%;
  height: auto;
  background-image: url('../images/4.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.video-55-percent-block-2.v1 {
  background-image: url('../images/1.jpg');
}

.video-55-percent-block-2.v1.gird1 {
  width: 100%;
}

.video-55-percent-block-2.v2 {
  background-image: url('../images/2.jpg');
  background-size: cover;
}

.video-55-percent-block-2.v3 {
  background-image: url('../images/3.jpg');
}

.video-55-percent-block-2.v4 {
  background-image: url('../images/2.jpg');
}

.video-55-percent-block-2.v4.v5 {
  background-image: url('../images/4.jpg');
}

.image-4 {
  height: 100%;
  display: none;
}

.video-description-block-2 {
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  margin-left: -15px;
  padding: 40px 60px 60px 75px;
}

.image-5, .image-6 {
  display: none;
}

.text-block-4 {
  width: auto;
  height: auto;
  text-align: center;
  background-color: #efefef;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Helvetica 587ebe5a59211", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

.heading-8 {
  font-family: Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.div-block-10 {
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
}

.heading-9 {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 50px;
}

.heading-10, .heading-11 {
  font-size: 32px;
}

.button-3 {
  background-color: #ff5722;
  border-radius: 50px;
  padding: 10px 30px;
  font-family: Helvetica, sans-serif;
}

.heading-12 {
  color: #000;
  text-align: center;
  font-size: 50px;
  line-height: 70px;
}

.heading-13 {
  font-size: 32px;
}

.heading-13._2323 {
  text-align: center;
  font-size: 50px;
}

.heading-14 {
  font-size: 32px;
}

.div-block-11 {
  position: absolute;
}

.heading-15 {
  font-size: 50px;
}

.list-item-28 {
  font-size: 17px;
}

.heading-24 {
  text-align: center;
  padding-top: 43px;
  font-size: 50px;
}

.list-9 {
  font-size: 17px;
}

.paragraph-11 {
  border: 1px #863484;
  font-size: 17px;
}

.list-10 {
  font-size: 17px;
}

.tabs-menu-2 {
  justify-content: center;
  display: flex;
}

.paragraph-15 {
  text-align: left;
}

.list-item-32 {
  font-size: 16px;
}

.text-block-20 {
  color: #040b32;
  text-align: center;
}

.tab-link-tab-1 {
  width: 180px;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-1.w--current {
  width: 180px;
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  padding: 10px;
  font-size: 17px;
  font-weight: 700;
}

.text-block-22 {
  color: #040b32;
}

.tab-link-tab-3 {
  width: 180px;
  color: #000;
  text-align: center;
  background-color: #fff;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-3.w--current {
  width: 180px;
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  padding: 10px;
  font-weight: 700;
}

.section-11 {
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.heading-36 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 50px;
}

.heading-35 {
  font-size: 21px;
}

.heading-35.h3 {
  font-size: 20px;
}

.paragraph-21, .paragraph-22 {
  margin-left: 0;
}

.paragraph-23, .bold-text-59 {
  font-family: Helvetica, sans-serif;
}

.section-12 {
  margin-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.login-page-wrapper {
  width: 100%;
  color: #ff5722;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 5% 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-text {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: -4px;
}

.page-wrapper {
  width: 100%;
  min-height: 100vh;
  display: none;
  overflow: hidden;
}

.top-nav {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid rgba(51, 51, 51, .1);
  justify-content: space-between;
  align-items: center;
  padding: 1.2em 1.5em 1em;
  display: none;
  position: relative;
  box-shadow: 0 0 10px rgba(51, 51, 51, .1);
}

.login-container {
  z-index: 10;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: block;
  position: relative;
}

.field-row {
  display: none;
}

.logo-link {
  z-index: 1;
  width: 180px;
}

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

.logo-link:active {
  opacity: .7;
}

.nav-step {
  width: 26px;
  height: 26px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(24, 117, 240, .2);
  border-radius: 20px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
}

.nav-step.done {
  color: #fff;
  background-color: #1875f0;
}

.signup-nav-step {
  width: 115px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.signup-nav-step.current {
  font-weight: 700;
}

.field-wrapper {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.field-wrapper.first-name-wrapper {
  margin-right: 15px;
}

.fake-logo {
  width: 30px;
  height: 30px;
  background-color: #1875f0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-top: 9px;
  padding-left: 9px;
  display: inline-block;
  position: relative;
  top: 4px;
  box-shadow: 0 10px 20px -5px #1875f0;
}

.signup-field {
  height: 48px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
}

.signup-field:focus {
  border: 1px solid #1875f0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 4px #1875f0;
}

.signup-field::-ms-input-placeholder {
  color: rgba(51, 51, 51, .3);
}

.signup-field::placeholder {
  color: rgba(51, 51, 51, .3);
}

.signup-field._333 {
  margin-bottom: 0;
}

.login-head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3em;
}

.login-head.sub-head {
  margin-top: -10px;
  font-size: 24px;
  font-weight: 400;
}

.login-button {
  width: 100%;
  background-color: #ff5722;
  border-radius: 40px;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.login-button:hover {
  background-color: #da552b;
}

.radio-button-label {
  z-index: 10;
  position: relative;
}

.dot {
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 20px;
}

.error-message {
  z-index: 100;
  color: #fff;
  text-align: center;
  background-color: #000;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 700;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.signup-label {
  z-index: -1;
  width: 100%;
  opacity: .6;
  color: #fff;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 2px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.radio-button {
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0%;
  margin-left: 0;
  position: absolute;
  top: -3px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.radio-button.w--redirected-checked {
  opacity: 1;
  background-color: rgba(24, 117, 240, .15);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 2px;
  border-radius: 4px;
}

.radio-wrap {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  margin-right: 12px;
  padding: 7px 10px;
  position: relative;
}

.button-wrapper-2 {
  width: 180px;
  text-align: right;
}

.signup-navigation-wrap {
  display: flex;
}

.option-row {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.memberstack-form {
  padding-top: 10px;
  position: relative;
}

.heading-37 {
  color: #ef2727;
  text-align: left;
  margin-top: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.div-block-12 {
  width: 100%;
  height: 24px;
  margin-top: 10px;
}

.button-4 {
  background-color: #ff5722;
  border-radius: 40px;
  margin-top: 0;
  padding: 6px 40px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.button-4:hover {
  background-color: #da552b;
}

.heading-38 {
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  display: block;
}

.link-6 {
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  text-decoration: none;
}

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

.section-13 {
  padding-top: 40px;
}

.text-span-2, .text-span-3, .text-span-4 {
  color: #ef2727;
  margin-left: 2px;
  font-size: 20px;
  font-weight: 700;
}

.text-span-5 {
  color: #ef2727;
  font-size: 20px;
  font-weight: 700;
}

.text-span-6, .text-span-7 {
  color: #ef2727;
  margin-left: 2px;
  font-size: 20px;
  font-weight: 700;
}

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

.text-block-23, .text-block-24, .text-block-25 {
  font-size: 18px;
}

.div-block-13 {
  flex-direction: column;
  display: flex;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1.22fr 1fr;
}

.grid-2._111 {
  direction: rtl;
}

.heading-43 {
  font-size: 21px;
  font-weight: 700;
  line-height: 46px;
}

.heading-43.h3 {
  font-size: 19px;
}

.bold-text-60 {
  font-size: 18px;
  font-weight: 700;
}

.bold-text-60.heading2 {
  font-weight: 700;
}

.paragraph-28 {
  font-weight: 400;
}

.new-section-11 {
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Helvetica, sans-serif;
}

.list-14 {
  list-style-type: disc;
}

.list-15 {
  font-size: 17px;
  list-style-type: disc;
}

.text-block-26 {
  color: #040b32;
}

.text-block-27 {
  color: #040b32;
  text-align: center;
}

.tab-link-tab-3-2 {
  width: 180px;
  color: #000;
  text-align: center;
  background-color: #fff;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-3-2.w--current {
  width: 180px;
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  padding: 10px;
  font-weight: 700;
}

.tab-link-tab-1-2 {
  width: 180px;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-1-2.w--current {
  width: 180px;
  color: #040b32;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #040b32;
  border-radius: 0;
  padding: 10px;
  font-size: 17px;
  font-weight: 700;
}

.div-block-14 {
  margin-top: 20px;
}

.social-wrap-2 {
  color: #2f3033;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .tab-link-tab-1.w--current {
    width: 180px;
    font-size: 18px;
    font-weight: 700;
  }

  .button-4:hover {
    background-color: #da552b;
  }

  .tab-link-tab-1-2.w--current {
    width: 180px;
    font-size: 18px;
    font-weight: 700;
  }
}

@media screen and (min-width: 1440px) {
  .tab-link-tab-1.w--current, .tab-link-tab-1-2.w--current {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 72px;
    line-height: 86px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

  h4 {
    font-weight: 500;
  }

  blockquote {
    font-size: 20px;
    line-height: 38px;
  }

  .section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.home-hero {
    height: auto;
    background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 69%, rgba(124, 127, 142, .62) 85%, rgba(200, 200, 200, .64));
    align-items: flex-start;
    padding-top: 90px;
    padding-bottom: 80px;
  }

  .section.dark {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.dark.values {
    min-height: auto;
    padding-bottom: 540px;
  }

  .section.dark.footer {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .section.with-mobile-app {
    height: auto;
    padding-top: 10px;
    padding-bottom: 100px;
  }

  .section.with-4-column-image-display {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.for-individuals-hero, .section.for-companies-hero {
    height: auto;
    min-height: 650px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.full-width-image {
    height: 700px;
  }

  .section.about {
    height: auto;
    min-height: 650px;
    background-position: 60%;
    align-items: flex-start;
    padding-top: 100px;
  }

  .section.story-hero {
    height: auto;
    min-height: 650px;
  }

  .section.insights-hero, .section.insights-hero-section, .section.customer-stories-hero {
    padding-top: 90px;
  }

  .button-wrapper {
    width: 40%;
  }

  .buttons-contain {
    flex-wrap: wrap;
  }

  .button {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .button.outlined.navbar-cta {
    background-color: #ff5722;
    border-color: #ff5722;
    margin-top: 24px;
  }

  .button.outlined.navbar-cta:hover {
    background-color: rgba(255, 87, 34, .9);
  }

  .button.outlined.navbar-cta.signup._12313.yidong, .button.outlined.navbar-cta.signup._12313.asdad, .button.outlined.navbar-cta.signup._12313._1231313 {
    width: 131.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup._12313._12313123 {
    width: 131.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup.login.yidong2, .button.outlined.navbar-cta.signup.login.qada, .button.outlined.navbar-cta.signup.login._23131, .button.outlined.navbar-cta.signup.login._1313 {
    width: 131.9px;
    border-color: #040b32;
    margin-left: 0;
  }

  ._40px-height-div {
    height: 20px;
  }

  .container.story-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .container.investors {
    margin-top: 130px;
  }

  .large-paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  .nav-link {
    width: 100%;
    height: auto;
    color: #040b32;
    text-align: left;
    justify-content: flex-start;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 20px;
  }

  .nav-link:hover {
    /* color: #ff5722; */
    border-top-color: rgba(255, 87, 34, 0);
  }

  .nav-link.w--current {
    border-top-style: none;
  }

  .nav-link.no-show-on-desktop {
    display: none;
  }

  .hamburger-line {
    width: 25px;
    height: 2px;
    background-color: #040b32;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0;
  }

  .mega-nav-link {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    width: 100vw;
    background-color: #fff;
    margin-top: 65px;
    padding: 30px 40px 50px;
    position: absolute;
    overflow: auto;
  }

  .logo---light {
    width: 100%;
  }

  .menu-item {
    flex: 1;
  }

  .navbar {
    justify-content: center;
    align-items: center;
    padding: 0 3%;
    display: flex;
  }

  .hamburger-wrap {
    color: #040b32;
    cursor: pointer;
    display: block;
  }

  .dropdown-list.w--open {
    z-index: 1000;
    position: absolute;
    top: 64%;
  }

  .nav-container {
    width: 100%;
    max-height: 65px;
    max-width: 100%;
    min-height: 65px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .brand {
    justify-content: flex-start;
  }

  .brand.w--current {
    width: 180px;
  }

  .mega-menu-title-box {
    display: none;
  }

  .nav-links-wrapper {
    z-index: 3;
    max-height: 70vh;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }

  .dropdown {
    width: 100%;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    display: flex;
  }

  .dropdown.hide-on-mobile {
    display: none;
  }

  .dropdown-toggle {
    width: 100%;
    color: #040b32;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .dropdown-toggle:hover {
    color: #ff5722;
  }

  .dropdown-toggle.w--open {
    position: static;
  }

  .home-hero-content-wrap {
    width: 90%;
  }

  .hero-content {
    width: 100%;
    min-width: auto;
  }

  .hero-content.individuals {
    width: 75%;
  }

  .hero-content.companies {
    width: 100%;
    text-align: left;
    align-items: flex-start;
    padding-right: 35%;
  }

  .home-hero-image-headshot {
    width: 150%;
    min-width: auto;
    display: none;
  }

  .background-texture-image.tablet-and-mobile-menu {
    max-height: 100vh;
    opacity: .4;
    display: block;
  }

  .h3-styling.white-text.homes4, .h3-styling.white-text.homes4.h11 {
    font-size: 40px;
    line-height: 70px;
  }

  ._50-percent-block {
    width: 85%;
  }

  ._50-percent-block.right-padding-60px.right {
    height: auto;
    margin-top: 60px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    position: relative;
    top: 420px;
  }

  ._50-percent-block.values {
    width: auto;
    max-width: 70%;
  }

  .mobile-app-image {
    width: 80vw;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  ._4-column-image-display {
    height: 1300px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  ._4-column-image-display---wrapper:hover, ._4-column-image-display---wrapper._2:hover, ._4-column-image-display---wrapper._1:hover {
    transform: scale(1);
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 0;
  }

  ._4-column-image-display---image.individual-testimonial {
    background-position: 50% 20%;
  }

  ._4-column-image-display---image.individual-testimonial._2 {
    background-position: 50% 30%;
  }

  ._4-column-image-display---image.individual-testimonial._3 {
    background-position: 50% 35%;
  }

  ._4-column-image-display---image.individual-testimonial._4 {
    background-position: 50% 30%;
  }

  ._4-column-image-display---contnet-wrapper {
    top: 35%;
  }

  ._4-column-image-display---contnet-wrapper.testimonial-image-display {
    top: 40%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 20%;
  }

  .interactive-hover-section {
    height: auto;
    min-height: 650px;
  }

  .interactive-hover-block {
    justify-content: center;
    align-items: flex-start;
    padding: 6% 3%;
    display: flex;
  }

  .interactive-hover-section---middle-phrase {
    padding: 6px 20px;
    font-size: 24px;
    line-height: 30px;
    top: 25%;
    right: -7.3vw;
  }

  .interactive-hover-image {
    text-align: center;
    padding: 18px;
    display: none;
  }

  .logo---dark {
    width: 100%;
  }

  .partner-logos-grid {
    height: auto;
  }

  .partner-logos-grid._2-rows {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .partner-logo-wrap._2-rows {
    width: auto;
  }

  .partner-logo {
    padding-left: 0;
    padding-right: 0;
  }

  .image-licensing-grid.logos {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-slider {
    min-height: 825px;
    padding-left: 6%;
    padding-right: 6%;
  }

  .home-slider.homes1 {
    min-height: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-content-contain {
    flex-direction: column;
  }

  .slider-content-contain.home-s1, .slider-content-contain.homes1-2, .slider-content-contain.homes1-3 {
    width: 100%;
  }

  .left-slider-content-wrap {
    width: 100%;
    margin-top: 0;
  }

  .left-slider-content-wrap.home-screen1, .right-slider-content {
    width: 100%;
  }

  .slider-image {
    height: 400px;
    margin-top: 30px;
  }

  .mask.homes1 {
    width: 100vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .right-arrow {
    right: 3%;
  }

  .left-arrow {
    right: 17%;
  }

  .absolute-contrast-block {
    width: 40%;
  }

  .values-circles-wrapper {
    width: 80%;
  }

  .value-circle._2 {
    width: 225px;
    height: 225px;
    bottom: 36%;
    left: 37%;
  }

  .value-circle._3 {
    width: 175px;
    height: 175px;
    bottom: 15%;
    left: 22%;
  }

  .value-circle._4 {
    top: 36%;
    right: 7%;
  }

  .value-circle._1 {
    width: 300px;
    height: 300px;
    right: -4%;
  }

  .social-media-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .social-media-link.first, .social-media-link.dark-circle-bg {
    padding-left: 0;
  }

  .social-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 0;
  }

  .social-wrap.newsletter {
    margin-top: 16px;
    margin-left: 0;
  }

  .copyrights {
    padding-left: 6%;
    padding-right: 6%;
  }

  .footer-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr .5fr .5fr;
  }

  .copyrights-text {
    font-size: 14px;
    line-height: 20px;
  }

  ._500px-width-block {
    width: auto;
  }

  .testimonials-flex-wrap {
    height: auto;
    flex-direction: column;
  }

  .testimonial-column {
    width: 100vw;
    height: 50vh;
    min-height: 650px;
  }

  .benefits-card-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .benefit-card {
    min-height: 425px;
  }

  .div-line.mission-and-values {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .simple-form-block.book-a-demo {
    padding-left: 0;
  }

  .video-cta-flex-block {
    flex-direction: column;
  }

  .video-55-percent-block {
    width: 100%;
    height: 450px;
  }

  .video-description-block {
    margin-top: -15px;
    margin-left: 0;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  ._3-columns-2-rows-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-block---with-image {
    min-height: auto;
    padding: 10px 30px 20px;
  }

  .cta-block---with-image.mobile-apps-image {
    padding-right: 30%;
  }

  .cta-mobile-app-image---absolute {
    max-width: 75%;
    bottom: -115px;
    right: -174px;
  }

  ._4-columns-3-rows-grid {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  ._100-percent-width-video-block {
    height: 500px;
  }

  .book-a-demo-flex-wrap {
    flex-direction: column;
  }

  .link-circle {
    width: 70px;
    height: 70px;
  }

  .link-circle.left-padding.color-bg {
    width: 60px;
    height: 60px;
    max-height: 50px;
    max-width: 50px;
  }

  ._4-columns-6-rows-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-image {
    height: 400px;
    background-position: 50%;
    margin-right: 0;
  }

  .value-wrap {
    padding-right: 40px;
  }

  .flex---justify-space-around {
    flex-direction: column;
    align-items: center;
  }

  .about-image-2 {
    height: 400px;
    background-position: 50% 30%;
  }

  .about-images-wrap {
    width: 100%;
    margin-left: 0;
  }

  .about-images-wrap.creaa-imageshang {
    top: -230px;
  }

  .about-image-3 {
    height: 250px;
    bottom: -16%;
    left: 5%;
  }

  .cta-absolute-image-wrap {
    width: 100%;
    height: 350px;
    border-radius: 8px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
  }

  .story-details-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .company-results-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .company-story-card-image {
    padding: 30px;
  }

  .article-hero-image {
    height: 500px;
  }

  .article-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .featured-insight-wrapper {
    background-color: #fff;
    border-radius: 8px;
    margin-top: 50px;
    padding: 30px;
  }

  .feature-insight-link {
    flex-direction: column;
  }

  .feature-inisght-title-wrap {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .feature-inisght-image {
    min-height: 400px;
    margin-top: 40px;
    margin-left: 0;
  }

  .card-link-image.story-card {
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card-link-image.next-to-newsletter-form {
    height: 350px;
  }

  ._2-column-collection-item {
    width: 100%;
    padding: 12px;
  }

  ._3-column-collection-item {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .story-card-content-wrap {
    width: 60%;
    padding-right: 0%;
  }

  .menu-button {
    padding: 6px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .accordion-text {
    font-size: 24px;
    line-height: 30px;
  }

  .accordian-block {
    max-width: 350px;
    padding-left: 0;
    padding-right: 0;
  }

  .accordian-block.faqs {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-toggle {
    font-size: 24px;
    line-height: 34px;
  }

  .accordion-item {
    z-index: 1;
  }

  .accordion-icon {
    margin-left: 10px;
  }

  .center-on-mobile.brand-logo {
    font-size: 42px;
    line-height: 66px;
  }

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

  .newsletter-contain {
    width: 100%;
    flex: 0 auto;
    margin-top: 30px;
    padding: 30px;
  }

  .single-article-contain {
    width: 100%;
    padding: 30px;
  }

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

  .slide {
    margin-left: auto;
    margin-right: auto;
  }

  .heading {
    font-size: 46px;
    line-height: 70px;
  }

  .project-right-div {
    align-items: flex-start;
    margin-top: 0;
  }

  .project-right-div._2 {
    position: relative;
    top: -55px;
  }

  .project-left-div {
    align-items: flex-start;
  }

  .projects-container {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .more-projects-container {
    align-items: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .collection-list-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .navbar-container {
    grid-template-columns: 1fr 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .nav-menu-2 {
    background-color: #101010;
    padding-left: 20px;
  }

  .div-block-2 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .contact-button {
    display: inline-block;
  }

  .menu-button-2 {
    color: #000;
    background-color: #fff;
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #000;
    background-color: #d9d9d9;
  }

  .contact-us-form {
    max-width: 100%;
  }

  .contact-forrm-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .contact-us-grid {
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-container {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-left: 40px;
    margin-right: 40px;
  }

  .footer-link-wrapper {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .p-d-image-wrapper {
    height: 520px;
  }

  .p-d-hero-container, .p-d-rich-text-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .cta-container {
    text-align: left;
    align-items: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .tabs {
    align-items: flex-start;
  }

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

  .projects-hero-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .integration-item {
    width: 180px;
    height: 55px;
    margin-right: 20px;
  }

  .logos-container {
    width: 100vw;
  }

  .black-shadow, .black-shadow-right {
    height: 55px;
  }

  .paragraph-4, .white-text-2.brands1-2 {
    font-size: 16px;
  }

  .white-text-2.brands1.b111 {
    font-size: 46px;
  }

  .white-text-2.bs4 {
    font-size: 40px;
    line-height: 70px;
  }

  .button-2 {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .section-4 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-4.home-hero {
    height: auto;
    background-image: linear-gradient(197deg, rgba(4, 11, 50, .89) 18%, rgba(66, 71, 98, .49) 69%, rgba(124, 127, 142, .62) 85%, rgba(200, 200, 200, .64));
    align-items: flex-start;
    padding-top: 90px;
    padding-bottom: 80px;
  }

  .section-4.brand-logo {
    padding-top: 0;
  }

  .section-4.dark {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-4._1231313 {
    padding-top: 60px;
  }

  .section-4._1231313._23131 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-4.brand222 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-4.brand111 {
    padding-bottom: 0;
  }

  .section-4.brand-s3 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .section-4.brands4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-4.ccc111, .section-4.ccc22, .section-4.ccc444 {
    padding-top: 0;
  }

  .container-2.investors {
    margin-top: 130px;
  }

  .container-2.brand131, .banner-link3, .banner-link2 {
    justify-content: center;
    display: flex;
  }

  .columns {
    width: 88%;
    max-width: 635px;
  }

  .banner-link {
    width: auto;
    justify-content: center;
    display: flex;
  }

  .video-55-percent-block-2 {
    width: 100%;
    height: 450px;
  }

  .video-55-percent-block-2.v4 {
    top: -275px;
  }

  .video-description-block-2 {
    margin-top: -40px;
    margin-left: 0;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
  }

  .video-description-block-2.brand-text2 {
    position: relative;
    top: 448px;
  }

  .video-description-block-2.brand-text4 {
    top: 416px;
  }

  .heading-8 {
    font-size: 28px;
  }

  .heading-10, .heading-11 {
    font-size: 28px;
    line-height: 60px;
  }

  .heading-13._2323 {
    margin-bottom: 0;
    font-size: 42px;
    line-height: 66px;
  }

  .heading-13._1231, .heading-14 {
    font-size: 28px;
    line-height: 60px;
  }

  .heading-15 {
    font-size: 42px;
    line-height: 66px;
  }

  .heading-24 {
    padding-top: 54px;
  }

  .login-container {
    padding-top: 7%;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .login-head {
    margin-bottom: 4%;
  }

  .heading-39, .heading-40 {
    font-size: 28px;
    line-height: 60px;
  }

  .grid {
    max-width: 1200px;
    grid-template-rows: auto;
  }

  .column-3, .column-4 {
    margin-top: 20px;
  }

  .heading-41, .heading-42 {
    font-size: 28px;
    line-height: 60px;
  }

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

  .social-wrap-2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 56px;
    line-height: 70px;
  }

  h2 {
    font-size: 40px;
    line-height: 54px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

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

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

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

  .section.dark.values {
    padding-bottom: 590px;
  }

  .section.dark.footer {
    padding-top: 50px;
  }

  .section.dark.less-padding {
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
    overflow: visible;
  }

  .section.with-mobile-app {
    padding-top: 50px;
  }

  .section.with-full-width-slider {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.for-individuals-hero {
    height: auto;
    min-height: 600px;
    align-items: flex-start;
    padding-top: 90px;
  }

  .section.for-companies-hero {
    height: auto;
    min-height: 600px;
    padding-top: 90px;
  }

  .section.full-width-image {
    height: 500px;
  }

  .section.about {
    height: auto;
    background-position: 60%;
  }

  .style-block {
    padding: 35px;
  }

  .button {
    padding: 10px 20px;
    font-size: 18px;
  }

  .button.outlined.navbar-cta.signup._12313.yidong {
    width: 111.992px;
    margin-left: 0;
  }

  .button.outlined.navbar-cta.signup.login.yidong2 {
    width: 120px;
    border-color: #040b32;
    margin-left: 0;
  }

  ._40px-height-div {
    height: 20px;
  }

  .container.sliede {
    overflow: hidden;
  }

  .large-paragraph {
    font-size: 20px;
    line-height: 36px;
  }

  .nav-link.w--current {
    color: #ff5722;
  }

  .nav-link.no-show-on-desktop {
    display: none;
  }

  .hamburger-line {
    height: 2px;
  }

  .nav-menu {
    margin-top: 73px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo---light {
    max-width: 80%;
  }

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

  .navbar {
    min-height: auto;
    padding: 5px 3%;
  }

  .nav-container {
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brand {
    height: auto;
  }

  .brand.w--current {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-links-wrapper {
    height: auto;
    max-height: 200px;
    min-height: auto;
    padding-bottom: 30px;
    overflow: auto;
  }

  .home-hero-content-wrap {
    width: 100%;
  }

  .hero-content.individuals {
    width: 55%;
    max-width: 450px;
    min-width: 350px;
  }

  .home-hero-image-headshot {
    width: 170%;
    max-width: none;
    min-width: 1050px;
    display: none;
  }

  .h3-styling.white-text.homes4.h11 {
    font-size: 32px;
    line-height: 54px;
  }

  ._700px-width-block {
    width: auto;
    max-width: 500px;
  }

  ._50-percent-block {
    width: 80%;
  }

  ._50-percent-block.right-padding-60px {
    width: 100%;
    padding-right: 0;
  }

  ._50-percent-block.right-padding-60px.right {
    margin-top: 77px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    top: 332px;
  }

  ._50-percent-block.values {
    max-width: 100%;
  }

  .mobile-app-image {
    width: 110vw;
    max-width: 600px;
  }

  ._4-column-image-display {
    height: 2100px;
    min-height: 250vh;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  ._4-column-image-display---wrapper {
    padding: 10px;
  }

  ._4-column-image-display---wrapper._2, ._4-column-image-display---wrapper._3, ._4-column-image-display---wrapper._4, ._4-column-image-display---wrapper._1 {
    padding: 20px;
  }

  ._4-column-image-display-image.home-3 {
    background-position: 50% 40%;
  }

  ._4-column-image-display-image.home-2 {
    background-position: 50% 20%;
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 10%;
  }

  ._4-column-image-display---contnet-wrapper, ._4-column-image-display---contnet-wrapper.testimonial-image-display {
    top: 45%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 40%;
  }

  .play-button-circle.left-margin {
    margin-top: 10px;
  }

  .interactive-hover-section {
    flex-direction: column;
  }

  .interactive-hover-block {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .interactive-hover-block---small-image {
    height: 350px;
    padding-bottom: 30px;
  }

  .interactive-hover-section---middle-phrase {
    display: none;
    top: auto;
    bottom: -4%;
    left: 42%;
    right: auto;
  }

  .partner-logos-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .partner-logos-grid._2-rows {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  }

  .partner-logos-grid._2-rows._1321313 {
    width: 70%;
  }

  .partner-logo-wrap {
    padding-left: 34%;
    padding-right: 34%;
  }

  .image-licensing-grid.logos {
    grid-column-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .right-arrow {
    right: 11px;
  }

  .left-arrow {
    right: 112px;
  }

  .values-circles-wrapper {
    width: 100%;
  }

  .value-circle._2 {
    font-size: 24px;
    bottom: 32%;
  }

  .value-circle._3 {
    width: 150px;
    height: 150px;
    font-size: 24px;
    bottom: 18%;
    left: 17%;
  }

  .value-circle._4 {
    font-size: 24px;
    right: 2%;
  }

  .value-circle._1 {
    width: 250px;
    height: 250px;
    font-size: 24px;
  }

  .cta-block {
    width: auto;
  }

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

  .copyrights {
    padding-left: 6%;
    padding-right: 6%;
  }

  .footer-info {
    display: none;
  }

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

  .copyrights-text {
    font-size: 14px;
    line-height: 24px;
  }

  ._500px-width-block {
    width: auto;
  }

  .cta-play-video-lightbox-link.absolute-bottom-left {
    flex-wrap: wrap;
    justify-content: center;
    left: 10px;
    right: 10px;
  }

  .testimonial {
    font-size: 24px;
    line-height: 36px;
  }

  .benefits-card-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .benefit-card {
    min-height: auto;
    padding-bottom: 34px;
  }

  .form-field.simple-email {
    margin-right: -146px;
  }

  .form-field.simple-email.pasword {
    margin-right: -109px;
  }

  .simple-form-block {
    width: 100%;
  }

  .video-55-percent-block {
    height: 350px;
  }

  .video-description-block {
    padding: 30px;
  }

  .podcast-image {
    height: 225px;
  }

  .cta-block---with-image {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-block---with-image.mobile-apps-image {
    padding-right: 30%;
  }

  .cta-mobile-app-image---absolute {
    max-width: 85%;
    bottom: -118px;
    right: -163px;
  }

  ._4-columns-3-rows-grid {
    width: 100%;
    grid-row-gap: 50px;
  }

  ._100-percent-width-video-block {
    height: 350px;
  }

  ._600px-width-block {
    width: auto;
  }

  .cta-link-block {
    font-size: 18px;
  }

  ._4-columns-6-rows-grid {
    width: 100%;
    grid-template-rows: auto auto auto auto auto auto auto auto;
  }

  .about-image {
    height: 300px;
  }

  .value-wrap {
    padding-right: 10px;
  }

  .about-image-2 {
    z-index: 2;
    height: 300px;
    position: relative;
  }

  .about-image-3 {
    z-index: 1;
    height: 200px;
    bottom: -26%;
  }

  .company-results-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-bottom: 40px;
  }

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

  .company-story-card-image, .article-hero-image {
    height: 350px;
  }

  .rich-text-block {
    margin-top: 30px;
    padding-top: 20px;
  }

  .article-content {
    width: 100%;
    padding-left: 0%;
    padding-right: 0;
  }

  .featured-insight-wrapper {
    padding: 20px;
  }

  .feature-inisght-image {
    min-height: 350px;
  }

  .card-link-image.story-card {
    height: 375px;
    padding-left: 30px;
    padding-right: 30px;
  }

  ._3-column-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._40px-height-div-2 {
    height: 20px;
  }

  .licensing-source-wrap {
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .menu-button {
    padding-right: 0;
  }

  .text-animation-contain {
    bottom: 10%;
  }

  .animation-text {
    font-size: 50px;
  }

  .animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
    font-size: 60px;
  }

  .accordion-text {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    display: block;
  }

  .accordian-block {
    max-width: 100%;
  }

  .accordian-block.faqs {
    margin-bottom: 60px;
  }

  .accordion-toggle {
    height: auto;
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-family: Playfair Display, sans-serif;
    font-size: 18px;
    line-height: 28px;
    display: flex;
  }

  .accordion-item {
    margin-bottom: 20px;
  }

  .accordion-content {
    font-size: 16px;
    line-height: 28px;
  }

  .accordion-icon {
    width: 12px;
    margin-left: 10px;
  }

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

  .center-on-mobile.brand-logo {
    font-size: 30px;
    line-height: 42px;
  }

  .single-article-contain {
    padding-top: 20px;
  }

  .companies-hero-text-wrap {
    padding-right: 0;
  }

  .heading {
    font-size: 32px;
    line-height: 54px;
  }

  .heading.brands1 {
    font-size: 50px;
  }

  .paragraph {
    text-align: center;
  }

  .projects-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .gradient-text-2._11111, .gradient-text-2._222222 {
    font-size: 50px;
  }

  .navbar-container {
    grid-template-columns: 1fr 1fr;
  }

  .nav-link-2 {
    padding-bottom: 16px;
  }

  .contact-button {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .p-d-image-wrapper {
    height: 380px;
  }

  .company-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .tab-link.w--current {
    margin-bottom: 8px;
  }

  .tabs-menu {
    height: auto;
    border-radius: 20px;
    flex-direction: column;
    margin-bottom: 40px;
  }

  .integration-item {
    width: 160px;
    height: 50px;
    margin-right: 10px;
  }

  .black-shadow, .black-shadow-right {
    height: 50px;
  }

  .section-3 {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/creators-banner-new.jpg');
    background-position: 0 0, 50%;
  }

  .white-text-2.brands1.b111 {
    font-size: 32px;
    line-height: 54px;
  }

  .white-text-2.bs4 {
    font-size: 32px;
  }

  .button-2 {
    padding: 10px 20px;
    font-size: 18px;
  }

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

  .section-4.home-hero {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .section-4.brand-logo {
    padding-top: 0;
  }

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

  .section-4.brand-s3 {
    margin-top: -57px;
  }

  .section-4.ccc22 {
    padding-bottom: 10px;
  }

  .section-4._3-33 {
    top: 0;
  }

  .banner-link3 {
    justify-content: center;
    display: flex;
  }

  .cta-link-block-2 {
    font-size: 18px;
  }

  .banner-link2 {
    justify-content: center;
    display: flex;
  }

  .banner-link {
    width: 100%;
    justify-content: center;
    display: flex;
  }

  .video-55-percent-block-2 {
    height: 350px;
  }

  .video-description-block-2 {
    margin-top: -30px;
    padding: 30px;
  }

  .video-description-block-2.brand-text2 {
    top: 279px;
  }

  .video-description-block-2.brand-text4 {
    top: 252px;
  }

  .div-block-9.duoyuyan {
    display: block;
  }

  .heading-13._2323 {
    font-size: 30px;
    line-height: 42px;
  }

  .heading-13._1231, .heading-14 {
    font-size: 22px;
    line-height: 48px;
  }

  .heading-24 {
    padding-top: 51px;
    font-size: 26px;
  }

  .container-4 {
    padding-left: 17px;
    padding-right: 12px;
  }

  .tabs-content-2 {
    margin-left: 22px;
    margin-right: 22px;
  }

  .section-11 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .heading-36 {
    margin-bottom: 20px;
  }

  .paragraph-22 {
    height: auto;
    display: block;
  }

  .login-page-wrapper {
    padding-top: 0;
  }

  .logo-text {
    font-size: 14px;
  }

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

  .logo-link {
    margin-right: auto;
    padding-left: 0;
  }

  .nav-step {
    width: 24px;
    height: 24px;
  }

  .signup-nav-step {
    width: 70px;
    font-size: 12px;
  }

  .field-wrapper.first-name-wrapper {
    margin-right: 5%;
  }

  .fake-logo {
    width: 26px;
    height: 26px;
    padding-left: 8px;
  }

  .signup-field {
    height: 50px;
  }

  .login-button {
    margin-top: 15px;
  }

  .dot {
    width: 10px;
    height: 10px;
  }

  .signup-label {
    margin-bottom: 2px;
  }

  .button-wrapper-2 {
    width: auto;
  }

  .column, .column-2 {
    justify-content: center;
    margin-bottom: 10px;
    display: flex;
  }

  .column-3 {
    justify-content: center;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
  }

  .column-4 {
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .heading-41, .heading-42 {
    font-size: 22px;
    line-height: 48px;
  }

  .paragraph-24, .paragraph-25, .paragraph-26, .paragraph-27 {
    font-size: 14px;
    line-height: 26px;
  }

  .grid-2 {
    grid-template-columns: 1.22fr;
  }

  .grid-2._111 {
    direction: ltr;
    grid-template-rows: auto auto;
    grid-template-columns: 1.22fr;
  }

  .new-section-11 {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 48px;
    line-height: 60px;
  }

  h2 {
    font-size: 36px;
    line-height: 48px;
  }

  h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
  }

  h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }

  h5 {
    font-size: 18px;
    line-height: 24px;
  }

  h6 {
    font-size: 16px;
    line-height: 20px;
  }

  blockquote {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 34px;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .section.dark {
    display: block;
  }

  .section.dark.values {
    padding-bottom: 470px;
  }

  .section.with-mobile-app {
    padding-top: 0;
  }

  .section.for-individuals-hero {
    height: 100vh;
    background-position: 60%;
    align-items: center;
    padding-top: 50px;
  }

  .section.for-companies-hero {
    height: 100vh;
    background-position: 50%;
    align-items: flex-start;
    padding-top: 130px;
    padding-bottom: 90px;
  }

  .section.full-width-image {
    height: 600px;
  }

  .section.about {
    height: auto;
    min-height: 550px;
    background-position: 60% 100%;
    align-items: flex-start;
    padding-top: 100px;
  }

  .section.story-hero {
    min-height: 650px;
    background-position: 35%;
    align-items: flex-start;
    padding-top: 100px;
  }

  .color-wrapper {
    width: 50%;
  }

  .colors-contain {
    justify-content: center;
  }

  .style-block {
    padding: 20px;
  }

  .button-wrapper {
    width: 100%;
    text-align: center;
  }

  .button {
    padding-left: 14px;
    padding-right: 14px;
  }

  .button.outlined.navbar-cta.signup.login.yidong2 {
    width: 112px;
  }

  .button.outlined.homes1left {
    margin-left: 10px;
  }

  .button.outlined.homes1left.homes4ledt.creator {
    font-size: 16px;
  }

  .button.outlined.homes1left.homes4ledt.homes1right {
    margin-left: 10px;
  }

  .button.outlined.homes1right {
    margin-right: 10px;
    font-size: 16px;
  }

  ._40px-height-div {
    height: 20px;
  }

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

  .nav-link.w--current {
    border-top-style: none;
  }

  .hamburger-line {
    height: 2px;
  }

  .nav-menu {
    margin-top: 62px;
    padding: 10px 14px 40px;
  }

  .logo---light {
    max-width: 70%;
  }

  .menu-item {
    text-align: center;
    padding-top: 20px;
  }

  .navbar {
    padding: 0 20px;
  }

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

  .brand.w--current {
    padding-left: 0;
  }

  .nav-links-wrapper {
    height: auto;
    max-height: 90vh;
    padding-bottom: 30px;
  }

  .home-hero-content-wrap {
    width: 100%;
  }

  .hero-content.individuals {
    width: 70%;
    min-width: auto;
  }

  .hero-content.companies {
    padding-right: 0%;
  }

  .home-hero-image-headshot {
    width: 250%;
    min-width: 1100px;
    display: none;
    left: -19%;
  }

  .h3-styling.white-text.homes4 {
    text-align: center;
    font-size: 26px;
    line-height: 40px;
  }

  .h3-styling.white-text.homes4.h11 {
    font-size: 26px;
    line-height: 42px;
  }

  ._700px-width-block {
    text-align: left;
  }

  ._700px-width-block.center-on-mobile {
    text-align: center;
  }

  ._50-percent-block {
    width: 100%;
  }

  ._50-percent-block.right-padding-60px.right {
    margin-top: 68px;
  }

  ._50-percent-block.right-padding-60px.crea-textxia {
    top: 347px;
  }

  ._50-percent-block.story-hero-title-wrap {
    padding-right: 12%;
  }

  .mobile-app-image {
    width: 120vw;
  }

  ._4-column-image-display---wrapper {
    padding: 24px;
  }

  ._4-column-image-display-image.companie-stories {
    background-position: 50% 0;
  }

  ._4-column-image-display---contnet-wrapper {
    top: 45%;
  }

  ._4-column-image-display---contnet-wrapper.company-story-card {
    top: 30%;
  }

  .play-button-circle.left-margin {
    margin-top: 10px;
    margin-left: 0;
  }

  .interactive-hover-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .interactive-hover-block---small-image {
    height: 300px;
  }

  .logo---dark {
    max-width: 70%;
  }

  .partner-logos-grid {
    padding-top: 0;
  }

  .partner-logos-grid._2-rows {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
  }

  .partner-logos-grid._2-rows._1321313 {
    grid-template-columns: 1fr;
  }

  .partner-logo-wrap {
    padding-left: 28%;
    padding-right: 28%;
  }

  .partner-logo-wrap._2-rows {
    padding-left: 18%;
    padding-right: 18%;
  }

  .image-licensing-grid.logos {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .left-slider-content-wrap {
    padding-right: 0;
  }

  .slider-image {
    height: 325px;
  }

  .right-arrow {
    bottom: 2%;
    right: 1px;
  }

  .left-arrow {
    bottom: 2%;
    right: 99px;
  }

  .value-circle._2 {
    width: 150px;
    height: 150px;
    bottom: 27%;
    left: 51%;
  }

  .value-circle._3 {
    width: 125px;
    height: 125px;
    bottom: 20%;
    left: 17%;
  }

  .value-circle._4 {
    width: 110px;
    height: 110px;
    top: 46%;
    right: -2%;
  }

  .value-circle._1 {
    width: 200px;
    height: 200px;
    bottom: 4%;
  }

  .footer-link {
    text-align: left;
    font-size: 16px;
  }

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

  .footer-home-link.w--current {
    margin-bottom: 10px;
  }

  .social-wrap {
    padding-top: 6px;
    padding-bottom: 14px;
  }

  .footer-info {
    display: none;
  }

  .footer-grid {
    grid-template-rows: auto auto auto auto;
  }

  .cta-play-video-lightbox-link.absolute-bottom-right {
    flex-flow: column wrap;
    align-items: flex-start;
    left: 20px;
    right: 20px;
  }

  .cta-play-video-lightbox-link.absolute-bottom-left {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
  }

  .testimonial {
    font-size: 16px;
    line-height: 32px;
  }

  .testimonial-column {
    height: 90vh;
  }

  .benefit-description {
    font-size: 16px;
  }

  .benefit-heading {
    font-size: 22px;
    line-height: 48px;
  }

  .form-field.simple-email {
    margin-right: -135px;
  }

  .form-field.simple-email.pasword {
    margin-right: -97px;
  }

  .video-description-block {
    padding: 24px;
  }

  ._3-columns-2-rows-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .podcast-image {
    height: 250px;
  }

  .podcast-image._4 {
    height: 250px;
    background-position: 50% 60%;
  }

  .cta-block---with-image {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-block---with-image.mobile-apps-image {
    margin-bottom: 50px;
    padding-bottom: 205px;
    padding-right: 20px;
  }

  .cta-mobile-app-image---absolute {
    width: 150%;
    max-width: 500px;
    bottom: -123px;
    right: -100px;
  }

  ._4-columns-3-rows-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-link-block {
    flex-direction: row;
    justify-content: flex-start;
  }

  .link-circle {
    margin-top: 13px;
    margin-left: 0;
  }

  .link-circle.left-padding.color-bg {
    margin-top: 3px;
  }

  .value-wrap {
    padding-right: 0;
  }

  .about-image-2 {
    height: 275px;
    position: relative;
    top: -21px;
  }

  .about-images-wrap {
    margin-top: 50px;
  }

  .about-image-3 {
    z-index: 1;
    width: 275px;
    bottom: -23%;
    left: 3%;
  }

  .cta-absolute-image-wrap {
    height: 225px;
  }

  .story-company-logo {
    max-width: 50%;
  }

  .story-details-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .company-results-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .article-hero-image {
    height: 300px;
  }

  .featured-insight-wrapper {
    padding: 18px;
  }

  .feature-inisght-image {
    min-height: 300px;
  }

  .card-link-image {
    height: 275px;
  }

  .card-link-image.story-card {
    height: auto;
    background-position: 60%;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
  }

  .card-link-image.next-to-newsletter-form {
    height: 250px;
  }

  .story-card-content-wrap {
    width: 75%;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._404 {
    font-size: 150px;
    line-height: 160px;
  }

  .licensing-source-wrap {
    justify-content: flex-start;
  }

  .menu-button {
    padding-right: 0;
  }

  .text-animation-contain {
    bottom: 18%;
  }

  .animation-text {
    font-size: 40px;
    line-height: 44px;
  }

  .animation-text---second-word {
    font-size: 56px;
  }

  .animation-text---second-word._1, .animation-text---second-word._2, .animation-text---second-word._3 {
    font-size: 46px;
  }

  .accordion-text {
    color: #040b32;
    white-space: normal;
    font-size: 20px;
    line-height: 30px;
  }

  .accordian-block.faqs {
    margin-bottom: 40px;
  }

  .accordion-toggle {
    align-items: center;
    font-size: 22px;
    line-height: 32px;
  }

  .accordion-content {
    font-size: 16px;
    line-height: 25px;
  }

  .accordion-icon {
    width: 12px;
    max-width: none;
    margin-left: 10px;
  }

  .center-on-mobile.brand-logo {
    font-size: 28px;
    line-height: 40px;
  }

  .text-shadow---dark-text {
    text-shadow: 4px 4px 20px rgba(0, 0, 0, .12);
  }

  .newsletter-contain, .single-article-contain {
    padding: 20px;
  }

  .companies-hero-text-wrap {
    padding-right: 24%;
  }

  .company-logo {
    max-width: 50%;
  }

  .heading {
    font-size: 32px;
  }

  .heading.brands1 {
    font-size: 32px;
    line-height: 54px;
  }

  .paragraph {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
  }

  .div-block {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .project-right-div._2 {
    margin-top: -29px;
  }

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

  .heading-5 {
    text-align: left;
    font-size: 42px;
    line-height: 48px;
  }

  .projects-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .body-1 {
    line-height: 28px;
  }

  .gradient-text-2._11111, .gradient-text-2._222222 {
    font-size: 40px;
  }

  .more-projects-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .projects-card-image {
    height: 240px;
  }

  .navbar-container {
    margin-left: 24px;
    margin-right: 24px;
  }

  .menu-button-2 {
    padding: 8px;
  }

  .contact-us-form {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-forrm-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .link-wrapper {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer {
    padding-top: 100px;
  }

  .footer-link-wrapper {
    padding-bottom: 80px;
  }

  .heading-6 {
    font-size: 24px;
    line-height: 28px;
  }

  .p-d-tittle-wrapper {
    margin-bottom: 40px;
  }

  .p-d-image-wrapper {
    height: 240px;
  }

  .p-d-hero-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .rich-text-block-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .projects-text-block {
    margin-left: 20px;
    margin-right: 20px;
  }

  .company-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .p-d-rich-text-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .cta-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-1 {
    font-size: 64px;
    line-height: 72px;
  }

  .heading-1.projects-heading {
    letter-spacing: -1px;
    font-size: 56px;
    line-height: 64px;
  }

  .projects-hero-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .integration-item {
    width: 130px;
    height: 45px;
  }

  .black-shadow, .black-shadow-right {
    width: 15%;
    height: 45px;
  }

  .paragraph-4 {
    font-size: 14px;
    line-height: 24px;
  }

  .section-3 {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/creators-banner-new.jpg');
    background-position: 0 0, 50%;
  }

  .paragraph-5 {
    font-size: 14px;
    line-height: 26px;
  }

  .white-text-2.brands1-2 {
    font-size: 16px;
    line-height: 28px;
  }

  .white-text-2.brands1.b111 {
    font-size: 32px;
    line-height: 54px;
  }

  .white-text-2.bs4 {
    font-size: 26px;
    line-height: 42px;
  }

  .button-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .button-2.brands1, .button-2.brand-last, .button-2.brands1 {
    font-size: 16px;
  }

  .section-4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-4.home-hero {
    padding-top: 90px;
    padding-bottom: 50px;
  }

  .section-4.brand-logo {
    margin-top: -50px;
    padding-bottom: 60px;
  }

  .section-4._1231313, .section-4._1231313._23131 {
    padding-top: 60px;
  }

  .section-4.brand222 {
    height: 660px;
  }

  .section-4.brand111 {
    height: 600px;
  }

  .section-4.brand-s3 {
    height: 630px;
    margin-top: -133px;
    margin-bottom: -58px;
    padding-bottom: 0;
  }

  .section-4.brands4 {
    height: 660px;
    margin-top: 4px;
  }

  .section-4.ccc22 {
    padding-bottom: 25px;
  }

  .cta-link-block-2 {
    flex-direction: row;
    justify-content: flex-start;
  }

  .video-description-block-2 {
    padding: 24px;
  }

  .video-description-block-2.brand-text2 {
    top: 310px;
  }

  .video-description-block-2.brand-text4 {
    top: 285px;
    bottom: auto;
  }

  .div-block-9 {
    display: block;
  }

  .heading-8 {
    font-size: 20px;
    line-height: 32px;
  }

  .heading-10, .heading-11 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-13._2323 {
    font-size: 28px;
    line-height: 40px;
  }

  .heading-13._1231, .heading-14 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-15 {
    font-size: 28px;
    line-height: 40px;
  }

  .paragraph-10 {
    font-size: 17px;
  }

  .heading-24 {
    padding-top: 56px;
    font-size: 22px;
  }

  .list-9 {
    padding-right: 22px;
  }

  .paragraph-11 {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-2 {
    flex-direction: column;
    align-items: center;
  }

  .bold-text-58 {
    margin-left: 22px;
    padding-left: 0;
  }

  .tabs-content-2 {
    margin-left: 22px;
    margin-right: 22px;
    display: block;
  }

  .tab-pane-tab-1 {
    margin-left: 0;
  }

  .section-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-36 {
    font-size: 36px;
  }

  .link-5 {
    width: auto;
    height: auto;
    direction: ltr;
    text-transform: none;
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .top-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 0;
  }

  .login-container {
    min-width: 0;
  }

  .logo-link {
    width: auto;
    margin-bottom: 12px;
    margin-right: auto;
  }

  .login-head {
    font-size: 22px;
  }

  .button-wrapper-2 {
    width: auto;
  }

  .heading-39, .heading-40, .heading-41, .heading-42 {
    margin-bottom: 0;
    font-size: 22px;
  }

  .paragraph-24, .paragraph-25, .paragraph-26, .paragraph-27 {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
  }

  .new-section-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .social-wrap-2 {
    padding-top: 6px;
    padding-bottom: 14px;
  }
}

#w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce75-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce7a-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce7f-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ce84-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6cea8-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceae-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceb4-25d2f359, #w-node-_920bf6c0-2989-f1e3-cd37-e3c9e1a6ceba-25d2f359 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36cd-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36cf-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d1-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d3-d21b7d88, #w-node-_17544486-9c3a-8c5e-9d3f-2dfe95eb36d5-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17cc-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17ce-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d0-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d2-d21b7d88, #w-node-ee34470d-8645-b00e-8b80-6aba621a17d4-d21b7d88 {
  align-self: center;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47be-90a10627 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47c0-90a10627 {
  align-self: center;
  justify-self: stretch;
}

#w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47cc-90a10627 {
  align-self: center;
  justify-self: end;
}

#w-node-fef8b648-67ee-e81e-c0fa-b67b800d27c6-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fef8b648-67ee-e81e-c0fa-b67b800d27d8-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_1461bd81-544e-969d-a8a3-03975bd5da37-90a10627, #w-node-_1461bd81-544e-969d-a8a3-03975bd5da3d-90a10627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12a9-0bef2dc0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12ab-0bef2dc0 {
  align-self: center;
  justify-self: stretch;
}

#w-node-_98995cc4-624b-03d2-a015-6ac92fee12b7-0bef2dc0 {
  align-self: center;
  justify-self: end;
}

#w-node-_837177ff-992e-73bc-68a4-2a8fb6f6dcf5-0bef2dc0, #w-node-_837177ff-992e-73bc-68a4-2a8fb6f6dcfb-0bef2dc0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1ec-f6d31031 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1ee-f6d31031 {
  align-self: center;
  justify-self: stretch;
}

#w-node-_181a494a-cfeb-f384-adbd-578ee784f1fa-f6d31031 {
  align-self: center;
  justify-self: end;
}

#w-node-_64362075-d59f-4e78-65a0-ff88f61448a2-f6d31031, #w-node-_64362075-d59f-4e78-65a0-ff88f61448a9-f6d31031, #w-node-_64362075-d59f-4e78-65a0-ff88f61448b0-f6d31031, #w-node-_97f3b618-00eb-5185-4b90-ed7091651916-f6d31031, #w-node-_97f3b618-00eb-5185-4b90-ed709165191c-f6d31031 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfd2-a9a113a0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfd4-a9a113a0 {
  align-self: center;
  justify-self: stretch;
}

#w-node-d061d907-eccf-f73d-c59c-0e9bc273bfe0-a9a113a0 {
  align-self: center;
  justify-self: end;
}

#w-node-_390c089b-ac3d-76cd-27b1-adcf614eff3f-a9a113a0, #w-node-_390c089b-ac3d-76cd-27b1-adcf614eff45-a9a113a0, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9b5-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9bd-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9c7-dafd8da9, #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9d1-dafd8da9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e6343238-e497-3e90-d400-5ea9e68b214b-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b214d-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b214f-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2151-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2153-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2155-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2157-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b2159-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b215b-a9407012, #w-node-e6343238-e497-3e90-d400-5ea9e68b215d-a9407012 {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-bd896862-e2e8-b562-9fe8-378a2a78b9b5-dafd8da9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-a36137c0-3599-a5eb-7dcc-e3668f5b47cf-90a10627 {
    align-self: center;
    justify-self: end;
  }

  #w-node-fef8b648-67ee-e81e-c0fa-b67b800d27d8-90a10627 {
    justify-self: start;
  }

  #w-node-_98995cc4-624b-03d2-a015-6ac92fee12ba-0bef2dc0, #w-node-_181a494a-cfeb-f384-adbd-578ee784f1fd-f6d31031, #w-node-d061d907-eccf-f73d-c59c-0e9bc273bfe3-a9a113a0 {
    align-self: center;
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4ed-1182b4ea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cf68f78e-3e03-f975-b9ab-0fe53a7b399f-1182b4ea {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b4fb-1182b4ea {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1134e905-c23b-ddf5-be6a-48391182b506-1182b4ea {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_87734be0-cf84-851e-597a-57c2af99e364-1182b4ea {
    grid-area: 1 / 1 / 2 / 3;
  }
}


@font-face {
  font-family: 'Helvetica 587ebe5a59211';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunitosans';
  src: url('../fonts/NunitoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica rounded 5871d05ead8de';
  src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica compressed 5871d14b6903a';
  src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}