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

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

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

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

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

@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.woff2') format("woff2"), url('../fonts/Satoshi-Variable.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

:root {
  --color--black: #101011;
  --color--white: #fbfbfb;
  --text-size--regular: 1rem;
  --heading--h2: 5rem;
  --heading--h6: 2rem;
  --text-size--large: 1.5rem;
  --text-size--tiny: .75rem;
  --text-size--medium-2\<deleted\|variable-227de73e-b343-2d71-c2df-405ddac14c51\>: 1.125rem;
  --heading--h1: 10.5rem;
  --heading--h4: 3rem;
  --heading--h5: 2.5rem;
  --text-size--small: .875rem;
  --color--orange: #ed5145;
  --color--dark-grey: #1f1f1f;
  --color--grey: #353535;
  --heading--h3: 4rem;
  --text-size--medium: 1.125rem;
}

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

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

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

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

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

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

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@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 {
  background-color: var(--color--black);
  color: var(--color--white);
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

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

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

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

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

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
  font-weight: 600;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.hero-style-guide-wrapper {
  background-color: #121212;
  border-radius: 1rem;
  width: 100%;
  margin-top: 1rem;
  padding: 13rem 2rem 2rem;
  overflow: hidden;
}

.text-size-regular {
  font-size: var(--text-size--regular);
  line-height: 1.5;
}

.heading-2 {
  font-size: var(--heading--h2);
  font-weight: 300;
  line-height: 1;
}

.heading-2.text-weight-bold {
  color: #fbfbfb;
  font-family: Unbounded, sans-serif;
  font-size: 65px;
  font-weight: 400;
}

.text-box {
  max-width: 27rem;
}

.text-box.large {
  max-width: 60rem;
}

.hero-style-guide-content {
  grid-row-gap: 1.5rem;
  color: #f3f3f3;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.container.medium,
.container.small {
  max-width: 90rem;
}

.padding-global {
  padding: 3rem 4rem;
}

.padding-global.small {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-global.padding-width-100 {
  width: 100%;
}

.padding-global.top-btm-padding-remove {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-global.padding-btm-right-0 {
  padding-top: 2rem;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-global.padding-btm-0 {
  padding-bottom: 0;
}

.rich-text h1 {
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.rich-text p {
  margin-bottom: 1.5rem;
}

.rich-text h2,
.rich-text h3,
.rich-text h4 {
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.rich-text img {
  border-radius: .5rem;
  overflow: hidden;
}

.rich-text h5 {
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.rich-text blockquote {
  margin-bottom: 1.5rem;
}

.rich-text h6 {
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.button-text-absolute {
  position: absolute;
  bottom: -2rem;
}

.style-guide-header {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 4.5rem;
  display: flex;
}

.style-tag {
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #fbfbfb33;
  border-radius: 10rem;
  padding: .625rem 1.5rem;
  font-weight: 500;
}

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

.typography-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 30rem;
  display: flex;
}

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

.style-gudie-content.grid {
  grid-column-gap: 3rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 2rem;
  display: grid;
}

.style-guide-menu-links {
  grid-row-gap: 1.5rem;
  opacity: .5;
  color: #fbfbfb;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.style-guide-menu-links:hover,
.style-guide-menu-links.w--current {
  opacity: 1;
}

.button-line {
  background-color: #3f3f3f;
  width: 100%;
  height: 1px;
}

.text-size-xsmall {
  letter-spacing: .5px;
  font-size: 1rem;
}

.text-size-xsmall.text-style-caps {
  text-transform: uppercase;
}

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

.heading-6 {
  font-size: var(--heading--h6);
  line-height: 1.15;
}

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

.button {
  grid-row-gap: .25rem;
  color: #fbfbfb;
  flex-direction: column;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-size-large {
  font-size: var(--text-size--large);
}

.typography-content {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-size-tiny {
  font-size: var(--text-size--tiny);
}

.color-palette-card {
  grid-row-gap: 2rem;
  border: 1px solid #dfddda;
  border-radius: 1rem;
  flex-direction: column;
  padding: .5rem .5rem 2rem;
  display: flex;
}

.style-guide-content {
  margin-bottom: 10rem;
}

.text-size-medium {
  font-size: var(--text-size--medium-2\<deleted\|variable-227de73e-b343-2d71-c2df-405ddac14c51\>);
}

.heading-1 {
  font-size: var(--heading--h1);
  font-weight: 300;
  line-height: 1;
}

.text-weight-regular {
  font-weight: 400;
}

.button-text {
  flex-direction: column;
  display: flex;
  position: relative;
}

.style-guide-component {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  margin-bottom: 10rem;
}

.style-guide-menu {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-4 {
  font-size: var(--heading--h4);
  line-height: 1.15;
}

.text-weight-light {
  font-weight: 300;
}

.heading-5 {
  font-size: var(--heading--h5);
  line-height: 1.25;
}

.text-size-small {
  font-size: var(--text-size--small);
}

.text-size-small.text-weight-bold {
  color: var(--color--black);
  font-family: Unbounded, sans-serif;
  font-size: .875rem;
  font-weight: 500;
}

.text-size-small.text-weight-bold.text-color-white {
  color: var(--color--white);
  font-weight: 400;
}

.class-name-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 6rem;
  display: flex;
}

.class-name-wrapper.margin-bottom-0 {
  margin-bottom: 0;
}

.color-palette {
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  width: 100%;
  height: 10rem;
}

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

.color-palette.color-orange {
  background-color: var(--color--orange);
}

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

.color-palette.color-dark-grey {
  background-color: var(--color--dark-grey);
}

.color-palette.color-grey {
  background-color: var(--color--grey);
}

.style-guide-menu-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
}

.color-palette-text {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.section-style-guide {
  margin-top: 5.75rem;
}

.heading-3 {
  font-size: var(--heading--h3);
  line-height: 1;
}

.sticky-menu {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 4rem;
}

.trusted-by-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.read-more-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  transition: all .25s;
  display: flex;
}

.read-more-button:hover {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
}

.hero-wrapper {
  flex-flow: column;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 68px;
  display: flex;
}

.primary-button {
  color: var(--color--white);
  background-color: #82c341;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-button.margin-top {
  margin-top: 2rem;
}

.primary-button.margin-top.bg-transparent {
  color: var(--color--white);
  background-color: #82c34100;
  border: 1px solid #82c341;
}

.primary-button.border {
  border-top: 1px solid #bebebe;
}

.trusted-by-hero-logos {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logos {
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
}

.double-button-component {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.double-button-component.margin-top-button-hero {
  margin-top: 2.8rem;
}

.double-button-component.margin-top-button-features {
  margin-top: .5rem;
}

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

.hero-component {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.secondary-button-text {
  z-index: 2;
  margin-left: .9rem;
  position: relative;
}

.vertical-line-tag {
  opacity: .5;
  color: #fff;
  background-color: #fff;
  width: 1px;
  height: 1rem;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.secondary-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--color--white);
  border: 1px solid #353535;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.read-more-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--color--white);
  background-color: #23252640;
  border-radius: 8rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .75rem;
  text-decoration: none;
  display: flex;
}

.read-more-tag.design-btn {
  background-color: #181818;
  background-image: linear-gradient(185deg, #181818, #4f4f4f 38%, #f2f2f2 75%, #181818);
  padding: .125rem;
  box-shadow: 0 1px 4px #0003;
}

.read-more-tag.design-btn.hide-gradient {
  background-image: none;
}

.read-more-tag.design-btn.margin-botm {
  margin-bottom: 20px;
}

.arrow {
  width: auto;
  height: auto;
}

.integrations-block {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #1f1f1f;
  border-radius: 1rem;
  flex-flow: column;
  align-items: center;
  padding: 4rem 5rem 2.4rem;
  display: flex;
}

.integrations-block.second {
  width: 40%;
}

.integrations-block.first {
  width: 60%;
}

.max-width-46ch {
  max-width: 46ch;
}

.header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 63ch;
  display: flex;
}

.opacity-70 {
  opacity: .7;
}

.integrations-image {
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  height: 10rem;
  display: flex;
  overflow: hidden;
}

.features-cards-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.integrations-content-component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.home-integrations-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.integrations-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.home-features-wrapper {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10rem;
  display: flex;
}

.features {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.max-width-48ch {
  max-width: 48ch;
}

.features-content {
  max-width: 20ch;
}

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

.testimonial-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  margin-top: 12rem;
  display: flex;
}

.quote-icon {
  justify-content: center;
  align-items: center;
  width: .8rem;
  height: .8rem;
  display: flex;
}

.testimonial-image {
  border-radius: .5rem;
  max-width: 3rem;
  max-height: 3rem;
  overflow: hidden;
}

.max-width-40ch {
  max-width: 40ch;
}

.testimonial-component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 50vw;
  display: flex;
}

.testimonial-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.testimonial-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #151515;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 41ch;
  height: 100%;
  padding: 2.5rem 3rem;
  transition: background-color .25s;
  display: flex;
}

.testimonial-card:hover {
  background-color: #1f1f1f;
}

.testimonial-person-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.steps-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #141313;
  border: 1px solid #393939;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50vh;
  display: grid;
  overflow: hidden;
}

.steps-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fbfbfb;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.left-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 6rem 5rem;
  display: flex;
}

.steps-stack-component {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.steps-image {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.right-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.steps-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #ed51458c;
  border-radius: 2.3125rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .75rem;
  display: flex;
}

.steps-description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: .7;
  flex-flow: column;
  max-width: 40ch;
  display: flex;
}

.max-width-42ch {
  max-width: 42ch;
}

.steps-item {
  position: sticky;
  top: 8vh;
}

.steps-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  align-items: center;
  margin-top: 11rem;
  display: flex;
}

.max-width-30ch {
  max-width: 30ch;
}

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

.credits {
  text-decoration: none;
  transition: opacity .2s;
}

.credits:hover {
  opacity: .8;
}

.footer-grid-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-grid-wrap.left-align.w--current,
.footer-grid-wrap.left-align.footer-logo {
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-grid-wrap.left-align.footer-logo.w--current {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.vertical-line {
  background-color: #8e8c87;
  width: 1px;
  height: .8rem;
}

.footer-social-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.paragraph {
  color: #ffffff80;
}

.icon-embed {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.footer-grid {
  grid-column-gap: 5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.footer-heading {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.footer-link {
  color: gray;
  text-align: right;
  font-size: .813rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .25s;
}

.footer-link:hover {
  color: #ebebeb;
  transform: translate(0, -2px);
}

.footer-links {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  align-items: center;
  display: flex;
}

.footer-social {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  padding: .7rem;
  transition: all .3s;
  display: flex;
}

.footer-social:hover {
  color: #c9d4d8;
  background-color: #82c341;
  transform: translate(0, -2px);
}

.text-color-white {
  opacity: 1;
  color: #ebebeb;
}

.footer-component {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.trusted-by-about-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  margin-top: 7rem;
  display: flex;
}

.trusted-by-about-logos {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.opacity-80 {
  opacity: .8;
}

.about-features-image {
  border-radius: 1rem;
  width: 100%;
  height: 25rem;
  margin-bottom: .5rem;
  position: relative;
  overflow: hidden;
}

.max-width-33ch {
  max-width: 33ch;
}

.about-features-wrapper {
  grid-column-gap: 4.8rem;
  grid-row-gap: 4.8rem;
  flex-flow: column;
  align-items: center;
  margin-top: 12rem;
  display: flex;
}

.about-features-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-features-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  max-width: 40ch;
  display: flex;
}

.about-features-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.about-features-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 50vw;
  display: flex;
}

.max-width-26ch {
  max-width: 26ch;
}

.phase-cards-wrapper {
  grid-column-gap: 6.6rem;
  grid-row-gap: 6.6rem;
  flex-flow: column;
  align-items: center;
  margin-top: 12rem;
  display: flex;
}

.phase-number {
  opacity: .2;
  color: #fbfbfb;
}

.phase-cards-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.phase-cards {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: #151515;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 55vh;
  padding: 4rem 3rem 4.3rem;
  display: flex;
}

.phase-cards-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 50vw;
  display: flex;
}

.phase-cards-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 29ch;
  display: flex;
}

.team-card {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.team-grid {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.team-content {
  grid-column-gap: .375px;
  grid-row-gap: .375px;
  flex-flow: column;
  align-items: flex-start;
  margin-left: .75rem;
  display: flex;
}

.children-perspective {
  perspective: 1000px;
}

.team-image {
  border-radius: 1rem;
  width: 100%;
  height: 50%;
  overflow: hidden;
}

.team-wrapper {
  grid-column-gap: 4.6rem;
  grid-row-gap: 4.6rem;
  flex-flow: column;
  align-items: center;
  margin-top: 10rem;
  margin-bottom: 10rem;
  display: flex;
}

.team-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 48vw;
  display: flex;
}

.caps {
  text-transform: uppercase;
}

.banner-button-line {
  color: #ed5145;
  background-color: #ed5145;
  width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.banner-overlay {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(45deg, #101011e6, #10101108);
  position: absolute;
  inset: 0%;
}

.banner-background {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

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

.button-content {
  grid-column-gap: 13.8125rem;
  grid-row-gap: 13.8125rem;
  display: flex;
}

.banner-content {
  z-index: 3;
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.banner-button {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: var(--color--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

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

.banner-wrapper {
  border-radius: .5rem;
  flex-flow: column;
  padding: 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max-width-38ch {
  max-width: 38ch;
}

.top-content {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.max-width-75ch {
  max-width: 75ch;
}

.check-icon-wrap {
  background-color: #272727;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.75em;
  min-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding-bottom: .15rem;
  display: flex;
}

.features-component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  perspective: 100vw;
  perspective-origin: 50%;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.features-heading {
  grid-row-gap: .625rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100ch;
}

.features-heading.align-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.check-icon {
  width: .875rem;
  height: auto;
  padding-top: .2rem;
}

.features-vantages-content {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-left: 3vw;
  display: flex;
}

.features-wrapper {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10rem;
  margin-bottom: 8rem;
  display: flex;
}

.gradient-overlay {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(0deg, #101011, #1010111a);
  position: absolute;
  inset: 0%;
}

.gradient-overlay.bigger {
  pointer-events: none;
  height: 50vw;
}

.gradient-overlay.hero {
  height: 100vh;
}

.features-image-container {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.check-list {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.check-item {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features-image-wrapper {
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 35vw;
  min-width: 35rem;
  max-width: 40rem;
  height: 35vw;
  min-height: 35rem;
  max-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-heading-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 576px;
  display: flex;
}

.features-icon-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

.features-vantages {
  grid-column-gap: 5vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.max-width-55ch {
  max-width: 55ch;
}

.blog-list-wrap {
  width: 100%;
}

.blog-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empty-state {
  text-align: center;
  background-color: #0000;
}

.blog-card {
  grid-row-gap: 1rem;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.blog-card-image {
  border-radius: .5rem;
  width: 100%;
  height: 40vh;
  overflow: hidden;
}

.card-content {
  z-index: 2;
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: .5rem;
  margin-left: .3rem;
  text-decoration: none;
  display: flex;
}

.title-wrapper {
  color: #fbfbfb;
  max-width: 60ch;
  text-decoration: none;
}

.blog-content-wrapper {
  grid-row-gap: 6rem;
  flex-flow: column;
  align-items: center;
  margin-top: 15vh;
  display: flex;
}

.banner-heading.width-reduce {
  width: 90%;
}

.faq-component {
  grid-column-gap: 0px;
  grid-row-gap: 4.8125rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 7.5rem;
  display: flex;
}

.faq-list {
  grid-row-gap: .5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  position: relative;
}

.faq-item {
  cursor: pointer;
  background-color: #dfdfdf0f;
  border-radius: .5rem;
  flex-flow: column;
  padding: 1.5rem;
  transition: background-color .25s;
  display: flex;
}

.faq-item:hover {
  background-color: #dfdfdf1a;
}

.faq-top {
  z-index: 1;
  cursor: pointer;
  position: relative;
}

.faq-title-wrapper {
  z-index: 10;
  height: 100%;
  padding-right: 5rem;
  position: relative;
}

.faq-action-wrapper {
  z-index: 25;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.faq-bottom {
  z-index: 10;
  margin-right: 12rem;
  position: relative;
  overflow: hidden;
}

.faq-bottom-content {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  opacity: .7;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  display: grid;
}

.price-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.price-button.enterprise {
  width: auto;
}

.contain {
  object-fit: contain;
}

.enterprise-content {
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.enterprise-text {
  margin-left: 1.5rem;
}

.pricing-grid-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  margin-top: 4.5rem;
  display: flex;
}

.enterprise-banner {
  color: #fbfbfb;
  background-color: #151515;
  border: 1px solid #393939;
  border-radius: .5rem;
  justify-content: space-between;
  width: 100%;
  padding: 2.5rem 2rem;
  text-decoration: none;
  display: flex;
}

.pricing-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.price-icon {
  background-color: #393939;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: .9rem;
  display: flex;
}

.price-icon.black {
  background-color: #101011;
}

.price-card {
  grid-row-gap: 4rem;
  background-color: #151515;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 55svh;
  padding: 2.5rem 2rem 4rem;
  display: flex;
}

.price-card:nth-child(2n) {
  background-color: #1f1f1f;
}

.price-card.dark-grey {
  background-color: var(--color--dark-grey);
}

.price-card-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.price-check-item {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.price {
  grid-column-gap: .75rem;
  align-items: flex-end;
  display: flex;
}

.price-check {
  width: .875rem;
  height: auto;
}

.margin-bottom-05 {
  margin-bottom: .4rem;
}

.price-check-list {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.price-card-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.price-check-icon {
  background-color: #393939;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.75em;
  min-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  display: flex;
}

.price-features-wrap {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

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

.max-width-90ch {
  max-width: 90ch;
}

.blog-image-wrapper {
  border-radius: .5rem;
  width: 90vw;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.blog-overlay {
  background-image: linear-gradient(#10101100 10%, #101011db);
  position: absolute;
  inset: 0%;
}

.blog-component {
  grid-row-gap: 4rem;
  flex-direction: column;
  width: 100%;
  max-width: 100ch;
  margin: 9.5rem auto 7.5rem;
  display: flex;
}

.rich-text-paddig {
  grid-row-gap: 4.5rem;
  flex-direction: column;
  padding-left: 1.25rem;
  display: flex;
}

.features-hero-image {
  border-radius: 1rem;
  width: 95vw;
  height: 80vh;
  margin-top: 4rem;
  position: relative;
  overflow: hidden;
}

.about-hero-image {
  border-radius: 1.5rem;
  width: 95vw;
  height: 90vh;
  margin-top: 3.2rem;
  position: relative;
  overflow: hidden;
}

.hero-video {
  width: 100%;
  height: 100%;
}

.not-found-heading {
  font-size: 23.1113rem;
  font-weight: 900;
  line-height: 1.15;
}

.larst-card-nav {
  opacity: 1;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: .5rem;
  transition: opacity .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.larst-card-nav:hover {
  opacity: .7;
}

.brand {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-navbar-content {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  align-items: center;
  display: flex;
}

.navbar-component {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  display: flex;
}

.nav-menu {
  z-index: 2;
  grid-column-gap: 2.875rem;
  grid-row-gap: 2.875rem;
  align-items: center;
  display: flex;
}

.nav-menu-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu-wrap.home-navbar {
  justify-content: flex-end;
  align-items: center;
}

.link-block-navbar {
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  padding: .46rem .75rem;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.link-block-navbar:hover {
  opacity: .8;
  transform: translate(0, 1px);
}

.mobile-navbar-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: none;
}

.navbar {
  background-color: #0000;
  position: absolute;
  inset: 58px 0% auto;
}

.navbar.join-page {
  position: absolute;
  top: 0;
}

.navbar-link {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--color--white);
  padding-top: .2rem;
  padding-bottom: .2rem;
  font-family: Unbounded, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: all .25s;
  position: relative;
}

.nav-link:hover {
  opacity: 1;
  color: #fff;
}

.about-hero-interaction {
  flex-flow: column;
  align-items: center;
  height: 200vh;
  display: flex;
  position: relative;
}

.hero-sticky-component {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 5.5rem;
  display: flex;
  position: sticky;
  top: 5vh;
  bottom: 5vh;
}

.sticky-images {
  border-radius: 1.5rem;
  width: 30vw;
  height: 30vw;
  position: absolute;
  overflow: hidden;
}

.sticky-images.left {
  z-index: 2;
  margin-top: 5vh;
  right: 58vw;
}

.sticky-images.middle {
  z-index: 3;
}

.sticky-images.right {
  z-index: 1;
  margin-top: 5vh;
  left: 58vw;
}

.password {
  opacity: .37;
  filter: invert();
  width: 10rem;
  margin-left: auto;
  margin-right: auto;
}

.password-heading {
  text-align: center;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.5;
}

.display-none {
  display: none;
}

.text-field {
  color: var(--color--white);
  font-size: var(--text-size--regular);
  background-color: #fbfbfb33;
  border: 1px solid #0000;
  border-radius: 0;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 1rem;
  transition: all .4s;
}

.text-field:hover {
  color: var(--color--white);
  border-width: .5px;
  border-color: #fbfbfb40;
  border-radius: .5rem;
  padding-left: 1.2rem;
}

.text-field:active {
  color: var(--color--black);
}

.text-field:focus {
  border-color: var(--color--black);
  color: var(--color--white);
}

.submit-button {
  z-index: 3;
  color: #0000;
  background-color: #0000;
  position: absolute;
  inset: 0%;
}

.instruction-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-top: 15vh;
  display: flex;
}

.instruction-heading {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.instructions {
  grid-column-gap: 1.3125rem;
  grid-row-gap: 1.3125rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.instructions-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.divider-line-instructions {
  background-color: var(--color--white);
  opacity: .1;
  width: 100%;
  height: 1px;
}

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

.style-guide-hero {
  background-color: #000;
  border-bottom: 1px solid #333;
}

.hero-changelog-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #000;
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  margin-top: 1rem;
  padding: 12rem 3rem 3rem;
  display: flex;
  overflow: hidden;
}

.style-guide-heading {
  font-size: 6.125vw;
  font-weight: 300;
  line-height: 1;
}

.changelog-component {
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 82%);
  width: 100%;
  margin-bottom: 10rem;
}

.style-guide-text {
  font-size: 2.75rem;
  line-height: 1.55;
}

.opacity-85 {
  opacity: .8;
}

.license-content {
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-huge {
  font-size: 3.25rem;
  font-weight: 300;
  line-height: 1.2;
}

.style-guide-button {
  grid-row-gap: .25rem;
  color: #e5e5e5;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  overflow: hidden;
}

.style-guide-button:hover {
  opacity: .5;
}

.license-component {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 6.2rem;
  margin-bottom: 7.7rem;
}

.overflow-hidden {
  overflow: clip;
}

.error-message {
  text-align: center;
  background-color: #e54e4e;
  border-radius: .5rem;
}

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

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-field-contact {
  color: #fbfbfb;
  background-color: #0000;
  border: 1px solid #0000;
  border-bottom-color: #c9d4d833;
  border-radius: 0;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 1rem;
  font-size: 1rem;
  transition: all .4s;
}

.text-field-contact:hover {
  color: #fbfbfb;
  border-width: 1px;
  border-color: #c9d4d81a;
  padding-left: 1.2rem;
}

.text-field-contact:active {
  color: #212121;
}

.text-field-contact:focus {
  color: #fbfbfb;
  border-color: #212121;
}

.relative {
  z-index: 2;
  position: relative;
}

.form-content {
  width: 100%;
}

.success-message {
  color: #000;
  text-align: center;
  background-color: #f4f4f4;
  border-radius: .6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.text-size-medium-vw {
  font-size: 1vw;
  font-weight: 400;
}

.form-wrapper {
  width: 50%;
}

.text-size-contact {
  font-size: 1.375rem;
}

.name-wrapper-contact {
  width: 100%;
}

.contact-button {
  background-color: #1d1d1f;
  border-radius: .3rem;
  transition: all .25s;
}

.contact-button.align-center {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-wrapper {
  grid-column-gap: 6.125rem;
  grid-row-gap: 6.125rem;
  flex-flow: column;
  align-items: center;
  width: 80%;
  margin-top: 15vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-elipse {
  background-color: #fff;
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  position: absolute;
  top: 3rem;
}

.button-wrapper {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 12rem;
  justify-content: flex-end;
  align-items: center;
  padding-left: .4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-icon {
  z-index: 2;
  background-color: #82c341;
  border-top: 1px solid #bebebe;
  border-radius: 12rem;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-icon.absolute {
  z-index: 1;
  opacity: 0;
  border-radius: 13rem;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
  overflow: hidden;
}

.icon-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  width: 1rem;
  display: flex;
  overflow: hidden;
}

.line-fill {
  z-index: 2;
  background-color: var(--color--white);
  color: var(--color--white);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.mask-frame {
  background-color: var(--color--orange);
  display: none;
  position: absolute;
  inset: 0%;
}

.delete-this {
  z-index: 10;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--color--white);
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
}

.modal-content {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.modal-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #101828;
  flex-flow: column;
  display: flex;
}

.max-width-37ch {
  max-width: 37ch;
}

.modal-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #101828;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.webflix-link {
  color: #101828;
}

.modal-button {
  color: var(--color--white);
  text-align: center;
  cursor: pointer;
  background-color: #101011;
  border-radius: .5rem;
  width: 100%;
  padding: .8rem 1rem;
  text-decoration: none;
  transition: all .25s;
}

.modal-button:hover {
  background-color: #101011cc;
  transform: scale(.98);
}

.modal-embed {
  display: flex;
}

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

.margin-top-description {
  margin-top: 2rem;
}

.heading-2-instruction {
  font-size: var(--heading--h2);
  font-weight: 300;
  line-height: 1;
}

.heading-2-instruction.text-weight-bold {
  font-weight: 700;
}

.partner-component-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

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

.partner-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.partners-logo-gradient-left {
  z-index: 1;
  background-image: linear-gradient(90deg, #181818, #0000);
  width: 3rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.partners-logo-gradient-right {
  z-index: 1;
  background-image: linear-gradient(90deg, #0000, #181818);
  width: 3rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.partner-image {
  opacity: 1;
  height: 2.5rem;
}

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

.subtitle {
  text-align: center;
  text-transform: uppercase;
  font-family: Unbounded, sans-serif;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.section {
  background-image: linear-gradient(#000c, #0009 54%, #000), url('../images/interior-film-studio2.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
}

.top-button {
  color: var(--color--white);
  background-color: #0000;
  border: 1px solid #545454;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block,
.icon-2 {
  color: var(--color--white);
}

.dropdown-toggle {
  border: 1px solid #545454;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

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

.grid-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 90%;
}

.category-text {
  color: gray;
  text-align: center;
  margin-top: 10px;
  font-family: Unbounded, sans-serif;
}

.category-img {
  border: 3px solid #fbfbfb00;
  border-radius: 4px;
  height: auto;
}

.category-img:hover {
  border-color: #fbfbfbb3;
}

.category-cards {
  text-decoration: none;
}

.arrow-btn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--color--white);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.video-section {
  margin-top: 60px;
}

.body {
  background-color: #181818;
  font-family: Poppins, sans-serif;
}

.paragraph-2 {
  color: #f2f2f2;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.image-16 {
  width: 18px;
  height: auto;
}

.swiper-nav-wrapper {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.swiper {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.swiper-embed {
  margin-top: 0;
  display: none;
}

.video-catds-content {
  color: #fff;
  background-color: #0000;
  justify-content: space-between;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.read-more-btn {
  color: #ed193a;
  font-weight: 400;
  text-decoration: none;
}

.swiper-nav {
  cursor: pointer;
  background-color: #1a1a1a80;
  border: 1px solid #ffffff26;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.swiper-nav:hover {
  background-color: #36363670;
  border-color: #ffffff70;
}

.swiper-nav.next {
  background-color: #fff;
  border-color: #000;
  width: 60px;
  transform: rotate(180deg);
}

.swiper-nav.prev {
  background-color: #fff;
  border-width: 1px;
  border-color: #000;
  width: 60px;
}

.video-cards {
  width: 100%;
  position: relative;
}

.video-cards-title {
  line-height: 24px;
}

.swiper-pagination {
  text-align: right;
}

.swiper-slide {
  grid-row-gap: 10px;
  color: #fff;
  text-align: center;
  background-color: #1a1a1a00;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.video-cards-img {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.flex-block {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.swiper-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

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

.div-block-4 {
  text-align: right;
  margin-top: 20px;
}

.image-17 {
  cursor: pointer;
  width: auto;
  height: auto;
}

.btm-cta {
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 5rem 4rem 3rem;
}

.heading-7 {
  font-family: Unbounded, sans-serif;
  font-size: 3.1rem;
  font-weight: 400;
  line-height: 68px;
}

.lets-talk-title {
  color: #82c341;
  font-family: Unbounded, sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 55px;
}

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

.image-18 {
  width: auto;
  height: auto;
}

.image-18.white-img {
  filter: invert();
  color: var(--color--white);
}

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

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

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

.paragraph-3 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-weight: 600;
}

.loop-text-section {
  margin-bottom: 5rem;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.loop-text-component {
  background-color: #05b178;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.loop-text-wrapper {
  grid-column-gap: 17rem;
  grid-row-gap: 17rem;
  text-transform: uppercase;
  display: flex;
}

.loop_text {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  white-space: nowrap;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-large-2 {
  font-size: 1.1rem;
  line-height: 1.25;
}

.text-size-large-2.text-weight-medium {
  color: var(--color--black);
  font-family: Unbounded, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

.image-19 {
  width: auto;
  height: auto;
}

.hero-section {
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
}

.cta-section {
  margin-bottom: 2rem;
}

.best-work-section {
  margin-bottom: 5rem;
  padding-top: 0;
  position: relative;
}

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

.heading-8 {
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.div-block-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-8 {
  background-color: #82c341;
  border-radius: 10px;
  padding: 5px 10px;
  transform: skew(-10deg);
}

.heading-best {
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 400;
  transform: skew(10deg);
}

.swiper-best {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.heading-9 {
  color: var(--color--black);
  text-align: center;
  text-transform: uppercase;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}

.left-side-title {
  background-color: #82c341;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 10px;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  inset: 80px auto 0% -8%;
  transform: rotate(90deg);
}

.left-side-title.sticky-title {
  position: sticky;
  left: 0%;
  right: auto;
}

.div-block-10 {
  width: 50%;
}

.text-span {
  color: #82c341;
}

.paragraph-4 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 400;
}

.paragraph-4.black-color {
  color: var(--color--black);
}

.carfting-content {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 34%;
}

.crafting-section {
  margin-top: 4rem;
  margin-bottom: 6rem;
  position: relative;
}

.swiper2 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.swiper2-slide,
.swiper-slide-copy {
  grid-row-gap: 10px;
  color: #fff;
  text-align: center;
  background-color: #1a1a1a00;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.portfolio-slider {
  color: #fbfbfb;
  background-color: #f5f7fa00;
  padding: 0;
  position: relative;
}

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

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 50px;
}

.portfolio-slide-wrapper {
  width: 50%;
  margin-right: 20px;
}

.portfolio-slide-wrapper.width-change {
  width: 35%;
}

.portfolio-slide-wrapper.width-25 {
  width: 25%;
}

.portfolio-block {
  border-radius: 20px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.portfolio-image-two {
  border-radius: 16px;
  margin-bottom: 0;
  display: none;
}

.portfolio-block-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  background-color: #141718;
  border-radius: 60px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 24px;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: auto 5% 20px auto;
}

.video-name-two {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

.video-name-two.margin-btm-0 {
  margin-bottom: 0;
}

.video-name-two.margin-top-0 {
  margin-top: 0;
}

.video-name-two.margin-top-0.color-change {
  color: #6c7275;
}

.team-member-text {
  margin-bottom: 20px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  background-color: #0006;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 60px;
  display: none;
}

.team-slider-arrow.left-arrow {
  border-radius: 0 10px 10px 0;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.div-block-11 {
  background-color: #232627;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.image-20 {
  width: 15px;
  height: 15px;
}

.div-block-12 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
}

.div-block-13 {
  padding-left: 4rem;
}

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

.stack-cards {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 24px;
  position: sticky;
}

.stack-cards.red-color {
  background-color: #82c341;
  top: 50%;
}

.stack-cards.blue-card {
  background-color: #fef9ea;
  top: 22%;
}

.stack-cards.green-card {
  background-color: #fdc934;
  top: 30%;
}

.stack-cards.yellow-card {
  background-color: #52dcb2;
  top: 40%;
}

.heading-10 {
  color: var(--color--black);
  font-family: Unbounded, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 34px;
}

.para {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

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

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

.stack-cardmain-wrap {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.crafting-content-sticky {
  flex: 1;
  align-self: stretch;
  width: 60%;
  position: relative;
}

.crafting-content-sticky.margin-btm-100 {
  margin-bottom: 100px;
}

.text-span-2 {
  color: #82c341;
}

.tabs-menu {
  color: #fbfbfb80;
  text-align: center;
  background-color: #ffffff1f;
  border: 1px solid #fff3;
  border-radius: 50px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  padding: 5px;
  display: inline-flex;
}

.tabs {
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.tab-link-tab-1 {
  color: var(--color--white);
  background-color: #ddd0;
  border-radius: 20px;
}

.tab-link-tab-1.w--current {
  background-color: #82c341;
}

.tab-link-tab-2 {
  color: #fff;
  background-color: #ddd0;
  border-radius: 20px;
}

.tab-link-tab-2.w--current {
  color: #000;
  background-color: #82c341;
  border-radius: 20px;
}

.tabs-content {
  margin-top: 40px;
}

.tab-pane-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.tab-section {
  margin-top: 60px;
  margin-bottom: 100px;
}

.div-block-16 {
  z-index: -10;
  color: #fbfbfb;
  background-color: #82c341;
  border-top: 1px solid #bebebe;
  width: 52px;
  height: 15px;
  position: absolute;
  right: 20px;
}

.double-connected-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.double-connected-btn.margin-top-button-hero {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.8rem;
  position: relative;
}

.double-connected-btn.margin-top-button-features {
  margin-top: .5rem;
}

.div-block-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  filter: drop-shadow(0 1px 4px #000000b3);
  background-color: #181818;
  border-radius: 8rem;
  padding: .7rem 1.3rem;
  display: flex;
}

.div-block-17.bg-green {
  background-color: #304020;
}

.div-block-18 {
  color: var(--color--white);
  background-color: #82c341;
  border: 1px solid #82c341;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 700;
  transition: background-color .5s;
}

.div-block-18:hover {
  color: var(--color--white);
  background-color: #6ba832;
}

.video {
  background-image: url('../images/Hariji-thumb.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-2,
.video-3 {
  background-image: url('../images/dcafe-thumb.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-4 {
  background-image: url('../images/kailashji.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-5 {
  background-image: url('../images/Hariji-thumb.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-6,
.video-7 {
  background-image: url('../images/dcafe-thumb.jpg');
  background-position: 50%;
  background-size: cover;
}

.video8 {
  background-image: url('../images/kailashji.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-8 {
  background-image: url('../images/Abstract-Shape-Render-1.png');
  background-position: 50%;
  background-size: cover;
}

.video-9 {
  background-image: url('../images/A5W0P1NiROk-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video10 {
  background-image: url('../images/elyRvkP4X7M-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-11 {
  background-image: url('../images/D5-pEhdy-c8-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.contact-text {
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.crafting-section-copy {
  margin-top: 4rem;
  margin-bottom: 6rem;
  position: relative;
}

.left-side-title-copy {
  background-color: #82c341;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 10px;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  inset: 90px auto 0% -8%;
  transform: rotate(90deg);
}

.left-side-title-copy.sticky-title {
  position: sticky;
  left: 0%;
  right: auto;
}

.crafting-visual-flex-copy {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.crafting-content-sticky-copy {
  width: 60%;
}

.crafting-content-sticky-copy.margin-btm-100 {
  margin-bottom: 100px;
}

.stack-cardmain-wrap-copy {
  flex-flow: column;
  width: 40%;
  display: flex;
}

.stack-cards-wrapper-copy {
  flex-flow: column;
  height: 100px;
  display: flex;
}

.stack-cards-copy.blue-card {
  background-color: #02a8ff;
}

.stack-cards-copy.green-card {
  background-color: #05b178;
  position: static;
}

.stack-cards-copy.red-color {
  background-color: #f84616;
  top: 50%;
}

.stack-cards-copy.yellow-card {
  background-color: #fad01d;
  position: static;
  top: 40%;
}

.stack-cards-copy {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 24px;
  position: sticky;
}

.stack-cards-copy.red-color {
  background-color: #f84616;
  position: static;
  top: 50%;
}

.stack-cards-copy.blue-card {
  background-color: #02a8ff;
  top: 22%;
}

.stack-cards-copy.green-card {
  background-color: #05b178;
  top: 30%;
}

.stack-cards-copy.yellow-card {
  background-color: #fad01d;
  top: 40%;
}

.carfting-content-copy {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.new-stack-card {
  background-color: #fff;
  border-radius: 20px;
  height: 220px;
  padding: 20px;
  transition: all .4s;
}

.new-stack-card.blue-card {
  z-index: 1;
  background-color: #02a8ff;
  position: relative;
}

.new-stack-card.blue-card:hover {
  z-index: 10;
}

.new-stack-card.green-card {
  z-index: 1;
  background-color: #05b178;
  margin-top: -100px;
  position: relative;
  top: -40px;
}

.new-stack-card.green-card:hover {
  z-index: 10;
}

.new-stack-card.yellow-card {
  z-index: 1;
  background-color: #fad01d;
  margin-top: -150px;
  position: relative;
}

.new-stack-card.yellow-card:hover {
  z-index: 10;
}

.new-stack-card.red-card {
  z-index: 1;
  background-color: #f84616;
  position: relative;
  top: -160px;
}

.new-stack-card.red-card:hover {
  z-index: 10;
}

.video11 {
  background-image: url('../images/nmacc.jpg');
  background-position: 50%;
  background-size: cover;
}

.video12 {
  background-image: url('../images/asha90.jpg');
  background-position: 50%;
  background-size: cover;
}

.video13 {
  background-image: url('../images/hariji-autralia.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-copy {
  background-image: url('../images/placeholder-1.png');
  background-position: 50%;
  background-size: auto;
}

.video-2-copy {
  background-image: url('../images/A5W0P1NiROk-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-3-copy {
  background-image: url('../images/elyRvkP4X7M-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-4-copy {
  background-image: url('../images/D5-pEhdy-c8-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-nmcc {
  background-image: url('../images/nmacc.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-asha {
  background-image: url('../images/asha90.jpg');
  background-position: 50%;
  background-size: cover;
}

.portfolio-slide-wrapper-events {
  width: 50%;
  margin-bottom: -2px;
  margin-right: 20px;
}

.video-biosatdt {
  background-image: url('../images/x8LocbssqFA-SD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-white-lotus {
  background-image: url('../images/AtRSZawvxAo-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-arni {
  background-image: url('../images/N3Xn7lf9T_U-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-ashapura {
  background-image: url('../images/H4YEuXWq4Yg-SD.jpg');
  background-position: 50%;
  background-size: cover;
}

.video-isb {
  background-image: url('../images/CKvZIn57GU8-HD.jpg');
  background-position: 50%;
  background-size: cover;
}

.button-1 {
  color: #000;
  white-space: nowrap;
  filter: url('../images/');
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 20px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .9s;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  display: flex;
  position: relative;
}

.svg-filter_embed {
  display: none;
}

.button-1_content-wrap {
  color: #fff;
  background-color: #82c341;
  border-radius: 3rem;
  padding: .8rem 1.5rem;
  font-family: Unbounded, sans-serif;
}

.button-1_arrow-wrapper {
  background-color: #82c341;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  margin-left: -.25rem;
  display: flex;
}

.button_arrow-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.tabs-content-wrapper {
  margin-top: 2em;
  overflow: visible;
}

.tabs-nav-background {
  z-index: 0;
  background-color: #82c341;
  border-radius: 999em;
  position: absolute;
  inset: 0%;
  box-shadow: 0 22px 2.5em #0006;
}

.tab-content-image {
  border-radius: 1.4em;
}

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

.tab-content-inner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-content-title {
  color: #fff;
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.tabs-menu-wrapper {
  background-color: #ffffff1f;
  border: 1px solid #fff3;
  border-radius: 999em;
  align-items: center;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  padding: .5em;
  display: flex;
}

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

.tabs-nav-item {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  padding: 1em 2em;
  transition: all .3s;
  position: relative;
}

.tabs-nav-item:hover {
  background-color: #535353;
}

.tabs-nav-item.w--current {
  color: #000;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item._01 {
  padding-top: .5em;
  padding-bottom: .5em;
}

.tabs-nav-item._01:hover {
  background-color: #53535300;
}

.tabs-nav-item._01.w--current {
  color: #fff;
  font-weight: 400;
}

.tabs-nav-item._02 {
  padding-top: .5em;
  padding-bottom: .5em;
  font-weight: 400;
}

.tabs-nav-item._02:hover {
  background-color: #53535300;
}

.tabs-nav-item._02.w--current {
  color: #fff;
  padding-top: .5em;
  padding-bottom: .5em;
}

.image-arrow-contact {
  width: auto;
  height: auto;
}

.image-arrow-contact.white-img {
  filter: invert();
  color: var(--color--white);
}

.button-elipse-copy {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 20rem;
  position: absolute;
  top: 3rem;
}

.veetical-section {
  margin-top: 60px;
  margin-bottom: 60px;
}

.vertical-video {
  width: 100%;
}

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

.background-video {
  height: 100%;
}

.green-text-color {
  color: #82c341;
}

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

.img-link-box {
  width: 100%;
  height: 500px;
}

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

.heading-11 {
  margin-bottom: 28px;
  font-family: Unbounded, sans-serif;
  font-size: 32px;
  font-weight: 300;
}

.video-cards-section {
  margin-top: 80px;
}

.button-right {
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.video-cards-box {
  color: var(--color--white);
  height: 100%;
  text-decoration: none;
  position: relative;
}

.video-cards-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.video-cards-grid._5-grid {
  height: 100%;
}

.video-cards-grid._4-grid {
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.video-box-title {
  font-size: 1rem;
  font-weight: 500;
}

.video-box-title.category-name {
  font-size: 1.6rem;
  font-weight: 300;
}

.video-card-title-wrap {
  z-index: 1;
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
}

.video-thumbnail-wrap {
  overflow: hidden;
}

.video-thumbnail-wrap.height-270 {
  height: 270px;
}

.video-thumbnail-wrap.height-330 {
  height: 330px;
}

.video-thumbnail-wrap.height-100 {
  height: 100%;
}

.gradient-wrap {
  background-image: linear-gradient(#fff0, #0006);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient-wrap.gradient-yellow:hover {
  background-image: linear-gradient(#fff1ba80, #00000080);
}

.gradient-wrap.gradinet-black:hover {
  background-image: linear-gradient(#00000080, #00000080);
}

.gradient-wrap.gradient-blue:hover {
  background-image: linear-gradient(#434ac780, #00000080);
}

.gradient-wrap.gradient-white:hover {
  background-image: linear-gradient(#fbfbfb80, #00000080);
}

.gradient-wrap.gradient-purple:hover {
  background-image: linear-gradient(#8a4da080, #00000080);
}

.gradient-wrap.gradient-black:hover {
  background-image: linear-gradient(#b56b1580, #0006);
}

.video-cards-wrapper {
  margin-top: 40px;
}

.main-title {
  background-color: #82c341;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 10px;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  inset: 80px auto 0% -8%;
  transform: rotate(90deg);
}

.main-title.sticky-title {
  position: sticky;
  left: 0%;
  right: auto;
}

.div-block-19 {
  display: inline-flex;
}

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

.div-block-21 {
  background-color: #47ff29;
  border: 6px solid #105904;
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

.div-block-22 {
  width: 60%;
}

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

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

.play-button {
  opacity: .5;
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.play-icon {
  border-radius: 100%;
}

.category-section {
  margin-bottom: 5rem;
}

.best-work-section-copy {
  margin-bottom: 5rem;
  padding-top: 0;
  position: relative;
}

.category-wrapper {
  margin-top: 40px;
}

.quick-stack {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #000;
  padding: 0;
}

.preloader {
  background-color: #000;
}

.code-embed {
  opacity: 1;
}

.form-wrapper {
  width: 70%;
  margin: auto;
}

.section-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.form_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Poppins, sans-serif;
  display: grid;
}

.slide {
  color: var(--color--white);
  height: 100%;
}

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

.form_content_img {
  max-width: 200px;
}

.steps_bar {
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.slider_button {
  z-index: 3;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 20px;
  width: 100%;
  min-width: 146px;
  max-width: max-content;
  padding: 12px 20px;
  font-size: 1em;
  position: absolute;
  inset: auto auto -30% 0%;
}

.slider_button.slide_next {
  background-color: #82c341;
  inset: auto 0% -30% auto;
}

.radio_button {
  background-color: #fff;
  border: 1px solid #d9dbe9;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
  transition: all .3s linear;
  position: absolute;
  inset: auto 10px auto auto;
  box-shadow: 0 1px 3px #1f2f541a;
}

.radio_button:hover {
  border-width: 1px;
  border-color: #82c341;
}

.radio_button:focus {
  border-width: 7px;
  border-color: #a3ff41;
}

.radio_button.w--redirected-checked {
  border-color: #82c341;
}

.radio_button.w--redirected-focus {
  border-width: 4px;
  border-color: #82c341;
  box-shadow: 0 0 #0003;
}

.form_content_top {
  color: #82c341;
  text-align: left;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 50px;
  font-family: Unbounded, sans-serif;
  font-weight: 300;
  display: flex;
}

.form_content_top.mr-btm-remove {
  margin-bottom: 0;
}

.slider {
  background-color: #0000;
  height: 100%;
}

.full_img {
  width: 100%;
}

.checkbox {
  z-index: 5;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .3s linear;
  position: absolute;
  inset: 0%;
}

.checkbox:hover {
  border-color: #00000080;
}

.checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000);
  border-color: #000;
}

.checkbox.w--redirected-focus {
  border-color: #000;
  box-shadow: 0 0 #0003;
}

.form_content_last {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 2em;
  display: flex;
}

.current_step {
  width: 50%;
  height: 100%;
}

.submit_button {
  z-index: 2;
  position: absolute;
  inset: auto 0% -30% auto;
}

.complete_step {
  background-color: #000;
  width: 100%;
  height: 100%;
}

.checkbox_icon {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: flex;
}

.form_content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2em;
}

.form_content.basic-info {
  overflow: visible;
}

.form_label {
  color: #bdbcbb;
  margin-bottom: 10px;
  font-family: Unbounded, sans-serif;
  font-size: .875rem;
  font-weight: 500;
}

.mb_medium {
  margin-bottom: 1.5em;
}

.mb_medium.checkmark-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

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

.mw_small {
  max-width: 450px;
}

.step_number {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 31px;
  min-width: 31px;
  height: 31px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  display: flex;
}

.step_number.active {
  color: #fff;
  background-image: linear-gradient(#fec84b, #82c341);
  margin-left: 0;
  font-size: .875rem;
}

.step_progress_bar {
  z-index: -1;
  opacity: 1;
  border-top: 2px solid #349a2d;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.form_field {
  color: var(--color--white);
  background-color: #fff0;
  border: 1px solid gray;
  border-radius: 8px;
  height: auto;
  margin-bottom: 0;
  padding: 14px 16px 14px 14px;
  font-family: Poppins, sans-serif;
}

.form_field:focus {
  border-width: 0 0 1px;
}

.form_field::placeholder {
  color: #bdbcbb;
  font-size: .875rem;
}

.form_field.mr-top {
  margin-top: 20px;
}

.form_field.mr-top.other-software-wrapper.js-other-software {
  display: none;
}

.form_field.select-filed {
  padding-left: 14px;
}

.form_field.phone-number-field {
  padding-left: 80px;
}

.form_black {
  max-width: 860px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
}

.slider_button-outline {
  z-index: 3;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  width: 100%;
  min-width: 146px;
  max-width: max-content;
  padding: 12px 20px;
  font-size: 1em;
  position: absolute;
  inset: auto auto -30% 0%;
}

.success_message {
  background-color: #0000;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.checkbox_item {
  color: var(--color--black);
  border: 1px solid gray;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 14px 16px 14px 14px;
  display: flex;
  position: relative;
}

.steps-name {
  color: #a0a3bd;
  font-family: Poppins, sans-serif;
  font-size: .7rem;
  font-weight: 500;
}

.steps-name.active {
  color: #82c341;
  font-size: .7rem;
}

.ikonik-ze8sy {
  color: #82c341;
}

.arrow-wrap {
  display: flex;
}

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

.form-heading {
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.radio-button-label {
  color: #bdbcbb;
  font-weight: 400;
}

.color-white {
  color: #fff;
}

.color-white.mr--top-btm {
  color: #bdbcbb;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-block-4 {
  color: #bdbcbb;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.input-lable-wrap {
  text-align: left;
  margin-top: 0;
}

.textarea {
  color: var(--color--white);
  background-color: #fff0;
  border: 1px solid gray;
  border-radius: 16px;
  padding-bottom: 60px;
}

.textarea::placeholder {
  font-family: Poppins, sans-serif;
}

.textarea.small {
  color: var(--color--white);
  padding-bottom: 10px;
}

.budget-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Poppins, sans-serif;
  display: grid;
}

.text-field-2 {
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.last-form-input {
  text-align: left;
  margin-top: 0;
}

.last-form-input.mr-btm {
  margin-bottom: 20px;
}

.grid-7 {
  grid-template-rows: auto;
}

.div-block-27 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: right;
  background-color: #82c341;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 4rem;
  display: flex;
}

.join-btn {
  color: var(--color--white);
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.career-btn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--color--white);
  border: 1px solid #fff;
  border-radius: 6px;
  align-items: center;
  padding: 1px 10px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.career-btn:hover {
  color: var(--color--white);
  background-color: #82c341;
}

.image-21 {
  width: 20px;
  height: 20px;
}

.vertical-border {
  background-color: #fff;
  width: 1px;
  height: 30px;
}

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

.div-block-29 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.social-icon {
  width: 24px;
  height: 24px;
}

.home-bg-video {
  background-image: none;
  width: 100%;
  height: 100%;
}

.category-title {
  font-family: Unbounded, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.category-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 20px;
}

.category-video-slide {
  width: 18.7%;
  margin-bottom: 10px;
  margin-right: 20px;
}

.category-video-slide.width-change {
  width: 35%;
}

.category-video-slide.width-25 {
  width: 25%;
}

.category-block {
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.category-block.fb-category-block {
  padding-bottom: 10px;
}

.category-block-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  text-transform: capitalize;
  text-underline-offset: 1px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Unbounded, sans-serif;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.category-block-title.numb-block-title {
  margin-left: 20px;
}

.category-video-name {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 39px;
}

.category-video-name.margin-btm-0 {
  margin-bottom: 0;
}

.category-video-name.margin-top-0 {
  margin-top: 0;
}

.category-video-name.margin-top-0.color-change {
  color: #6c7275;
}

.ai-section {
  margin-bottom: 60px;
}

.footer-explore-text {
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 44px;
}

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

.image-22 {
  width: 50px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 47%;
}

.grid-8 {
  grid-template-rows: auto;
  align-items: center;
}

.footer-btn {
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 44px;
}

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

.footer-explore-section {
  background-color: #141414;
  background-image: url('../images/Blocks.png');
  background-position: 0 0;
  background-size: cover;
  margin-top: 40px;
}

.footer-explore-wrapper {
  margin: 0 auto;
}

.right-arrow,
.left-arrow {
  color: #82c341;
  font-size: 1.5rem;
}

.footer-padding-global {
  padding: 2rem 4rem;
}

.footer-padding-global.small {
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer-padding-global.padding-width-100 {
  width: 100%;
}

.footer-padding-global.top-btm-padding-remove {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-padding-global.padding-btm-0 {
  padding-bottom: 0;
}

.heading-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.category-fb-video-slide {
  width: 10%;
  margin-right: 20px;
}

.category-fb-video-slide.width-change {
  width: 35%;
}

.category-fb-video-slide.width-25 {
  width: 25%;
}

.category-num-block {
  flex-flow: column;
}

.heading-13 {
  color: #3a3a3a00;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #3a3a3a;
  margin-left: 0;
  margin-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 170px;
  line-height: .8em;
  position: relative;
  right: -27px;
}

.div-block-33 {
  background-color: #3a3a3a;
  width: 100px;
}

.category-reels-video-slide {
  width: 19%;
  margin-bottom: 10px;
  margin-right: 10px;
}

.category-reels-video-slide.width-change {
  width: 35%;
}

.category-reels-video-slide.width-25 {
  width: 25%;
}

.coming-soon-box {
  background-color: #3a3a3a;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 138px;
  display: flex;
}

.text-block-5 {
  font-family: Unbounded, sans-serif;
  font-size: .5rem;
  font-weight: 500;
}

.div-block-34 {
  color: var(--color--black);
  background-color: #82c341;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 2px 8px;
}

.section-3 {
  margin-bottom: 3rem;
}

.div-block-35 {
  color: var(--color--black);
  background-color: #82c341;
  border: 5px solid #4f604e;
  border-radius: 5px;
  justify-content: center;
  margin-top: 20px;
  padding: 10px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 0 0 10px #1d1a1d;
}

.paragraph-2-copy {
  color: #f2f2f2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.div-block-36 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.image-23 {
  width: 20px;
}

.join-heading {
  color: #fbfbfb;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.join-heading.color-green {
  color: #82c341;
}

.join-heading._16px {
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.join-page-heading-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.grid-9 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.heading-14 {
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.stats-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-38 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.div-block-39 {
  background-color: #fff;
  border-radius: 22px;
  width: 8px;
  height: 8px;
}

.div-block-40 {
  margin-top: 60px;
}

.creative-card-title {
  margin-bottom: 10px;
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.grid-10 {
  grid-column-gap: 61px;
  grid-template-rows: auto;
  width: 80%;
  margin: 60px auto;
}

.green-btn {
  color: var(--color--white);
  text-transform: capitalize;
  background-color: #82c341;
  border-radius: 8px;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.join-community-cards {
  text-align: left;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.join-comm-para {
  color: #fff9;
  font-family: Poppins, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}

.join-comm-img,
.image-25 {
  width: auto;
  height: auto;
}

.join-comm-cards-img-wrap {
  text-align: right;
}

.image-26 {
  min-height: 6rem;
}

.modal-body {
  z-index: 10;
  width: auto;
  height: 100vh;
  position: relative;
  box-shadow: 0 9px 50px -14px #000;
}

.heading {
  color: #ffffffb3;
  width: 100%;
  line-height: 22px;
}

.modal-closer {
  z-index: 0;
  background-color: #000000b0;
  position: absolute;
  inset: 0;
}

.close-icon {
  z-index: 20;
  cursor: pointer;
  width: 25px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.text-color-red {
  color: #da291c;
}

.text-20 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Unbounded, sans-serif;
  font-size: 1.25rem;
}

.text-20._1 {
  color: #000;
}

.forw-image-wrapper {
  background-image: url('../images/pop-up-form-image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-74 {
  background-color: #eceeec69;
}

.button2.call {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
}

.button2.call._1 {
  opacity: 0;
  background-color: #efefea;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  inset: 0%;
}

.button-brand {
  color: #fff;
  text-align: center;
  background-color: #82c341;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 2.66667;
}

.form-3 {
  grid-column-gap: 1rem;
  grid-row-gap: .375rem;
  flex-flow: column;
  grid-template-rows: auto auto auto auto 9rem auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.solid-button-wrapper {
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(45deg, #82c341, #09ce91);
  border: 1px solid #0000;
  border-radius: .5625rem;
  padding: 1em 1rem 1rem;
  font-weight: 600;
  line-height: 1.6;
  transition: box-shadow .2s;
  box-shadow: 0 0 #000;
}

.solid-button-wrapper:hover {
  box-shadow: 0 4px 15px -3px #82c341;
}

.text-field-3 {
  color: #000;
  background-color: #eceeec69;
  border: .1rem solid #0000;
  border-radius: .3125rem;
  margin-bottom: 0;
}

.text-field-3.message {
  height: 6.87063rem;
}

.modal-wrapper {
  z-index: 99999;
  cursor: default;
  background-color: #000000e6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.contact-form-2 {
  grid-column-gap: 2.50438rem;
  grid-row-gap: 2.50438rem;
  color: #000;
  flex-flow: column;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.adress-block-copy {
  color: #fff;
  background-color: #fff;
  border-radius: .75rem;
  flex-flow: row;
  margin: auto;
  display: flex;
  overflow: hidden;
}

.field-label {
  text-align: left;
  text-transform: capitalize;
  margin-bottom: .390625rem;
  font-size: .8125rem;
  line-height: 1.23077;
}

.join-creativity-wrapper {
  text-align: center;
}

.join-subheading {
  color: #82c341;
  font-family: Poppins, sans-serif;
}

.join-subheading.gradinet-uppercase {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#82c341, #8c8c8c);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Unbounded, sans-serif;
}

.join-subheading.white-heading {
  color: #fff;
}

.how-it-works-grid {
  grid-column-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.how-it-works-grid.mobile {
  display: none;
}

.works-cards {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.works-cards-title {
  font-family: Unbounded, sans-serif;
  font-size: .75rem;
  font-weight: 500;
}

.works-card-para {
  font-family: Poppins, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}

.freelacer-cards {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.freelancer-img-wrap {
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.freelancer-cards-content {
  margin-top: 0;
}

.freelnacer-para {
  color: #cececf;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  font-weight: 400;
}

.freelancer-name {
  color: #cececf;
  margin-top: 10px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
  font-weight: 400;
}

.grid-11 {
  grid-column-gap: 10px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
}

.play-btn-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: auto;
}

.faq1_accordion {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.faq1_answer {
  padding-right: 100px;
  overflow: hidden;
}

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

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

.faq1_question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-list-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.text-18 {
  font-size: 1rem;
  line-height: 1.33333;
  text-decoration: none;
}

.text-18._1 {
  color: #94969c;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.faq1_icon-wrapper {
  align-self: flex-start;
  width: 2rem;
  display: flex;
}

.text-28 {
  font-family: Unbounded, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 36px;
}

.faq1_list {
  padding-bottom: 0;
}

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

.footer-section {
  background-color: #141414;
}

.join-network-section {
  background-image: url('../images/Section-1.png');
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-15 {
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-weight: 400;
}

.div-block-76 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.photograpghy-section {
  padding-top: 60px;
}

.photograpghy-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.grid-12 {
  grid-column-gap: 20px;
  grid-row-gap: 70px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 430px;
  padding-bottom: 40px;
  overflow: auto;
}

.photography-popup-img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.heading-16 {
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.text-block-6 {
  font-family: Poppins, sans-serif;
  font-size: 33px;
  font-weight: 500;
}

.photo-pop-content {
  z-index: 11;
  text-align: center;
  position: absolute;
  inset: auto 0% 4%;
}

.bg-gradient {
  background-image: linear-gradient(#0000, #000000b3);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-27 {
  align-self: center;
  width: 20px;
}

.div-block-77 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.photo-title-wrap {
  justify-content: space-between;
  margin-bottom: -55px;
  display: flex;
}

.heading-17 {
  font-family: Unbounded, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.div-block-78 {
  margin-top: 40px;
}

.collection-item {
  padding-bottom: 20px;
}

.select-field {
  color: var(--color--dark-grey);
  font-family: Unbounded, sans-serif;
  font-weight: 400;
}

.div-block-79 {
  opacity: 0;
  position: absolute;
  top: 0;
}

.photo-category-video-img {
  object-position: 50% 20%;
}

.div-block-80 {
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.image-28 {
  width: auto;
  height: 100%;
}

.image-29 {
  width: 15px;
  height: 15px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-82 {
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  margin-right: 10px;
  display: flex;
}

.category-form-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Poppins, sans-serif;
  display: grid;
}

.undecided-field {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 1em;
}

.join-form-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.div-block-25-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 186.7px;
  display: flex;
}

.steps-icon {
  filter: grayscale();
  width: 24px;
  height: 24px;
}

.steps-icon.is-active,
.steps-icon.is-completed {
  filter: grayscale(0%);
}

.expertise-category-form_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Poppins, sans-serif;
  display: grid;
}

.years-selection-radio {
  border: 2px solid gray;
  width: 20px;
  height: 20px;
}

.years-selection-radio:hover {
  background-color: #fff;
  border: 2px solid #82c341;
}

.years-selection-radio:focus {
  border: 7px solid #82c341;
}

.years-selection-radio.w--redirected-checked {
  background-color: #fff;
  border-color: #82c341;
}

.years-selection-radio.w--redirected-focus {
  background-color: #fff;
  border: 4px solid #82c341;
}

.radio-button-label-2 {
  margin-left: 10px;
  font-family: Unbounded, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.specializtion-form-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 320px;
  padding-right: 10px;
  display: flex;
  overflow: auto;
}

.software-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.checkbox-text {
  margin-left: 6px;
  font-family: Unbounded, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.checkbox-2 {
  border: 1px solid gray;
  width: 16px;
  height: 17px;
}

.checkbox-2:hover {
  border-color: #82c341;
}

.checkbox-2:lang(en) {
  border-color: gray;
}

.checkbox-2.w--redirected-checked {
  background-color: #82c341;
  border-color: gray;
  box-shadow: 0 2px 5px #0003;
}

.checkbox-2.w--redirected-focus,
.checkbox-2.w--redirected-focus-visible {
  border-color: gray;
}

.technical-form-wrapper {
  height: 320px;
  padding-right: 10px;
  overflow: auto;
}

.years-exp-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.currency-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

._2step-form-wrap {
  flex-flow: column;
  min-height: auto;
  display: flex;
}

.next-btn {
  color: var(--color--black);
  text-align: center;
  background-color: #82c341;
  border-radius: 4px;
  width: 400px;
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.cancel-btn {
  color: #82c341;
  background-color: #fff;
  border-radius: 4px;
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.btns-wrap {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.btns-wrap._1step-btn-wrap {
  justify-content: space-between;
  align-items: flex-start;
}

.back-btn,
.submit-btn {
  color: #82c341;
  background-color: #fff;
  border-radius: 4px;
  font-family: Unbounded, sans-serif;
  font-weight: 500;
}

.submit-btn.join-network {
  color: #000;
  text-transform: capitalize;
  background-color: #82c341;
  width: 400px;
}

.image-30 {
  width: 70%;
}

.career-btn-text {
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.join-form-wrap1,
.join-form-wrap2,
.join-form-wrap-videography,
.join-form-wrap4 {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.join-form-wrap5 {
  flex-flow: column;
}

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

.join-form-wrap-photography {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.charges-wrap {
  flex: 1;
}

.check-mark---success {
  width: 250px;
  height: 250px;
}

.code-embed-3 {
  width: 100%;
  height: 100%;
}

.image-31 {
  object-fit: none;
  background-color: #000;
}

.video-12 {
  width: 100%;
}

.background-video-2 {
  position: static;
}

.c-card-img {
  background-color: #ed193a;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

._w-card-back {
  perspective: 1000px;
  background-color: #333;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-img {
  height: 120px;
}

._w-card-front {
  perspective: 1000px;
  transform: ;
  background-color: #ff6565;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.c-card-no {
  display: none;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

._w-card-img {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

._w-flip-card {
  z-index: 10;
  perspective: 1000px;
  display: flex;
  position: relative;
}

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

.c-card-back {
  perspective: 1000px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.c-card-front {
  perspective: 1000px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.photography-masonery-wrapper {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: wrap;
  display: flex;
}

.image-32 {
  width: 100%;
}

.button-2 {
  background-color: #000;
  border-radius: 24px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
}

.button-2.button-red {
  background-color: #c00;
}

.cta-wrapper {
  text-align: right;
}

.cta-wrapper.flex {
  justify-content: flex-end;
  display: flex;
}

.html-embed {
  height: 15px;
  line-height: 1;
}

.link-button {
  background-color: #e9e9e9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.link-button.margin-right---10 {
  margin-right: 10px;
}

.image-wrapper {
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.image-info {
  opacity: 0;
  background-color: #0000004d;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.collection-list {
  column-count: 3;
  column-rule-style: none;
  column-gap: 20px;
}

.tab-img-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.tab-img-wrap:hover {
  opacity: .8;
}

.tab-img-wrap._1 {
  height: 390px;
}

.div-block-83 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  column-count: 4;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 20px;
}

.tabs-menu-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 50px;
  display: flex;
}

.tab-link-tab-1-2 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-1-2.w--current {
  background-color: #82c341;
  font-weight: 500;
}

.tab-link-tab-2-2 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-2-2.w--current {
  background-color: #82c341;
}

.tab-link-tab-3 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-3.w--current {
  background-color: #82c341;
}

.tab-link-tab-4 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-4.w--current {
  background-color: #82c341;
}

.tab-link-tab-5 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-5.w--current {
  background-color: #82c341;
}

.image-34 {
  border-radius: 20px;
}

.collection-list-2 {
  column-count: 3;
  flex-flow: column;
}

.carousel-slider-content-div {
  z-index: 100;
  background-color: #252525;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.carousel-slider-div {
  z-index: 120;
  background-color: #a5070700;
  background-image: url("https://cdn.prod.website-files.com/690af4dba30f452f01b87247/694be69c9d32401d130cfeff_Grey's%20Title%20Screen.jpeg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.carousel-slider-div:hover {
  padding-left: 0;
  padding-right: 0;
}

.carousel-slider-div.stranger-things {
  background-image: url('../images/kailash-kher.png');
}

.carousel-button-outline {
  cursor: pointer;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  transition: all .2s;
  display: flex;
}

.carousel-button-outline:hover {
  background-color: #a7a7a7;
}

.match {
  color: #02cf16;
  margin-right: 12px;
  font-size: 14px;
}

.check {
  width: 50%;
}

.carousel-info-div {
  align-items: center;
  height: 50%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.thumbs-down {
  width: 66%;
}

.tv-ma {
  color: #e9e9e9;
  border: 1px solid #e9e9e9;
  padding: 5px 10px;
  font-size: 18px;
}

.tv-ma._2 {
  font-size: 14px;
}

.seasons {
  color: #e9e9e9;
  margin-left: 12px;
  font-size: 18px;
}

.seasons.seasons-2 {
  font-size: 14px;
}

.thumbs-up {
  width: 45%;
}

.play {
  filter: invert();
  width: 60%;
  margin-left: 6px;
  transform: rotate(90deg);
}

.play-button-2 {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  transition: all .2s;
  display: flex;
}

.play-button-2:hover {
  background-color: #a7a7a7;
}

.carousel-button-div {
  align-items: center;
  height: 50%;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  display: flex;
}

.div-block-84 {
  height: 130px;
}

.num-block-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}

.num-block-wrap.rel {
  position: relative;
  left: 40px;
}

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

.paragraph-free-join {
  color: #f2f2f2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

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

.image-36 {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 20px;
  bottom: 0;
  right: 20px;
}

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

.software-wrapper2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
}

.travel-willingness {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  column-count: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 50px;
}

.radio-button-field {
  text-align: left;
  margin-bottom: 10px;
}

.text-block-8 {
  color: var(--color--orange);
  text-transform: capitalize;
  font-size: .7rem;
}

.last-step-scroll {
  height: 320px;
  padding-right: 10px;
  overflow: auto;
}

.languages-copy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  column-count: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 50px;
}

.lang-check {
  justify-content: flex-start;
  align-items: center;
}

.lang-checkbox {
  border: 1px solid gray;
  border-radius: 10px;
  width: 16px;
  height: 17px;
}

.lang-checkbox:hover {
  border-color: #82c341;
}

.lang-checkbox:lang(en) {
  border-color: gray;
}

.lang-checkbox.w--redirected-checked {
  background-color: #82c341;
  border-color: gray;
  box-shadow: 0 2px 5px #0003;
}

.lang-checkbox.w--redirected-focus,
.lang-checkbox.w--redirected-focus-visible {
  border-color: gray;
}

.select-arrow {
  width: 15px;
  height: 10px;
  position: absolute;
  inset: 40% 2% 0% auto;
}

.div-block-86 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.step-circle-join-form {
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.step-circle-join-form.is-active {
  border-color: #fec84b;
}

.step-circle-join-form.is-completed {
  border-color: #349a2d;
}

.step-progress-wrapper {
  width: 100%;
  position: absolute;
}

.step_progress_bar_white {
  z-index: -2;
  border-top: 2px dashed #fff;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.text-block-9 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.text-block-10 {
  color: #fff;
  margin-top: 5px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.project-form-heading-wrap {
  margin-bottom: 0;
}

.div-block-87 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.checkbox-field {
  margin-bottom: 10px;
}

.phone-number-feild-wrapper {
  position: relative;
}

.code-embed-4 {
  position: absolute;
  top: 0;
  left: 0;
}

.purpose-form-field,
.target-audience-form-field {
  text-align: left;
  margin-top: 0;
}

.deliverable-type-checkbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.deliverable-type-field {
  position: relative;
}

.project-details-form-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 330px;
  padding-right: 10px;
  display: flex;
  overflow: auto;
}

.start-project-form-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.roll-camera-field {
  text-align: left;
  margin-top: 0;
}

.timleline-radio-wrapper,
.decision-radio-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  column-count: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 50px;
}

.budget-timeline-for-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 330px;
  display: flex;
  overflow: auto;
}

.expected-checkbox-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.your-vision-form-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 330px;
  padding-right: 10px;
  display: flex;
  overflow: auto;
}

.project-scale-radio-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  column-count: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 50px;
  position: relative;
}

.project-selection-radio {
  border: 2px solid gray;
  width: 20px;
  height: 20px;
}

.project-selection-radio:hover,
.project-selection-radio.w--redirected-checked {
  background-color: #fff;
  border-color: #82c341;
}

.project-selection-radio.w--redirected-focus {
  background-color: #fff;
  border-width: 4px;
  border-color: #82c341;
  box-shadow: 0 2px 5px #0000;
}

.div-block-88 {
  height: 330px;
  display: none;
  overflow: hidden;
}

.code-embed-5 {
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.required-star {
  color: #d63928;
}

.tell-us-text {
  color: #82c341;
  font-family: Unbounded, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.info-trxt-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #82c341;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 4px 5px;
  display: flex;
}

.info-text {
  color: #82c341;
  font-family: Unbounded, sans-serif;
  font-size: 11px;
  font-weight: 300;
}

.image-37 {
  width: 24px;
}

.tell-us-text-wrap {
  margin-bottom: 24px;
}

.link-block {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-block.w--current {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.heading-19 {
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
}

.lime-img {
  width: 50px;
  height: 30px;
}

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

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

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

.tab-link-tab-6 {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: .8rem;
}

.tab-link-tab-6.w--current {
  background-color: #82c341;
}

.category-number-img {
  z-index: -1;
}

.category-number-img._0number-img {
  position: relative;
  left: -60px;
}

.number-category-wrap {
  width: 100%;
  position: relative;
  left: -36px;
}

.category-number1-img {
  z-index: 0;
  object-fit: contain;
  position: absolute;
  inset: 0% auto 0% -50%;
}

.div-block-91 {
  width: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .text-size-small.text-weight-bold.text-color-white {
    font-size: 1rem;
  }

  .footer-grid-wrap.left-align.w--current {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-link:hover {
    color: #82c341;
    font-weight: 400;
  }

  .contact-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2 {
    width: 75%;
  }

  .btm-cta {
    width: 90%;
    padding-top: 4rem;
    padding-bottom: 5rem;
  }

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

  .left-side-title {
    left: -7%;
  }

  .portfolio-slide-wrapper.width-change {
    width: 35%;
  }

  .stack-cards {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 230px;
    padding-top: 24px;
    padding-bottom: 60px;
    display: flex;
  }

  .heading-10 {
    font-size: 1.75rem;
  }

  .div-block-18 {
    border: 1px solid #545454;
    border-radius: 5px;
    padding: 10px 20px;
  }

  .left-side-title-copy {
    top: 90px;
    left: -7%;
  }

  .crafting-content-sticky-copy.margin-btm-100 {
    flex: none;
    width: 50%;
  }

  .stack-cardmain-wrap-copy {
    flex: 0 auto;
    width: 40%;
  }

  .stack-cards-wrapper-copy {
    width: 100%;
    height: 100%;
  }

  .stack-cards-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 340px;
    padding-top: 24px;
    padding-bottom: 60px;
    display: flex;
  }

  .new-stack-card.blue-card {
    right: 0;
  }

  .new-stack-card.green-card {
    margin-top: -90px;
    right: 0;
    transform: translate(0, -30px);
  }

  .new-stack-card.yellow-card {
    margin-top: -180px;
    transform: translate(0, -40px);
  }

  .new-stack-card.red-card {
    margin-top: 0;
    transform: translate(0, -40px);
  }

  .portfolio-slide-wrapper-events {
    width: 50%;
  }

  .tabs-menu-wrapper {
    width: 27%;
  }

  .background-video {
    height: 700px;
  }

  .img-link-box {
    width: 100%;
  }

  .video-cards-box {
    overflow: hidden;
  }

  .video-cards-grid._4-grid {
    grid-template-rows: auto;
  }

  .video-box-title {
    font-size: 1.125rem;
  }

  .video-thumbnail-wrap.height-270 {
    height: 330px;
  }

  .video-thumbnail-wrap.height-330 {
    height: 410px;
  }

  .main-title {
    left: -7%;
  }

  .div-block-22 {
    width: 50%;
  }

  .form-wrapper {
    width: 72%;
  }

  .step_number.active {
    margin-left: 0;
  }

  .form_black {
    max-width: 1000px;
    padding-right: 2em;
  }

  .slider_button-outline {
    bottom: -30%;
  }

  .steps-name,
  .steps-name.active {
    font-size: .9rem;
  }

  .div-block-25 {
    width: 200px;
  }

  .category-video-slide.width-change {
    width: 35%;
  }

  .div-block-30 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-22 {
    right: 49%;
  }

  .category-fb-video-slide.width-change,
  .category-reels-video-slide.width-change {
    width: 35%;
  }

  .grid-10 {
    width: 60%;
  }

  .adress-block-copy {
    margin: auto;
  }

  .freelnacer-para {
    font-size: 1.25rem;
  }

  .freelancer-name {
    font-size: 1rem;
  }

  .grid-11 {
    grid-column-gap: 30px;
  }

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

  .image-30 {
    width: 70%;
  }

  .join-form-wrap1,
  .join-form-wrap2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .join-form-wrap-videography,
  .join-form-wrap4,
  .join-form-wrap5,
  .join-form-wrap-photography {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .div-block-87 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .heading-19 {
    line-height: 40px;
  }

  .lime-img {
    right: 49%;
  }
}

@media screen and (min-width: 1440px) {
  .heading-2.text-weight-bold {
    line-height: 94px;
  }

  .footer-grid-wrap.left-align {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-wrapper {
    width: 70%;
  }

  .partner-image {
    height: 2.75rem;
  }

  .btm-cta {
    background-image: url('../images/');
    background-size: cover;
    padding-top: 4rem;
    padding-bottom: 5rem;
  }

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

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

  .flex-wrap {
    justify-content: space-between;
    align-items: flex-end;
  }

  .left-side-title {
    left: -6%;
  }

  .div-block-12 {
    margin-left: 20px;
  }

  .crafting-visual-flex {
    justify-content: space-between;
    align-items: flex-end;
  }

  .stack-cardmain-wrap {
    padding-left: 60px;
  }

  .left-side-title-copy {
    left: -6%;
  }

  .crafting-visual-flex-copy {
    justify-content: space-between;
    align-items: flex-start;
  }

  .stack-cardmain-wrap-copy {
    padding-left: 60px;
  }

  .portfolio-slide-wrapper-events {
    width: 50%;
  }

  .video-cards-box.width-100 {
    width: 100%;
  }

  .main-title {
    position: static;
    left: -6%;
    transform: none;
  }

  .div-block-19 {
    display: inline-flex;
  }

  .form-wrapper {
    width: 70%;
  }

  .form_black {
    max-width: 1010px;
  }

  .steps-name.active {
    font-size: 1rem;
  }

  .div-block-25 {
    width: 220px;
  }

  .div-block-30 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-22 {
    right: 54%;
  }

  .coming-soon-box {
    height: 157px;
  }

  .grid-9 {
    grid-column-gap: 26px;
  }

  .button2.call {
    color: #fff;
  }

  .button2.call._1 {
    background-color: #efefea;
  }

  .how-it-works-grid {
    grid-column-gap: 51px;
  }

  .freelnacer-para {
    font-size: 1.25rem;
  }

  .grid-11 {
    grid-column-gap: 40px;
  }

  .div-block-80 {
    height: 200px;
  }

  .image-30 {
    width: 60%;
  }

  .lightbox-link {
    width: 100%;
  }

  .heading-19 {
    line-height: 40px;
  }

  .lime-img {
    right: 54%;
  }

  .category-number-img {
    align-self: flex-end;
  }

  .category-number-img._0number-img {
    left: -70px;
  }

  .div-block-91 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: none;
  }

  .loop-text-section {
    padding-left: 0;
    padding-right: 0;
    font-family: Unbounded, sans-serif;
  }

  .loop-text-component {
    padding-top: 0;
    padding-bottom: 0;
    font-family: Unbounded, sans-serif;
  }

  .loop-text-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .loop_text {
    font-family: Unbounded, sans-serif;
  }

  .text-size-large-2 {
    font-size: 1.5rem;
  }

  .text-size-large-2.text-weight-medium {
    font-family: Unbounded, sans-serif;
    font-size: 2rem;
    font-weight: 500;
  }

  .left-side-title {
    left: -4%;
  }

  .div-block-12 {
    max-width: 100rem;
    margin-left: auto;
    margin-right: 0;
  }

  .left-side-title-copy,
  .main-title {
    left: -4%;
  }

  .category-video-slide {
    margin-right: 30px;
  }

  .footer-explore-text {
    font-size: 46px;
    line-height: 52px;
  }

  .image-22 {
    right: 59%;
  }

  .category-fb-video-slide {
    width: 10%;
    margin-right: 30px;
  }

  .category-reels-video-slide {
    margin-right: 28px;
  }

  .coming-soon-box {
    height: 209px;
  }

  .modal-body {
    max-width: 80rem;
  }

  .text-20._1 {
    font-size: 2rem;
    font-weight: 500;
  }

  .button2.call._1 {
    padding-top: 0;
  }

  .solid-button-wrapper {
    padding: 1rem;
    font-weight: 600;
    line-height: 1.6;
  }

  .text-field-3 {
    height: 4.2rem;
    font-size: 1.5rem;
  }

  .adress-block-copy {
    width: 100%;
    height: 50rem;
  }

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

  .text-18._1 {
    font-size: 1.1rem;
  }

  .div-block-80 {
    height: 250px;
  }

  .image-28 {
    width: auto;
    height: auto;
  }

  .image-30 {
    width: 55%;
  }

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

  .link-block {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .heading-19 {
    font-size: 46px;
    line-height: 50px;
  }

  .lime-img {
    width: 60px;
    height: 40px;
    right: 59%;
  }

  .div-block-89 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-90 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .category-number-img._0number-img {
    z-index: -1;
    left: -95px;
  }

  .number-category-wrap {
    left: -52px;
  }

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

@media screen and (max-width: 991px) {
  .heading-2 {
    font-size: 4.5rem;
  }

  .heading-2.text-weight-bold {
    font-size: 3rem;
  }

  .container.small {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .style-guide-header {
    margin-bottom: 0;
  }

  .style-gudie-content.grid {
    grid-column-gap: 1rem;
  }

  .heading-6 {
    font-size: 1.75rem;
  }

  .text-size-large {
    font-size: 1.4rem;
  }

  .heading-1 {
    font-size: 8rem;
    line-height: 1.15;
  }

  .style-guide-component {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

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

  .heading-5 {
    font-size: 2.25rem;
  }

  .section-style-guide {
    margin-top: 4rem;
  }

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

  .hero-wrapper {
    margin-top: 100px;
  }

  .trusted-by-hero-logos {
    flex-flow: wrap;
  }

  .max-width-50ch {
    max-width: none;
  }

  .integrations-block.second {
    width: 100%;
    padding: 2rem 2.5rem;
  }

  .integrations-block.first {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem 2.5rem;
  }

  .header {
    max-width: 70vw;
  }

  .features-cards-wrapper {
    margin-top: 6rem;
  }

  .integrations-content-component {
    flex-flow: column;
  }

  .home-features-wrapper {
    margin-top: 8rem;
  }

  .features-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

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

  .testimonial-wrapper {
    margin-top: 8rem;
  }

  .testimonial-component {
    max-width: none;
  }

  .testimonial-card {
    justify-content: space-between;
  }

  .steps-card {
    border-radius: 1rem;
    flex-flow: column;
    height: auto;
  }

  .steps-content {
    width: 100%;
  }

  .left-content {
    justify-content: space-between;
    width: 100%;
    padding: 4rem 4rem 4rem 2rem;
  }

  .right-content {
    width: 100%;
    height: 50vh;
  }

  .steps-description {
    max-width: none;
  }

  .steps-item {
    position: relative;
    top: auto;
  }

  .steps-wrapper {
    margin-top: 8rem;
  }

  .footer-grid-wrap {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .footer-social-wrapper {
    margin-bottom: 4rem;
  }

  .footer-links-wrapper {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .footer-grid {
    grid-column-gap: 1.6rem;
  }

  .footer-heading {
    margin-bottom: 4rem;
  }

  .footer-component {
    min-height: 0;
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .trusted-by-about-logos {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
    flex-flow: wrap;
  }

  .max-width-33ch {
    max-width: 50ch;
  }

  .about-features-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 8rem;
  }

  .about-features-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .about-features-content {
    max-width: 50ch;
  }

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

  .about-features-header {
    max-width: none;
  }

  .phase-cards-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 8rem;
  }

  .phase-cards-grid {
    grid-template-columns: 1fr 1fr;
  }

  .phase-cards {
    height: auto;
    padding: 3rem 2.5rem;
  }

  .phase-cards-header {
    max-width: none;
  }

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

  .team-image {
    height: auto;
  }

  .team-wrapper {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .team-header {
    max-width: none;
  }

  .features-component {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
  }

  .features-heading {
    text-align: left;
    align-items: flex-start;
  }

  .features-vantages-content {
    order: 1;
    width: 100%;
  }

  .features-wrapper {
    margin-top: 8rem;
  }

  .gradient-overlay {
    background-image: linear-gradient(0deg, #101011, #10101196);
  }

  .gradient-overlay.bigger {
    height: 100vw;
  }

  .features-image-container {
    width: 100%;
  }

  .check-list {
    padding-left: 0;
  }

  .features-image-wrapper {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .features-heading-wrapper {
    max-width: none;
  }

  .features-vantages {
    grid-column-gap: 0vw;
    grid-row-gap: 3rem;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

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

  .blog-card {
    width: 100%;
    max-width: none;
  }

  .faq-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .faq-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .faq-title-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 3rem;
    display: flex;
  }

  .faq-action-wrapper {
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    right: 0;
  }

  .faq-bottom {
    margin-right: 0;
  }

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

  .enterprise-content {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .enterprise-text {
    margin-left: 0;
  }

  .enterprise-banner {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: center;
  }

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

  .price-card {
    min-height: auto;
  }

  .price-check-list {
    padding-left: 0;
  }

  .utility-page-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog-component {
    max-width: none;
    margin-top: 8rem;
    margin-bottom: 6rem;
  }

  .rich-text-paddig {
    padding-left: 0;
  }

  .not-found-heading {
    font-size: 18rem;
  }

  .larst-card-nav {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-button {
    border-radius: 4px;
    overflow: hidden;
  }

  .menu-button.w--open {
    background-color: #7d7d7d66;
  }

  .right-navbar-content {
    display: none;
  }

  .right-navbar-content.request-btn {
    display: block;
  }

  .navbar-component {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .nav-menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #fff;
    background-color: #1a1a1a;
    justify-content: center;
    align-items: center;
    padding-bottom: 2rem;
    position: absolute;
  }

  .nav-menu-wrap {
    justify-content: flex-end;
    align-items: center;
  }

  .mobile-navbar-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-around;
    display: flex;
  }

  .menu-icon {
    color: #b5b5b5;
  }

  .nav-link {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
  }

  .password-heading {
    white-space: nowrap;
    font-size: 10vw;
  }

  .style-guide-heading {
    font-size: 7rem;
  }

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

  .style-guide-text {
    font-size: 2rem;
  }

  .text-size-huge {
    font-size: 2.3rem;
  }

  .license-component {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    margin-top: 5.3rem;
    margin-bottom: 6rem;
  }

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

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

  .form-wrapper {
    width: 100%;
  }

  .heading-2-instruction {
    font-size: 4.5rem;
  }

  .partner-component-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    width: auto;
  }

  .partner-container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .partner-image {
    width: 8rem;
  }

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

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

  .category-text {
    font-size: .875rem;
  }

  .paragraph-2 {
    font-size: 1rem;
    font-weight: 500;
  }

  .swiper-nav-wrapper {
    grid-column-gap: 20px;
    justify-content: center;
    margin-top: 30px;
    position: static;
  }

  .swiper-slide {
    padding: 0 10px 35px;
  }

  .btm-cta {
    padding: 2rem;
  }

  .heading-7,
  .lets-talk-title {
    font-size: 2.625rem;
    line-height: 50px;
  }

  .grid-3 {
    grid-template-columns: 2fr;
  }

  .paragraph-3 {
    font-weight: 500;
  }

  .loop-text-component {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-size-large-2.text-weight-medium {
    font-size: 1.5rem;
  }

  .heading-8 {
    font-size: 2.625rem;
  }

  .div-block-8 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

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

  .left-side-title {
    left: -12%;
  }

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

  .swiper2-slide,
  .swiper-slide-copy {
    padding: 0 10px 35px;
  }

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

  .portfolio-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .heading-10 {
    font-size: 18px;
    line-height: 24px;
  }

  .para.black-color {
    font-size: .8rem;
  }

  .double-connected-btn.margin-top-button-hero {
    margin-top: 1.5rem;
  }

  .div-block-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-side-title-copy {
    left: -12%;
  }

  .portfolio-slide-wrapper-events {
    width: 47%;
    margin-right: 6%;
  }

  .tabs-menu-wrapper {
    width: 50%;
  }

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

  .main-title {
    left: -12%;
  }

  .slider_button,
  .slider_button.slide_next,
  .submit_button {
    bottom: -25%;
  }

  .form_black {
    padding-bottom: 2em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .slider_button-outline {
    bottom: -25%;
  }

  .career-btn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .category-video-slide {
    width: 20%;
  }

  .category-video-name {
    font-size: .75rem;
    line-height: 14px;
  }

  .footer-explore-text {
    font-size: 33px;
  }

  .image-22 {
    right: 20%;
  }

  .category-fb-video-slide {
    width: 12.5%;
  }

  .category-reels-video-slide {
    width: 15%;
    margin-right: 6%;
  }

  .coming-soon-box {
    padding-top: 64px;
  }

  .paragraph-2-copy {
    font-size: 1rem;
    font-weight: 500;
  }

  .join-heading {
    font-size: 2.25rem;
  }

  .grid-10 {
    width: 100%;
  }

  .close-icon {
    top: 10px;
  }

  .text-20 {
    font-size: 1.25rem;
  }

  .modal-wrapper {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .how-it-works-grid.mobile {
    display: none;
  }

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

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

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

  .faq-list-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-28 {
    font-size: 1.375rem;
  }

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

  .heading-15 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .photo-title-wrap {
    margin-bottom: 0;
  }

  .btns-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .tabs-menu-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tv-ma,
  .seasons {
    font-size: 12px;
  }

  .paragraph-free-join {
    font-size: 1rem;
    font-weight: 500;
  }

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

  .lime-img {
    right: 20%;
  }

  .category-number-img {
    width: 50%;
  }

  .number-category-wrap {
    left: -20px;
  }

  .category-number1-img {
    width: 50%;
    left: -30%;
  }
}

@media screen and (max-width: 767px) {
  .hero-style-guide-wrapper {
    padding-top: 8rem;
  }

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

  .heading-2.text-weight-bold {
    font-size: 2.875rem;
  }

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

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .style-guide-header {
    font-size: .875rem;
  }

  .style-gudie-content.grid {
    grid-column-gap: 1rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .heading-6 {
    font-size: 1.5rem;
  }

  .text-size-large {
    font-size: 1.3rem;
  }

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

  .heading-1 {
    font-size: 6.5rem;
  }

  .style-guide-component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .style-guide-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

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

  .heading-3 {
    font-size: 3rem;
  }

  .double-button-component.margin-top-button-features {
    margin-top: 0;
  }

  .integrations-block.second,
  .integrations-block.first {
    width: 100%;
  }

  .header {
    max-width: none;
  }

  .features-cards-wrapper {
    margin-top: 4rem;
  }

  .integrations-content-component {
    flex-flow: column;
  }

  .home-features-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 6rem;
  }

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

  .testimonial-wrapper {
    margin-top: 6rem;
  }

  .testimonial-card {
    padding: 2rem;
  }

  .testimonial-card.hide-landscape {
    display: none;
  }

  .steps-card {
    display: flex;
  }

  .left-content {
    padding: 3rem 2rem 2rem 3rem;
  }

  .steps-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 6rem;
  }

  .credits-wrapper {
    flex-flow: column;
  }

  .footer-grid-wrap,
  .footer-grid-wrap.left-align {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-wrapper {
    margin-bottom: 0;
  }

  .footer-links-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .footer-component {
    padding-top: 0;
  }

  .trusted-by-about-logos {
    grid-row-gap: 3rem;
    display: flex;
  }

  .about-features-image {
    height: 20rem;
  }

  .max-width-33ch {
    max-width: none;
  }

  .about-features-wrapper {
    margin-top: 6rem;
  }

  .about-features-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .phase-cards-wrapper {
    margin-top: 6rem;
  }

  .phase-cards-grid {
    grid-template-columns: 1fr;
  }

  .phase-cards {
    padding: 2.5rem 2rem;
  }

  .team-wrapper {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .banner-content {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
  }

  .banner-wrapper {
    padding: 2.5rem;
  }

  .features-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .features-wrapper {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .blog-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .faq-bottom-content {
    padding-bottom: 0;
  }

  .price-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .utility-page-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .blog-component {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .rich-text-paddig {
    padding-left: 0;
  }

  .not-found-heading {
    font-size: 12rem;
  }

  .right-navbar-content.request-btn {
    display: block;
  }

  .navbar-component {
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .navbar-component.home-navbar {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .mobile-navbar-content {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .style-guide-heading {
    font-size: 6rem;
  }

  .style-guide-heading.mobile {
    font-size: 4rem;
  }

  .changelog-component {
    grid-template-columns: 1fr;
  }

  .style-guide-text {
    font-size: 2rem;
    line-height: 1.15;
  }

  .license-content {
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .text-size-huge {
    font-size: 2rem;
    line-height: 1.3;
  }

  .license-component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-top: 4.2rem;
    margin-bottom: 5.7rem;
  }

  .delete-this {
    left: 1.5rem;
  }

  .heading-2-instruction {
    font-size: 4rem;
  }

  .partner-component-grid,
  .partner-container {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

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

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .category-text {
    font-size: .875rem;
  }

  .swiper-nav-wrapper {
    margin-top: 25px;
  }

  .swiper-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-4 {
    text-align: left;
  }

  .btm-cta {
    padding: 2rem;
  }

  .heading-7,
  .lets-talk-title {
    font-size: 2.625rem;
  }

  .grid-3 {
    grid-template-columns: 2fr;
  }

  .paragraph-3 {
    font-weight: 500;
  }

  .loop-text-component {
    min-height: 7rem;
  }

  .loop-text-wrapper {
    top: 1rem;
    bottom: 1rem;
    right: -360vw;
  }

  .text-size-large-2 {
    font-size: 1.25rem;
  }

  .flex-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-8 {
    font-size: 2.625rem;
  }

  .left-side-title {
    margin-bottom: 30px;
    position: static;
    transform: none;
  }

  .crafting-section {
    margin-bottom: 4rem;
  }

  .portfolio-slider {
    padding: 10px 15px 0;
  }

  .portfolio-slide-wrapper {
    width: 100%;
  }

  .crafting-visual-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: center;
  }

  .crafting-content-sticky.margin-btm-100 {
    width: 100%;
    margin-bottom: 40px;
  }

  .double-connected-btn.margin-top-button-features {
    margin-top: 0;
  }

  .div-block-18 {
    padding: 5px 10px;
  }

  .crafting-visual-flex-copy {
    flex-flow: column;
  }

  .crafting-content-sticky-copy.margin-btm-100,
  .portfolio-slide-wrapper-events {
    width: 100%;
  }

  .tabs-menu-wrapper {
    width: 50%;
  }

  .main-title {
    margin-bottom: 30px;
    position: static;
    transform: none;
  }

  .text-block-3 {
    font-size: .875rem;
  }

  .section-2 {
    height: 100%;
  }

  .form_grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .steps_bar {
    padding-bottom: 1.5em;
  }

  .slider_button.slide_next,
  .submit_button {
    bottom: -15%;
  }

  .form_content {
    padding-top: 1.5em;
  }

  .step_number {
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: .6rem;
  }

  .step_number.active {
    font-size: .7rem;
  }

  .form_black {
    border-radius: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .slider_button-outline {
    bottom: -15%;
  }

  .form-heading {
    font-size: 1.375rem;
  }

  .budget-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .career-btn {
    padding: 5px 10px;
  }

  .footer-explore-text {
    font-size: 24px;
  }

  .image-22 {
    display: none;
  }

  .footer-padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .how-it-works-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .how-it-works-grid.mobile {
    display: none;
  }

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

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

  .faq1_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .faq1_icon-wrapper {
    width: 1.75rem;
  }

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

  .image-29 {
    width: 12px;
    height: 12px;
  }

  .div-block-82 {
    width: 24px;
    height: 24px;
  }

  .category-form-grid,
  .expertise-category-form_grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .btns-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-block-7 {
    font-size: .7rem;
  }

  .div-block-83 {
    column-count: 3;
  }

  .tabs-menu-2 {
    flex-flow: wrap;
  }

  .seasons {
    font-size: 20px;
  }

  .start-project-form-section {
    height: 100%;
  }

  .lime-img {
    display: none;
  }

  .number-category-wrap {
    left: -10px;
  }
}

@media screen and (max-width: 479px) {
  .hero-style-guide-wrapper {
    padding-top: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-2 {
    font-size: 3.5rem;
    line-height: 1.1;
  }

  .heading-2.text-weight-bold {
    font-size: 1.5rem;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.join-banner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .padding-global.evry-project {
    padding-top: 0;
  }

  .divider-line {
    width: 100%;
  }

  .heading-6 {
    font-size: 1.25rem;
  }

  .text-size-large {
    font-size: 1.2rem;
  }

  .style-guide-content {
    margin-bottom: 6rem;
  }

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

  .heading-1 {
    font-size: 5rem;
  }

  .style-guide-component {
    width: 100%;
  }

  .style-guide-menu {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr;
    width: 100%;
  }

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

  .heading-5 {
    font-size: 1.75rem;
  }

  .style-guide-menu-wrapper {
    width: 100%;
  }

  .heading-3 {
    font-size: 2.75rem;
  }

  .sticky-menu,
  .primary-button {
    width: 100%;
  }

  .primary-button.margin-top.bg-transparent {
    font-size: .875rem;
  }

  .trusted-by-hero-logos {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .logos {
    height: auto;
  }

  .double-button-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .secondary-button-text {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 2.5rem;
    display: flex;
  }

  .secondary-button {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .4rem;
  }

  .read-more-tag {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    border-radius: 1rem;
    flex-flow: row;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .read-more-tag.design-btn {
    border-radius: 2rem;
  }

  .integrations-block.second,
  .integrations-block.first {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1rem;
  }

  .integrations-image {
    height: 8rem;
  }

  .features-grid {
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .features-content {
    max-width: none;
  }

  .testimonial-card {
    padding: 1.5rem;
  }

  .steps-content {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .left-content {
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .steps-stack-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .right-content {
    flex-flow: column;
    align-items: center;
    padding-right: 1.75rem;
  }

  .steps-tag {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    border-radius: 1rem;
    flex-flow: row;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .steps-item {
    top: auto;
  }

  .credits-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .footer-grid-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-grid-wrap.left-align.footer-logo.w--current {
    margin-bottom: 20px;
  }

  .footer-social-wrapper {
    margin-bottom: 0;
  }

  .footer-links-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-grid {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    place-items: flex-start center;
  }

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

  .footer-links {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .footer-social:hover {
    background-color: #82c341;
  }

  .about-features-content {
    margin-left: 0;
    margin-right: 0;
  }

  .phase-cards {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .button-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .banner-content {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
  }

  .banner-button {
    width: 100%;
  }

  .banner-wrapper {
    padding: 1.5rem;
  }

  .features-heading {
    width: 100%;
  }

  .features-vantages-content {
    padding-left: 0;
  }

  .features-image-wrapper {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .blog-list {
    grid-row-gap: 0rem;
  }

  .blog-card {
    grid-row-gap: 1rem;
    padding-bottom: 3rem;
  }

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

  .faq-title-wrapper {
    padding-right: 3.5rem;
  }

  .faq-bottom-content {
    display: flex;
  }

  .price-button {
    align-items: stretch;
  }

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

  .blog-component {
    margin-top: 6rem;
  }

  .rich-text-paddig {
    margin-bottom: 2rem;
    padding-left: 0;
  }

  .not-found-heading {
    font-size: 7rem;
  }

  .larst-card-nav {
    border-top-right-radius: 0;
    border-bottom-left-radius: .5rem;
    padding-left: 2rem;
  }

  .brand {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .right-navbar-content.request-btn {
    display: block;
  }

  .navbar-component {
    padding-top: .2rem;
    padding-bottom: .2rem;
  }

  .navbar-component.home-navbar {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .nav-menu {
    width: 100%;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }

  .navbar.mobile-nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .about-hero-interaction {
    height: auto;
    margin-top: 4rem;
  }

  .hero-sticky-component {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    height: auto;
    margin-top: 0;
    position: static;
  }

  .sticky-images {
    border-radius: .5rem;
  }

  .sticky-images.left {
    width: 100%;
    max-width: none;
    height: 50vw;
    margin-top: 0;
    position: relative;
    right: auto;
  }

  .sticky-images.middle {
    width: 100%;
    max-width: none;
    height: 50vw;
    position: relative;
  }

  .sticky-images.right {
    width: 100%;
    max-width: none;
    height: 50vw;
    margin-top: 0;
    position: relative;
    left: auto;
  }

  .divider-line-instructions {
    width: 100%;
  }

  .hero-changelog-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .style-guide-heading {
    font-size: 5rem;
    line-height: 1.1;
  }

  .style-guide-heading.mobile {
    font-size: 3rem;
  }

  .changelog-component {
    width: 100%;
  }

  .style-guide-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .text-size-huge {
    font-size: 2rem;
  }

  .license-component {
    grid-row-gap: 1.75rem;
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
  }

  .form,
  .form-wrapper {
    width: 100%;
  }

  .button-elipse {
    width: 20rem;
    height: 20rem;
  }

  .button-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .heading-2-instruction {
    font-size: 3rem;
    line-height: 1.1;
  }

  .partner-component-grid,
  .partner-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .partners-logo-gradient-left,
  .partners-logo-gradient-right {
    width: 2rem;
  }

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

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

  .top-button {
    width: 100%;
  }

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

  .arrow-btn {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .4rem;
  }

  .paragraph-2 {
    font-size: .813rem;
    font-weight: 400;
  }

  .video-catds-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .video-cards {
    border-radius: 8px;
    flex: none;
    width: 100%;
    overflow: hidden;
  }

  .video-cards-title {
    font-size: .875rem;
  }

  .swiper-slide {
    padding: 10px 0;
  }

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

  .swiper-container {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .btm-cta {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-7 {
    font-size: 2.25rem;
    line-height: 47px;
  }

  .lets-talk-title {
    font-size: 2.25rem;
  }

  .paragraph-3 {
    font-size: .875rem;
    font-weight: 500;
  }

  .loop-text-component {
    min-height: 4rem;
  }

  .loop-text-wrapper {
    right: -646.9vw;
  }

  .text-size-large-2 {
    font-size: 1.125rem;
  }

  .text-size-large-2.text-weight-medium {
    font-size: 1.25rem;
    font-weight: 500;
  }

  .heading-8 {
    font-size: 1.75rem;
    line-height: 36px;
  }

  .heading-best {
    font-size: 1.5rem;
  }

  .heading-9 {
    font-size: .875rem;
  }

  .left-side-title {
    width: 190px;
    height: 10px;
    margin-bottom: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
    position: static;
    transform: none;
  }

  .left-side-title.key-feature-title {
    margin-bottom: 20px;
    position: static;
    top: -70px;
    transform: none;
  }

  .paragraph-4 {
    font-size: .875rem;
  }

  .crafting-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .swiper2-slide,
  .swiper-slide-copy {
    padding: 10px 0;
  }

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

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

  .portfolio-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .team-slider-arrow {
    width: 20px;
    overflow: visible;
  }

  .crafting-visual-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-10 {
    font-size: 1rem;
  }

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

  .double-connected-btn {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .double-connected-btn.margin-top-button-hero {
    flex-flow: row;
  }

  .div-block-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .crafting-section-copy {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .crafting-visual-flex-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .portfolio-slide-wrapper-events {
    width: 100%;
    margin-right: 0%;
  }

  .tabs-menu-wrapper {
    width: 100%;
  }

  .button-elipse-copy {
    width: 20rem;
    height: 20rem;
  }

  .heading-11 {
    font-size: 1.75rem;
    line-height: 30px;
  }

  .main-title {
    width: 190px;
    height: 10px;
    margin-bottom: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
    position: static;
    transform: none;
  }

  .main-title.key-feature-title {
    margin-bottom: 20px;
    position: static;
    top: -70px;
    transform: none;
  }

  .text-block-3 {
    font-size: .7rem;
  }

  .section-2 {
    justify-content: center;
    align-items: stretch;
    height: 100%;
  }

  .form_grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

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

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

  .slider_button {
    max-width: none;
    bottom: -30%;
  }

  .slider_button.slide_next {
    bottom: -20%;
  }

  .radio_button {
    width: 14px;
    height: 14px;
  }

  .submit_button.slider_button {
    bottom: -20%;
  }

  .checkbox_icon {
    width: 34px;
    height: 34px;
  }

  .step_number {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-left: 0;
    margin-right: 0;
    font-size: .875em;
  }

  .step_progress_bar {
    border-radius: 0;
  }

  .form_field {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_field::placeholder {
    font-size: .688rem;
  }

  .form_black {
    border-radius: .5em;
    padding: 2em 1em;
  }

  .slider_button-outline {
    max-width: none;
    bottom: -30%;
  }

  .checkbox_item {
    padding: 10px 16px;
    font-size: 1em;
  }

  .steps-name {
    display: none;
  }

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

  .form-heading {
    font-size: .813rem;
    font-weight: 600;
  }

  .radio-button-label {
    font-size: .688em;
  }

  .budget-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .div-block-27 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .join-btn {
    font-size: 12px;
  }

  .career-btn {
    padding: 2px 6px;
  }

  .category-title {
    font-size: 1rem;
    line-height: 20px;
  }

  .category-slider-wrapper {
    margin-top: 10px;
  }

  .category-video-slide {
    width: 50%;
    margin-right: 10px;
  }

  .category-video-name {
    padding-left: 2px;
    font-size: .75rem;
    line-height: 16px;
  }

  .footer-explore-text {
    text-align: center;
    font-size: 28px;
  }

  .div-block-30 {
    justify-content: center;
    align-items: flex-start;
  }

  .image-22 {
    display: none;
  }

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

  .footer-explore-wrapper {
    margin-top: 0;
  }

  .right-arrow,
  .left-arrow {
    font-size: .9rem;
  }

  .footer-padding-global,
  .heading-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .category-fb-video-slide {
    width: 30%;
    margin-right: 10px;
  }

  .category-reels-video-slide {
    width: 45%;
    margin-right: 10px;
  }

  .div-block-35 {
    border-radius: 3px;
    padding: 5px;
    font-size: .75rem;
    box-shadow: 0 0 0 8px #1d1a1d;
  }

  .paragraph-2-copy {
    text-align: left;
    font-size: .688rem;
  }

  .div-block-36 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-23 {
    width: 13px;
  }

  .join-heading {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 30px;
  }

  .join-heading._16px {
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
  }

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

  .stats-box {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .creative-card-title {
    text-align: left;
    font-size: .875rem;
  }

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

  .green-btn {
    text-transform: capitalize;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .813rem;
  }

  .join-comm-para {
    color: #fff9;
    text-align: left;
    font-size: .688rem;
    font-weight: 400;
  }

  .modal-body {
    padding: 20px 10px 15px;
  }

  .close-icon {
    top: 30px;
  }

  .forw-image-wrapper {
    display: none;
  }

  .button-brand {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .solid-button-wrapper {
    padding-top: .5em;
    padding-bottom: .5rem;
    font-size: .825rem;
  }

  .text-field-3.message {
    height: 4rem;
  }

  .modal-wrapper {
    padding: 40px 10px 30px;
  }

  .contact-form-2 {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .adress-block-copy {
    flex-flow: column;
  }

  .field-label {
    font-size: .8rem;
    font-weight: 600;
  }

  .how-it-works-grid {
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .how-it-works-grid.mobile {
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .freelacer-cards {
    flex: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 80%;
  }

  .freelnacer-para,
  .freelancer-name {
    text-align: left;
    font-size: .813rem;
  }

  .grid-11 {
    flex-flow: row;
    grid-template-columns: 1fr;
    display: flex;
    overflow: auto;
  }

  .faq1_answer {
    margin-top: 10px;
  }

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

  .faq1_question {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .faq-list-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text-18 {
    font-size: .825rem;
  }

  .text-18._1 {
    text-align: left;
    font-size: .688rem;
  }

  .text-28 {
    letter-spacing: normal;
    font-size: .813rem;
    font-weight: 500;
    line-height: 23px;
  }

  .join-network-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-15 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 26px;
  }

  .div-block-76 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .photo-title-wrap {
    margin-bottom: 0;
  }

  .category-form-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .join-form-section {
    justify-content: center;
  }

  .steps-icon {
    width: 15px;
    height: 15px;
  }

  .expertise-category-form_grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .years-selection-radio {
    width: 14px;
    height: 14px;
    margin-top: 0;
  }

  .radio-button-label-2 {
    margin-bottom: 0;
    font-size: .75rem;
    font-weight: 400;
  }

  .checkbox-text {
    align-self: flex-end;
    margin-bottom: 0;
    font-size: .6rem;
  }

  .checkbox-2 {
    width: 14px;
    height: 14px;
  }

  .years-exp-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .currency-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .next-btn,
  .cancel-btn {
    font-size: .8rem;
  }

  .btns-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .back-btn,
  .submit-btn {
    font-size: .8rem;
  }

  .image-30 {
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .career-btn-text {
    font-size: 9px;
    display: none;
  }

  .grid-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .heading-18 {
    font-size: 1.25rem;
  }

  .c-card-back {
    display: flex;
  }

  .c-card-front {
    display: none;
  }

  .tab-img-wrap {
    border-radius: 10px;
  }

  .div-block-83 {
    column-count: 2;
  }

  .tabs-menu-2 {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .tab-link-tab-1-2 {
    padding: 5px 10px;
    font-size: .6rem;
  }

  .tab-link-tab-1-2.w--current,
  .tab-link-tab-2-2,
  .tab-link-tab-3 {
    align-self: center;
    padding: 5px 10px;
    font-size: .6rem;
  }

  .tab-link-tab-4 {
    align-self: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .6rem;
  }

  .tab-link-tab-5 {
    align-self: center;
    padding: 5px 10px;
    font-size: .6rem;
  }

  .seasons {
    font-size: 14px;
  }

  .paragraph-free-join {
    text-align: center;
    font-size: .6rem;
  }

  .image-35 {
    width: auto;
    height: auto;
  }

  .div-block-85 {
    display: flex;
  }

  .div-block-85._2nd-arrow {
    justify-content: flex-end;
  }

  .travel-willingness {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .radio-button-field {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .languages-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .step-circle-join-form {
    border-width: 2px;
    width: 30px;
    height: 30px;
  }

  .step_progress_bar_white {
    border-top-color: #757575;
    border-radius: 0;
  }

  .text-block-9,
  .text-block-10 {
    font-size: .813rem;
  }

  .checkbox-field {
    align-items: center;
    margin-bottom: 5px;
    display: flex;
  }

  .radio-button-field-2 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .start-project-form-section {
    justify-content: center;
    align-items: stretch;
    height: 100%;
  }

  .timleline-radio-wrapper,
  .decision-radio-wrapper,
  .project-scale-radio-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .heading-19 {
    font-size: 30px;
  }

  .lime-img {
    display: none;
  }

  .div-block-90 {
    text-align: center;
    align-items: center;
  }

  .tab-link-tab-6 {
    padding: 5px 10px;
    font-size: .6rem;
  }
}

#w-node-_6509065d-a105-aa39-dc71-4f3041c8aa46-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aa5d-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aa62-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aa79-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aaa3-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aac7-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aae5-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aae7-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aaec-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aaf1-01b872cd,
#w-node-dd7df214-e761-ab1d-aed6-2c451646c459-01b872cd,
#w-node-a5049ae8-6674-d873-8e1f-2d15f2daee2e-01b872cd,
#w-node-_6509065d-a105-aa39-dc71-4f3041c8aafa-01b872cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692aaf8-01b872ce {
  place-self: center;
}

#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692aafa-01b872ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692aafc-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692aafe-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab00-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab02-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab04-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab06-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab08-01b872ce,
#w-node-ae73a4fa-4647-403b-a6f8-ac6ec692ab0a-01b872ce {
  place-self: center;
}

#w-node-b0baddf6-0c43-40d8-7f14-c746c2b3a395-01b872d2,
#w-node-_4ef4cf6b-b6f7-79e8-09e3-947f0eee47d5-01b872d3,
#w-node-_2b8467f3-6f47-de62-983c-32440ef64dc1-01b872d9,
#w-node-f6f89a7d-c001-e637-1e54-4afb3bc7aa43-01b872d9,
#w-node-_2b8467f3-6f47-de62-983c-32440ef64de0-01b872d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d575-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d577-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d579-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57b-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57d-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57f-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d582-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d584-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d586-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d588-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58a-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58c-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58f-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d591-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d593-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d595-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d597-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d599-71bf3806,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d575-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d577-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d579-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57b-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57d-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57f-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d582-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d584-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d586-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d588-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58a-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58c-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58f-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d591-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d593-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d595-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d597-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d599-c8c3f218,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d575-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d577-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d579-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57b-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57d-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57f-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d582-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d584-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d586-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d588-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58a-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58c-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58f-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d591-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d593-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d595-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d597-c5991ff1,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d599-c5991ff1,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8859-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad885b-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad885d-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad885f-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8861-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8863-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8866-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8868-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad886a-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad886c-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad886e-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8870-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8873-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8875-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8877-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad8879-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad887b-defeb0e9,
#w-node-a661e0cc-1c2c-a7d1-e1ba-c99558ad887d-defeb0e9,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d575-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d577-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d579-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57b-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57d-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d57f-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d582-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d584-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d586-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d588-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58a-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58c-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d58f-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d591-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d593-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d595-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d597-4b1e5321,
#w-node-_2f4affd3-98fd-6f29-e06f-ef673393d599-4b1e5321 {
  place-self: center;
}

#w-node-_838408f6-3993-987f-86f9-9a2f7614551a-4b1e5321 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-cdba9b2f-092b-8d4b-514f-5806e18e5d8a-4b1e5321,
#w-node-be71d153-7cee-322a-3a4a-9db81521a8a7-4b1e5321,
#w-node-a4520d55-3b80-4a71-44d8-cf14e7952229-4b1e5321 {
  grid-column: span 2 / span 2;
}

@media screen and (max-width: 479px) {

  #w-node-_7d25fa44-b1f5-acb7-8dae-b1eda09134be-89913e4d,
  #w-node-_20d94ea1-b015-d7d3-3070-aeebebf4cd9c-89913e4d,
  #w-node-_4e246542-c086-9fb3-bd7a-9bd394bcacca-89913e4d,
  #w-node-_429c3b62-be59-8d80-fa0b-f6edd58468e7-89913e4d {
    align-self: end;
  }
}


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

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

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

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

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

@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'), url('../fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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