:root {
  --cc-black: #081922;
  --white: white;
  --pale-green: #d6ffaa;
  --black: black;
  --cc-green-2: #95c93d;
  --cc-orange: #fdbb64;
  --dim-grey: #616161;
  --cc-green: #d6ffaa;
}

.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-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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--cc-black);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Fonseca, sans-serif;
  font-size: 5vw;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: source-sans-pro, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.2;
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.2;
}

p {
  color: rgba(255, 255, 255, .8);
  margin-bottom: 10px;
  font-family: source-sans-pro, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
}

a {
  color: var(--pale-green);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  line-height: 160%;
}

blockquote {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--pale-green) black;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 60px 100px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 160%;
}

.slide-nav-second {
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 10px;
  display: flex;
}

.icon {
  filter: invert();
  color: #0d0d11;
}

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

.copyright-text {
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}

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

.testimonial-text {
  color: #fff;
  text-align: left;
  max-width: none;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.4em;
}

.testimonial-text.black {
  color: var(--black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.testimonials {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  align-items: center;
  width: 700px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.grid-2-column {
  grid-column-gap: 67px;
  grid-row-gap: 0px;
  grid-template: "."
  / 1fr 1.75fr;
  align-items: start;
  margin-top: 7px;
  padding-left: 40px;
  transform: translateY(-.5rem);
}

.grid-2-column.clients {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--cc-green-2);
  grid-template-columns: 1fr .25fr;
  align-items: center;
}

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

.about-us-grid {
  grid-column-gap: 0px;
  padding: 0;
}

.position-team {
  color: var(--cc-black);
  text-transform: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.nav-content-wrap {
  order: -1;
}

.container {
  z-index: auto;
  color: #fff;
  background-color: #101f28;
  flex: 1;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 1.3em 2.5em 10em;
  position: relative;
}

.container.hero {
  padding-top: 13.9em;
  padding-bottom: 0;
}

.container.no-bottom-margings {
  background-color: var(--cc-orange);
  background-image: none;
  background-size: auto;
  padding-bottom: 0;
}

.container.footer {
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}

.container.no-margins-bottom {
  padding-bottom: 2.5em;
}

.container.top-marggins {
  padding-top: 14em;
  padding-bottom: 4em;
}

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

.section {
  z-index: 5;
  background-color: var(--dim-grey);
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section.about {
  background-color: var(--cc-green-2);
  color: var(--black);
  padding-bottom: 0;
}

.section.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: -3px;
  background-color: rgba(255, 255, 255, 0);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 140vh;
  margin: -296px auto -770px;
  padding-bottom: 0;
  display: grid;
  overflow: hidden;
  transform: translateY(8vh);
}

.section.invisible-overflow {
  background-color: var(--cc-black);
  overflow: hidden;
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.slider-left-arrow {
  background-color: #251e38;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  font-size: 13px;
  display: none;
  left: -54%;
}

.slider-left-arrow:hover {
  background-image: linear-gradient(to right, #de39ff, #3982ff);
}

.slider-left-arrow._1 {
  background-color: var(--black);
  border: 1px solid #000;
  border-radius: 100%;
  margin-left: 3rem;
  left: -15%;
}

.slider-left-arrow._1:hover {
  color: #fff;
  background-color: #3e3e4b;
  background-image: none;
  border: 0 rgba(0, 0, 0, 0);
}

.header-right-col {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.black-heading {
  color: var(--black);
  padding-left: 54px;
  font-family: source-sans-pro, sans-serif;
  font-size: 6vw;
  font-weight: 700;
}

.mg-bottom-160px {
  margin-bottom: 160px;
}

.display-1 {
  color: var(--white);
  text-transform: none;
  flex-flow: row;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fonseca, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.display-1.serif {
  color: var(--cc-orange);
  font-family: Fonseca, sans-serif;
}

.display-1.black {
  color: var(--cc-black);
  text-transform: uppercase;
}

.display-1.herotext {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  font-size: 9vw;
  display: block;
  position: static;
}

.footer-link-item {
  color: #fff;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 4px;
}

.section-center-title {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  display: flex;
}

.mask {
  overflow: hidden;
}

.top-footer-with-bottom-border {
  background-color: var(--cc-orange);
  background-image: url('../images/Orange_CutlcoPattern.webp');
  background-position: 0 0;
  background-size: auto;
  border-bottom: 1px solid rgba(20, 20, 43, .06);
  border-radius: 0;
  padding: 60px;
  position: relative;
}

.pricing-list-wrapper {
  text-align: center;
  border-top: 1px solid #e2ddee;
  border-bottom: 1px solid #e2ddee;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-list-wrapper.hero {
  text-align: left;
  text-transform: none;
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  list-style-type: none;
  display: flex;
}

.background-video {
  height: 800px;
}

.testimonials-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 3vh;
  font-weight: 500;
}

.testimonials-name.black {
  color: var(--black);
  font-size: 4vh;
}

.features-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: -15px;
  padding: 0;
}

.btn-hidden-on-mbl {
  border-left: 1px solid rgba(255, 255, 255, .4);
  justify-content: flex-end;
  width: 180px;
  margin-left: 24px;
  display: flex;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.image-absolut {
  width: 600px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
}

.grid-services {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

.grid-services.changelog {
  grid-template-rows: auto;
}

.serif {
  color: var(--cc-orange);
  letter-spacing: -.05vw;
  text-transform: uppercase;
  border: 1px #000;
  font-family: Fonseca, sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

.serif.small {
  font-size: 2vw;
}

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

.slider-right-arrow {
  background-color: #251e38;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  font-size: 15px;
  display: none;
  right: -54%;
}

.slider-right-arrow:hover {
  background-image: linear-gradient(to left, #de39ff, #3982ff);
}

.slider-right-arrow._1 {
  background-color: var(--black);
  color: var(--white);
  border-radius: 100%;
  margin-right: -3em;
  font-size: 13px;
  right: 0%;
}

.slider-right-arrow._1:hover {
  background-color: #3e3e4b;
  background-image: none;
}

.cell-inline {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
}

.grid-2column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.hero-left-content {
  padding-right: 40px;
}

.pricing-list-text {
  color: #fff;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.animation-sponsor-wrapper {
  border: 1px #000;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.animation-sponsor-wrapper.mg-top-56px {
  border-style: none;
  border-color: #000 #000 rgba(255, 255, 255, .2);
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.post-wrapper {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(255, 255, 255, .31);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.main-content {
  margin-top: -76px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-author-name {
  color: #142335;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.container-navigation {
  text-align: right;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2.5em;
  padding-right: 2.5em;
  font-family: source-sans-pro, sans-serif;
}

.wrapper-right-algiment {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.logo-link {
  color: #9b9b9b;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 44px;
  line-height: 56px;
  text-decoration: none;
}

.logo-link.gray-orange {
  background-color: rgba(211, 152, 5, .3);
  border-radius: 20px;
}

.logo-link.gray {
  border-radius: 20px;
}

.footer-link {
  color: rgba(255, 255, 255, .7);
  font-family: source-sans-pro, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
  text-decoration: none;
  transition: color .3s;
}

.footer-link:hover, .footer-link.w--current:hover {
  color: var(--cc-orange);
}

.mg-bottom-100px {
  margin-bottom: 100px;
}

.location-flex-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding: 0;
}

.top-grid-footer {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.55fr;
}

.navigation-transparent-header {
  background-color: rgba(255, 255, 255, 0);
  border: 0 rgba(0, 0, 0, 0);
  width: 100%;
  max-width: 100%;
  padding: 32px 0;
  position: absolute;
}

.navigation-transparent-header:hover {
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.logo-brand {
  opacity: 0;
  direction: ltr;
  color: rgba(149, 201, 61, 0);
  border-radius: 0;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: source-sans-pro, sans-serif;
  font-size: 2vw;
  font-style: normal;
  font-weight: 500;
  overflow: visible;
}

.subtitle {
  color: var(--dim-grey);
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  margin-bottom: 8px;
  margin-left: 0;
  padding: 0;
  font-family: source-sans-pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  display: inline-block;
}

.top-team-content {
  text-align: right;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.top-team-content.left {
  text-align: left;
  align-items: flex-start;
}

.footer-links-wrapper {
  width: 100%;
}

.testimonial-info-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-container {
  background-color: var(--cc-orange);
  text-align: left;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.team-image-wrapper {
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.jorney-cell {
  border-bottom: 1px rgba(255, 255, 255, .31);
  align-items: stretch;
}

.bottom-footer {
  color: #56565f;
  border-top: 1px solid rgba(255, 255, 255, .2);
  margin-top: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 18px;
}

.footer-head-title {
  color: rgba(255, 255, 255, 0);
  margin-bottom: 100px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.nav-link-white {
  color: var(--white);
  padding: 0;
  font-family: source-sans-pro, sans-serif;
  font-size: 16px;
  transition: color .3s;
}

.nav-link-white:hover {
  color: var(--cc-orange);
}

.nav-link-white.w--current {
  color: #abcc88;
}

.midd-footer-with-bottom-border {
  padding-top: 100px;
  padding-bottom: 0;
}

.btn-primary {
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: .5px solid #fff;
  border-radius: 100px;
  padding: 18px 40px;
  font-family: source-sans-pro, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s, color .3s, background-color .3s;
}

.btn-primary:hover {
  color: var(--cc-black);
  background-color: #fff;
  border-color: #fff;
  transform: translate(0, -3px);
}

.btn-primary.w--current {
  border-color: var(--pale-green);
  background-color: var(--pale-green);
  color: var(--black);
}

.btn-primary._2 {
  background-color: var(--cc-green-2);
  color: var(--cc-black);
  border-style: none;
  border-width: 0;
  margin-top: 20px;
}

.btn-primary._2:hover {
  color: var(--cc-black);
  background-color: #fff;
}

.btn-primary._3 {
  color: var(--cc-black);
  background-color: #fff;
  border-style: none;
  border-width: 0;
}

.btn-primary._3:hover {
  background-color: var(--cc-green-2);
  color: var(--cc-black);
}

.team-content {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.team-content.left {
  background-color: var(--cc-orange);
  border-bottom: 1px solid #424242;
  border-left: 1px solid #424242;
  border-radius: 0;
  padding: 40px;
}

.team-content.right {
  background-color: var(--cc-orange);
  text-align: right;
  border-bottom: 1px #424242;
  border-right: 1px solid #424242;
  border-radius: 0;
  padding: 40px;
}

.nav-header-list {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

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

.flex-h.sticky {
  align-items: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.quick-stack-footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  padding: 0;
}

.our-value-div {
  box-sizing: border-box;
  color: var(--dim-grey);
  object-fit: none;
  border: 1px solid #000;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 14px 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  line-height: 160%;
}

.mg-bottom-60px {
  margin-bottom: 60px;
}

.quick-stack {
  grid-column-gap: 20px;
}

.quick-stack.jorney-steps {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-left: 0;
  padding: 0;
}

.about-us-div {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  color: #fff;
  text-align: left;
  border-bottom: 1px #424242;
  border-left: 1px #424242;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  justify-items: start;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 0 20px 54px;
}

.split-section-left {
  z-index: -2;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  max-width: 50%;
  min-height: 700px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.nav-logo-brand {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--cc-black);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--cc-black);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--cc-black);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--cc-black);
  color: var(--cc-green-2);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/LOGO_Full-White.svg');
  background-repeat: no-repeat;
  background-size: auto;
  flex: 0 auto;
  max-width: 70px;
  transition-property: color, transform;
  transition-duration: .3s, .3s;
  transition-timing-function: ease, ease;
}

.nav-logo-brand:hover {
  transform: scale(.9);
}

.nav-logo-brand.w--current {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: auto;
  font-size: 18px;
}

._100-cover-image {
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: static;
}

.head-grid-column {
  grid-column-gap: 60px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: start;
}

.right-img-overlay {
  z-index: 5;
  background-color: var(--black);
  width: 0%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.split-section-right {
  color: #75e6da;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100vh;
  min-height: 700px;
  padding: 0 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.split-section-right.blog {
  background-image: url('../images/Page-Image-blog.jpg');
  background-position: 100% 100%;
}

.split-section-right.fullwidth {
  background-image: none;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.slide {
  width: 100%;
  height: 100%;
  margin-right: 40px;
}

.contant-wraper-600px-width {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: inline-flex;
}

.footer {
  z-index: 2;
  color: #fff;
  background-color: rgba(8, 25, 34, 0);
  border: 1px #000;
  padding-top: 40px;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
}

.clients-name {
  font-weight: 300;
  line-height: 1.4;
}

.name-position {
  color: #fff;
  letter-spacing: 0;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.3em;
}

.name-position.black {
  color: var(--black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.team-image {
  opacity: .85;
  filter: grayscale() contrast(112%);
  mix-blend-mode: normal;
  align-items: flex-start;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.logotypes {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.nav-list-item {
  margin-bottom: 0;
  margin-right: 12px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: hidden;
}

.page-wrapper {
  opacity: 1;
  color: #fff;
  background-color: rgba(8, 25, 34, .97);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  overflow: visible;
}

.paragraph-black {
  color: var(--cc-black);
  padding-left: 54px;
}

.paragraph-black.tkquote {
  padding-left: 0;
  font-family: Fonseca, sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.paragraph-black.quotereference {
  margin-top: -12px;
  padding-top: 0;
  padding-left: 0;
}

.component-wrapper {
  text-align: left;
  width: 100%;
  padding-bottom: 0;
  font-family: source-sans-pro, sans-serif;
}

.paragraph-small {
  font-family: source-sans-pro, sans-serif;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.2rem;
}

.grid-colors {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.card-component {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 0 #e9e2e9;
  border-radius: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.color-shade-card {
  color: #270129;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px rgba(202, 212, 236, .4);
  flex: 1;
  padding: 10px 0 0;
  display: flex;
}

.style-guide-buttons {
  grid-column-gap: 23px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: grid;
}

.line-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.color-block {
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 20px;
  display: flex;
}

.color-block._1 {
  color: #0d0d11;
  background-color: #01070a;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 60px;
  padding: 17px;
  display: flex;
}

.color-block._2 {
  background-color: #f4835a;
  border-radius: 0;
  height: 60px;
}

.color-block._5 {
  color: var(--pale-green);
  background-color: #94c83d;
  border-radius: 0;
  height: 60px;
}

.color-block._3 {
  background-color: #fcbb64;
  border-radius: 0;
  height: 60px;
}

.style-guide-line {
  background-color: rgba(97, 97, 97, .36);
  flex: 1;
  height: 1px;
  margin-left: 0;
}

.text-small {
  color: var(--dim-grey);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-big {
  color: #fff;
  margin-bottom: 14px;
  font-family: source-sans-pro, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
}

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

.button-col-left {
  border-radius: 0;
  margin-right: 24px;
}

.work-card {
  color: #fff;
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-card.height-400px {
  cursor: pointer;
  flex-direction: column;
  height: 600px;
  margin-bottom: 0;
}

.work-photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.info-card {
  z-index: 2;
  color: #000;
  background-color: #fff;
  width: auto;
  padding: 38px;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.info-card.cases {
  color: #fff;
  background-color: #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
}

.project-title {
  margin-bottom: 0;
  font-weight: 300;
}

.h6-white {
  color: #d6ffaa;
  font-size: 1.5vw;
}

.services-title {
  text-transform: none;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.2;
}

.team-name {
  color: var(--cc-black);
  font-size: 3vw;
}

.mg-top-100px-flex-h-strench {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 150px;
  display: flex;
}

.mg-top-100px-flex-h-strench.no-padding {
  margin-top: 0;
}

.circle-scroll {
  color: var(--cc-green-2);
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, .26);
  justify-content: center;
  align-items: center;
  padding-bottom: 6px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  line-height: 120%;
  text-decoration: none;
  transition: border-color .3s, transform .3s;
  display: flex;
}

.circle-scroll:hover {
  color: var(--cc-green-2);
  border-bottom-color: #000;
  transform: scale(.9);
}

.scroll-down-text {
  color: rgba(255, 255, 255, .6);
  text-transform: none;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.testimonials-hero-image {
  height: 500px;
  position: relative;
  overflow: hidden;
}

.insight-cell {
  align-items: stretch;
  padding-top: 60px;
}

.insight-cell.white-line {
  border-top: 1px rgba(255, 255, 255, .4);
}

.insight-description {
  color: rgba(255, 255, 255, .6);
}

.insight-value {
  color: #fff;
  margin-bottom: 10px;
}

.insights-qs {
  border-top: 1px #000;
  margin-top: 0;
  padding: 0;
}

.insights-qs.white {
  border: 1px #000;
  margin-top: 0;
}

.quote-right-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.features-info-content {
  height: auto;
}

.contact-link {
  color: var(--cc-black);
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
}

.contact-link:hover {
  color: var(--dim-grey);
}

.contact-link.small {
  color: var(--cc-orange);
  font-size: 16px;
}

.contact-link.small:hover {
  color: #fff;
}

.contact-link.green {
  color: var(--cc-orange);
  font-size: 30px;
}

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

.info-contact-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 40px;
  padding: 0;
}

.huge-paragraph {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  column-count: 0;
  flex-flow: column;
  padding-top: 209px;
  font-family: Fonseca, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 80px;
  display: block;
}

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

.stay-connected {
  width: 160px;
  margin-bottom: 0;
}

.insights-copy {
  margin-bottom: 0;
}

.cell {
  justify-content: space-between;
}

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

.overlay {
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.quick-stack-7 {
  grid-column-gap: 20px;
}

.quick-stack-7.about-services {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 80%;
  padding: 0;
}

.feature-card {
  z-index: 1;
  text-align: left;
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 10px;
  flex-direction: column;
  flex: 270px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.feature-card.line {
  background-color: rgba(0, 0, 0, 0);
  border-bottom-style: solid;
  border-bottom-color: #424242;
  border-radius: 0;
  flex-direction: row;
  flex-basis: 80px;
  align-items: center;
  padding: 12px 0 0;
}

.stationary-features-div.horizontal {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.card-element {
  text-align: center;
  background-color: #f7f7f7;
  border: 1px #4d4d4d;
  border-radius: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.devices {
  height: 240px;
}

.devices._7 {
  background-image: url('../images/image-portfolio.png');
  background-position: 0 0;
  background-size: cover;
}

.devices._5 {
  background-image: url('../images/644432a4668ffd4232d74014_62582aeb11d6e012bc78407d_5cf5064a9af399ce9da17a55_004.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.devices._3 {
  background-image: url('../images/image-portfolio3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.devices._8 {
  background-image: url('../images/212.webp');
  background-position: 50%;
  background-size: cover;
}

.devices._4 {
  background-image: url('../images/image-portfolio5.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.devices._6 {
  background-image: url('../images/Brand-Distinction2.webp');
  background-position: 50%;
  background-size: cover;
}

.devices._2 {
  background-image: url('../images/image-portfolio4.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.devices._1 {
  background-image: url('../images/image-portfolio2.png');
  background-position: 0 0;
  background-size: cover;
}

.mg-80px {
  width: 100%;
  height: 80px;
}

.link-block {
  width: 100%;
}

.licenses-image-2 {
  width: 100px;
  height: 100px;
}

.licenses-image-2._4 {
  background-color: #e7e7e7;
  background-image: url('../images/team-9.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 240px;
}

.licenses-image-2._3 {
  background-color: #e7e7e7;
  background-image: url('../images/team-2.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 240px;
}

.licenses-image-2._8 {
  background-color: #e7e7e7;
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 240px;
}

.licenses-image-2._2 {
  background-color: #e7e7e7;
  background-image: url('../images/team-5.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 240px;
}

.grid-component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr;
}

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

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

.utility-page-content {
  color: #fff;
  text-align: center;
  flex-direction: column;
  width: 460px;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.utility-page-form {
  color: var(--white);
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  display: flex;
}

.h2.white {
  color: #fff;
}

.label {
  font-weight: 500;
}

.text-field {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
}

.text-field.password {
  text-align: center;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, .4);
  height: 48px;
  margin-bottom: 20px;
  font-size: 16px;
}

.hero-split-section-right {
  color: var(--cc-black);
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100vh;
  min-height: 700px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.value-title {
  text-align: center;
  margin-bottom: 0;
}

.h2-black {
  color: var(--dim-grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h4-black {
  color: var(--cc-black);
  margin-bottom: -38px;
  margin-left: 0;
  padding-left: 54px;
}

.categories {
  background-color: var(--cc-orange);
  color: var(--white);
  border-radius: 100px;
  padding: 10px;
}

.quick-stack-8 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.blog-title {
  font-size: 3vw;
}

.short-description {
  border-left: 1px solid rgba(255, 255, 255, .3);
  justify-content: center;
  padding-left: 40px;
}

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

.isigght-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: center;
  display: flex;
}

.insight-info {
  width: 100%;
}

.flex-content {
  border: 1px #000;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.brands-customers {
  filter: invert();
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100px;
  overflow: clip;
}

.brands-customers.licenses {
  filter: none;
}

.link {
  color: #151515;
  text-align: left;
  align-items: center;
  margin-top: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -2px #e3e3e3;
}

.link.scroll-down {
  margin-top: 0;
  margin-right: 8px;
  box-shadow: inset 0 -2px #202931;
}

.color-under-link {
  z-index: 1;
  background-color: var(--cc-orange);
  width: 50%;
  height: 2px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.bg-overlay {
  z-index: 9999;
  background-color: #050505;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.load-wrap-div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

._100-invert {
  filter: invert();
}

.line-divider-wrap {
  margin-top: 35px;
}

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

.flex-h-vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-h-vertical.sticky {
  align-items: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

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

.link-2 {
  color: var(--cc-orange);
  font-family: source-sans-pro, sans-serif;
}

.body {
  background-color: rgba(8, 25, 34, 0);
  background-image: none;
  background-size: auto;
}

.heading, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .paragraph, .heading-9, .rich-text-block, .cell-2 {
  font-family: source-sans-pro, sans-serif;
}

.herotext {
  float: none;
  clear: none;
  color: #fff;
  text-align: center;
  width: auto;
  margin: -36px auto -148px;
  padding-top: 79px;
  font-family: Fonseca, sans-serif;
  font-size: 7.5vw;
  line-height: .8em;
  display: block;
  position: static;
  top: 6%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.heroimage {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 50vh;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: -26px auto 20px;
  display: grid;
}

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

.image {
  text-align: left;
  height: auto;
  display: inline-block;
}

.image.heroimage, .image.heroimage-copy {
  border-radius: 28px;
}

.heading-10 {
  color: #f9f9f9;
}

.heroright {
  background-color: #000;
  background-image: url('../images/Hero-Cultco.jpg');
  background-position: 100%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 28px;
}

.heroleft {
  border-radius: 28px;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 40px;
  padding-right: 54px;
}

.text-block {
  color: var(--white);
  padding-bottom: 28px;
}

.btnprimary {
  margin-top: 29px;
}

.bold-text, .bold-text-2 {
  font-weight: 400;
}

.heading-11 {
  padding-top: 0;
  font-family: Fonseca, sans-serif;
}

.heading-12 {
  padding-left: 54px;
  font-family: source-sans-pro, sans-serif;
}

.div-block-4, .div-block-5 {
  padding-left: 54px;
}

.italic-text {
  color: var(--black);
  font-family: Fonseca, sans-serif;
}

.div-block-7 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.heading-13 {
  padding-left: 54px;
  font-size: 4vw;
}

.paragraph-2 {
  padding-left: 54px;
  padding-right: 217px;
}

.cell-3 {
  padding-left: 0;
  padding-right: 0;
}

.image-2 {
  margin: auto;
}

@media screen and (min-width: 1280px) {
  .grid-2-column.clients {
    background-color: var(--cc-green-2);
  }

  .container.hero {
    padding-top: 5em;
  }

  .container.no-bottom-margings {
    background-color: var(--cc-orange);
  }

  .section.hero {
    flex-direction: row;
  }

  .top-footer-with-bottom-border {
    background-color: var(--cc-green-2);
    background-image: url('../images/Orange_CutlcoPattern.webp');
    background-position: 0 0;
    background-size: auto;
  }

  .serif {
    color: var(--cc-orange);
  }

  .animation-sponsor-wrapper.mg-top-56px {
    border-bottom-color: rgba(255, 255, 255, .2);
  }

  .logo-brand {
    color: rgba(149, 201, 61, 0);
    background-image: url('../images/LOGO_Secondary-White.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 3vw;
  }

  .testimonial-container {
    background-color: var(--cc-orange);
  }

  .btn-primary._2 {
    margin-bottom: -32px;
  }

  .team-content.left {
    background-color: var(--cc-orange);
    padding-right: 140px;
  }

  .team-content.right {
    background-color: var(--cc-orange);
    padding-left: 140px;
  }

  .about-us-div {
    box-shadow: none;
  }

  .mg-top-100px-flex-h-strench {
    margin-top: 140px;
  }

  .contact-link.small, .contact-link.green {
    color: var(--cc-orange);
  }

  .huge-paragraph {
    margin-bottom: 37px;
    font-size: 3rem;
    line-height: 138%;
  }

  .blog-title {
    font-size: 3vw;
  }

  .flex-content {
    justify-content: flex-start;
  }

  .color-under-link {
    background-color: var(--cc-orange);
  }

  .paragraph {
    font-size: 28px;
  }

  .heroimage {
    grid-template-columns: 1fr 1fr;
    margin-top: 144px;
  }

  .heroright {
    background-image: url('../images/Hero-Cultco.jpg');
    background-position: 50% 100%;
    background-size: cover;
    margin-left: -32px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block {
    text-indent: 0;
    word-break: normal;
    font-family: source-sans-pro, sans-serif;
    font-size: 28px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 5vw;
    font-weight: 400;
    line-height: 1.2;
  }

  h2 {
    margin-top: 0;
    margin-bottom: 18px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 4vw;
    font-weight: 400;
    line-height: 1.2;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 3vw;
    font-weight: 400;
    line-height: 1.2;
  }

  h4 {
    margin-top: 0;
    margin-bottom: 14px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.2;
  }

  h5 {
    margin-top: 0;
    margin-bottom: 12px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.2;
  }

  h6 {
    margin-top: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.2;
  }

  .testimonial-text.black {
    font-size: 1.8vw;
  }

  .testimonials {
    right: auto;
  }

  .position-team {
    color: #000;
  }

  .container {
    align-items: center;
    height: 100%;
    display: block;
  }

  .container.hero {
    padding-top: 8.8em;
    display: flex;
  }

  .container.no-bottom-margings {
    background-color: var(--cc-orange);
  }

  .section.hero {
    flex-direction: row;
    padding-top: 256px;
  }

  .slider-left-arrow._1 {
    left: -30%;
  }

  .display-1 {
    line-height: 1.2;
  }

  .top-footer-with-bottom-border {
    background-color: var(--cc-orange);
  }

  .pricing-list-wrapper.hero {
    margin-bottom: 0;
    font-weight: 600;
  }

  .serif {
    color: var(--cc-orange);
    letter-spacing: -.1vw;
  }

  .animation-sponsor-wrapper.mg-top-56px {
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, .2);
  }

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

  .navigation-transparent-header {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-brand {
    color: rgba(149, 201, 61, 0);
    background-image: url('../images/LOGO_Secondary-White.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 0;
    font-size: 3vw;
  }

  .subtitle {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
  }

  .top-team-content {
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .testimonial-container {
    background-color: var(--cc-orange);
  }

  .jorney-cell {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .footer-head-title {
    font-size: 26px;
  }

  .nav-link-white {
    line-height: 170%;
  }

  .nav-link-white:hover {
    color: var(--cc-orange);
  }

  .team-content.left {
    background-color: var(--cc-orange);
    padding-right: 140px;
  }

  .team-content.right {
    background-color: var(--cc-orange);
    border-bottom-style: none;
    border-right-style: none;
    padding-left: 140px;
  }

  .quick-stack {
    padding: 0;
  }

  .quick-stack.jorney-steps {
    align-items: stretch;
  }

  .about-us-div {
    box-shadow: none;
    border-bottom-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: -2px;
    margin-left: -2px;
    padding-bottom: 0;
  }

  .split-section-right {
    min-height: auto;
    top: 0;
    right: 0;
  }

  .footer {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .team-image {
    height: 600px;
  }

  .mg-top-100px-flex-h-strench {
    margin-top: 140px;
  }

  .contact-link.small, .contact-link.green {
    color: var(--cc-orange);
  }

  .huge-paragraph {
    width: 90vw;
    margin-top: -28px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 255px;
    font-family: Fonseca, sans-serif;
    font-size: 52px;
  }

  .stay-connected {
    color: rgba(0, 0, 0, .8);
    font-size: 18px;
  }

  .quick-stack-7 {
    padding: 0;
  }

  .feature-card {
    background-color: #f7f7f7;
    border-radius: 6px;
    justify-content: space-between;
  }

  .hero-split-section-right {
    color: rgba(0, 0, 0, 0);
    background-color: #bc7373;
    min-height: auto;
    top: 0;
    right: 0;
  }

  .blog-title {
    font-size: 3vw;
  }

  .flex-content {
    justify-content: flex-start;
  }

  .color-under-link {
    background-color: var(--cc-orange);
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 21px;
  }

  .copyright-text {
    font-size: 19px;
  }

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

  .testimonial-text {
    font-size: 1.8vw;
    line-height: 1.3em;
  }

  .testimonials {
    background-image: none;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0;
    right: auto;
  }

  .feature-top-wrapper {
    width: 100%;
  }

  .grid-2-column {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    grid-template-columns: .75fr 1fr;
    align-items: start;
  }

  .grid-2-column.clients {
    grid-template-columns: 1fr .25fr;
  }

  .position-team {
    color: var(--black);
  }

  .container {
    background-color: rgba(8, 25, 34, 0);
    align-items: center;
    height: 100%;
    display: block;
  }

  .container.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: -258px;
    padding-bottom: 2em;
    display: flex;
  }

  .container.no-bottom-margings {
    background-color: var(--cc-orange);
    background-image: url('../images/Orange_CutlcoPattern.webp');
    background-position: 0 0;
    background-size: auto;
  }

  .container.no-margins-bottom {
    padding-bottom: 2.5em;
  }

  .container.top-marggins {
    padding-top: 14em;
    padding-bottom: 4em;
  }

  .section.about {
    background-color: var(--cc-orange);
  }

  .section.hero {
    flex-direction: row;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    display: flex;
  }

  .slider-left-arrow._1 {
    left: -12%;
  }

  .black-heading {
    margin-top: 108px;
    font-size: 4vw;
  }

  .display-1 {
    font-family: Fonseca, sans-serif;
    font-size: 6vw;
    line-height: 1;
    text-decoration: none;
  }

  .mask {
    overflow: visible;
  }

  .top-footer-with-bottom-border {
    background-color: var(--cc-orange);
    background-image: url('../images/Orange_CutlcoPattern.webp');
    background-position: 0 0;
    background-size: auto;
  }

  .pricing-list-wrapper.hero {
    color: #faf9f8;
  }

  .background-video {
    height: 1000px;
  }

  .features-flex {
    width: auto;
  }

  .btn-hidden-on-mbl {
    width: 220px;
  }

  .grid-services {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .serif {
    color: var(--cc-orange);
    text-transform: none;
    border: 1px #000;
    font-family: Fonseca, sans-serif;
    font-style: italic;
    line-height: 1.3;
    text-decoration: none;
  }

  .hero-left-content {
    padding-right: 100px;
  }

  .pricing-list-text {
    color: #fff;
  }

  .post-wrapper {
    text-decoration: none;
  }

  .container-navigation {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    background-color: #081922;
    background-image: none;
    background-size: auto;
  }

  .footer-link {
    font-size: 22px;
  }

  .top-grid-footer {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr 1.55fr;
  }

  .navigation-transparent-header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: absolute;
  }

  .logo-brand {
    -webkit-text-fill-color: inherit;
    background-image: url('../images/LOGO_Secondary-White.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-clip: border-box;
    margin-bottom: 0;
    font-size: 3vw;
  }

  .subtitle {
    font-size: 19px;
  }

  .top-team-content.left {
    align-items: flex-start;
  }

  .testimonial-info-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .testimonial-container {
    background-color: var(--cc-orange);
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    padding: 40px;
  }

  .jorney-cell {
    padding-left: 0;
  }

  .bottom-footer {
    border-top-color: rgba(255, 255, 255, .2);
    margin-top: 40px;
  }

  .footer-head-title {
    font-size: 31px;
  }

  .nav-link-white {
    color: #fff;
    font-size: 24px;
    line-height: 170%;
  }

  .nav-link-white:hover {
    color: var(--cc-orange);
  }

  .midd-footer-with-bottom-border {
    padding-bottom: 0;
  }

  .btn-primary {
    font-size: 19px;
  }

  .btn-primary._2 {
    background-color: var(--cc-orange);
  }

  .team-content {
    background-color: rgba(0, 0, 0, 0);
    padding: 30px;
  }

  .team-content.left {
    background-color: var(--cc-orange);
    align-items: flex-start;
    padding-right: 140px;
  }

  .team-content.right {
    background-color: var(--cc-orange);
    padding-left: 140px;
  }

  .quick-stack {
    padding: 0;
  }

  .quick-stack.jorney-steps {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-left: 0;
  }

  .about-us-div {
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .split-section-left {
    max-width: 50%;
    height: 100%;
    min-height: auto;
  }

  ._100-cover-image:hover {
    mix-blend-mode: exclusion;
  }

  .head-grid-column {
    grid-row-gap: 100px;
  }

  .split-section-right {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/Untitled-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, auto;
    max-width: 50%;
    height: 100vh;
    min-height: auto;
  }

  .slide {
    margin-right: 40px;
  }

  .contant-wraper-600px-width {
    max-width: 800px;
  }

  .footer {
    background-color: rgba(8, 25, 34, 0);
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .name-position {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .team-image {
    background-color: rgba(0, 0, 0, 0);
    height: 800px;
  }

  .team-image:hover {
    mix-blend-mode: exclusion;
  }

  .paragraph-black.tkquote {
    font-size: 40px;
  }

  .color-shade-card {
    background-color: rgba(0, 0, 0, 0);
  }

  .work-card.height-400px {
    height: 750px;
  }

  .info-card {
    color: #fff;
    background-color: #fff;
    border: 0 #000;
  }

  .info-card.cases {
    color: #fff;
    background-color: #000;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .mg-top-100px-flex-h-strench {
    margin-top: 140px;
  }

  .scroll-down-text {
    font-size: 22px;
    line-height: 28px;
  }

  .testimonials-hero-image {
    width: 100%;
    height: 700px;
  }

  .insight-cell.white-line {
    justify-content: center;
  }

  .insight-description {
    color: rgba(255, 255, 255, .6);
  }

  .insights-qs {
    padding-top: 60px;
  }

  .insights-qs.white {
    border-top-style: none;
    width: 100%;
    padding-top: 0;
  }

  .contact-link.small {
    color: var(--cc-orange);
    font-size: 22px;
  }

  .contact-link.green {
    color: var(--cc-orange);
  }

  .huge-paragraph {
    width: 85vw;
    font-family: Fonseca, sans-serif;
    font-size: 90px;
  }

  .stay-connected {
    width: auto;
    font-size: 26px;
  }

  .quick-stack-7 {
    padding: 0;
  }

  .quick-stack-7.about-services {
    width: 80%;
  }

  .feature-card {
    width: 100%;
  }

  .mg-80px {
    height: auto;
    margin-bottom: 80px;
  }

  .licenses-image-2._4, .licenses-image-2._3, .licenses-image-2._8, .licenses-image-2._2 {
    height: 400px;
  }

  .hero-split-section-right {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/Untitled-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, auto;
    max-width: 50%;
    height: 100vh;
    min-height: auto;
  }

  .h4-black {
    font-family: Fonseca, sans-serif;
  }

  .categories {
    background-color: var(--cc-green-2);
    font-size: 18px;
    line-height: 24px;
  }

  .blog-title {
    font-size: 3vw;
  }

  .short-description {
    align-items: flex-end;
  }

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

  .isigght-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

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

  .brands-customers {
    height: 100px;
  }

  .color-under-link {
    background-color: var(--cc-orange);
  }

  .bg-overlay {
    justify-content: center;
    align-items: center;
  }

  .text-span {
    color: rgba(8, 25, 34, 0);
    font-size: 4vw;
  }

  .nav-link {
    color: var(--cc-green-2);
  }

  .body {
    background-color: rgba(8, 25, 34, 0);
    background-image: linear-gradient(198deg, var(--cc-black), #395043 66%, var(--cc-green));
    background-position: 0 0;
  }

  .herotext {
    text-align: center;
    padding-top: 166px;
  }

  .div-block-3 {
    background-color: #fff;
  }

  .heroright {
    background-image: url('../images/Hero-Cultco.jpg');
    background-size: cover;
  }

  .div-block-7.flex-h-vertical {
    height: 80vh;
  }

  .heading-13 {
    padding-left: 0;
    font-family: source-sans-pro, sans-serif;
  }

  .paragraph-2 {
    width: 1450px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 7vw;
  }

  h2 {
    font-size: 6vw;
  }

  h3 {
    font-size: 5vw;
  }

  h4 {
    font-size: 4vw;
  }

  h5 {
    font-size: 3vw;
  }

  h6 {
    font-size: 2vw;
  }

  .slide-nav-second {
    margin-bottom: 10px;
  }

  .grid-footer-bottom {
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: start;
  }

  .nav-header-menu {
    background-color: #0d0d11;
    padding: 25px;
  }

  .testimonial-text {
    font-size: 20px;
    line-height: 36px;
  }

  .testimonials {
    max-width: 90%;
  }

  .hamburger-bottom-line-white {
    background-color: #f7f7fc;
    border-radius: 20px;
    width: 43px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .grid-2-column {
    text-align: left;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-top: 86px;
  }

  .grid-2-column.clients {
    background-color: var(--cc-green-2);
    border-radius: 16px;
    grid-template-columns: 1fr;
  }

  .container {
    margin-top: -108px;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .container.hero {
    margin-top: -50px;
  }

  .mg-bottom-40px {
    margin-bottom: 40px;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.no-top-padding {
    padding-bottom: 0;
  }

  .slider-left-arrow._1 {
    left: 0%;
  }

  .hamburger-menu {
    order: -1;
    padding: 0;
    transition: transform .3s;
  }

  .hamburger-menu:hover {
    transform: scale(.9);
  }

  .hamburger-menu.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .black-heading {
    font-size: 6vw;
  }

  .display-1 {
    font-size: 5vw;
  }

  .display-1.black {
    font-size: 10vw;
  }

  .section-center-title {
    flex-wrap: wrap;
  }

  .top-footer-with-bottom-border {
    padding-top: 94px;
    padding-bottom: 94px;
  }

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

  .cell-inline {
    flex-flow: wrap;
  }

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

  .pricing-list-text {
    text-transform: uppercase;
    font-size: 14px;
  }

  .post-wrapper {
    width: 100%;
  }

  .hamburger-top-line-white {
    background-color: #f7f7fc;
    border-radius: 20px;
    width: 43px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .wrapper-right-algiment {
    margin-bottom: -114px;
  }

  .section {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

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

  .navigation-transparent-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .logo-brand {
    color: #95c93d;
    margin-bottom: 0;
    font-size: 3vw;
  }

  .top-team-content {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .testimonial-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .bottom-footer {
    text-align: left;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-head-title {
    margin-bottom: 24px;
  }

  .nav-link-white {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 36px;
    line-height: 1.3;
  }

  .midd-footer-with-bottom-border {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .team-content.right {
    text-align: left;
    border-left: 1px solid #424242;
    border-right-style: none;
  }

  .nav-header-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-h.sticky {
    position: relative;
    top: auto;
  }

  .about-us-div {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding-left: 0;
  }

  .split-section-left {
    max-width: 100%;
    min-height: 58%;
  }

  ._100-cover-image {
    padding-right: 0;
  }

  .head-grid-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .split-section-right {
    max-width: 100%;
    min-height: 42%;
    padding-top: 40px;
    padding-bottom: 40px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .split-section-right.fullwidth {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide {
    width: 90%;
  }

  .contant-wraper-600px-width {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
  }

  .name-position {
    font-size: 16px;
  }

  .collection-list-projects {
    grid-template-columns: 1fr;
  }

  .nav-list-item {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
  }

  .paragraph-black {
    padding-left: 0;
  }

  .paragraph-black.quotereference {
    align-self: auto;
  }

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

  .card-component {
    padding: 40px 12%;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr 1fr;
  }

  .line-wrapper {
    margin-bottom: 56px;
  }

  .work-card.height-400px {
    cursor: pointer;
  }

  .info-card {
    height: auto;
  }

  .project-title {
    font-size: 4vw;
  }

  .h6-white {
    font-size: 2.5vw;
  }

  .team-name {
    margin-bottom: 10px;
    font-size: 4vw;
  }

  .mg-top-100px-flex-h-strench {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .testimonials-hero-image {
    width: 100%;
  }

  .insight-cell {
    padding-top: 40px;
  }

  .insight-description {
    font-size: 2vw;
  }

  .insight-value {
    font-size: 6vw;
  }

  .contact-link {
    font-size: 22px;
  }

  .huge-paragraph {
    font-size: 49px;
    line-height: 50px;
  }

  .huge-paragraph.right {
    text-align: left;
  }

  .quick-stack-7.about-services {
    width: 100%;
  }

  .grid-component, .grid-component.freepik {
    grid-template-columns: 1fr 1fr;
  }

  .hero-split-section-right {
    max-width: 100%;
    min-height: 42%;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .value-title {
    font-size: 2vw;
  }

  .h4-black {
    padding-left: 0;
  }

  .flex-content {
    justify-content: flex-start;
  }

  .brands-customers {
    height: 70px;
  }

  .link {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
  }

  .bg-overlay {
    background-color: #353535;
    position: static;
  }

  .flex-h-vertical.sticky {
    width: 100%;
  }

  .div-block-6 {
    margin-top: 67px;
  }

  .heading-13 {
    padding-top: 28px;
    padding-left: 0;
  }

  .paragraph-2 {
    padding-right: 54px;
  }

  .cell-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 8vw;
  }

  h2 {
    font-size: 7vw;
  }

  h3 {
    font-size: 6vw;
  }

  h4 {
    font-size: 5vw;
  }

  h5 {
    font-size: 4vw;
  }

  h6 {
    font-size: 3vw;
  }

  blockquote {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 26px;
  }

  .testimonial-text {
    max-width: 366px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    line-height: 32px;
  }

  .testimonial-text.black {
    max-width: none;
  }

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

  .grid-2-column {
    grid-column-gap: 80px;
    grid-row-gap: 41px;
    margin-top: 82px;
    padding-left: 0;
  }

  .grid-2-column.clients {
    background-color: var(--cc-green-2);
    border-radius: 10px;
    flex-direction: column;
    display: flex;
  }

  .container {
    margin-top: -74px;
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .mg-bottom-40px {
    margin-bottom: 32px;
  }

  .section.hero {
    height: 90vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .slider-left-arrow._1 {
    width: 43px;
    height: 43px;
  }

  .black-heading {
    padding-left: 0;
    font-size: 7vw;
  }

  .mg-bottom-160px {
    margin-bottom: 120px;
  }

  .display-1.black {
    font-size: 11vw;
  }

  .top-footer-with-bottom-border {
    padding: 40px;
  }

  .pricing-list-wrapper.hero {
    font-size: 16px;
  }

  .btn-hidden-on-mbl {
    display: none;
  }

  .image-absolut {
    width: 100%;
    position: relative;
  }

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

  .serif.small {
    font-size: 2.6vw;
  }

  .slider-right-arrow._1 {
    width: 43px;
    height: 43px;
  }

  .animation-sponsor-wrapper.mg-top-56px {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .post-wrapper {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }

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

  .logo-brand {
    font-size: 4vw;
  }

  .testimonial-container {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .midd-footer-with-bottom-border {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .btn-primary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-us-div {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .nav-logo-brand {
    padding-left: 0;
  }

  .head-grid-column {
    justify-items: start;
  }

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

  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .clients-name {
    font-size: 4vw;
  }

  .logotypes {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    width: 100%;
    margin-top: 0;
  }

  .paragraph-black.tkquote {
    text-align: center;
  }

  .paragraph-black.quotereference {
    text-align: left;
    align-self: center;
  }

  .card-component {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .color-shade-card {
    padding: 16px;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr;
    display: grid;
  }

  .paragraph-big.black {
    font-size: 1.3rem;
  }

  .info-card.cases {
    padding: 32px;
  }

  .h6-white {
    font-size: 18px;
  }

  .mg-top-100px-flex-h-strench {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mg-top-100px-flex-h-strench.no-padding {
    flex-flow: column;
  }

  .circle-scroll {
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .testimonials-hero-image {
    width: 100%;
    height: 400px;
  }

  .insight-description {
    font-size: 2.9vw;
  }

  .insight-value {
    font-size: 7vw;
  }

  .contact-link {
    font-size: 20px;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card {
    width: 100%;
  }

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

  .value-title {
    font-size: 3vw;
  }

  .h4-black {
    padding-left: 0;
  }

  .blog-title {
    font-size: 4vw;
  }

  .brands-customers {
    align-self: auto;
    width: auto;
  }

  .div-block-7.flex-h-vertical {
    padding-bottom: 16px;
  }

  .heading-13 {
    padding-left: 0;
  }

  .paragraph-2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 10vw;
  }

  h2 {
    font-size: 9vw;
  }

  h3 {
    font-size: 8vw;
  }

  h4 {
    font-size: 7vw;
  }

  h5 {
    font-size: 6vw;
  }

  h6 {
    font-size: 5vw;
  }

  blockquote {
    padding: 35px;
    font-size: 23px;
  }

  .slide-nav-second {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    font-size: 7px;
    display: flex;
    bottom: -27px;
  }

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

  .testimonials {
    width: 100%;
    max-width: 100%;
    padding: 20px 0 60px;
  }

  .grid-2-column {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-top: 138px;
    padding-left: 0;
  }

  .grid-2-column.clients {
    width: 100%;
    display: block;
  }

  .container {
    padding: 9.5em 1.6em 7em;
  }

  .container.hero {
    padding-top: 3.9em;
  }

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

  .section.hero {
    height: 80vh;
  }

  .mg-bottom-16px {
    margin-bottom: 16px;
  }

  .slider-left-arrow, .slider-left-arrow._1 {
    display: none;
  }

  .black-heading {
    padding-left: 0;
    font-size: 8.6vw;
  }

  .display-1 {
    font-size: 12vw;
  }

  .top-footer-with-bottom-border {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-list-wrapper.hero {
    font-size: 17px;
  }

  .background-video {
    height: 600px;
  }

  .image-absolut {
    height: 300px;
    position: relative;
  }

  .serif.small {
    font-size: 4vw;
  }

  .slider-right-arrow, .slider-right-arrow._1 {
    display: none;
  }

  .cell-inline {
    flex-flow: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-list-text {
    font-family: source-sans-pro, sans-serif;
    font-size: 18px;
  }

  .animation-sponsor-wrapper.mg-top-56px {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-content {
    margin-top: -134px;
  }

  .testimonial-author-name {
    text-align: center;
    flex-direction: column;
  }

  .logo-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link {
    font-size: 16px;
    line-height: 19px;
  }

  .logo-brand {
    font-size: 6vw;
  }

  .subtitle {
    font-size: 11px;
    line-height: 24px;
  }

  .testimonial-container {
    padding: 0 20px;
  }

  .footer-head-title {
    margin-bottom: 16px;
    line-height: 18px;
  }

  .btn-primary {
    text-align: center;
    padding: 18px 20px;
    line-height: 19px;
  }

  .team-content.left {
    padding-left: 24px;
    padding-right: 24px;
  }

  .team-content.right {
    text-align: left;
    padding: 20px 24px 10px;
  }

  .quick-stack-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .our-value-div {
    flex: 1;
  }

  .quick-stack {
    padding: 0;
  }

  .about-us-div {
    padding-left: 0;
  }

  .split-section-left {
    min-height: 67%;
  }

  .nav-logo-brand {
    padding-left: 0;
    font-size: 11px;
  }

  .nav-logo-brand.w--current {
    line-height: 19px;
  }

  .split-section-right {
    min-height: 33%;
  }

  .slide {
    width: 100%;
  }

  .contant-wraper-600px-width {
    width: auto;
    max-width: none;
  }

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

  .clients-name {
    font-size: 6vw;
  }

  .team-image {
    height: 350px;
  }

  .nav-list-item {
    text-align: left;
    width: 100%;
  }

  .paragraph-black {
    padding-left: 0;
  }

  .paragraph-black.tkquote {
    text-align: center;
  }

  .paragraph-black.quotereference {
    text-align: center;
    align-self: center;
  }

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

  .color-shade-card {
    padding: 12px;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr;
  }

  .line-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .paragraph-big.black {
    font-size: 1.3rem;
  }

  .button-col-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .work-card.height-400px {
    height: 500px;
  }

  .info-card {
    padding: 27px;
  }

  .info-card.cases {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
  }

  .project-title {
    font-size: 6vw;
  }

  .h6-white {
    font-size: 14px;
    line-height: 1.3;
  }

  .mg-top-100px-flex-h-strench.no-padding {
    flex-wrap: nowrap;
  }

  .scroll-down-text {
    font-size: 18px;
  }

  .insight-cell {
    padding-top: 40px;
  }

  .insight-cell.white-line {
    padding-top: 20px;
  }

  .insight-description {
    font-size: 5.2vw;
  }

  .insight-value {
    font-size: 12vw;
  }

  .contact-link {
    font-size: 16px;
  }

  .info-contact-content {
    margin-top: 20px;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .quick-stack-7 {
    padding: 0;
  }

  .feature-card {
    width: 100%;
    padding: 24px;
  }

  .mg-80px {
    height: 60px;
  }

  .grid-component.freepik {
    grid-template-columns: 1fr;
  }

  .hero-split-section-right {
    min-height: 33%;
  }

  .value-title {
    font-size: 3vw;
  }

  .h4-black {
    padding-left: 0;
  }

  .blog-title {
    font-size: 7vw;
  }

  .short-description {
    padding-left: 20px;
  }

  .isigght-wrapper, .flex-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .bg-overlay {
    display: none;
  }

  ._100-invert {
    width: 50px;
    height: 50px;
  }

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

  .heroleft {
    margin-top: 165px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .heading-12 {
    padding-left: 0;
  }

  .div-block-7.flex-h-vertical {
    padding-top: 172px;
    padding-bottom: 0;
  }

  .heading-13 {
    padding-left: 0;
    font-size: 7vw;
  }

  .paragraph-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-14 {
    margin-bottom: 2px;
  }
}

#w-node-_2e8e3dcd-8598-5b0c-b334-5de152cb612d-aea9c3ab {
  justify-self: start;
}

#w-node-e959d6ab-8937-1ac3-1935-9cf92be72b15-aea9c3ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440eb-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440f2-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440fa-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644110-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064412e-aea9c3ab, #w-node-_51db2879-ee2c-249c-7b46-dd64760448e8-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644150-aea9c3ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae870644155-aea9c3ab {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae870644156-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064415f-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644164-aea9c3ab {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_01596481-2895-157b-2e3f-d7f86b85b49d-aea9c3ab {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_01596481-2895-157b-2e3f-d7f86b85b49e-aea9c3ab, #w-node-_01596481-2895-157b-2e3f-d7f86b85b4ab-aea9c3ab, #w-node-_01596481-2895-157b-2e3f-d7f86b85b4b8-aea9c3ab {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eec-aea9c3ab {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eed-aea9c3ab, #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5efa-aea9c3ab, #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5f07-aea9c3ab {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae870644171-aea9c3ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae870644176-aea9c3ab {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae870644177-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064417a-aea9c3ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c69ccb4-b3b5-e7cd-cc0f-b73d470d8333-aea9c3ab {
  order: -9999;
  align-self: auto;
}

#w-node-_38a5f4c3-439b-d0b8-4106-15b97ef99ffc-aea9c3ab, #w-node-e8f357c9-0389-2393-f315-bc4c9798e159-aea9c3ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d140ab91-e974-16f1-0314-e7b208744835-aea9c3ab {
  grid-area: Area-2;
}

#w-node-_39992d39-fa3a-128c-4710-ba3366646eb9-aea9c3ab {
  grid-area: Area;
}

#w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441da-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441db-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441e0-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441e9-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441ea-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441f3-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441f7-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441f8-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441fe-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064427a-aea9c3ab, #w-node-_7cafff80-fb1b-a35b-a78a-dded5bcd9ec7-aea9c3ab, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455a4-d0e455a1, #w-node-_4074638f-31db-0c83-d57e-b72a9a1b5c0d-d0e455a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d0b717a-886a-8bb1-f821-b692b79be632-d0e455a1 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455a6-d0e455a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b608ae6-29b8-87ad-1778-f1436d518fce-d0e455a1 {
  grid-area: 2 / 2 / 4 / 4;
}

#w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455ad-d0e455a1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455be-d0e455a1 {
  grid-template-rows: auto;
  grid-template-columns: 3.25fr .75fr;
}

#w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455cc-d0e455a1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455cd-d0e455a1, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455fa-d0e455a1, #w-node-ddfc74a5-d119-2901-a4b5-a58258fef25d-d0e455a1, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440e0-aea9c3ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53719d92-8299-816c-1c51-5d4b3672ec7e-aea9c3ae {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
}

#w-node-_53719d92-8299-816c-1c51-5d4b3672ec7f-aea9c3ae, #w-node-_53719d92-8299-816c-1c51-5d4b3672ec83-aea9c3ae, #w-node-_5123e102-153d-b46c-ce56-319e0ddb3a30-aea9c3af, #w-node-_9762f909-522f-4948-ce5d-af1cc5000b0c-aea9c3af, #w-node-_9762f909-522f-4948-ce5d-af1cc5000b14-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ec-aea9c3af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ed-aea9c3af {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ee-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454fb-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d845508-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d845515-aea9c3af, #w-node-c9b66a33-f713-56ed-32a8-56a9000053c0-aea9c3b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1c-aea9c3b0 {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
}

#w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1d-aea9c3b0, #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af21-aea9c3b0, #w-node-_586f1ef2-f73e-d13c-941a-0c55e6960925-aea9c3b1, #w-node-aa8df131-de53-2875-f1f4-b0264e3d56a6-aea9c3b1, #w-node-_131c4536-5d8a-5079-e683-b54edc350316-aea9c3b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441dd-aea9c3b1 {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
}

#w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441de-aea9c3b1, #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441e2-aea9c3b1, #w-node-_4f7487f6-566a-db96-259b-a337d531d8e3-aea9c3b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ab830d8-aa31-7154-dbd4-d790df147242-aea9c3b2 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_0ab830d8-aa31-7154-dbd4-d790df147243-aea9c3b2, #w-node-_0ab830d8-aa31-7154-dbd4-d790df14724a-aea9c3b2, #w-node-_0ab830d8-aa31-7154-dbd4-d790df147251-aea9c3b2, #w-node-_0ab830d8-aa31-7154-dbd4-d790df147258-aea9c3b2, #w-node-_0ab830d8-aa31-7154-dbd4-d790df14725f-aea9c3b2, #w-node-b3d4dc7c-2622-c9e7-1b45-5726a1f10a27-aea9c3b2, #w-node-_786fe7a6-e08b-1240-e405-d09a1f54def7-aea9c3b3, #w-node-_786fe7a6-e08b-1240-e405-d09a1f54def7-aea9c3b4, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd741-aea9c3b5, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd747-aea9c3b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f332f18-46f2-34e9-ca13-50e0348fd74e-aea9c3b5 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_3f332f18-46f2-34e9-ca13-50e0348fd74f-aea9c3b5, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd759-aea9c3b5, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd763-aea9c3b5, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd770-aea9c3b5, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd77a-aea9c3b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440eb-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440f2-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440fa-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644150-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644155-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644156-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_01596481-2895-157b-2e3f-d7f86b85b49d-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_01596481-2895-157b-2e3f-d7f86b85b49e-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eec-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eed-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644171-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441e0-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441ea-aea9c3ab, #w-node-_7cafff80-fb1b-a35b-a78a-dded5bcd9ec7-aea9c3ab, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455a4-d0e455a1, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455a6-d0e455a1, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440e0-aea9c3ae {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_53719d92-8299-816c-1c51-5d4b3672ec7e-aea9c3ae {
    grid-template-rows: auto;
    grid-template-columns: 1fr .7fr;
  }

  #w-node-_9762f909-522f-4948-ce5d-af1cc5000b0c-aea9c3af, #w-node-_9762f909-522f-4948-ce5d-af1cc5000b14-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ec-aea9c3af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ed-aea9c3af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ee-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454fb-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d845508-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d845515-aea9c3af, #w-node-c9b66a33-f713-56ed-32a8-56a9000053c0-aea9c3b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1c-aea9c3b0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .7fr;
  }

  #w-node-_586f1ef2-f73e-d13c-941a-0c55e6960925-aea9c3b1, #w-node-aa8df131-de53-2875-f1f4-b0264e3d56a6-aea9c3b1, #w-node-aa8df131-de53-2875-f1f4-b0264e3d56ad-aea9c3b1, #w-node-_131c4536-5d8a-5079-e683-b54edc350316-aea9c3b1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441dd-aea9c3b1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .7fr;
  }

  #w-node-_4f7487f6-566a-db96-259b-a337d531d8e3-aea9c3b2, #w-node-_4f7487f6-566a-db96-259b-a337d531d8ea-aea9c3b2, #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd747-aea9c3b5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440eb-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706440f2-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644110-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064412e-aea9c3ab, #w-node-_51db2879-ee2c-249c-7b46-dd64760448e8-aea9c3ab, #w-node-_38a5f4c3-439b-d0b8-4106-15b97ef99ffc-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441ea-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441fe-aea9c3ab, #w-node-_7cafff80-fb1b-a35b-a78a-dded5bcd9ec7-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_53719d92-8299-816c-1c51-5d4b3672ec7e-aea9c3ae, #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1c-aea9c3b0, #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441dd-aea9c3b1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }

  #w-node-_3f332f18-46f2-34e9-ca13-50e0348fd741-aea9c3b5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-e959d6ab-8937-1ac3-1935-9cf92be72b15-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441e0-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441f3-aea9c3ab {
    order: -9999;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae8706441f6-aea9c3ab {
    grid-area: 3 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644176-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644177-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064417a-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455ad-d0e455a1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455ae-d0e455a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455be-d0e455a1 {
    grid-template-rows: 1fr;
    grid-template-columns: 2fr;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455bf-d0e455a1, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455c8-d0e455a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_53719d92-8299-816c-1c51-5d4b3672ec7e-aea9c3ae {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_53719d92-8299-816c-1c51-5d4b3672ec7f-aea9c3ae, #w-node-_53719d92-8299-816c-1c51-5d4b3672ec83-aea9c3ae {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1c-aea9c3b0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af1d-aea9c3b0, #w-node-bb8a3cb8-02ba-75bb-764a-cf76f8b9af21-aea9c3b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441dd-aea9c3b1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441de-aea9c3b1, #w-node-ca7c0973-b0a5-79a8-e368-e71c0d8441e2-aea9c3b1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2e8e3dcd-8598-5b0c-b334-5de152cb612d-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644155-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644156-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064415f-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644164-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_01596481-2895-157b-2e3f-d7f86b85b49d-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_01596481-2895-157b-2e3f-d7f86b85b49e-aea9c3ab, #w-node-_01596481-2895-157b-2e3f-d7f86b85b4ab-aea9c3ab, #w-node-_01596481-2895-157b-2e3f-d7f86b85b4b8-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eec-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5eed-aea9c3ab, #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5efa-aea9c3ab, #w-node-f1554ed7-cf72-39fc-da6d-753ae0bc5f07-aea9c3ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644176-aea9c3ab {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_16fcb59b-4265-27ad-0e0b-5ae870644177-aea9c3ab, #w-node-_16fcb59b-4265-27ad-0e0b-5ae87064417a-aea9c3ab, #w-node-_7d0b717a-886a-8bb1-f821-b692b79be632-d0e455a1, #w-node-_0b608ae6-29b8-87ad-1778-f1436d518fce-d0e455a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455ad-d0e455a1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455ae-d0e455a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455be-d0e455a1 {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455bf-d0e455a1, #w-node-b1ac4fff-836e-a974-c9ab-2f81d0e455c8-d0e455a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ed-aea9c3af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454ee-aea9c3af, #w-node-_096cd48b-38ad-1bcd-3f81-03d74d8454fb-aea9c3af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fonseca';
  src: url('../fonts/Fonseca-Regular-Oblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fonseca';
  src: url('../fonts/Fonseca-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fonseca';
  src: url('../fonts/Fonseca-Thin-Oblique.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fonseca';
  src: url('../fonts/Fonseca-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}