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

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

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

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

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

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

:root {
  --white: white;
  --grey-25--border: #81818b40;
  --grey-40--hover: #81818b66;
  --grey-100: #81818b;
  --accent: #0071e3;
  --black: #0d0d11;
  --grey-5: #81818b0d;
  --grey-10-101: #81818b1a;
  --grey-90--text-gray: #81818be6;
  --switch-button-gray: #81818b99;
}

.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-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

h1 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.2;
}

h3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: .85em;
  font-weight: 400;
  line-height: 1.2;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

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

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  margin-left: -2.5vw;
  padding: 2.5vw 0 2.5vw 2.5vw;
  font-size: 1.75em;
  line-height: 1.2;
}

.body {
  color: var(--white);
  background-color: #183d39;
  font-family: Wremena, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  overflow: visible;
}

.layout {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: DM Sans, sans-serif;
  display: flex;
  overflow: visible;
}

.heading-hero {
  z-index: 10;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Rosseta;
  font-size: 16vw;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.style-guide-row {
  grid-column-gap: 4em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.style-guide-sticky {
  background-color: #9e9e9e1a;
  padding: 2em;
  position: sticky;
  top: 128px;
}

.style-guide-list-item {
  grid-column-gap: 0px;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: start;
}

.button {
  background-color: var(--grey-25--border);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 18px 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
  transition: background-color .4s;
  display: block;
}

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

.button.link {
  font-size: 1em;
}

.style-guide-paragraph {
  line-height: 1.5;
}

.style-guide-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: end;
  display: grid;
}

.icon {
  z-index: 5;
  object-fit: contain;
  width: 80%;
  height: 100%;
  position: relative;
}

.icon.next {
  width: 5vw;
  height: 5vw;
  position: absolute;
  right: -2.5vw;
}

.text-large {
  z-index: 6;
  letter-spacing: 0;
  max-width: 48vw;
  margin-bottom: .25em;
  font-family: Moranga, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.text-small {
  font-family: Moranga, sans-serif;
  font-size: .75em;
}

.text-small h1 {
  letter-spacing: 0;
  font-size: 18px;
}

.text-small h2 {
  letter-spacing: 0;
  font-size: 16px;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--grey-25--border);
  color: var(--grey-100);
  letter-spacing: 0;
  background-color: #0000;
  height: 5vw;
  min-height: 60px;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.25em;
  font-weight: 300;
  transition: border-color .4s;
}

.text-field:hover, .text-field:focus {
  border-bottom-color: var(--grey-40--hover);
}

.text-field::placeholder {
  color: var(--grey-40--hover);
}

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

.textarea {
  min-height: 20vh;
  margin-bottom: 0;
}

.field-label {
  padding-left: 3px;
  font-weight: 600;
}

.success {
  background-color: #9e9e9e1a;
  border-radius: .25em;
  padding: 10px;
}

.error {
  background-color: var(--grey-25--border);
}

.checkbox-switch {
  background-color: var(--grey-25--border);
  cursor: pointer;
  background-image: url('../images/checkbox-switch-handle.svg');
  background-position: 18%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border: 1px #000;
  border-radius: 32px;
  width: 36px;
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  transition: background-color .3s, background-position .3s;
}

.checkbox-switch.w--redirected-checked {
  background-color: var(--accent);
  background-image: url('../images/checkbox-switch-handle.svg');
  background-position: 82%;
  background-size: 12px 12px;
  border-style: none;
}

.checkbox-switch.w--redirected-focus {
  box-shadow: none;
}

.checkbox-field {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.checkbox-label {
  margin-bottom: 0;
  margin-left: 6px;
  font-weight: 300;
  line-height: 1.25;
}

.checkbox {
  background-color: var(--grey-25--border);
  border-style: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .3s;
}

.checkbox.w--redirected-checked {
  background-color: var(--accent);
  background-size: 12px;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.radio-button {
  background-color: var(--grey-25--border);
  border-style: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  transition: background-color .3s;
}

.radio-button.w--redirected-checked {
  border: 6px solid var(--accent);
  background-color: var(--white);
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.label {
  z-index: 5;
  font-size: 14px;
  position: relative;
}

.label.line-height {
  text-align: left;
  padding-top: .2em;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: .4em;
  line-height: 1.1;
}

.display-none {
  display: none;
}

.image-wrapper {
  z-index: 5;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-gray-3 {
  background-color: var(--grey-25--border);
  position: relative;
}

.bg-white {
  background-color: var(--white);
  color: var(--black);
  position: relative;
}

.bg-gray-1 {
  background-color: var(--grey-5);
  position: relative;
}

.bg-gray-2 {
  background-color: var(--grey-10-101);
  position: relative;
}

.bg-gray {
  background-color: var(--grey-90--text-gray);
  color: var(--white);
  position: relative;
}

.style-color-title {
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  inset: 8px auto auto 8px;
}

.bg-black {
  background-color: var(--black);
  color: var(--white);
  position: relative;
}

.bg-accent {
  background-color: var(--accent);
  color: var(--white);
  position: relative;
}

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

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.utility-heading {
  text-transform: uppercase;
  margin-bottom: .125em;
  padding-top: .25em;
  font-family: Rosseta;
  font-size: 8em;
  font-weight: 400;
  line-height: .8;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
}

.radio-button-field {
  align-items: center;
  display: flex;
}

.preloader {
  z-index: 999;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

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

.preloader-image {
  width: 10vw;
  height: 10vw;
}

.text-extra-large {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  max-width: 800px;
  margin: 0 auto 3vh;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
}

.text-extra-large.text-centre {
  color: #d09a9c;
  text-align: center;
  margin-bottom: 1em;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.text-extra-large.centre {
  text-align: left;
  margin-bottom: 4vh;
  font-size: 18px;
}

.text-extra-large._2 {
  color: #e7aa94;
  text-align: center;
  letter-spacing: .3px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-family: Moranga, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 35px;
}

.text-extra-large.left {
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
}

.hero-portrait-image {
  width: 40vw;
  display: flex;
  position: absolute;
  right: auto;
}

.hero-portrait-section {
  perspective: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 98vh;
  padding: 5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-portrait-title {
  z-index: 5;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
  inset: 0 5vw auto 0;
}

.hero-portrait-title.a {
  mix-blend-mode: normal;
  align-items: flex-start;
}

.perspective {
  z-index: 10;
  perspective: 800px;
  perspective-origin: 50%;
  letter-spacing: 1px;
  margin-right: 1px;
  font-size: 3.4vw;
  line-height: 1;
  position: relative;
}

.load-rotated-1st._1, .load-rotated-2nd._1, .load-rotated-3rd._1, .load-rotated-4th._1, .load-rotated-5th._1, .load-rotated-6th._1 {
  color: #fff;
}

.hero-portrait-name {
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: nimbus-sans-extended, sans-serif;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.load-rotated-7th._1, .load-rotated-8th._1, .load-rotated-9th._1, .load-rotated-10th._1 {
  color: #fff;
}

.dark-mode {
  background-color: var(--black);
  color: var(--white);
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.overflow-hidden.margin {
  margin-bottom: -2.5vw;
}

.navbar {
  z-index: 100;
  background-color: #0000;
  width: 100%;
  min-height: 15vh;
  padding: 16px 2.5vw;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.navbar.demo-1 {
  position: fixed;
}

.navbar.demo-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-items: flex-end;
  min-height: auto;
  padding-top: 1vh;
  padding-bottom: 1vh;
  position: fixed;
  top: 0%;
}

.navbar.demo-3 {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  min-height: auto;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  font-family: Inter;
  font-size: .75em;
  font-weight: 500;
  display: block;
  position: fixed;
}

.navbar-1-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  width: 100%;
}

.navbar-1-controls {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  place-items: center end;
  width: 100%;
  display: grid;
}

.navbar-1-menu {
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--grey-5), var(--grey-5));
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.hero-portrait-scrolling-wrapper {
  z-index: 6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 30vw 5vw;
}

.text-caption {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Inter;
  font-size: .75em;
  font-weight: 500;
  line-height: 2;
}

.text-caption.line-height {
  line-height: 1.4;
}

.text-caption.text-grey {
  color: var(--grey-90--text-gray);
}

.hero-2-scrolling-section {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 20vh;
  padding-bottom: 5vw;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
  overflow: hidden;
}

.scrolling-loop {
  display: flex;
}

.scrolling-loop.margin {
  margin-bottom: -2.5vw;
}

.scrolling-loop-item {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hero-2-scrolling-text {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-left: .05em;
  margin-right: .05em;
  font-family: Rosseta;
  font-size: 20vw;
  font-weight: 400;
  line-height: 1;
}

.hero-portrait-scrolling {
  letter-spacing: 0;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  width: 21vw;
  font-size: .75em;
  display: flex;
  position: static;
  bottom: 5vw;
  overflow: hidden;
}

.hero-2-section {
  width: 100%;
  height: 250vh;
  position: relative;
}

.gallery-1-section {
  perspective: 200px;
  perspective-origin: 100% 100%;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: -100vh;
  padding-left: 55%;
  padding-right: 5vw;
  display: flex;
  overflow: hidden;
}

.hero-2-text {
  z-index: 5;
  width: 100%;
  max-width: 60vw;
  padding-left: 2.5vw;
  display: none;
  position: relative;
}

.gallery-1-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.gallery-1-row {
  z-index: 10;
  flex: 1;
  margin-left: 2.5vw;
  margin-right: 2.5vw;
  position: relative;
}

.gallery-1-columns {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.image-wrapper-delete {
  z-index: 5;
  border-radius: .5em;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-1 {
  grid-column-gap: 10vw;
  grid-row-gap: 6vw;
  letter-spacing: 0;
  text-transform: uppercase;
  grid-template-rows: auto;
  width: 100%;
  padding: 5vw 2.5vw;
  font-family: Inter;
  font-size: .75em;
  font-weight: 400;
  position: relative;
}

.footer-1-info {
  grid-column-gap: 16px;
  grid-row-gap: 5vw;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start end;
  display: grid;
}

.link {
  color: var(--white);
  text-align: center;
  display: none;
  position: relative;
  overflow: hidden;
}

.link.menu-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.link.about-1-contact-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.logo-contain {
  filter: invert();
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.footer-1-social-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
}

.footer-1-social-link {
  justify-content: center;
  align-items: center;
  width: 1.5vw;
  display: flex;
  position: relative;
}

.footer-1-brand {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-1-social-link-hover {
  border-radius: 100%;
  width: 250%;
  height: 250%;
  position: absolute;
  inset: auto;
}

.footer-1-social-link-hover.twitter {
  background-color: #1da1f2;
}

.footer-1-social-link-hover.dribbble {
  background-color: #ea4c89;
}

.footer-1-social-link-hover.behance {
  background-color: #1769ff;
}

.footer-1-social-link-hover.instagram {
  background-image: linear-gradient(135deg, #405de6, #5b51d8 11%, #833ab4 25%, #c13584 39%, #e1306c 51%, #fd1d1d 63%, #f56040 74%, #f77737 85%, #fcaf45 94%, #ffdc80);
}

.footer-1-social-link-hover.webflow {
  background-color: #4253ff;
}

.footer-1-meta {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: center start;
  position: static;
  inset: auto auto 0%;
}

.footer-1-copyright-link {
  align-items: center;
  display: flex;
  overflow: visible;
}

.footer-1-copyright-text {
  margin-right: 7px;
  position: relative;
}

.dark-mode-icon {
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: none;
  position: relative;
}

.dark-mode-icon.dark-opacity {
  opacity: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dark-mode-hover {
  z-index: 0;
  background-color: var(--grey-25--border);
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.dark-mode-relative {
  z-index: 5;
  position: relative;
}

.dark-mode-hover-holder {
  background-color: var(--black);
  border-radius: 100px;
  width: 51px;
  height: 28px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dark-mode-button {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 28px;
  padding: 0 2px;
  display: flex;
  position: fixed;
  inset: auto 12px 12px auto;
}

.dark-mode-switch {
  z-index: 1;
  background-color: var(--switch-button-gray);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 2px;
}

.icon-absolute {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.footer-2 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  min-height: 100vh;
  padding: 20vh 2.5vw 5vw;
}

.footer-2-introduction {
  letter-spacing: 0;
  max-width: 50vw;
  font-size: 2vw;
  line-height: 1.25;
}

.footer-2-thumbnail-grid {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
}

.footer-2-thumbnail {
  background-color: var(--black);
  text-align: center;
  letter-spacing: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 20vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-2-thumbnail-text {
  z-index: 5;
  color: var(--white);
  letter-spacing: 0;
  padding-top: .25em;
  font-family: Rosseta;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: .8;
  position: relative;
}

.image-background {
  z-index: 0;
  opacity: .69;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-2-contact {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr;
}

.footer-2-contact-item {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
}

.footer-2-meta {
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: end;
  place-items: end;
  font-size: .75em;
  line-height: 24px;
}

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

.underline {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

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

.display-inline {
  display: inline;
}

.content-section {
  padding: 8vh 2.5vw;
  position: relative;
}

.content-section.padding-bottom-zero {
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: block;
}

.content-section.more-space {
  padding-top: 35vh;
}

.content-section.medium-space {
  padding-top: 20vh;
}

.content-section.style-padding {
  padding-top: 30vh;
  padding-bottom: 20vh;
}

.content-section.style-padding.hide {
  display: block;
}

.content-section.hide {
  display: none;
}

.legal-info {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.legal-contact-links {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
}

.legal-image {
  width: 70vw;
  height: 40vw;
  margin-top: 2.5vw;
  margin-bottom: 2.5vw;
  display: flex;
}

.legal-text {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 22.5vw 40vw 22.5vw;
}

.accordion-item {
  z-index: 5;
  border-top: 2px solid var(--grey-25--border);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  position: relative;
  overflow: hidden;
}

.accordion-trigger {
  z-index: 2;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 2vw;
  line-height: 1.2;
  transition: color .2s;
  display: flex;
  position: relative;
}

.accordion-expand-icon {
  background-color: var(--grey-25--border);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4vw;
  max-width: 54px;
  height: 4vw;
  max-height: 54px;
  padding: 0;
  display: flex;
  position: relative;
}

.accordion-content {
  z-index: 2;
  text-align: left;
  padding-left: 10vw;
  position: relative;
  overflow: hidden;
}

.accordion-text {
  margin-top: 16px;
  font-size: 1.125em;
}

.accordion-expand-minus {
  background-color: var(--black);
  width: 1.6vw;
  max-width: 24px;
  height: 2px;
}

.accordion-expand-plus {
  background-color: var(--black);
  width: 2px;
  height: 1.6vw;
  max-height: 24px;
  position: absolute;
}

.accordion-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 10vw 1fr;
  align-items: center;
}

.accordion-title-number {
  letter-spacing: 0;
  font-size: 5vw;
  font-weight: 300;
  line-height: 1;
}

.accordion {
  border-bottom: 2px solid var(--grey-25--border);
}

.text-medium {
  z-index: 6;
  letter-spacing: -.02em;
  max-width: 100ch;
  font-family: Inter;
  font-size: 1em;
  line-height: 1.4;
  position: relative;
}

.teaser-title {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 75%;
  margin-top: 1.25vw;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.margin-top-medium {
  margin-top: 5vw;
}

.margin-top-large {
  margin-top: 10vw;
}

.margin-top-small {
  margin-top: 2.5vw;
}

.margin-top-mini {
  margin-top: 1.25vw;
}

.link-circle-button {
  z-index: 5;
  background-color: #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  display: flex;
  position: absolute;
  inset: auto auto 1.25vw 1.25vw;
  overflow: hidden;
}

.gallery-instagram {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr;
  align-items: start;
  padding: 10vw 2.5vw;
}

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

.gallery-3-wrapper {
  z-index: 5;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.load-rotated-11th._1 {
  color: #fff;
}

.work-2-thumbnail {
  background-color: #9e9e9e4d;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.margin-side {
  margin-left: .125em;
  margin-right: .125em;
}

.square-slider-slide {
  width: 100%;
  height: 100%;
  margin-right: 5vw;
}

.square-slider-next {
  border-radius: .25em;
  justify-content: flex-start;
  align-items: flex-end;
  width: 15vw;
  height: 15vw;
  padding-bottom: 1vw;
  padding-left: 1vw;
  font-size: 12px;
  display: flex;
  inset: 0 -20vw auto auto;
}

.button-icon {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-hidden-arrow-trigger {
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  overflow: visible;
}

.title-work-image-wrap {
  z-index: -50;
  width: 40vw;
  height: 40vw;
  display: none;
  position: fixed;
  inset: -20vw auto auto -20vw;
  overflow: hidden;
}

.title-work-image-mask {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.title-work-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sticky-gallery-image {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  bottom: 25vh;
}

.sticky-gallery-image._1 {
  z-index: 1;
}

.sticky-gallery-image._2 {
  z-index: 2;
}

.sticky-gallery-image._3 {
  z-index: 3;
}

.sticky-gallery-image._4 {
  z-index: 4;
}

.image-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.sticky-gallery-image-shift {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vh;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sticky-gallery-image-shift._1 {
  bottom: -52px;
  left: -10vw;
}

.sticky-gallery-image-shift._2 {
  bottom: -15vh;
  right: -15vw;
}

.sticky-gallery-image-shift._1 {
  left: -10vw;
}

.sticky-gallery-image-shift._3 {
  bottom: -10vh;
  left: -5vw;
}

.sticky-gallery-image-shift._4 {
  bottom: -5vh;
}

.sticky-gallery-images {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: static;
}

.twitter {
  background-color: #1da1f2;
}

.dribbble {
  background-color: #ea4c89;
}

.behance {
  background-color: #1769ff;
}

.instagram {
  background-image: url('../images/instagram.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.align-vertical-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-3 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  text-align: center;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-content: space-between;
  place-items: center;
  min-height: 75vh;
  padding: 20vh 5vw 15vh;
  font-family: Inter;
}

.footer-3-container {
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  width: 70%;
  font-size: .75em;
  font-weight: 400;
  display: flex;
}

.footer-3-brand-grid {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  width: 100%;
}

.footer-3-brand-title {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 1vw;
  padding-top: .2em;
  font-family: Rosseta;
  font-size: 20vw;
  font-weight: 400;
  line-height: .6;
  display: none;
}

.footer-3-powered {
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 1vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: .2em;
  font-family: Rosseta;
  font-size: 4vw;
  font-weight: 400;
  line-height: .6;
}

.footer-3-social-grid {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-items: center;
}

.footer-3-inner-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.footer-3-meta-links {
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: center;
}

.service-list-item {
  border-bottom: 1px solid var(--grey-25--border);
  padding-bottom: 1vw;
  line-height: 1.2;
}

.service-grid-2x-list-small {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  border-top: 2px solid var(--grey-25--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  padding-top: 1vw;
}

.service-list-2x-items {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.text-indent {
  text-indent: 15vw;
}

.text-work-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 5vw;
  text-align: center;
  border-bottom: 2px #9e9e9e4d;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: grid;
}

.text-work-title {
  z-index: 5;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1vw;
  margin-bottom: -.1em;
  font-family: Moranga, sans-serif;
  font-size: 5vw;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.text-work-title.caption {
  color: var(--grey-90--text-gray);
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 0;
  font-family: Inter;
  font-size: .75em;
  font-weight: 500;
  line-height: 1;
}

.text-work-title.caption.work {
  color: var(--white);
  margin-left: 5vw;
  padding: 0;
  display: inline-block;
}

.text-work-title.detail {
  text-transform: uppercase;
  font-size: 8vw;
  line-height: 1;
}

.text-work-link {
  letter-spacing: -.02em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-work-link.link {
  overflow: visible;
}

.service-list-small-text {
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Inter;
  font-size: 10px;
  font-weight: 400;
}

.padding-top-less {
  padding-top: 5vw;
}

.padding-top-zero {
  padding-top: 0;
}

.content-side-section {
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  margin-top: 15vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-min-height {
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 85vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-min-height.show-on-load-2nd {
  background-image: linear-gradient(#0000000d, #0000000d), linear-gradient(96deg, #000, #0000 52%), linear-gradient(to top, #000, #0d0d1100 58%), url('../images/diane-gif.gif');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  justify-content: flex-end;
  height: 70vh;
  min-height: 550px;
  margin-bottom: 10%;
}

.hero-portrait-surname {
  letter-spacing: -.02em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-bottom: .2em;
  margin-left: .2em;
  margin-right: .2em;
  padding-top: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.brand {
  width: 200px;
  padding: 0;
}

.brand.w--current {
  border: 1px #fff;
  border-radius: 30px 30px 0 0;
  width: 60px;
  max-height: 30px;
  padding-bottom: 0;
}

.button-circle-filled {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  letter-spacing: 0;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 15vw;
  padding: 3vw;
  font-family: Rosseta;
  font-size: 2em;
  font-weight: 400;
  line-height: .9;
  display: none;
  position: absolute;
  inset: auto auto 5vw;
}

.title-work-bg {
  z-index: -51;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.text-indent-small {
  text-indent: 5vw;
}

.grid-paragraph {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.service-grid-1x-list {
  grid-column-gap: 5vw;
  grid-row-gap: 1vw;
  border-top: 2px solid var(--grey-25--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: 1vw;
  line-height: 1.2;
}

.content-1st-section {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25vh 2.5vw 10vh;
  display: flex;
  position: relative;
}

.padding-bottom-zero {
  padding-bottom: 0;
}

.side-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 30vw 1fr;
  place-items: start;
}

.sticky-side-column {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: sticky;
  bottom: 5vh;
}

.sticky-side-column.intro {
  height: 90vh;
}

.cms {
  width: 100%;
}

.cms.underlined {
  border-bottom: 1px solid var(--grey-25--border);
}

.cms-list-post {
  grid-column-gap: 2.5vw;
  grid-row-gap: 5vw;
  column-count: 3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  column-gap: 5vw;
}

.post-link-category {
  color: var(--grey-90--text-gray);
  text-transform: uppercase;
  align-items: center;
  margin-top: 1vw;
  margin-bottom: .25vw;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.collection-item {
  display: inline-block;
}

.post-link {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5vw;
  overflow: visible;
}

.heading-3 {
  letter-spacing: 0;
  font-family: Inter;
  font-size: 1.6vw;
  font-weight: 400;
}

.post-link-cta {
  align-items: center;
  margin-top: 1.25vw;
  display: flex;
  overflow: visible;
}

.post-link-circle {
  background-color: var(--grey-90--text-gray);
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin-right: 1vw;
}

.post-link-cta-text {
  color: var(--grey-90--text-gray);
  text-transform: uppercase;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.scrolling-loop-section {
  padding-top: 5vh;
  padding-bottom: 5vh;
  position: relative;
  overflow: hidden;
}

.scrolling-loop-section.more-space {
  padding-top: 35vh;
}

.about-2-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 33% 1fr;
  padding-left: 10vw;
  padding-right: 10vw;
  display: block;
}

.about-2-contact {
  flex-direction: column;
  align-items: flex-start;
  padding-top: .3vw;
  display: flex;
}

.about-2-images {
  flex: 1;
  width: 25vw;
  position: relative;
}

.about-2-image-2 {
  z-index: 4;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: -2.5vh;
  right: -2.5vh;
  overflow: hidden;
}

.about-2-image-2:hover {
  z-index: 5;
}

.about-2-image-1 {
  z-index: 5;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-2-image-1:hover {
  z-index: 4;
}

.about-2-clients {
  padding-top: 7.5vh;
}

.list-small {
  grid-column-gap: 5vw;
  grid-row-gap: 4px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  font-size: .875em;
  line-height: 1.25;
}

.about-2-clients-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
}

.list-item-small-underline {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid var(--grey-25--border);
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  padding-bottom: 4px;
}

.about-2-experience {
  flex: 1;
  padding-top: 5vw;
  position: relative;
}

.about-2-contact-grid {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.about-2-contact-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-1-scrolling-section {
  margin-top: 60px;
  margin-bottom: -2.5vw;
  position: relative;
  overflow: hidden;
}

.light-mode {
  background-color: var(--white);
  color: var(--black);
}

.moving-post {
  border-top: 1px solid var(--grey-25--border);
  color: var(--grey-40--hover);
  letter-spacing: 0;
  font-size: 2em;
  display: flex;
  position: relative;
}

.moving-post-date {
  text-transform: uppercase;
  align-items: center;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  padding-right: 2.5vw;
  font-family: Inter;
  font-size: .33em;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.moving-post-title {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.news-ticker {
  letter-spacing: 0;
  white-space: nowrap;
  align-items: center;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  font-family: Rosseta;
  line-height: 1;
  display: none;
}

.content-container {
  margin-bottom: 60px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.content-container.hide {
  display: none;
}

.moving-post-item {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  display: flex;
}

.text-indent-large {
  text-indent: 35vw;
}

.navbar-3-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 42vw 1fr;
  place-content: center space-between;
  align-items: stretch;
  width: 100%;
  display: block;
}

.nav-menu-3-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
}

.menu-button-1 {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  transition: background-color .4s;
  display: flex;
  overflow: hidden;
}

.menu-button-1:hover {
  background-color: var(--grey-40--hover);
}

.menu-button-1.w--open {
  background-color: var(--grey-25--border);
}

.title-3 {
  text-align: left;
  letter-spacing: 0;
  margin-bottom: -.1em;
  padding-top: .1em;
  font-size: 6vw;
  font-weight: 300;
  line-height: .8;
}

.title-3.display-inline {
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2vw;
}

.demo-3-main-grid {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 29vw;
  place-items: start;
}

.demo-3-main-grid._1st-content {
  margin-top: 25vh;
}

.grid-mini-paragraph {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.link-column {
  width: 100%;
  padding-top: .5vw;
  padding-bottom: .5vw;
  position: relative;
  overflow: hidden;
}

.caption-spacing {
  margin-top: 1vw;
}

.link-column-underline {
  height: 1px;
  position: absolute;
  inset: auto 0% 0% 27.5vw;
  overflow: hidden;
}

.link-column-underline-wrap {
  background-color: var(--grey-25--border);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-standard {
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 2vw 4vw;
  font-size: 1.75em;
  transition: box-shadow .5s;
  display: flex;
  box-shadow: inset 0 0 0 2px #9e9e9e1a;
}

.button-standard:hover {
  box-shadow: inset 0 0 0 4px #9e9e9e1a;
}

.blog-1-list {
  grid-column-gap: 1px;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-1-slide {
  background-color: var(--grey-10-101);
  width: 100%;
  height: 30vw;
  padding: 5vw;
}

.about-1-title-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 22.5vw;
  margin-top: 10vh;
}

.heading-hero-2 {
  z-index: 10;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: -.2em;
  font-family: Rosseta;
  font-size: 16vw;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.about-1-title-description {
  padding-bottom: 1.125vw;
  padding-left: .75vw;
  position: relative;
  overflow: hidden;
}

.contact-1-image-shift {
  width: 35vw;
  margin-top: -7vw;
  display: flex;
}

.inline-holder {
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.button-circle-outline {
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 25vw;
  padding: 3vw;
  font-family: Rosseta;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
  inset: auto;
}

.button-circle-outline.link {
  width: 15vw;
  height: 15vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto 18% 12% auto;
  overflow: visible;
}

.button-border-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cms-works-1-item {
  flex-flow: column wrap;
  align-items: center;
  padding-bottom: 10vw;
  padding-left: 30vw;
  padding-right: 20%;
  display: flex;
  position: relative;
}

.cms-works-1-item:nth-child(2n) {
  flex-flow: row;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-left: 0%;
  padding-right: 0;
}

.cms-works-1-item:last-child {
  padding-bottom: 0;
}

.cms-works-1-image {
  perspective: 800px;
  perspective-origin: 50%;
  width: 100%;
  position: relative;
}

.cms-works-1-title {
  z-index: 5;
  text-align: left;
  width: 100%;
  margin-top: -5vw;
  margin-left: -10vw;
  overflow: visible;
}

.post-grid {
  grid-column-gap: 10vw;
  grid-row-gap: 10vh;
  grid-template-rows: auto;
  align-items: start;
}

.post-category {
  border-top: 1px solid var(--grey-25--border);
  letter-spacing: 0;
  text-transform: uppercase;
  align-items: center;
  padding-top: 1.25vw;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75em;
  font-weight: 500;
  display: flex;
}

.post-sticky {
  position: sticky;
  top: 15vh;
}

.post-image {
  margin-top: 10vh;
  padding-bottom: 1em;
}

.navbar-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 35vw 1fr;
  align-items: center;
  width: 100%;
}

.nav-menu-1-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  padding: 15vh 10vw 10vh;
  position: relative;
}

.nav-menu-1-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.navbar-1-link {
  perspective: 800px;
  perspective-origin: 50%;
  letter-spacing: -.02em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Inter;
  font-size: 5.5vw;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

.navbar-1-link.font-alternative {
  letter-spacing: -.02em;
  padding-top: .25em;
  font-family: Wremena, sans-serif;
  font-size: 6vw;
  font-weight: 300;
  line-height: .7;
  position: absolute;
  inset: 0% auto auto;
}

.navbar-1-link.meta {
  letter-spacing: 0;
  justify-content: flex-start;
  padding-top: 0;
  padding-left: 0;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.5;
}

.navbar-1-link-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu-1-social {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}

.navbar-1-location-icon {
  width: 1em;
  margin-right: 4px;
}

.nav-menu-1-row {
  z-index: 1;
  align-items: center;
  width: 50%;
  display: flex;
}

.nav-menu-1-row:hover {
  z-index: 2;
}

.nav-menu-1-image-wrap {
  width: 35vw;
  height: 65vh;
  position: absolute;
  inset: 15vh 10vw auto auto;
  overflow: hidden;
  transform: rotate(4deg);
}

.navbar-1-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.nav-menu-1-1st-image {
  z-index: 0;
  width: 35vw;
  height: 65vh;
  position: absolute;
  inset: 15vh 10vw auto auto;
  overflow: hidden;
  transform: rotate(4deg);
}

.navbar-3-menu {
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  line-height: 1.25;
  display: flex;
}

.close-top {
  background-color: var(--white);
  border-radius: 4px;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 31px;
}

.close-bottom {
  background-color: var(--white);
  border-radius: 4px;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 39px;
}

.menu-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.menu-button-3 {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  transition: background-color .4s;
  display: none;
  overflow: hidden;
}

.menu-button-3:hover, .menu-button-3.w--open {
  background-color: #9e9e9e1a;
}

.navbar-3-controls {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: center stretch;
  width: auto;
  display: block;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.form-vertical {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-holder {
  align-items: center;
  display: flex;
  position: relative;
}

.submit-button {
  text-transform: uppercase;
  background-color: #0000;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter;
  font-size: .75em;
  font-weight: 700;
  transition: color .4s;
  position: absolute;
  right: 0;
}

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

.title-3-alternative {
  text-align: left;
  letter-spacing: -.03em;
  margin-bottom: -.1em;
  padding-top: .1em;
  font-family: Inter;
  font-size: 5.5vw;
  font-weight: 400;
  line-height: .8;
}

.title-3-alternative.display-inline {
  letter-spacing: 0;
  font-family: Moranga, sans-serif;
  font-size: 4vw;
  font-weight: 300;
}

.container-right {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 7.5vw;
  display: flex;
}

.link-xl-uppercase {
  font-size: 2em;
}

.demo-3-contact-grid {
  grid-column-gap: 2.5vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  justify-items: start;
  width: 100%;
  margin-top: 5vh;
}

.title-3-wrapper {
  width: 52.5vw;
  position: relative;
  overflow: hidden;
}

.sticky-contact {
  position: sticky;
  bottom: 5vh;
}

.menu-button-2 {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  transition: background-color .4s;
  display: flex;
  overflow: hidden;
}

.menu-button-2:hover {
  background-color: var(--grey-40--hover);
}

.menu-button-2.w--open {
  background-color: var(--grey-25--border);
}

.navbar-2-controls {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  place-items: center end;
  width: 100%;
  display: grid;
}

.navbar-2-menu {
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--grey-5), var(--grey-5));
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.nav-menu-2-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  align-content: space-between;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 15vh 5vw 5vh;
  line-height: 1.25;
}

.navbar-2-item.scrolling {
  display: flex;
}

.navbar-2-link-wrapper {
  text-transform: uppercase;
  margin-bottom: -.2em;
  font-family: Rosseta;
  font-size: 8vw;
  font-weight: 400;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.navbar-2-link-wrapper.about {
  max-width: 4.5ch;
}

.navbar-2-link-wrapper.works {
  max-width: 5ch;
}

.navbar-2-link-wrapper.blog {
  max-width: 3.5ch;
}

.navbar-2-link-wrapper.contact {
  max-width: 6ch;
}

.nav-menu-2-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.contact-1-social-grid {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-items: center;
}

.nav-menu-2-meta {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.navbar-2-social-grid {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-items: center;
  font-size: .75em;
}

.heading-post-next {
  z-index: 6;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 2.5vw;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: .9;
  position: relative;
}

.heading-post-title {
  z-index: 6;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 5vw;
  font-weight: 300;
  position: relative;
}

.text-bold {
  font-family: Moranga, sans-serif;
  font-weight: 700;
}

.footer-1-heading {
  z-index: 10;
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: .125em;
  margin-right: .125em;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 5em;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.title-work-bg-image {
  opacity: .5;
  filter: blur(75px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.utility-wrap {
  flex-direction: column;
  align-items: center;
  margin-bottom: 5vh;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
}

.projects-template-1st-section {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 75vh;
  padding-top: 25vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
}

.projects-template-image-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.projects-template-title {
  z-index: 10;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 80px;
  position: static;
}

.projects-template-section {
  margin-top: 7vw;
  padding: 0 2.5vw;
}

.projects-template-intro-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template: ". . ."
                 ". . ."
                 "Area Area Area"
                 / .25fr .25fr 1fr;
  grid-auto-columns: 2fr;
  margin-top: 0;
}

.projects-template-description {
  font-size: 1.3em;
}

.projects-template-description.text-indent {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.3em;
}

.projects-template-description.para2 {
  margin-top: 10px;
}

.text-xx-large {
  z-index: 5;
  letter-spacing: 0;
  font-family: Moranga, sans-serif;
  font-size: 5.5vw;
  font-weight: 300;
  line-height: 1.1;
  position: relative;
}

.about-grid-text {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2.5vw;
  display: flex;
}

.about-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 22.5vw 1fr;
}

.about-grid-column {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 15vw 15vw 3fr;
  margin-top: 2.5vw;
  padding-right: 22.5vw;
}

.about-grid-column-center {
  padding-right: 22.5vw;
}

.about-grid-inside {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

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

.about-grid-headline {
  z-index: 10;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: -.2em;
  font-family: Rosseta;
  font-size: 20vw;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.title-3-small {
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Rosseta;
  font-size: 12vw;
  font-weight: 400;
  line-height: 1;
}

.caption-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2.5vw 1fr;
  align-items: center;
  margin-bottom: 1.25vw;
}

.caption-dot {
  background-color: var(--white);
  border-radius: 100px;
  width: .5em;
  height: .5em;
}

.caption-dot.underline {
  position: static;
}

.cms-list-projects {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cms-list-projects-item {
  margin-bottom: .5em;
  margin-left: .25em;
  margin-right: .25em;
  font-size: 2.5vw;
  line-height: 1;
}

.fsfsfds-copy {
  grid-column-gap: 0vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 22.5vw 1fr;
}

.bg-gray-4 {
  background-color: var(--grey-40--hover);
  position: relative;
}

.style-color-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-height: 512px;
}

.content-hero-section {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 100vh;
  padding: 10vh 2.5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
  margin-bottom: 2.5vw;
  display: flex;
  position: relative;
}

.square-image-hero {
  width: 25vw;
  height: 25vw;
  position: absolute;
  inset: -15vw -12.5vw auto auto;
  overflow: hidden;
}

.show-image-on-load, .show-on-load-1st, .show-on-load-2nd, .show-on-load-3rd, .show-on-load-4th, .show-on-load-5th {
  margin-bottom: 0;
}

.small-square-image-hero {
  width: 15vw;
  height: 15vw;
  position: absolute;
  inset: auto auto 0% -20vw;
  overflow: hidden;
}

.about-grid-1 {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  padding-left: 20%;
  padding-right: 20%;
}

.text-inside {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-right: 2.5vw;
  display: flex;
  position: relative;
}

.line-top {
  position: absolute;
  inset: 0% 2.5vw auto;
}

.line-top.underline {
  width: auto;
}

.line-bottom {
  position: absolute;
  inset: auto 2.5vw 0;
}

.line-bottom.underline {
  width: auto;
}

.testimonial-wrap {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.testimonial-item {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.testimonial-image-wrap {
  z-index: 10;
  perspective: 800px;
  perspective-origin: 50%;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.testimonial-perspective-1 {
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(23deg)rotateY(-49deg)rotateZ(14deg);
}

.testimonial-title {
  color: var(--white);
  text-transform: uppercase;
  font-family: Inter;
  font-size: .75em;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.testimonial-perspective-2 {
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(-34deg)rotateY(34deg)rotateZ(0);
}

.testimonial-perspective-3 {
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(-43deg)rotateY(9deg)rotateZ(-17deg);
}

.line-vertical {
  position: absolute;
  inset: 0% auto 0% -5vw;
}

.line-vertical.underline {
  width: 1px;
  height: 100%;
}

.font-sans-serif {
  font-family: Inter;
}

.about-grid-image {
  padding-bottom: 1.5vw;
  display: flex;
}

.legal-title {
  letter-spacing: -.03em;
  font-family: Inter;
  font-size: 4em;
  font-weight: 600;
}

.project-detail-wrap {
  z-index: 10;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 70vw;
  margin-bottom: 2vw;
  display: flex;
  position: relative;
}

.projects-images {
  grid-column-gap: .75vw;
  grid-row-gap: .75vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-all-projects {
  width: 75%;
  margin-top: 2.5vw;
}

.next-project-section {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20vw 2.5vw;
  display: flex;
  position: relative;
}

.overflow-hidden-max-w {
  max-width: 40vw;
  position: relative;
  overflow: hidden;
}

.cms-post-underline {
  grid-column-gap: 1.25vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-underline {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5em 3.75vw 5vw;
  display: flex;
  position: relative;
}

.post-underline-heading {
  margin-bottom: 0;
  font-weight: 300;
}

.post-underline-icon {
  opacity: .25;
  width: 1.75em;
  height: 1.75em;
  margin-left: 1.75em;
}

.line-top-wrap {
  background-color: var(--grey-25--border);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.teaser-headline {
  opacity: .5;
  font-family: Inter;
  font-size: 1.125em;
}

.cms-side-works {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-5 {
  margin-top: .5em;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  line-height: 1;
}

.fullscreen-work {
  background-color: var(--black);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fullscreen-work-title {
  z-index: 5;
  letter-spacing: 0;
  text-transform: none;
  padding-top: .2em;
  font-family: Rosseta;
  font-size: 14vw;
  font-weight: 400;
  line-height: .9;
  position: relative;
}

.fullscreen-work-title-wrap {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.fullscreen-work-title-overflow {
  padding-top: .7em;
  padding-bottom: .7em;
  overflow: hidden;
}

.cms-work-2x {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fullscreen-work-title-small-inside {
  z-index: 5;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: -.2em;
  font-family: Rosseta;
  font-size: 8vw;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.fullscreen-work-scrolling-wrap {
  justify-content: center;
  align-items: center;
  width: 47.5vw;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.fullscreen-work-title-small {
  z-index: 5;
  letter-spacing: 0;
  text-transform: none;
  padding-top: .2em;
  font-family: Rosseta;
  font-size: 8vw;
  font-weight: 400;
  line-height: .9;
  position: relative;
}

.fullscreen-work-small {
  background-color: var(--black);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.share-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  margin-left: 8px;
}

.share-link {
  box-shadow: inset 0 0 0 1px var(--grey-25--border);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  padding: 1em;
  transition: box-shadow .4s;
  display: flex;
}

.share-link:hover {
  box-shadow: inset 0 0 0 1px var(--grey-90--text-gray);
}

.text-link {
  border-bottom: 1px solid var(--grey-40--hover);
}

.text-link:hover {
  border-bottom-color: #0000;
}

.light-mode-button {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 28px;
  padding: 0 2px;
  display: flex;
  position: fixed;
  inset: auto 12px 12px auto;
}

.image-intro-black {
  z-index: 1;
  border: 1px solid var(--grey-25--border);
  width: 100%;
  position: relative;
}

.intro-screens-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.intro-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 30vw 1fr;
}

.intro-title {
  letter-spacing: -.03em;
  margin-bottom: 1em;
  font-family: Inter;
  font-size: 5.5vw;
  font-weight: 400;
  line-height: 1;
}

.intro-paragraph {
  max-width: 40vw;
}

.image-intro-wrap {
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}

.image-intro-white {
  z-index: 1;
  border: 1px solid var(--grey-25--border);
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section {
  height: auto;
  display: block;
}

.div-block {
  z-index: 2;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.heading-6 {
  text-align: center;
  letter-spacing: 2px;
  font-family: nimbus-sans-extended, sans-serif;
  font-weight: 700;
}

.slider {
  background-color: #0000;
  width: auto;
  height: auto;
  margin-top: 102px;
  display: none;
  position: static;
}

.slide-nav, .left-arrow, .right-arrow {
  display: none;
}

.heading-example {
  color: #fbf9fc;
  text-align: center;
  background-color: #0000;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 60px;
  font-weight: 700;
  display: block;
  overflow: visible;
}

.highlight {
  color: #d09a9c;
  background-color: #0000;
  height: auto;
  font-family: Moranga, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  display: inline;
}

.div-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 0;
  display: flex;
}

.slide, .mask {
  height: auto;
}

.button-outline {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding: 15px 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  transition: background-color .4s;
  display: block;
}

.button-outline:hover {
  background-color: var(--grey-40--hover);
}

.button-outline._2 {
  margin-top: 20px;
}

.button-outline._1 {
  letter-spacing: 1px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.button-underline {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #fff;
  border-bottom-style: solid;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-family: Inter;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .4s;
  display: flex;
}

.button-underline:hover {
  background-color: var(--grey-40--hover);
}

.button-wrapper {
  justify-content: center;
  margin-top: 5vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.grid {
  grid-column-gap: 36px;
  grid-template-rows: auto;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  width: 90%;
  height: 100%;
  margin-bottom: 5%;
  position: relative;
}

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

.div-block-4 {
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border: 1.5px solid #000;
  border-radius: 1000px;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
}

.div-block-4:hover {
  transform: translate(0, -7px);
}

.text-block {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 16px;
  margin-right: 15px;
  font-size: 15px;
  font-style: italic;
}

.div-block-5 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 44px;
  margin-left: 0;
  display: none;
}

.paragraph {
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 1.3em;
}

.content-container-nopadding {
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-2 {
  margin-top: 10px;
  font-size: 1.2em;
}

.bg {
  background-color: #181830;
  background-image: linear-gradient(129deg, #84b86d, #004e47 70%, #1e2f5c);
  position: absolute;
}

.bg.cta-shape-2 {
  bottom: -56px;
  right: 258px;
}

.bg.cta-shape-3 {
  bottom: 124px;
  right: 147px;
}

.bg.cta-shape-1 {
  display: block;
  top: -209px;
  left: -242px;
}

.bg.cta-shape-4 {
  bottom: -139px;
  right: 0;
}

.container-default {
  max-width: 1246px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.split-content.cta-left {
  z-index: 1;
  max-width: 400px;
  position: relative;
}

.split-content.cta-right {
  z-index: 1;
  position: relative;
}

.split-content.home-features-left {
  max-width: 600px;
  margin-right: 40px;
}

.split-content.header-right {
  margin-right: 10px;
}

.split-content.header-left {
  align-items: center;
  display: flex;
}

.cta-wrapper {
  background-color: #3d4ae2;
  justify-content: space-between;
  align-items: center;
  padding: 50px 108px 50px 74px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary {
  color: #181830;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 2px solid #181830;
  padding: 24px 40px;
  line-height: 1.111em;
  transition: transform .25s, color .25s, background-color .25s;
}

.button-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  transform: translate3d(0, -2px, .01px);
}

.button-secondary.cta {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #e59e2c;
  border-style: none;
  border-width: 0;
  border-radius: 100px;
  padding: 18px 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
}

.button-secondary.cta:hover {
  color: #fff;
}

.button-secondary.cta.w--current {
  text-transform: uppercase;
}

.title.h3-size {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.286em;
}

.title.h3-size.cta {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 140%;
}

.title.neutral-100 {
  color: #fff;
}

.title.neutral-100.card-home-feature {
  color: #f7d9b2;
  text-align: center;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.title.neutral-100.home-features {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2em;
  font-weight: 700;
}

.title.dropdown-nav-title {
  color: #181830;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 52px;
  font-size: 20px;
  line-height: 1.125em;
}

.div-block-311 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-19 {
  border-top: 1px #1e2f5c;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.text-block-16-copy {
  color: #fffc;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.footer-content {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.footer-nav-wrapper2 {
  border-top: 1px #a0a3bd;
  width: 40%;
  margin-right: 40px;
  padding-top: 0;
}

.text-block-16 {
  color: #fffc;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 12px;
}

.text-block-36 {
  color: #ffffffd6;
  letter-spacing: .5px;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.submit-button-2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #e59e2c;
  border-radius: 220px;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.3em;
}

.image-16 {
  margin-top: 10px;
}

.footer-nav {
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
}

.footer-nav.last {
  border-top: 1px #1e2f5c;
  border-bottom: 1px #1e2f5c;
  border-left: 1px #1e2f5c;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin: 0 0 0 20px;
  padding-top: 0;
  padding-left: 20px;
  display: flex;
}

.footer-nav-content {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.div-block-324 {
  justify-content: space-between;
  display: flex;
}

.footer-nav-wrapper {
  border-top: 1px #a0a3bd;
  border-right: 1px #6e7191;
  width: 50%;
  margin-right: 40px;
  padding-top: 0;
}

.footer-nav-item {
  justify-content: flex-start;
  margin-bottom: 25px;
  line-height: 1.125em;
  display: flex;
}

.text-field-2 {
  width: 50%;
  margin-bottom: 20px;
}

.text-field-2._50 {
  width: 44%;
}

.footer-nav-link-2 {
  color: #fff;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  max-height: 18px;
  margin-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition: color .35s;
  display: flex;
}

.footer-nav-link-2.w--current {
  line-height: 140%;
}

.footer-title-2 {
  color: #e59e2c;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 140%;
}

.link-block-42 {
  cursor: default;
}

.form-block-2 {
  margin-top: 10px;
}

.footer {
  background-color: #111;
  padding-top: 5%;
  padding-bottom: 5%;
  font-family: Inter;
}

.cta-section {
  background-image: linear-gradient(#0000 54%, #181830 55%);
}

.heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .link-2, .paragraph-2 {
  font-family: Moranga, sans-serif;
}

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

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

.section-2 {
  background-color: #0000;
  padding: 7% 5vw;
  display: block;
}

.section-2.hide {
  display: block;
}

.container {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 7.08em;
  position: relative;
}

.container.is-value {
  padding-bottom: 13em;
}

.link-it {
  width: 75%;
  display: none;
}

.valueitalian {
  color: #121212;
  font-size: 4.5em;
  line-height: 1.1;
}

.link-en {
  cursor: default;
  width: 85%;
}

.valueenglish {
  color: #121212;
  font-family: Moranga, sans-serif;
  font-size: 4.7em;
  line-height: 1.15;
}

.underline-2 {
  width: 100%;
}

.hero-scroll-lottie-contain {
  margin-left: -12%;
  position: relative;
  inset: 532px auto -6% 0%;
}

.scroll-lottie {
  width: 21.5em;
}

.letter-wrap-n {
  position: relative;
}

.letter-wrap {
  position: relative;
  overflow: hidden;
}

.text-wrap {
  cursor: pointer;
  display: flex;
}

.text-block-37 {
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 35px;
  line-height: 35px;
}

.demo-3-main-grid-2 {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 5vw 17.5vw 17.5vw 1fr;
  place-items: start;
}

.underline-3 {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-extra-large-2 {
  letter-spacing: 1px;
  font-family: Wremena, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.3;
}

.link-3 {
  color: #fff;
  position: relative;
  overflow: hidden;
}

.rich-text-block {
  font-family: Moranga, sans-serif;
  font-size: 1.1em;
  line-height: 1.6;
}

.div-block-325 {
  background-image: linear-gradient(#00000080, #00000080), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding: 5vh 5vw;
  display: flex;
}

.quote {
  text-align: center;
  font-family: Moranga, sans-serif;
  font-size: 1.4em;
}

.projects-template-content-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template: ". . ."
                 ". . ."
                 "Area Area Area"
                 / 1fr;
  grid-auto-columns: 2fr;
  margin-top: 0;
}

.grid-5 {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3"
                       "Area-5 ."
                       "Area-4 Area-4";
}

.paragraph-3 {
  text-align: left;
  letter-spacing: .2px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-family: Public Sans;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.8;
}

.div-block-326 {
  max-width: 1008px;
  margin-bottom: 5vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3vw;
  padding-right: 3vw;
}

.paragraph-standard {
  text-align: left;
  letter-spacing: 1px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-standard.text-indent-small {
  font-weight: 300;
}

.block-quote {
  letter-spacing: 1px;
  margin-left: 0;
  font-family: Moranga, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
}

.block-quote.indent {
  color: #e7aa94;
  letter-spacing: 1px;
  border-left: 2px solid #e7aa94;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 0;
  padding-left: 2vw;
  font-family: Moranga, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.heading-testimony-sub {
  z-index: 10;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 3vh;
  font-family: Moranga, sans-serif;
  font-size: 6vw;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.divider {
  background-color: #fff;
  width: 3vw;
  height: .5vh;
  margin: 40px auto 40px 0;
}

.divider.left {
  margin-top: 24px;
  margin-left: 0;
}

.hero-info-icon {
  width: 13px;
  margin-right: 5px;
}

.hero-subtitle {
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  margin-bottom: 5px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.6;
}

.section-3 {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-3.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.hero-bg {
  z-index: 0;
  background-image: url('../images/18655f3370f6141fe4cb647c2a9e14d9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.container-3 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-3.absolute {
  align-items: flex-start;
  position: absolute;
  bottom: 26px;
}

.img-overlay {
  z-index: 1;
  background-color: #12111080;
  width: 100%;
  height: 100%;
  position: absolute;
}

.img-overlay.lighter {
  background-color: #12111040;
}

.hero-headline-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 750px;
  height: 259.984vh;
  margin-bottom: 46px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.h1-hero {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 6em;
  font-weight: 700;
  line-height: 1;
}

.booking-bar {
  z-index: 5;
  background-color: #121110;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.little-hero-info {
  z-index: 3;
}

.hero-info-wrapper {
  display: flex;
}

.hero-info-text {
  color: #fff;
  letter-spacing: .3px;
  font-size: 15px;
}

.progress-bar-indicator {
  z-index: 2;
  background-image: linear-gradient(#ff416c, #ff4b2b);
  border-radius: 2px;
  width: 2px;
  height: 100%;
  position: absolute;
}

.div-block-327 {
  background-color: #fff;
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.list {
  color: #fff;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.container-2 {
  z-index: 2;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: fixed;
  inset: 22% 0% 0% auto;
}

.text-block-38 {
  color: #bbb;
  margin-left: 10px;
  font-size: 12px;
}

.progress-bar {
  background-color: #8080804d;
  border-radius: 2px;
  width: 2px;
  height: 100%;
  margin-right: -6px;
  position: static;
  overflow: hidden;
}

.progress-item.s-m-b-52 {
  margin-bottom: 40px;
}

.wrapper-m {
  padding-top: 64px;
  padding-bottom: 64px;
}

.wrapper-m.s-m-p-t-0 {
  padding-top: 0;
}

.link-block {
  align-items: center;
  display: flex;
}

.progress {
  z-index: 4;
  align-items: center;
  height: 400px;
  display: flex;
  position: static;
  top: 50%;
}

.fixed-wrap {
  height: 100%;
  position: sticky;
  top: 0%;
}

.homepage-expand-200 {
  background-color: #000;
  height: 200vh;
  display: block;
}

.homepage-expand-200.undeserve {
  height: 150vh;
}

.homepage-expand-200.hide {
  display: block;
}

.image-mask {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.testimonial__author {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.background-video-2 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blak-cover {
  z-index: 4;
  color: #00000094;
  background-color: #00000085;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blak-cover.pain-free {
  background-image: linear-gradient(93deg, #2d504c 3%, #0000 75%), linear-gradient(#0000001a, #0000001a), url('../images/julia-solonina--8dCJ4ZQU3g-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.blak-cover.pain-free2 {
  background-image: linear-gradient(#0000007a, #0000007a), url('../images/kristina-tripkovic-nwWUBsW6ud4-unsplash-1.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.blak-cover.undeserve-1 {
  background-color: #0000;
  background-image: linear-gradient(93deg, #2e251b 3%, #0000 75%), linear-gradient(#4d3e3e6b, #4d3e3e6b), url('../images/alexandra-fuller-5hUHRyKtwEE-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.blak-cover._3 {
  background-color: #0000;
  inset: 0%;
}

.testimonial__author-position {
  color: #fff;
  font-weight: 300;
}

.hero__play-video-button {
  color: #383838;
  background-color: #fff;
  border-radius: 100px;
  margin-top: 32px;
  padding: 12px 16px;
  font-weight: 400;
}

.testimonial__quote {
  color: #fff;
  max-width: 635px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 115%;
}

.paragraph-4 {
  color: #fff;
  letter-spacing: .5px;
  max-width: 500px;
  font-family: Inter;
  font-size: 1.2em;
  line-height: 2em;
}

.paragraph-4.centre {
  mix-blend-mode: normal;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: DM Sans, sans-serif;
  font-size: 1.25em;
  line-height: 2.1em;
}

.paragraph-4.centre.dark {
  color: #252523;
}

.paragraph-4.right {
  margin-left: auto;
  margin-right: 0;
}

.paragraph-4.auto {
  margin-left: auto;
}

.sicky-video__testimonial {
  margin-top: 10vh;
  margin-bottom: 10vh;
}

._100vh {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: 100vh;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.container-960 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.container-960.align-left {
  z-index: 20;
  color: #fff;
  align-items: flex-start;
  padding-top: 0;
  display: block;
  position: relative;
}

.container-960.align-left-copy {
  z-index: 20;
  z-index: 20;
  align-items: flex-start;
  padding-top: 0;
  display: block;
  position: relative;
}

.cta__wrap {
  margin-top: -946px;
}

.cta__wrap._3 {
  margin-top: -1022px;
}

.jumbo-white {
  color: #fff;
  font-size: 56px;
  font-weight: 400;
  line-height: 115%;
}

._90vh {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: 90vh;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

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

.content-container-story {
  margin-bottom: 60px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.content-container-story.hide {
  display: none;
}

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

.heading-13 {
  margin-top: .5em;
  margin-bottom: 0;
  font-family: Moranga, sans-serif;
  font-size: 4em;
}

._80 {
  width: 80%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.image-17 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.overlay-text {
  width: 600px;
  margin-left: 5em;
  margin-right: auto;
  position: relative;
}

.content-container-story-left {
  width: 60%;
  margin-bottom: 60px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.content-container-story-left.hide {
  display: none;
}

._60 {
  width: 60%;
  margin-left: 0;
  margin-right: auto;
}

._60.left {
  max-width: 480px;
}

._60.right {
  max-width: 480px;
  margin-left: auto;
  margin-right: 0;
}

.heading-13-copy {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 0;
  font-family: Moranga, sans-serif;
  font-size: 1.8em;
  font-weight: 300;
}

.space-40vh {
  height: 40vh;
}

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

.image-18 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-329 {
  justify-content: center;
  margin-top: 100px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-328-copy {
  width: 90%;
  margin-bottom: 30px;
}

.vh {
  height: 50vh;
}

.div-block-330 {
  width: 480px;
}

.paragraph-big {
  font-weight: 700;
}

.div-block-331 {
  background-image: url('../images/kristina-tripkovic-nwWUBsW6ud4-unsplash-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.card__column-wrap {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
}

.card__column-wrap.hide {
  display: none;
}

.card__column__left {
  width: 30%;
  margin-right: 128px;
}

.cards__left-paragraph {
  max-width: 258px;
  margin-top: 56px;
}

.cards__left-paragraph.mobile {
  display: none;
}

.card__column__right {
  width: 70%;
  margin-top: 152px;
}

.image-2 {
  display: block;
  position: static;
}

.div-block-332 {
  background-image: url('../images/priscilla-du-preez-qinMdTWh1V0-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  height: 60vh;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-332._2 {
  background-image: url('../images/jeremy-yap-eCEj-BR91xQ-unsplash.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.text-14 {
  line-height: 24px;
}

.text-14.text-14-60 {
  opacity: .6;
  text-align: center;
}

.btn {
  float: none;
  color: #fff;
  text-align: center;
  background-color: #1991eb;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 11px 25px;
  line-height: 24px;
  transition: color .2s, box-shadow .2s, background-color .2s, transform .4s;
  display: inline-block;
}

.btn:hover {
  color: #fff;
  background-color: #1386dd;
  border-color: #0c6eb8;
  transform: translate(0, -2px);
  box-shadow: 0 1px 3px #0000001a;
}

.btn:active {
  transform: translate(0, -1px);
  box-shadow: 0 1px 1px #0000001a;
}

.btn.btn-outline-light {
  color: #111212;
  background-color: #0000;
  border: 1px solid #1112120d;
}

.btn.btn-outline-light:hover {
  border-color: #1112121a;
  box-shadow: 0 1px 3px #0000000d;
}

.btn.btn-outline-light:active {
  box-shadow: 0 1px 1px #0000000d;
}

.home-extras-image {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 230px;
  margin-bottom: 15px;
  transition: transform .4s;
  display: flex;
  box-shadow: 0 1px 6px #1112120f;
}

.home-extras-image.home-extras-image3 {
  background-image: linear-gradient(to right, #6758f3, #915cf4);
}

.home-extras-image.home-extras-image2 {
  background-color: #0000;
  background-image: linear-gradient(to right, #1991eb, #5fbbff);
}

.home-extras-image.home-extras-image1 {
  background-image: linear-gradient(to right, #111212, #222424);
}

._4-col {
  width: auto;
  margin-right: 0;
  padding-bottom: 20px;
  transition: all .2s;
  display: inline-block;
}

._4-col:hover {
  opacity: 1;
  mix-blend-mode: normal;
}

._4-col._4-col-last {
  margin-right: 0;
  display: inline-block;
}

.home-extras-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.home-extras-content {
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.project-hover-link-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-circle {
  background-color: #f3f6fc;
  border-radius: 100%;
  width: 6vw;
  max-width: 800px;
  height: 6vw;
  max-height: 800px;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.card-circle.overlay {
  background-color: #090b1933;
  border-radius: 0%;
  width: 100%;
  min-width: 0%;
  height: 100%;
  position: static;
  inset: 0%;
}

.subtitle {
  z-index: 10;
  color: #090b19;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

.subtitle.white {
  color: #fff;
}

.background-image {
  z-index: 1;
  background-image: url('../images/20180714_134345.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-image._2 {
  background-image: url('../images/pexels-tobi-620335.jpg');
}

.background-image._3 {
  background-image: url('../images/1000_F_372343756_khfJoita8yIc40bUWEl8ufzwD9jpWQ96.jpeg');
}

.background-image._1 {
  background-image: url('../images/20220814-SUN1-Sermon-Final.00_55_14_06.Still007.jpg');
}

.hover-link-wrapper {
  z-index: 100;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 148px;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: auto 0 5vw auto;
}

.hover-link-wrapper.project-view-link {
  position: relative;
  bottom: auto;
  right: auto;
}

.project-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.hover-link {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  text-decoration: none;
  display: flex;
}

.project-item {
  grid-column-gap: 18px;
  grid-row-gap: 24px;
  color: #fff;
  border-top-left-radius: 300px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 300px;
  flex-direction: column;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 400px;
  height: 140px;
  margin-bottom: 0;
  display: none;
  position: relative;
  top: -38px;
  left: 87px;
  overflow: hidden;
}

.subtitle-wrapper {
  margin-bottom: 18px;
  overflow: hidden;
}

.subtitle-wrapper.small-subtitle {
  margin-bottom: 12px;
}

.project-info-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-overlay {
  z-index: 1;
  background-color: #090b194d;
  position: absolute;
  inset: 0%;
}

.project-card-info {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 36px 24px;
  display: flex;
  position: relative;
}

.div-block-333 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 0% 0 10%;
  transition: opacity .2s;
}

.heading-14 {
  text-align: center;
  font-family: Moranga, sans-serif;
  font-weight: 300;
}

.div-block-334 {
  margin-bottom: 40px;
}

.italic-text {
  margin-top: 9px;
  font-size: .8em;
  font-style: normal;
  display: block;
}

.image-19 {
  width: 60%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-20 {
  width: 60%;
  margin-top: 20px;
  display: none;
}

.div-block-335 {
  margin-top: 38%;
}

.list-2 {
  font-size: 1.2em;
}

.list-item {
  line-height: 1.7em;
}

.scroll-indicator {
  z-index: 1111;
  transform-origin: 0%;
  background-image: linear-gradient(#4188ef, #4188ef);
  width: 100%;
  height: 10px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.vh-height {
  height: 50vh;
}

.image-21 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-about {
  align-items: center;
  height: auto;
  min-height: 80vh;
  display: flex;
  position: relative;
}

.header-lottie-wrap {
  width: 40rem;
  height: 40rem;
  position: absolute;
  top: -18%;
  bottom: auto;
  left: 4%;
}

.heading-large {
  letter-spacing: .5px;
  font-family: Moranga, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 55px;
}

.bg-wrap-skew {
  z-index: -1;
  background-image: linear-gradient(#1a182e99, #1a182e99), url('../images/kieron-mannix-tl14DpeGPsQ-unsplash.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: center;
  width: 40%;
  max-width: 40%;
  height: 60vh;
  display: flex;
  position: absolute;
  inset: 20% 6% 0% auto;
}

.bg-wrap-skew.jonas {
  background-image: linear-gradient(#00000061, #00000061), url('../images/20210104_132918.jpg');
  background-position: 0 0, 50%;
}

.bg-wrap-skew._3 {
  opacity: .69;
  background-image: linear-gradient(#0000005c, #0000005c), url('../images/jorge-salvador-vVINLKZtGOI-unsplash.jpg');
  height: 35rem;
  top: 15%;
}

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

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

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

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.bold-text {
  letter-spacing: 1px;
  margin-top: 9px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: block;
}

.text-block-39 {
  color: #d09a9c;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 4px;
  font-family: Moranga, sans-serif;
  font-size: 1.4em;
  display: none;
}

.fixed-wrap-2 {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  position: sticky;
  top: 0%;
}

.blak-cover-2 {
  z-index: 4;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.border-top {
  z-index: 5;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  background-color: #fff;
  height: 17vh;
  position: absolute;
  inset: 0% 0% auto;
}

.border-right {
  z-index: 5;
  transform-origin: 100%;
  background-color: #fff;
  width: 17vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.homepage-expand-250 {
  height: 250vh;
  display: block;
}

.homepage-expand-250.hide {
  display: none;
}

.homepage-expand-250._1 {
  background-color: #857159;
  height: 250vh;
  display: block;
}

.cta__wrap-2 {
  margin-top: -35vh;
}

.cta__wrap-2.negative {
  margin-top: -50vh;
}

.cta__wrap-2.lesspad {
  margin-top: -90vh;
}

.cta__wrap-2.lesspad2 {
  margin-top: -60vh;
}

.cta__wrap-2._2 {
  margin-top: -44vh;
}

.border-bottom {
  z-index: 5;
  transform-origin: 50% 100%;
  background-color: #fff;
  height: 17vh;
  position: absolute;
  inset: auto 0% 0%;
}

.border-left {
  z-index: 5;
  transform-origin: 0%;
  background-color: #fff;
  width: 17vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.background-video-3 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.spacer-20 {
  height: 20vh;
}

.background-video-4, .background-video-5, .background-video-6, .background-video-7 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.paragraph-4-copy {
  color: #fff;
  max-width: 600px;
  font-family: Inter;
  font-size: 1.2em;
  line-height: 2em;
}

.quote-2 {
  color: #fff;
  max-width: 500px;
  font-family: Inter;
  font-size: 2em;
  line-height: 1.8em;
}

.quote-2.centre {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.quote-2.right {
  margin-left: auto;
}

.background-video-8, .background-video-9 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.homepage-expand-400 {
  background-color: var(--black);
  height: 400vh;
}

.homepage-expand-400.hide {
  display: none;
}

.fixed-wrap-large {
  height: 150vh;
  position: sticky;
  top: 0%;
}

.spacer-40 {
  height: 40vh;
}

.background-video-10 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.featured {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Moranga, sans-serif;
  font-size: 14px;
}

.featured._1 {
  text-align: left;
  display: none;
}

.text-block-40 {
  color: #e7aa94;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: normal;
  margin: 0 auto;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.italic-text-2 {
  font-style: normal;
}

.grain {
  z-index: 1;
  opacity: .02;
  background-image: url('../images/noise.gif');
  background-position: 50%;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.grain.in-element {
  width: 100vw;
  height: 100vh;
  min-height: 100%;
  position: absolute;
  inset: auto;
}

.overlay {
  z-index: 3;
  background-color: #03060c80;
  position: absolute;
  inset: 0%;
}

.overlay.light {
  background-color: #060b184d;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.play-icon-image {
  z-index: 24;
  width: 18px;
  margin-left: 2px;
  position: relative;
}

.video-cover {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 25vh;
  display: block;
  position: relative;
  overflow: visible;
}

.stacked-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.subtitle-2 {
  z-index: 10;
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
}

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

.heading {
  font-family: Moranga, sans-serif;
  font-weight: 300;
  line-height: 1.3em;
}

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

.grid-wrapper {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #013161;
  background-image: linear-gradient(#29726ceb, #29726ceb), url('../images/map.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 1000px;
  margin: 0 auto 4vh;
  padding-top: 6vh;
  padding-bottom: 6vh;
  padding-right: 0;
  display: grid;
  position: relative;
}

.play-video {
  z-index: 50;
  border: 1px solid #ffffff1a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-left: 0;
  display: flex;
  position: absolute;
  left: 215px;
  overflow: hidden;
}

.background-cover {
  position: absolute;
  inset: 0%;
}

.background-cover.body {
  justify-content: center;
  align-items: center;
  display: flex;
}

.underline-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff1a;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 6px 4px;
  font-size: 11px;
  text-decoration: none;
  position: relative;
}

.underline-link.dark {
  color: #fff;
  border-bottom-color: #ffffff1a;
  position: relative;
}

.hover-line-fill {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.left-intro {
  grid-column-gap: 16px;
  grid-row-gap: 53px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 60px;
  display: grid;
}

.hover-line {
  height: 1px;
  position: absolute;
  inset: auto 0% -1px;
  overflow: hidden;
}

.section-4 {
  z-index: 20;
  background-color: #183d39;
  background-image: linear-gradient(#0000001a, #0000001a);
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 63px;
  display: block;
  position: relative;
  overflow: hidden;
}

.section-4.verticle-border {
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
}

.four-column {
  z-index: 25;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: relative;
}

.secondary-button {
  background-color: #0000;
  margin-bottom: .5em;
  margin-left: 2.03em;
  margin-right: 2.03em;
  overflow: hidden;
}

.button-text-1 {
  text-align: center;
  margin-bottom: 0;
  font-family: nimbus-sans, sans-serif;
  display: inline-block;
}

.secondary-button-text-1 {
  text-align: center;
  padding-top: .25em;
}

.primary-button-arrow2 {
  padding: .1em;
  position: absolute;
  inset: 0%;
  transform: translate(-131%);
}

.abhero-2nd-section-contain {
  flex-direction: column;
  width: 70%;
  margin-top: 21px;
  display: flex;
}

.link-underline-line {
  background-color: #000;
  width: 100%;
  height: 1.75px;
  transform: translate(-101%);
}

.main-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e59e2c;
  border: 2px #ff5330;
  border-radius: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1em 2.53em;
  font-family: Droid Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
  overflow: hidden;
}

.main-button:hover {
  background-color: #ff5330;
}

.main-button:active {
  background-color: #c22100;
  border-color: #c22100;
}

.div-hide-main-button {
  width: 1.5em;
  height: 1.5em;
  margin-bottom: -.275em;
  margin-left: .6em;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.primary-button-arrow {
  width: 20px;
  padding: .1em;
  position: absolute;
  inset: 0%;
}

.button-contain {
  margin-top: 2em;
}

.text-block-41 {
  margin-top: 10px;
  font-family: Inter;
  font-size: 1em;
}

.container2 {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 7.08em 8em;
  position: relative;
}

.container2.is-value {
  padding-bottom: 13em;
}

.grid-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.story-item {
  background-color: #00000026;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  padding: 10px 0 0 40px;
  display: flex;
}

.text-block-42 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 30px;
}

.text-block-42.centre {
  text-align: center;
}

.section-5 {
  background-color: #00000029;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 10vh 5vw 4vh;
  display: block;
}

.image-wrapper-story {
  z-index: 5;
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimony-wrapper-head {
  color: #f39d78;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: .2em;
  font-family: Moranga, sans-serif;
  font-size: .9em;
  line-height: 1.3em;
}

.testimony-wrapper-head.centre {
  text-align: center;
}

.italic-text-3 {
  color: #ffe2d5;
  margin-top: 5px;
  font-size: 1.8em;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.italic-text-4 {
  font-weight: 500;
  text-decoration: underline;
}

.hero-headline-wrap {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: -100vh auto 46px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.text-block-43 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vh;
  font-family: Moranga, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1em;
  position: static;
}

.text-block-43._1 {
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.text-block-43._2, .text-block-43._3 {
  margin-top: -41px;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.text-block-43._4 {
  margin-top: -82px;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.div-block-337 {
  flex-direction: column;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-22 {
  width: 40%;
}

.image-23 {
  width: 40%;
  position: static;
  top: 91px;
  left: -61px;
}

.div-block-338 {
  justify-content: center;
  align-items: center;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spacer-large-copy {
  height: 20vh;
}

.spacer-huger {
  height: 70vh;
}

.btn-2 {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 200px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  transition: opacity .1s;
  display: flex;
}

.btn-2:hover {
  opacity: .41;
}

.background-video-2-1, .background-video-2-3, .background-video-2-4 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-339 {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.large-para {
  color: #e9ceb5;
  text-align: center;
  letter-spacing: 1px;
  max-width: 800px;
  margin: 7vh auto;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.8em;
}

.large-para.hide {
  display: none;
}

.large-para.dark {
  color: #8a511f;
  max-width: 600px;
  line-height: 1.4em;
}

.lightbox-link {
  justify-content: center;
  display: flex;
}

.dropcap {
  float: left;
  width: auto;
  height: 50px;
  margin-right: 6px;
  font-family: Merriweather, serif;
  font-size: 4em;
  font-weight: 300;
  display: inline;
  position: relative;
  top: 16px;
}

.heading-15 {
  color: #f7d9b2;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.4;
}

.heading-15._2 {
  text-align: left;
  font-size: 18px;
  display: block;
}

.heading-15.centre {
  text-align: center;
  font-size: 30px;
}

.text-block-44 {
  letter-spacing: 1px;
  font-family: Droid Sans, sans-serif;
  font-weight: 400;
}

.arrow-cta {
  color: #e1ff00;
  display: flex;
}

.text-block-45 {
  color: #fff;
}

.text-block-46 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 5px;
}

.image-24 {
  width: 25px;
}

.text-slide {
  color: #fff;
  text-align: center;
  margin-bottom: 5vh;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1em;
  position: static;
}

.text-slide._1 {
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.text-slide._2, .text-slide._3 {
  margin-top: -41px;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.text-slide._4 {
  margin-top: -82px;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 3em;
}

.slider-2 {
  background-color: #0000;
}

.slide-nav-2, .right-arrow-2, .left-arrow-2, .div-block-340 {
  display: none;
}

.background-video-82 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-25 {
  width: 40%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-47 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.text-span {
  font-size: .9em;
}

.container-home {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 7.08em 8em;
  position: relative;
}

.container-home.is-value {
  padding-bottom: 13em;
}

.section-timeline-heading {
  background-color: #0a0a0a;
}

.container-4 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.padding-vertical-xlarge {
  padding-top: 120px;
  padding-bottom: 120px;
}

.timeline-main_heading-wrapper {
  color: #fff;
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-large {
  letter-spacing: -.02em;
  font-size: 20px;
}

.text-colour-white {
  color: #fff;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_milestone-badge {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_date-text {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_progress {
  z-index: -2;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.link-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.timeline_quote {
  color: #fff;
  margin-bottom: 16px;
  font-size: 14px;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_quote-wrapper {
  border: 2px solid #fff;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.timeline_badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffffff26;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.timeline_definition-wrapper {
  background-color: #ffffff0d;
  border-radius: 16px;
  padding: 16px;
}

.timeline_quote-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.timeline_text {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.inline-block {
  display: inline-block;
}

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url('../images/Image-Background.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 12px;
  overflow: hidden;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.timeline_quote-image {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, #0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline_link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.section-timeline {
  z-index: -3;
  background-color: #0a0a0a;
  position: relative;
}

.text-colour-lightgrey {
  color: #ffffffa6;
}

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

.footer_text-wrapper {
  text-align: center;
  max-width: 640px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.text-link-2 {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: underline;
}

.relume-logo-secondary {
  z-index: 1;
  color: #fff;
  position: absolute;
  inset: 0%;
}

.section-footer {
  position: relative;
}

.hero-nav {
  justify-content: space-between;
  align-items: center;
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline-hero_heading-wrapper {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-nav_button-wrapper {
  display: flex;
}

.button-inverted {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 14px 32px;
  font-weight: 700;
  line-height: 20px;
  transition: all .4s;
}

.button-inverted:hover {
  transform: translate(0, -4px);
}

.section-timeline-cta {
  background-color: #0a0a0a;
}

.button-icon-2 {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  position: relative;
}

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

.relume-logo-primary {
  z-index: 0;
  color: #000;
  position: absolute;
  inset: 0%;
}

.footer_credits-wrapper {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.background-layer {
  z-index: 0;
  background-color: #d8d5d1;
  background-image: url('../images/Grain-Background.png'), none;
  background-position: 0 0, 50% 80%;
  background-repeat: repeat, no-repeat;
  background-size: 300px 300px, cover;
  position: absolute;
  inset: 0%;
}

.padding-vertical-footer {
  padding-top: 120px;
  padding-bottom: 40px;
}

.text-underline {
  background-image: url('../images/Underline.svg');
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -8px;
  margin-bottom: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
}

.button-icon-small {
  z-index: 500;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #0a0a0a;
  border: 2px solid #0a0a0a;
  border-radius: 8px;
  align-items: center;
  padding: 12px 20px 12px 18px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.button-icon-small:hover {
  transform: translate(0, -2px);
}

.button-icon-small.margin-right-small {
  margin-right: 16px;
}

.button-wrapper-2 {
  justify-content: center;
  display: flex;
}

.button-icon-small-secondary {
  z-index: 500;
  color: #161616;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #0a0a0a;
  border-radius: 8px;
  align-items: center;
  padding: 12px 20px 12px 18px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.button-icon-small-secondary:hover {
  transform: translate(0, -2px);
}

.button-icon-small-secondary.margin-right-small {
  margin-right: 16px;
}

.section-hero {
  position: relative;
}

.padding-vertical-xxlarge {
  padding-top: 160px;
  padding-bottom: 160px;
}

.relume-link {
  width: 124px;
  height: 33.33px;
  position: relative;
}

.homepage-expand-huge {
  height: 450vh;
}

.homepage-expand-300 {
  background-color: #000;
  height: auto;
  display: block;
}

.heading-16 {
  font-size: 1.5em;
  line-height: 1.4;
}

.bold-text-2 {
  font-size: 1.5em;
}

.stackable-cards {
  padding-top: 0;
  padding-bottom: 165px;
}

.card__heading-secondary {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 1.25em;
  font-weight: 600;
}

.image-8 {
  z-index: -1;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.stackable__card {
  background-color: #183d39;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 750px;
  height: 600px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 10%;
}

.stackable__card._4 {
  z-index: 9;
}

.stackable__card._2 {
  z-index: 5;
  box-shadow: none;
}

.stackable__card._3 {
  z-index: 8;
}

.card__paragraph {
  text-align: center;
}

.card-container-960 {
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.card__heading-primary {
  color: #000000d9;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 115%;
}

.stackable__card-wrap {
  position: relative;
}

.card__text-wrap {
  z-index: 5;
  width: 480px;
  position: absolute;
  top: 40px;
}

.text-block-48 {
  font-size: 1em;
}

.dropdown-link {
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: none;
  border-bottom: 1px solid #2b3c33;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
}

.dropdown-link:hover {
  opacity: .8;
  mix-blend-mode: normal;
}

.dropdown-link.w--current {
  opacity: 1;
}

.dropdown-link.watch-the-latest {
  text-transform: none;
  width: 100%;
}

.dropdown-link.last {
  opacity: 1;
  border-bottom-style: none;
  border-bottom-width: 0;
}

.dropdown-list-3-copy {
  border: 1px #000;
}

.dropdown-list-3-copy.w--open {
  opacity: 1;
  background-color: #0f2c29;
  border-color: #096ad0;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
  left: -89px;
}

.dropdown-chevron {
  color: #fff;
  margin-right: -18px;
}

.dropdown {
  background-color: #0000;
  transition: all .2s;
}

.dropdown._2 {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.dropdown-link-text {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-right: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.dropdown-link-text:hover {
  color: #e59e2c;
}

.text-block-32 {
  margin-right: 0;
  font-size: 18px;
}

.nav-link-4 {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 20px;
  padding: 17px 20px 18px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity .15s;
  position: relative;
}

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

.nav-link-4.w--current {
  color: #fff;
  padding-bottom: 15px;
  font-weight: 700;
  transition-property: none;
}

.nav-link-4.dropdown2 {
  opacity: 1;
  opacity: 1;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  margin-right: 0;
  padding: 17px 0 15px;
  display: flex;
}

.nav-link-4.dropdown {
  opacity: 1;
  width: 100%;
  margin-left: 20px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.nav-link-4.hide {
  display: block;
}

.nav-link-4.border {
  opacity: 1;
  border: 1px solid #096ad0;
  border-radius: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  transition: background-color .2s;
}

.nav-link-4.border:hover {
  color: #fff;
  background-color: #096ad0;
}

.nav-link-4.border.cta {
  color: #fff;
  background-color: #096ad0;
  display: none;
}

.nav-text {
  letter-spacing: .5px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
  display: block;
}

.gradient-top-bottom {
  z-index: 4;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000 45%, #000), radial-gradient(circle, #0000 69%, #000000ba), linear-gradient(#000, #0000 28%);
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.header-btm {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-7 {
  background-color: #fff;
  width: 25px;
  height: 1px;
  margin-left: 55px;
  margin-right: 17px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.text-block-4 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 12px;
  display: inline-block;
}

.div-block-6 {
  text-align: center;
  width: auto;
  margin-top: 24px;
}

.text-block-18 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  margin-bottom: -44px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.div-block-341 {
  background-color: #debeb6;
  width: 2px;
  height: 50px;
  margin-top: 52px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  margin: 10px 0 40px 5px;
  padding-top: 2px;
  font-family: Droid Sans, sans-serif;
  font-size: 1.05em;
  position: relative;
}

.text-block-5.mob {
  display: none;
}

.homepage-header {
  height: 100vh;
  display: none;
}

.blak-cover-black {
  z-index: 4;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.homepage-expand-100 {
  color: #000;
  background-color: #000;
  height: 100vh;
}

.homepage-expand-100._2 {
  background-color: #857159;
  background-image: linear-gradient(#857159, #0000), url('../images/gmtm-microsite-bgslice-1_2000px-tile2.jpg');
  background-position: 0 0, 50% -100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.text-block-21 {
  color: #fff;
  letter-spacing: 1px;
  font-family: Inter;
  font-size: 13px;
  font-weight: 600;
}

.thumb-img {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  display: block;
  position: relative;
}

.thumb-img._2 {
  height: 500px;
}

.container_video {
  opacity: 1;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  width: 900px;
  height: auto;
  margin: 8vh auto 5vh;
  padding-left: 0;
  padding-right: 0;
}

.div-block-4-copy {
  background-image: url('../images/volume-2_1.svg');
  background-position: 0 0;
  background-size: auto;
  border: 2px #4a3aff;
  border-radius: 120px;
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-right: 8px;
}

.player-container {
  cursor: pointer;
  display: none;
}

.html-embed-2 {
  display: block;
}

.link-arrow-wrappermain {
  z-index: 8;
  color: #181830;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 220px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  display: flex;
  position: static;
  top: 40%;
  left: 43%;
}

.video_header_wrapper {
  flex-direction: column;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.video_header_wrapper.hello {
  border: 1px red;
}

.video_header_wrapper._2 {
  width: 90%;
  height: auto;
  margin-bottom: 4vh;
}

.div-block-342 {
  justify-content: center;
  display: flex;
}

.div-block-343 {
  margin-left: auto;
  margin-right: auto;
}

.mbm {
  mix-blend-mode: screen;
}

.div-block-344 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.div-block-344._2 {
  background-image: url('../images/playbtn-white.svg'), url('../images/part05_firsttimehearingpastor_4by3.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, repeat;
  background-size: 100px, cover;
  display: none;
}

.div-block-344._3 {
  background-image: url('../images/playbtn-white.svg'), url('../images/HearPastorInJailWithSubs.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100px, cover;
  height: 500px;
  margin-bottom: 21px;
  display: none;
}

.div-block-345 {
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 50vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  position: static;
  top: 0;
}

.heading-17 {
  color: #ffe8d3;
  text-align: center;
  font-family: Moranga, sans-serif;
  font-size: 4em;
  font-weight: 300;
}

.heading-17.dark {
  color: #5a5850;
}

.chapter-number {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 7px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 1.5em;
}

.chapter-number.dark {
  color: #5a5850;
}

.paragraph-4-centre {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter;
  font-size: 1.3em;
  line-height: 2.1em;
}

.paragraph-4-centre.centre {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3em;
}

.paragraph-4-centre.right {
  margin-left: auto;
  margin-right: 0;
}

.paragraph-4-centre.auto {
  margin-left: auto;
}

.homepage-expand-500 {
  height: 500vh;
}

.image-26 {
  display: block;
}

.image-27 {
  opacity: 1;
  mix-blend-mode: normal;
}

.image-28, .html-embed-3 {
  mix-blend-mode: normal;
}

.slider-3 {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: static;
  top: -14px;
}

.left-arrow-3, .right-arrow-3, .slide-nav-3 {
  display: none;
}

.space-20 {
  width: 100%;
  height: 20vh;
}

.space-10 {
  width: 100%;
  height: 10vh;
}

._2-column {
  z-index: 25;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.subline {
  color: #ffe8d3;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  width: 100%;
  margin-left: 5px;
  margin-right: 0;
  padding-top: 2px;
  font-family: Moranga, sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.audio-div {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.homepage-expand-150 {
  color: #000;
  background-color: #000;
  height: 150vh;
  display: block;
}

.homepage-expand-150._1 {
  background-color: #857159;
  background-image: url('../images/gmtm-microsite-bgslice-1_2000px-tile2.jpg');
  background-position: 50% 500%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-346 {
  z-index: 3;
  background-color: #b4b4b4;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 250px;
  display: flex;
  position: relative;
}

.image-29 {
  width: 15%;
}

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

.social-wrapper {
  justify-content: space-between;
  padding-right: 40px;
  display: flex;
}

.facil_head {
  color: #646464;
  text-align: left;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 140%;
  display: none;
}

.map-modal-header {
  color: #4e4b66;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 23px;
  font-weight: 700;
  line-height: 130%;
}

.map-modal-header.share2 {
  color: #c5c5c5;
  letter-spacing: 2px;
  font-size: 17px;
}

.modal_pop {
  z-index: 999;
  object-fit: fill;
  background-color: #181818;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 580px;
  height: auto;
  max-height: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  overflow: visible;
  transform: translate(0, -50%);
}

.modal_pop.share {
  background-color: #0000;
  border-bottom-style: none;
  border-radius: 20px;
  flex-direction: row;
  max-width: 800px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.share-wrapper {
  width: 100%;
}

.text-block-49 {
  color: #a0a3bd;
  letter-spacing: .5px;
  margin-top: 5px;
  font-size: 11px;
}

.modal-bg {
  cursor: pointer;
  background-color: #78bbe699;
  width: 100%;
  height: 100%;
}

.modal-bg.modal_close {
  color: #a1a1a1;
  background-color: #183d39ed;
  display: block;
}

.modal_close.close {
  z-index: 99;
  color: #707070;
  text-align: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-top: -29px;
  font-size: 35px;
  position: sticky;
  inset: -4% 24% auto 98%;
}

.modal_close.close.share {
  clear: right;
  color: #ffffff8f;
  border-bottom-style: none;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 92%;
}

.share-modal-wrapper {
  float: right;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0% 0%;
  line-height: 21px;
  display: flex;
}

.social-icon {
  background-image: url('../images/tele.svg');
  background-position: 0 0;
  background-size: auto;
  width: 50px;
  height: 50px;
}

.social-icon.email {
  background-image: url('../images/email.svg');
}

.social-icon.wa {
  background-image: url('../images/whatsapp.svg');
}

.social-icon.twitter {
  background-image: url('../images/twitter.svg');
}

.social-icon.fb {
  background-image: url('../images/fb.svg');
}

.audio-modal {
  z-index: 1200;
  opacity: 1;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.social-link {
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.gradient-bottom {
  z-index: 6;
  background-color: #0000;
  background-image: linear-gradient(#0000 54%, #000 90%);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.homepage-expand-280 {
  background-color: var(--black);
  height: 280vh;
  display: block;
}

.homepage-expand-280.hide {
  display: none;
}

.homepage-expand-180 {
  color: #fff;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  height: 150vh;
  display: block;
}

.space-5 {
  height: 5vh;
}

.homepage-expand-230 {
  background-color: #000;
  height: 230vh;
  display: block;
}

.homepage-expand-230.undeserve {
  height: 150vh;
}

.homepage-expand-230.hide {
  display: none;
}

.homepage-expand-230._1 {
  background-color: #857159;
}

.homepage-expand-120 {
  color: #000;
  background-color: #000;
  height: 120vh;
  display: block;
}

.gradient-top-bottom-bright {
  z-index: 4;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000 61%, #e68f7a54), radial-gradient(circle, #0000 69%, #000000ba);
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-347 {
  background-color: #00000029;
  background-image: linear-gradient(94deg, #000000c4 6%, #0000 65%), linear-gradient(#0003, #0003), url('../images/Screen-Recording-2022-09-16-at-3.35.gif');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 10vh 0 5vh 5%;
  display: flex;
}

.cta-text-wrapper {
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.cta-img-wrapper {
  background-color: #0000;
  background-image: linear-gradient(48deg, #4d7c3b, #0d3c6b);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.cta-img-wrapper._1 {
  background-image: none;
  height: auto;
  display: block;
}

.lightbox-link-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  display: block;
}

.testimony-desc {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  display: block;
}

.image-30 {
  width: 50%;
}

.section-6 {
  padding: 5vh 10vh;
}

.div-block-349 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.head-left {
  text-align: center;
  margin-bottom: 1.2em;
  font-family: Moranga, sans-serif;
  font-size: 2.5em;
  font-weight: 300;
}

.video-head {
  z-index: 25;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 50vh;
  display: block;
  position: relative;
}

.catalog-btn-wrapper {
  z-index: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.section-7 {
  z-index: 10;
  padding-bottom: 180px;
  position: relative;
}

.section-7.section-movie {
  z-index: 15;
  object-fit: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 60vh;
  padding-bottom: 7vh;
  display: block;
}

.section-7.section-quality {
  padding-top: 10vh;
  display: none;
}

.small-icon {
  transition: all .3s linear;
}

.movie-title_wrapper {
  text-align: left;
  width: auto;
  display: block;
}

.catalog-rotate_img {
  display: none;
}

.container-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1222px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 31px;
  padding-right: 31px;
  display: flex;
  position: relative;
}

.container-5.container-movie {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.container-5.container-about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: grid;
}

.title-span {
  color: #a75b13;
  text-transform: lowercase;
  font-style: italic;
  font-weight: 300;
  display: inline;
}

.title-span.white {
  color: #fff;
}

.title-span.white.title-span--italic {
  font-size: 55px;
  font-style: normal;
  line-height: .5em;
}

.title-span.about-second-line.title-span--italic {
  color: #d09a9c;
  font-weight: 400;
}

.title-span.quality-second-line {
  margin-left: 98px;
}

.second-title {
  text-align: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
  position: relative;
}

.second-title.white {
  color: #fff;
}

.second-title.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.second-title.white.mleft {
  margin-left: 113px;
}

.second-title.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-family: Moranga, sans-serif;
  font-size: 45px;
  font-weight: 300;
  line-height: .8;
  display: inline-block;
}

.second-title.about-title {
  text-align: left;
  font-family: Moranga, sans-serif;
  font-size: 45px;
  font-weight: 300;
  display: inline-block;
}

.second-title.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.second-title.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
}

.second-title.bold {
  text-align: left;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  display: block;
}

.catalog-rotate {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.catalog-rotate_word {
  position: absolute;
  bottom: 22px;
  right: -14px;
}

.catalog-rotate_word.movie {
  display: none;
  bottom: 97px;
  right: 85px;
}

.background-video-83 {
  object-position: 50% 100%;
  background-color: #3f3f3f33;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.greeting_first-line {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 30px;
  display: grid;
  position: relative;
}

.greeting_first-img-wrapper {
  border: 1px solid #a75b1333;
  border-radius: 195px;
  width: 100%;
  height: 385px;
  padding: 12px 9px;
  display: flex;
}

.greeting_second-img-inner {
  border-radius: 195px;
  width: 20%;
  height: 40%;
  display: none;
  position: absolute;
  inset: -4% 0% auto auto;
  overflow: hidden;
}

.img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 120%;
  height: 100%;
  position: absolute;
  top: 0%;
}

.greeting_second-img-btm {
  background-image: url('../images/1019584279-preview.gif');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px 80px 0 0;
  justify-content: center;
  align-items: flex-end;
  width: 20%;
  height: 20%;
  display: flex;
  position: absolute;
  inset: auto 2% 0% auto;
  overflow: hidden;
}

.title-secondary-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div-block-350 {
  display: block;
}

.image-31 {
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-slider-nav-dots {
  display: block;
  top: 582.344px;
}

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

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

.main-slide-container {
  border-top-left-radius: 400px;
  border-top-right-radius: 400px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

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

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

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

.main-slider.desktop {
  background-color: #0000;
}

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

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

.main-slide-description {
  color: #e9c66c;
  font-family: Moranga, sans-serif;
  font-size: 3em;
}

.main-slider-container {
  width: 90%;
  height: 80vh;
  margin-top: 7%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: hidden;
}

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

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

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

.main-slide-wrapper._4 {
  background-image: linear-gradient(#3336, #3336), url('../images/helena-lopes-PGnqT0rXWLs-unsplash.jpg');
}

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

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

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

.main-slide-wrapper._1 {
  background-image: linear-gradient(#00000061, #00000061), url('../images/vultar-bahr-qaCJ6A0Rfvg-unsplash.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 240px 240px 0 0;
}

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

._w-slider-control {
  padding-left: 20px;
  padding-right: 20px;
}

.position-relative, .phone-screen {
  position: relative;
}

.h3 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.phone-screen_wrapper {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.circle-number {
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: -16px;
  padding-top: 3px;
  display: flex;
}

.phone-mock_tab {
  background-color: #cacaca;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  width: 50%;
  height: 6%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.sticky-center {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: block;
  position: relative;
}

.sticky-triggers {
  position: absolute;
  inset: 0%;
}

.phone-mock_border {
  z-index: 1;
  border: 12px solid #cacaca;
  border-radius: 2em;
  position: absolute;
  inset: 0%;
}

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

.phone-mock {
  border-radius: 0;
  width: 70%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.sticky-container {
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.overflow-hidden-2 {
  overflow: hidden;
}

.section-8 {
  padding-top: 8%;
  padding-bottom: 8%;
  position: relative;
}

.sticky-wrapper {
  width: 100%;
  height: 400vh;
  position: relative;
}

.container-6 {
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sticky-trigger {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.sticky-trigger._40 {
  top: 40%;
}

.sticky-trigger._80 {
  top: 80%;
}

.sticky-trigger._60 {
  top: 60%;
}

.sticky-trigger._20 {
  top: 20%;
}

.sticky-text_wrapper {
  color: #363636;
  margin-top: 8vh;
  margin-bottom: 8vh;
  text-decoration: none;
  display: block;
  position: relative;
}

.sticky-text_wrapper.steps {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 60px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4vh;
  margin-bottom: 4vh;
  display: grid;
}

.sticky-text_wrapper.steps.fourth {
  margin-bottom: 0;
}

.sticky-img_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sticky-img_wrapper.cc-steps {
  height: 85vh;
  margin-top: 10vh;
}

.paragraph-l {
  font-size: 1.125rem;
}

.paragraph-l.cc-sm-small.mb-0 {
  margin-bottom: 0;
}

.paragraph-l.cc-sm-small.mb-0.text-dark {
  display: block;
}

.phone-screen_img {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 100%;
}

.phone-screen_img.fourth, .phone-screen_img.second {
  display: none;
  position: absolute;
  inset: 0%;
}

.phone-screen_img.first {
  background-image: none;
}

.phone-screen_img.third {
  display: none;
  position: absolute;
  inset: 0%;
}

.stick-text_detail {
  transform-origin: 50% 0;
  overflow: hidden;
}

.phone-mock_wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.intro-wrapper {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 33% 1fr;
  padding-left: 15vw;
  padding-right: 15vw;
  display: block;
}

.italic-text-5 {
  font-size: 55px;
}

.section-9 {
  padding-bottom: 5vh;
  padding-left: 0;
  padding-right: 0;
}

.bold-text-3 {
  color: #e7aa94;
  font-style: normal;
  font-weight: 300;
}

.section-10 {
  display: block;
}

.italic-text-6 {
  color: #e7aa94;
  font-style: normal;
}

.title-secondary-box2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-secondary-box2.hide {
  display: none;
}

.title-secondary-box2.centre {
  align-items: center;
  margin-bottom: 5%;
}

.image-33 {
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.video-2 {
  position: absolute;
  inset: 0%;
}

.background-video-84 {
  opacity: .7;
  mix-blend-mode: normal;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.link-block-43 {
  cursor: pointer;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  font-family: Moranga, sans-serif;
  display: flex;
}

.text-block-51 {
  border-bottom: 1px solid #fff;
  margin-bottom: 19px;
  line-height: 18px;
}

.text-block-52 {
  color: #3d4ae2;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
}

.thumb-img-2 {
  cursor: pointer;
  background-image: url('../images/20220814-SUN1-Sermon-Final.00_55_14_06.Still007.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 568px;
  display: flex;
  position: relative;
}

.container_video-2 {
  text-align: center;
  width: 100%;
  max-width: 1008px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-4-copy-2 {
  background-image: url('../images/icon-button-play-conference-x-template.svg');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: 40%;
  border: 2px solid #4a3aff;
  border-radius: 120px;
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-right: 8px;
}

.player-container-2 {
  width: 100%;
  display: block;
}

.link-arrow-wrappermain-2 {
  z-index: 8;
  color: #181830;
  cursor: pointer;
  background-color: #f2f2f2;
  border: 2px solid #3d4ae2;
  border-radius: 220px;
  justify-content: center;
  align-items: center;
  width: 140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  display: flex;
  position: static;
  top: 40%;
  left: 43%;
}

.video_header_desc_wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-11 {
  margin-top: 10%;
  padding-bottom: 10%;
}

.youtube {
  background-image: none;
}

.gradient-top-bottom-bright2 {
  z-index: 4;
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(#857159, #0000 57%), linear-gradient(#0000 77%, #857159);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.gradient-top-bottom-bright2.hide {
  display: none;
}

.large-para2 {
  color: #fff;
  text-align: left;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-family: Wremena, sans-serif;
  font-size: 2em;
  line-height: 2em;
}

.large-para2._2 {
  line-height: 1.6em;
}

.first-title {
  text-align: left;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
  position: relative;
}

.first-title.white {
  color: #fff;
}

.first-title.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.first-title.white.mleft {
  margin-left: 113px;
}

.first-title.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -59px;
  margin-right: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: .8;
  display: block;
}

.first-title.about-title {
  text-align: left;
  font-size: 5em;
  font-weight: 400;
  display: block;
}

.first-title.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.first-title.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 5em;
  font-weight: 400;
  display: block;
}

.first-title.bold {
  text-transform: uppercase;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 4em;
  font-weight: 700;
}

.text-block-53 {
  text-align: center;
  margin-bottom: 20px;
  font-family: nimbus-sans-extended, sans-serif;
}

.bold-text-4 {
  color: #e7aa94;
  text-align: center;
  text-transform: uppercase;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.bold-text-5 {
  color: #ffcd7c;
}

.grid-9 {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  margin-bottom: 30px;
}

._1-col {
  width: auto;
  margin-right: 0;
  padding-bottom: 20px;
  transition: all .2s;
  display: inline-block;
}

._1-col:hover {
  opacity: 1;
  mix-blend-mode: normal;
}

._1-col._4-col-last {
  margin-right: 0;
  display: inline-block;
}

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

._1col {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  transition: all .2s;
  display: block;
}

._1col:hover {
  opacity: 1;
  mix-blend-mode: normal;
}

._1col._4-col-last {
  margin-right: 0;
  display: inline-block;
}

.play-btn-big {
  z-index: 50;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #fff;
  border-radius: 100em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: auto;
  padding: 18px 30px;
  font-family: Inter;
  font-weight: 400;
  display: inline-block;
  transform: translate(3px);
}

.support-wrapper {
  flex-direction: row;
  align-items: center;
  padding: 0;
  display: flex;
}

.section-12 {
  height: 80vh;
  display: none;
}

.heading-15-copy {
  color: #fdf7eb;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2em;
  font-weight: 700;
}

.div-block-352 {
  flex-direction: column;
  align-items: flex-start;
  width: 55%;
  max-width: 550px;
  display: flex;
}

.text-block-54 {
  letter-spacing: 1px;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.3em;
}

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

.div-block-354 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-354._2 {
  background-color: #0000;
}

.image-34 {
  mix-blend-mode: normal;
}

.div-block-355 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 100%;
  display: grid;
}

.text-block-55 {
  text-align: center;
  margin-top: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 1.2;
}

.subtitle-3 {
  color: #3d4ae2;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143em;
}

.subtitle-3.secondary-3 {
  color: #a3a3a3;
}

.container-default-2 {
  max-width: 1008px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.paragraph-6.neutral-400 {
  color: #dadade;
}

.paragraph-6.neutral-400.home-features {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.2em;
}

.paragraph-6.neutral-400.card-home-feature {
  margin-bottom: 0;
}

.button-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #3d4ae2;
  border: 2px solid #181830;
  padding: 24px 40px;
  line-height: 1.111em;
  transition: background-color .25s, transform .25s, color .25s;
}

.button-primary:hover {
  color: #fff;
  background-color: #333354;
  transform: translate3d(0, -2px, .01px);
}

.section-13 {
  padding-top: 216px;
  padding-bottom: 216px;
  overflow: hidden;
}

.section-13.bg-neutral-800 {
  background-color: #101a29;
  padding: 12vh 5vw 10vh;
}

.section-13.bg-neutral-800.hide {
  display: block;
}

.image.card-home-feature-icon {
  min-height: auto;
  margin-right: 0;
}

.card-home-feature-content {
  background-color: #183d39;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  padding: 15px 20px;
  display: flex;
}

.home-features-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.card {
  background-color: #0000;
  border-right: 1px solid #00000045;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.card.home-feature {
  background-color: #0000;
  border-right: 1px solid #f7d9b2;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.card.last {
  border-right-style: none;
}

.flex-vc {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: block;
}

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

.content-top.home-features {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.home-icon {
  z-index: 5;
  filter: invert();
  object-fit: contain;
  width: 80px;
  height: 100%;
  margin-right: 0;
  display: block;
  position: relative;
}

.home-icon.next {
  width: 5vw;
  height: 5vw;
  position: absolute;
  right: -2.5vw;
}

.page-desc-wrapper {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
}

.story-col-img {
  background-image: url('../images/ann-savchenko-yOQntxCp0r0-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px 0 30px;
  width: 100%;
  height: 140px;
  margin-left: auto;
}

.story-col-img._2 {
  background-image: url('../images/jessica-teixeira-BZe_NVnr61I-unsplash.jpg');
}

.story-col-img._3 {
  background-image: url('../images/sven-brandsma-VgnGm0e970I-unsplash.jpg');
  background-position: 50% 20%;
}

.story-col-img._1 {
  background-image: url('../images/diane-gif.gif');
}

.story-col-img._3-copy {
  background-image: url('../images/sven-brandsma-VgnGm0e970I-unsplash.jpg');
  background-position: 50% 20%;
}

.story-desc-wrapper {
  margin-bottom: 10px;
  padding-top: 30px;
  padding-right: 40px;
}

.div-block-356-copy {
  background-image: url('../images/1000_F_372343756_khfJoita8yIc40bUWEl8ufzwD9jpWQ96.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 100px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  width: 80%;
  height: 140px;
  margin-left: auto;
}

.text-block-56 {
  color: #dfdfdf;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2em;
  font-weight: 700;
}

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  place-items: center;
}

.heading-18 {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}

.heading-18.hide {
  color: #e7aa94;
  text-transform: uppercase;
  display: block;
}

.nav_item-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.index {
  z-index: 1800;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.index-trigger-wrapper {
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.index-wrapper {
  z-index: 100;
  border-top: 0 #f2f2f2;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.index-item {
  opacity: .69;
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-direction: row;
  flex: 1;
  padding: 14px 10px;
  font-family: nimbus-sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: opacity .3s, color .3s, border-color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.index-item:hover {
  opacity: .9;
  color: #fff;
  background-color: #0000;
}

.index-item.w--current {
  opacity: 1;
  color: #e9cdb4;
  background-color: #0000;
  font-weight: 600;
}

.nav_component {
  justify-content: space-between;
  height: 60px;
  display: flex;
}

.index-item-wrapper {
  border-bottom: 0 #000;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-right: 1vw;
  display: flex;
  position: static;
}

.nav_item {
  opacity: .3;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.nav_item:hover {
  opacity: 1;
}

.index-chapter {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.nav_menu {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.hamburger-wrapper {
  opacity: .3;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.nav_container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  inset: 0% 0% auto;
}

.index-progress {
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 4px;
  display: none;
}

.item-line {
  background-color: #f2f2f2;
  width: 1px;
  height: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.item-line.is-start {
  inset: auto auto 0% 0%;
}

.nav_name {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-left: 10px;
  text-decoration: none;
  display: flex;
}

.nav_name.w--current {
  width: 50%;
}

.index-progress-bar {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: width .3s cubic-bezier(.165, .84, .44, 1);
  display: none;
}

.nav_name-text {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.point {
  background-color: #000;
  width: 20px;
  height: 4px;
  margin-left: 0;
  margin-right: -20px;
}

.index-trigger {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
}

.burger-line {
  background-color: #000;
  border-radius: 2px;
  width: 22px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.div-block-356 {
  background-image: url('../images/icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
}

.player-2, .player-cont-2 {
  cursor: pointer;
  display: block;
}

.video_header_wrapper-copy {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin: 4vh auto;
  display: flex;
  position: relative;
}

.gradient-top-bottom-bright3 {
  z-index: 4;
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(#685a3d33, #685a3d33), linear-gradient(#000, #0000 17%);
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.half-video {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.fixed-wrap-hafl {
  height: 70vh;
  position: sticky;
  top: 40%;
}

.gradient-half {
  z-index: 4;
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(#857159, #0000 31%, #0000);
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.gradient-half.hide {
  display: none;
}

.text-block-57 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Inter;
  line-height: 2em;
}

.div-block-357 {
  text-align: center;
  width: 70%;
  max-width: 800px;
  margin-top: 59px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.text-block-58 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Inter;
  line-height: 1em;
}

.link-block-44 {
  color: #d3b580;
  cursor: pointer;
  border: 1px solid #000;
  margin-right: 0;
  padding: 10px 3px 10px 5px;
}

.section-14 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 10px;
}

.huge-heading {
  z-index: 500;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  max-width: 70%;
  margin-bottom: 20px;
  font-size: 15vh;
  line-height: 100%;
  display: none;
  position: fixed;
  inset: auto 30px 0% auto;
}

.section-15 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 20px;
}

.call-to-action {
  width: 100vw;
  padding-left: 20vw;
  padding-right: 10px;
  position: sticky;
}

.sticky-card-sections {
  z-index: 50;
  background-image: linear-gradient(#0000, #0000), url('../images/gmtm-microsite-bgslice-1_2000px-tile2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  align-items: center;
  padding-top: 30vh;
  padding-bottom: 120px;
  display: block;
  position: static;
}

.section-1 {
  justify-content: center;
  align-items: center;
  display: block;
  position: sticky;
  top: 0;
}

.section-grid {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  width: 60vw;
  max-width: 700px;
  min-height: 100vh;
  margin-top: 80px;
  margin-right: 30px;
  display: grid;
  position: relative;
}

.section-grid._2 {
  grid-template-columns: 1fr;
  max-width: 800px;
  display: block;
}

.section-grid._3 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cta-content {
  transform-origin: 100%;
  background-color: #30b16a;
  border-radius: 20px;
  min-height: 100vh;
}

.title-2 {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 100vh;
  padding-right: 70px;
  display: flex;
  position: relative;
}

.sticky-menu {
  z-index: 900;
  flex-direction: column;
  max-width: 20vw;
  margin-top: 20vh;
  padding-top: 30px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 100px;
}

.list-link {
  color: #fff;
  margin-bottom: 10px;
  text-decoration: none;
}

.list-link:hover {
  color: #30b16a;
  font-weight: 600;
}

.list-link.w--current {
  color: #ffffff4d;
  font-weight: 700;
}

.list-link.cta {
  color: #00a3de;
}

.grid-content {
  transform-origin: 100% 0;
  border-radius: 20px;
  width: 60vw;
}

.grid-content._3 {
  margin-left: 20px;
  margin-right: -19px;
}

.grid-content._2 {
  margin-left: 10px;
  margin-right: -10px;
}

.section-16 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 40px;
}

.gradient-7 {
  z-index: 4;
  opacity: 1;
  background-color: #0000;
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.gradient-7.hide {
  display: none;
}

.mute-unmute-wrapper {
  z-index: 200;
  display: flex;
  position: fixed;
  inset: auto 5% 5% auto;
}

.mute {
  opacity: 1;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-x.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1.5px solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
  display: flex;
}

.mute:hover {
  opacity: .7;
  mix-blend-mode: normal;
}

.text-block-59 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 25%;
  font-family: Inter;
  font-size: 13px;
  font-weight: 600;
  display: none;
}

.unmute {
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border: 1.5px solid #000;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
  display: block;
}

.unmute:hover {
  opacity: .7;
  display: none;
}

.verse-quote {
  color: #fff;
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 2em;
  display: inline-block;
}

.homepage-expand-320 {
  height: 320vh;
}

.homepage-expand-350 {
  height: 350vh;
}

.italic-text-7 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: .7em;
  font-style: normal;
  font-weight: 400;
}

.div-block-359 {
  justify-content: center;
  display: flex;
}

.div-block-360 {
  width: 95%;
  margin-top: 5%;
}

.div-block-360.mobile {
  display: none;
}

.content-section-2 {
  padding: 10vh 2.5vw;
  position: relative;
}

.sticky-gallery-images-2 {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-361 {
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.text-block-60 {
  color: #fff;
}

.div-block-362 {
  padding: 10px 40px;
}

.button-withbg {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #afafaf;
  border: 1px solid #fff;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  margin-left: 0;
  padding: 15px 18px;
  font-family: Inter;
  font-size: .9em;
  font-weight: 500;
  line-height: 1;
  transition: background-color .4s;
  display: block;
}

.button-withbg:hover {
  background-color: var(--grey-40--hover);
}

.button-withbg.mob {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  display: none;
}

.button-withbg._1 {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

.div-block-363 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  padding-bottom: 40px;
  display: flex;
}

.bold-text-6 {
  color: #e7aa94;
  text-transform: uppercase;
  margin-top: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.about-text {
  max-width: 425px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: 300;
}

.img-2 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 120%;
  height: 120%;
  display: block;
  position: absolute;
  top: -10%;
}

.about-box {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.greeting_second-img-inner-2 {
  border-radius: 195px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.greeting_second-img-inner-2.no-botttom-radius {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.second-title-2 {
  text-align: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 79px;
  display: block;
  position: relative;
}

.second-title-2.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.second-title-2.about-title {
  text-align: left;
  font-size: 2em;
}

.second-title-2.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
}

.about-content {
  margin-bottom: 5vh;
}

.about-picture_wrapper {
  border-top-left-radius: 145px;
  border-top-right-radius: 145px;
  width: 290px;
  min-width: 290px;
  height: 360px;
  margin-left: 0;
}

.about-picture_wrapper.ml40 {
  width: 100%;
  min-width: 0;
  margin-top: 10vh;
}

.about-picture_wrapper.padding {
  border: 1px solid #a75b1333;
  width: 100%;
  min-width: 0;
  margin-top: 90px;
  padding: 12px 9px;
}

.simple-link {
  color: #a75b13;
  font-weight: 500;
  line-height: 170%;
  text-decoration: underline;
}

.star {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 39%;
  bottom: auto;
  left: 6px;
}

.star.star-10.star-mini {
  width: 20px;
  height: 20px;
  top: auto;
  bottom: -40px;
  left: 25.5%;
}

.star.star-8.star-mini {
  width: 20px;
  height: 20px;
  top: -24%;
  left: 21px;
}

.star.star-9.star-mini {
  width: 20px;
  height: 20px;
  top: 24%;
  left: 73%;
}

.star.star-12.star-mini {
  width: 20px;
  height: 20px;
  top: 23%;
  left: auto;
  right: 20px;
}

.star.star-13.star-mini {
  width: 20px;
  height: 20px;
  top: 67%;
  left: 25.5%;
}

.star.star-11 {
  top: 15%;
}

.star.star-14.star-mini {
  width: 20px;
  height: 20px;
  top: auto;
  bottom: -50px;
  left: auto;
}

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

.quality-list_number {
  color: #a75b13;
  margin-bottom: 0;
  font-size: 79px;
  font-weight: 300;
  line-height: 100%;
}

.quality-box {
  width: 100%;
}

.quality-main {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 40px;
  display: grid;
}

.quality-content {
  max-width: 486px;
}

.quality-three-line {
  margin-left: 53px;
}

.big-star {
  z-index: -5;
  position: absolute;
  top: 300px;
  right: -60%;
}

.big-star.big-star2 {
  top: -400px;
  left: -40%;
  right: auto;
}

.quality-first-line {
  margin-left: 39px;
}

.quality-list_letter {
  color: #a75b13;
  flex-direction: column;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 130%;
  display: flex;
}

.quality-text {
  margin-bottom: 80px;
  font-size: 1.2em;
  font-weight: 300;
}

.section-col {
  display: flex;
}

.section-col.section-1 {
  display: block;
}

.heading-wrapper {
  width: 40%;
}

.div-wrapper {
  overflow: hidden;
}

.txt-xl {
  text-transform: uppercase;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2em;
}

.txt-xl.centre {
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: .9em;
  font-size: 40px;
}

.col {
  flex: 1;
}

.txt-xs {
  margin-bottom: 20px;
  font-size: 1.2em;
  line-height: 1.7em;
}

.icon-wrapper {
  object-fit: fill;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 70px;
  display: flex;
}

.icon-wrapper._1 {
  background-image: url('../images/youtube_orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
}

.icon-wrapper._2 {
  background-image: url('../images/users_orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  margin-bottom: 20px;
}

.icon-wrapper._3 {
  background-image: url('../images/GLOBE_orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  margin-bottom: 20px;
}

.link-block-45 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-left: 0;
  display: flex;
}

.text-block-61 {
  letter-spacing: 2px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
}

.subt-title {
  color: #e7aa94;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 11px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
  display: block;
  position: relative;
}

.subt-title.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.subt-title.about-title {
  text-align: left;
  font-size: 2em;
}

.subt-title.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.subt-title.centre {
  text-align: center;
  margin-bottom: 35px;
}

.bold-text-6-copy {
  color: #e7aa94;
  font-family: Moranga, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.1;
}

.unmute-fix {
  opacity: 1;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1.5px solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
  display: flex;
}

.unmute-fix:hover {
  opacity: .7;
  mix-blend-mode: normal;
}

.mute-fix {
  opacity: 1;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-x.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1.5px solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.mute-fix:hover {
  opacity: .7;
  mix-blend-mode: normal;
}

.volume {
  opacity: 1;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/volume-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1.5px solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  transition: all .2s;
  display: block;
}

.volume:hover {
  opacity: .7;
  mix-blend-mode: normal;
}

.div-block-364 {
  flex-direction: column;
  align-items: center;
  width: 67%;
  display: flex;
}

.bold-text-7 {
  font-family: Moranga, sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 2em;
}

.pull-out {
  color: #dfa46f;
  text-align: center;
  max-width: 700px;
  margin: 5vh auto;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 2em;
}

.heading-19 {
  font-size: 3em;
  font-weight: 400;
}

.intro-para {
  color: #fff;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 2em;
}

.bold-text-8 {
  color: #ffe8d3;
  font-weight: 400;
}

.pullout {
  color: #ffb878;
  text-align: center;
  letter-spacing: 1px;
  max-width: 700px;
  margin: 5vh auto;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.8em;
}

.pullout.hide {
  display: none;
}

.last-section {
  z-index: 50;
  background-color: #183d39;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
  display: flex;
  position: static;
}

.div-block-365 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.cta-head {
  color: #e7aa94;
  text-align: left;
  letter-spacing: 1px;
  text-transform: none;
  align-items: center;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.cta-head.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.cta-head.about-title {
  text-align: left;
  font-size: 2em;
}

.cta-head.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.cta-head.centre {
  text-align: center;
  margin-bottom: 35px;
}

.text-extra-large-copy {
  color: #fff;
  text-align: left;
  letter-spacing: .2px;
  margin-top: 0;
  margin-bottom: 6vh;
  font-family: Wremena, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.5;
}

.watch-gospel {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.watch-gospel-wrapper {
  background-image: url('../images/god-is-no-longer-angry-with-you-today-productimage-20180717-080404.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px 80px 0 0;
  justify-content: center;
  align-items: flex-end;
  width: 200px;
  height: 100px;
  display: none;
  position: static;
  inset: auto 2% 0% auto;
  overflow: hidden;
}

.text-block-62 {
  opacity: .8;
  color: #fff;
  letter-spacing: 3px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 8px;
  font-weight: 700;
}

.index-chapter-copy {
  direction: ltr;
  flex: 1;
  align-items: center;
  margin-bottom: 37px;
  margin-right: -15px;
  display: block;
  position: relative;
  transform: rotate(90deg);
}

.watch-thumb {
  background-image: url('../images/Screen-Recording-2022-09-16-at-3.35.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px 0 30px;
  width: 40%;
  height: 200px;
  margin-left: auto;
  position: relative;
  top: -68px;
  left: 76px;
}

.watch-thumb._2 {
  background-image: url('../images/jessica-teixeira-BZe_NVnr61I-unsplash.jpg');
}

.watch-thumb._3 {
  background-image: url('../images/sven-brandsma-VgnGm0e970I-unsplash.jpg');
  background-position: 50% 20%;
}

.watch-thumb._1 {
  background-image: url('../images/1019584279-preview.gif');
}

.watch-thumb._3-copy {
  background-image: url('../images/sven-brandsma-VgnGm0e970I-unsplash.jpg');
  background-position: 50% 20%;
}

.section-2-copy {
  background-color: #0000;
  padding: 7% 5vw;
  display: block;
}

.section-2-copy.hide {
  display: block;
}

.section-17 {
  background-color: #143f77;
  background-image: linear-gradient(#00000054, #00000054), url('../images/Stocksy_txp6c6f4af3aNX300_Small_2584823.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 10vh;
  padding-bottom: 1px;
}

.watch-btn {
  background-color: var(--grey-25--border);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 28px;
  padding: 18px 30px;
  font-family: Inter;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.3em;
  transition: background-color .4s;
  display: inline-block;
}

.watch-btn:hover {
  background-color: var(--grey-40--hover);
}

.watch-btn.link {
  font-size: 1em;
}

.homepage-expand-380 {
  height: 380vh;
  display: block;
}

.div-block-368 {
  flex-direction: column;
  justify-content: space-between;
  display: block;
}

.layout-wrapper {
  color: #fff;
  object-fit: fill;
  background-color: #000;
  width: 100vw;
  overflow: visible;
}

.title2 {
  text-align: center;
  background-color: #0000;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 8% 0 5%;
  display: block;
}

.bold-text-9 {
  color: #fff;
}

.cta__wrap-3 {
  margin-top: -20vh;
}

.cta__wrap-3.negative {
  margin-top: -50vh;
}

.cta__wrap-3.lesspad {
  margin-top: -90vh;
}

.cta__wrap-3.lesspad2 {
  margin-top: -60vh;
}

.hide {
  display: none;
}

.col-wrapper {
  background-color: #00000029;
  border-radius: 20px;
  padding: 40px;
  display: block;
}

.div-block-369 {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-370 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 95px;
}

.second-title-copy {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 45px;
  font-weight: 700;
  display: block;
  position: relative;
}

.second-title-copy.white {
  color: #fff;
}

.second-title-copy.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.second-title-copy.white.mleft {
  margin-left: 113px;
}

.second-title-copy.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.second-title-copy.about-title {
  text-align: left;
  font-size: 3em;
  font-weight: 400;
  display: inline-block;
}

.second-title-copy.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.second-title-copy.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
}

.second-title-copy.bold {
  text-align: left;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  display: block;
}

.second-title-copy.centre {
  text-align: center;
  margin-bottom: 40px;
}

.section-18 {
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: none;
}

.header-btm-copy {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.play-img {
  width: 100px;
  margin: 0 auto auto;
  display: block;
}

.div-block-349-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-349-copy-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.background-video-84-copy {
  opacity: .38;
  mix-blend-mode: soft-light;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.homepage-expand-120-copy {
  color: #000;
  background-color: #000;
  height: 110vh;
  display: block;
}

.col-wrapper-copy {
  border-radius: 20px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 87px 0 40px;
  display: block;
}

.text-block-40-copy {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: -25px;
  margin-bottom: 7px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 1.1;
}

.space-10-1 {
  width: 100%;
  height: 5vh;
}

.div-block-371 {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.lottie-animation {
  width: 50px;
  height: 50px;
}

.div-block-372 {
  width: 80px;
  height: auto;
}

.section-copy {
  height: auto;
  display: block;
}

.header-btm-copy-copy {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

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

.header {
  background-color: #0000;
  padding-top: 42px;
  padding-bottom: 42px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.dropdown-nav {
  margin-bottom: 0;
  margin-right: 20px;
  padding-left: 0;
  list-style-type: none;
}

.dropdown-nav.last {
  background-color: #181830;
  margin-right: 0;
}

.container-default-3 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.nav-link-badge {
  color: #4a3aff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #ecebff;
  margin-left: 12px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25em;
}

.brand-2 {
  padding-left: 0;
}

.brand-2.menu-mobile {
  display: none;
}

.dropdown-arrow {
  font-size: 9px;
  display: inline-block;
  position: relative;
  top: -2px;
}

.menu-button {
  transform-style: preserve-3d;
}

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

.dropdown-nav-pages-wrapper {
  width: 100%;
  margin-right: 40px;
}

.dropdown-nav-pages-wrapper.last {
  margin-right: 0;
}

.brand-home {
  background-image: url('../images/icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100px;
  height: 50px;
  padding-left: 0;
  transition: transform .35s, color .25s;
}

.brand-home:hover {
  transform: scale(.94);
}

.nav-link-dropdown {
  line-height: 1em;
}

.nav-link {
  color: #fff;
  font-size: 16px;
  line-height: 1.125em;
  text-decoration: none;
  transition: color .35s;
}

.nav-link.dropdown {
  padding: 0;
}

.nav-link.dropdown:hover {
  color: #9c93ff;
}

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

.dropdown-nav-item {
  border-bottom: 1px solid #ffffff1a;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.125em;
  display: flex;
}

.header-logo {
  transform-style: preserve-3d;
  transition: transform .35s;
}

.header-logo:hover {
  transform: scale3d(.94, .94, 1.01);
}

.dropdown-nav-main-wrapper {
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  display: flex;
  box-shadow: 0 5px 14px #080f340a;
}

.dropdown-nav-link {
  color: #c5c5c5;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
  text-decoration: none;
  transition: color .35s;
  display: block;
}

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

.dropdown-nav-link.badge {
  align-items: center;
  display: flex;
}

.nav-item-wrapper {
  margin-bottom: 0;
  margin-right: 36px;
}

.dropdown-list {
  background-color: #0000;
  padding-top: 30px;
  display: block;
  right: 0;
}

.bold-text-10 {
  color: #e7aa94;
}

.dropdown-link-2 {
  opacity: .6;
  color: #1e2f5c;
  text-align: center;
  text-transform: none;
  border-bottom: 1px solid #dfdfdf;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.dropdown-link-2:hover, .dropdown-link-2.w--current {
  opacity: 1;
}

.dropdown-list-3-copy-2 {
  border: 1px #000;
}

.dropdown-list-3-copy-2.w--open {
  opacity: 1;
  background-color: #fff;
  border-color: #096ad0;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
  left: -222px;
}

.nav-menu-4 {
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  margin-right: 0;
  display: block;
  position: relative;
}

.dropdown-chevron-2 {
  color: #fff;
  margin-right: 0;
}

.menu-button-3.w--open {
  color: #096ad033;
  background-color: #fff;
}

.navlogo_mobile, .navlogo_mobile.w--current {
  display: none;
}

.dropdown-list-3 {
  border: 1px #000;
}

.dropdown-list-3.w--open {
  opacity: 1;
  background-color: #fff;
  border-color: #096ad0;
  border-radius: 0;
  margin-top: 0;
  left: -110px;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 9% 0;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.wrapper.navinside {
  flex-direction: row;
  align-items: center;
  padding: 0;
  display: flex;
}

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

.text-block-64 {
  letter-spacing: 1px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-logo-2 {
  width: 220px;
  height: 100%;
}

.image-35 {
  width: 60px;
}

.div-block-373 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-374 {
  flex-direction: column;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.greeting_second-img-btm-2 {
  z-index: 20;
  cursor: pointer;
  background-image: url('../images/diane-gif.gif');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px 80px 0 0;
  justify-content: center;
  align-items: flex-end;
  width: 20%;
  height: 20%;
  max-height: 180px;
  display: flex;
  position: absolute;
  inset: auto 2% 0% auto;
  overflow: hidden;
}

.circle-text {
  z-index: 200;
  width: 200px;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
  position: relative;
  inset: auto auto 0% 0%;
}

.link-block-46 {
  display: block;
}

.lightbox-link-3 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown-link-3 {
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #213e5c;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 18px 0;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.dropdown-link-3:hover {
  opacity: .8;
}

.dropdown-link-3.w--current {
  opacity: 1;
  color: #b4b4b4;
  text-transform: uppercase;
}

.dropdown-link-3.watch-the-latest {
  width: auto;
  font-family: nimbus-sans-extended, sans-serif;
}

.dropdown-list-3-copy-3 {
  border: 1px #000;
}

.dropdown-list-3-copy-3.w--open {
  opacity: 1;
  background-color: #102746;
  border-color: #096ad0;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 400px;
  margin-top: 0;
  display: flex;
  left: -267px;
}

.nav-menu-5 {
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  margin-right: 0;
  display: flex;
  position: relative;
}

.menu-button-4.w--open {
  color: #096ad033;
  background-color: #fff;
}

.text-block-65 {
  text-transform: none;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.nav-logo-3 {
  width: 220px;
  height: 100%;
}

.bold-text-11 {
  font-size: 70px;
  line-height: 45px;
}

.container-960-2 {
  z-index: 20;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: block;
  position: relative;
}

.container-960-2.align-left, .container-960-2.align-left-copy, .container-960-2.align-left-copy {
  z-index: 20;
  align-items: flex-start;
  padding-top: 0;
  display: block;
  position: relative;
}

.section-19 {
  color: #fff;
  background-color: #183d39;
  display: none;
}

.wrapper-1000 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.homepage-expand-180-copy {
  color: #fff;
  background-image: linear-gradient(92deg, #353332 9%, #0000), url('../images/L1100360.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 150vh;
  display: block;
}

.section-20 {
  color: #fff;
  background-color: #183d39;
  padding-bottom: 60px;
}

.circle-text-2 {
  z-index: 200;
  width: 200px;
  margin-bottom: 0;
  margin-right: -80px;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.circle-text-2-copy {
  z-index: 200;
  width: 200px;
  margin-bottom: 0;
  margin-left: -32px;
  margin-right: 0;
  display: block;
  position: static;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.div-block-376-copy {
  z-index: 80;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
  left: auto;
}

.text-block-66 {
  letter-spacing: 2px;
  font-size: 14px;
}

.col-wrapper-copy-copy {
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.txt-xl-copy {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1em;
}

.txt-xl-copy.centre {
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: .9em;
  font-size: 40px;
}

.last-video {
  opacity: 1;
  mix-blend-mode: normal;
  width: 900px;
  height: auto;
  margin: 4vh auto 5vh;
  padding-left: 0;
  padding-right: 0;
}

.section-17-copy {
  background-color: #143f77;
  padding-top: 12vh;
  padding-bottom: 1px;
}

.cta-wrapper-diane {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-secondary-box2-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-secondary-box2-copy.hide {
  display: none;
}

.title-secondary-box2-copy.centre {
  align-items: center;
  margin-bottom: 5%;
}

.div-block-372-copy {
  width: auto;
  height: auto;
}

.homepage-expand-280-copy {
  background-color: var(--black);
  height: 280vh;
  display: block;
}

.homepage-expand-280-copy.hide {
  display: none;
}

.player-container-pp {
  cursor: pointer;
  display: block;
}

.div-block-371-copy {
  background-color: #0003;
  flex-direction: column;
  align-items: flex-start;
  width: 900px;
  margin-top: 47px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: flex;
}

.text-block-67 {
  color: #f7d9b2;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 35px;
}

.subt-title-copy {
  color: #e7e094;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  background-image: linear-gradient(#0000, #0000);
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Moranga, sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.1em;
  display: block;
  position: static;
}

.subt-title-copy.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.subt-title-copy.about-title {
  text-align: left;
  font-size: 2em;
}

.subt-title-copy.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.subt-title-copy.centre {
  text-align: center;
  margin-bottom: 35px;
}

.text-extra-large-copy {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  width: 100%;
  margin: 0 auto 3vh;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
}

.text-extra-large-copy.text-centre {
  color: #d09a9c;
  text-align: center;
  margin-bottom: 1em;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.text-extra-large-copy.centre {
  text-align: center;
  margin-bottom: 4vh;
}

.text-extra-large-copy._2 {
  color: #e7aa94;
  text-align: center;
  letter-spacing: .3px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-family: Moranga, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 35px;
}

.text-extra-large-copy.left {
  margin-left: 0;
  margin-right: 0;
}

.title-secondary-box2-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 700px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-secondary-box2-copy-copy.hide {
  display: none;
}

.title-secondary-box2-copy-copy.centre {
  align-items: center;
  margin-bottom: 5%;
}

.second-title-copy-copy.centre {
  text-align: center;
}

.link-block-45-copy {
  background-image: url('../images/God-is-not-angry-with-you_gospel-is_youtube.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  margin-left: 0;
  display: none;
}

.link-4 {
  color: #e59e2c;
  text-decoration: underline;
}

._900-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 95px;
  display: flex;
}

.div-block-377 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 65px;
  display: block;
}

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

.section-21 {
  padding-top: 8vh;
}

.second-title-copy-copy {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 65px;
  font-weight: 700;
  display: block;
  position: relative;
}

.second-title-copy-copy.white {
  color: #fff;
}

.second-title-copy-copy.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.second-title-copy-copy.white.mleft {
  margin-left: 113px;
}

.second-title-copy-copy.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.second-title-copy-copy.about-title {
  text-align: left;
  font-size: 3em;
  font-weight: 400;
  display: inline-block;
}

.second-title-copy-copy.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.second-title-copy-copy.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
}

.second-title-copy-copy.bold {
  text-align: left;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  display: block;
}

.second-title-copy-copy.centre {
  text-align: center;
  margin-bottom: 40px;
}

.question-quote {
  color: #e7e094;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Moranga, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 2em;
  display: block;
  position: static;
}

.question-quote.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.question-quote.about-title {
  text-align: left;
  font-size: 2em;
}

.question-quote.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.question-quote.centre {
  text-align: center;
  margin-bottom: 35px;
}

.home-title-expereicne {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: block;
  position: relative;
}

.home-title-expereicne.white {
  color: #fff;
}

.home-title-expereicne.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.home-title-expereicne.white.mleft {
  margin-left: 113px;
}

.home-title-expereicne.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.home-title-expereicne.about-title {
  text-align: left;
  font-size: 3em;
  font-weight: 400;
  display: inline-block;
}

.home-title-expereicne.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.home-title-expereicne.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
}

.home-title-expereicne.bold {
  text-align: left;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  display: block;
}

.home-title-expereicne.centre {
  text-align: center;
  margin-bottom: 40px;
}

.section-22 {
  background-image: linear-gradient(#0000003b, #0000003b), url('../images/Stocksy_txp6c6f4af3aNX300_Small_2584823.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

._900-wrapper-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #00000017;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: block;
}

.cta-big-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  width: 90%;
  margin-top: 0;
  margin-bottom: 13px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 48px;
  font-weight: 700;
  display: block;
  position: relative;
}

.cta-big-title.white {
  color: #fff;
}

.cta-big-title.white.movie-title {
  font-weight: 400;
  line-height: .5;
}

.cta-big-title.white.mleft {
  margin-left: 113px;
}

.cta-big-title.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.cta-big-title.about-title {
  text-align: left;
  font-size: 3em;
  font-weight: 400;
  display: inline-block;
}

.cta-big-title.firstline {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: .8;
  display: inline-block;
}

.cta-big-title.voices-2nd {
  text-align: left;
  margin-left: 0;
  font-size: 3em;
  font-weight: 400;
  display: block;
}

.cta-big-title.bold {
  text-align: left;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  display: block;
}

.cta-big-title.centre {
  text-align: center;
  margin-bottom: 40px;
}

.sub-title-diane {
  color: #f7d9b2;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  background-image: linear-gradient(#0000, #0000);
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 3px;
  margin-bottom: 10px;
  padding: 0;
  font-family: Moranga, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6em;
  display: block;
  position: static;
}

.sub-title-diane.about-first-line {
  text-align: left;
  width: auto;
  margin-left: -72px;
  margin-right: 0;
  font-size: 3em;
}

.sub-title-diane.about-title {
  text-align: left;
  font-size: 2em;
}

.sub-title-diane.about-first-line {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.sub-title-diane.centre {
  text-align: center;
  margin-bottom: 35px;
}

.div-block-379 {
  flex-direction: column;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-380 {
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-top: 35px;
  display: flex;
}

.lightbox-link-4 {
  width: 70%;
}

._700-wrapper {
  flex-direction: column;
  align-items: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 95px;
  display: flex;
}

.div-block-381 {
  margin-top: 10px;
}

.text-block-68 {
  text-align: center;
  font-family: nimbus-sans-extended, sans-serif;
  font-weight: 700;
}

.diane-expand-copy {
  color: #000;
  background-color: #000;
  height: auto;
  padding-top: 10px;
  padding-bottom: 15vh;
  display: none;
}

.link-block-47 {
  background-color: #828282;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.link-block-47._3 {
  background-image: url('../images/ann-savchenko-yOQntxCp0r0-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.link-block-47._2 {
  background-image: url('../images/dima-pechurin-m3vPvRTNrMs-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
}

.link-block-47._1 {
  background-image: url('../images/1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  width: 90%;
  margin-top: 7vh;
}

.div-block-382 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-69 {
  text-align: center;
  margin-top: 16px;
  font-family: Moranga, sans-serif;
  font-size: 20px;
}

.layout-wrapper-2, .layout-part2 {
  color: #fff;
  object-fit: fill;
  background-color: #000;
  width: 100vw;
  display: block;
  overflow: visible;
}

.text-block-68-copy {
  text-align: center;
  font-family: nimbus-sans-extended, sans-serif;
  font-weight: 700;
}

.section-17-part1 {
  background-color: #143f77;
  padding-top: 12vh;
  padding-bottom: 1px;
  display: block;
}

.index-wrapper-desktop {
  z-index: 100;
  border-top: 0 #f2f2f2;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.div-block-383 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

.index-chapter-part2 {
  direction: ltr;
  flex: 1;
  align-items: center;
  margin-bottom: 37px;
  margin-right: -15px;
  display: block;
  position: relative;
  transform: rotate(90deg);
}

.bottom-matters.hide {
  display: block;
}

.index-item-copy {
  opacity: .69;
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-direction: row;
  flex: 1;
  padding: 14px 10px;
  font-family: nimbus-sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: opacity .3s, color .3s, border-color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.index-item-copy:hover {
  opacity: .9;
  color: #fff;
  background-color: #0000;
}

.index-item-copy.w--current {
  opacity: 1;
  color: #e9cdb4;
  background-color: #0000;
  font-weight: 600;
}

.grid-wrapper-copy {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2vh;
  padding-bottom: 2vh;
  padding-right: 0;
  display: grid;
  position: relative;
}

.section-4-copy {
  z-index: 20;
  background-color: #0b302c;
  justify-content: center;
  padding-top: 6%;
  padding-bottom: 6%;
  display: block;
  position: relative;
  overflow: hidden;
}

.section-4-copy.verticle-border {
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
}

.heading-20 {
  color: #f7d9b2;
  text-align: left;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Moranga, sans-serif;
  font-size: 16.5px;
  font-weight: 300;
  line-height: 1.4;
}

.heading-15-copy {
  color: #fdf7eb;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.heading-15-copy._2 {
  text-align: left;
  font-size: 18px;
  display: block;
}

.heading-15-copy.centre {
  text-align: center;
  font-size: 30px;
}

.home-features-grid-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 44px;
  display: grid;
}

.cta-text-wrapper-copy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0%;
  display: flex;
}

.div-block-384 {
  clear: none;
  background-image: url('../images/door.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 250px;
  border-bottom-left-radius: 250px;
  width: 30%;
  height: 450px;
  position: absolute;
  inset: 14% 0% 0% auto;
}

.div-block-385 {
  flex-direction: row;
  width: 650px;
  margin-right: 236px;
  display: block;
}

.div-block-374-copy {
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-38 {
  display: block;
}

.text-extra-large--left {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  margin: 0 auto 3vh 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
}

.text-extra-large--left.text-centre {
  color: #d09a9c;
  text-align: center;
  margin-bottom: 1em;
  font-family: Moranga, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.text-extra-large--left.centre {
  text-align: left;
  margin-bottom: 4vh;
  font-size: 18px;
}

.text-extra-large--left._2 {
  color: #e7aa94;
  text-align: center;
  letter-spacing: .3px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-family: Moranga, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 35px;
}

.text-extra-large--left.left {
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
}

.div-block-386 {
  width: 40%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.space-2 {
  height: 2vh;
}

.hero-title-block {
  color: #fff;
  background-color: #ffcd7c;
  border-radius: 24px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 14px;
  display: inline-block;
}

.hero-title {
  color: #000;
  text-transform: uppercase;
}

.hero-title.caption-1 {
  color: #122c2d;
  letter-spacing: 1px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

@media screen and (min-width: 1280px) {
  .body {
    font-size: 1.25vw;
  }

  .label, .text-work-title.caption, .text-work-link.link {
    font-family: nimbus-sans-extended, sans-serif;
  }

  .brand {
    width: 200px;
  }

  .nav-menu-1-image-wrap, .nav-menu-1-1st-image {
    width: 30vw;
  }

  .about-grid-1 {
    padding-right: 20%;
  }

  .collection-item-2 {
    font-family: nimbus-sans-extended, sans-serif;
  }

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

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

  .div-block-347 {
    padding: 0 0 40px;
  }

  .div-block-347._2 {
    background-color: #3d4ae2;
  }

  .text-block-50 {
    outline-offset: 0px;
    background-color: #e59e2c;
    border: 0 #000;
    border-radius: 100px;
    outline: 1px #fff;
    padding: 0;
    font-family: Inter;
    font-weight: 400;
    line-height: 1em;
  }

  .cta-text-wrapper {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .cta-img-wrapper {
    width: 100%;
    height: 300px;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
  }

  .lightbox-link-2 {
    height: 300px;
  }

  .testimony-desc {
    text-align: left;
  }

  .support-wrapper {
    flex-direction: column;
    align-items: center;
    padding: 0 0 40px;
    display: flex;
  }

  .support-wrapper._2 {
    background-color: #3d4ae2;
  }

  .heading-15-copy {
    text-align: left;
  }

  .section-col.section-1, .col-wrapper.section-1, .col-wrapper-copy.section-1 {
    grid-column-gap: 16.5em;
  }

  .lottie-animation {
    width: 80px;
  }

  .col-wrapper-copy-copy.section-1 {
    grid-column-gap: 16.5em;
  }

  .sub-title-diane {
    margin-bottom: 20px;
  }

  .cta-text-wrapper-copy {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .load-rotated-1st._1 {
    color: #fff;
    mix-blend-mode: normal;
  }

  .load-rotated-2nd._1, .load-rotated-3rd._1, .load-rotated-6th._1, .load-rotated-7th._1, .load-rotated-8th._1 {
    color: #fff;
  }

  .progress-bar-indicator {
    z-index: 2;
    background-image: linear-gradient(#ff416c, #ff4b2b);
    border-radius: 2px;
    width: 2px;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

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

  .progress-bar {
    background-color: #8080804d;
    border-radius: 2px;
    width: 2px;
    height: 100%;
    margin-right: 23px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
  }

  .progress-item.s-m-b-52 {
    margin-bottom: 52px;
  }

  .wrapper-m {
    position: relative;
  }

  .progress {
    z-index: 4;
    align-items: center;
    height: 400px;
    display: flex;
    position: sticky;
    inset: 50% 0% auto;
  }

  .catalog-rotate_img {
    border-radius: 50%;
  }

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

  .title-span.quality-second-line {
    margin-left: 385px;
  }

  .second-title {
    text-align: left;
  }

  .greeting_first-line {
    margin-bottom: 30px;
  }

  .greeting_first-img-wrapper {
    border-radius: 195px;
  }

  .img {
    object-fit: cover;
    object-position: 50% 50%;
  }

  .first-title {
    text-align: left;
  }

  .about-text {
    margin-left: 0;
  }

  .img-2 {
    object-fit: cover;
    object-position: 50% 50%;
  }

  .about-box {
    width: 100%;
  }

  .second-title-2 {
    text-align: left;
  }

  .quality-three-line {
    margin-left: 146px;
  }

  .quality-first-line {
    margin-left: 289px;
  }

  .subt-title, .cta-head, .second-title-copy, .subt-title-copy, .second-title-copy-copy, .second-title-copy-copy, .question-quote, .home-title-expereicne {
    text-align: left;
  }

  .sub-title-diane {
    line-height: 2em;
  }
}

@media screen and (max-width: 991px) {
  p {
    max-width: none;
  }

  blockquote {
    margin-left: 0;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
  }

  .style-guide-row {
    grid-column-gap: 24px;
  }

  .button {
    display: flex;
  }

  .text-large {
    max-width: 600px;
    font-size: 1.75em;
  }

  .text-extra-large.centre {
    text-align: center;
  }

  .text-extra-large.left {
    width: 100%;
  }

  .hero-portrait-image {
    width: 50vw;
  }

  .navbar.demo-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .navbar.demo-3 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .navbar-1-controls {
    align-items: center;
    width: auto;
  }

  .hero-2-scrolling-section {
    padding-bottom: 15vh;
  }

  .scrolling-loop-item.shrink {
    flex: 0 auto;
  }

  .footer-1 {
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
    padding-top: 10vw;
    padding-bottom: 10vw;
    font-size: 1em;
  }

  .footer-1-info, .footer-1-social-grid {
    justify-items: center;
  }

  .footer-1-social-link {
    width: 25px;
  }

  .footer-1-brand {
    align-items: center;
  }

  .footer-1-social-link-hover {
    display: none;
  }

  .footer-2 {
    padding-top: 160px;
    padding-bottom: 10vw;
  }

  .footer-2-introduction {
    width: 75%;
    max-width: none;
    font-size: 20px;
  }

  .footer-2-thumbnail-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .footer-2-thumbnail {
    width: 30vw;
    height: 30vw;
  }

  .footer-2-thumbnail-text {
    font-size: 5vw;
  }

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

  .footer-2-meta {
    justify-content: start;
    justify-items: start;
    font-size: 1em;
  }

  .underline {
    display: none;
  }

  .legal-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .legal-text {
    grid-template-columns: 25vw auto;
  }

  .accordion-trigger {
    letter-spacing: 0;
    align-items: center;
    font-size: 20px;
  }

  .accordion-expand-icon {
    width: 50px;
    height: 50px;
  }

  .accordion-expand-minus {
    width: 20px;
  }

  .accordion-expand-plus {
    height: 20px;
  }

  .accordion-title-number {
    font-size: 50px;
  }

  .text-medium {
    max-width: 600px;
  }

  .teaser-title {
    font-size: 16px;
  }

  .link-circle-button {
    width: 50px;
    height: 50px;
    padding: 15px;
  }

  .title-work-image-wrap {
    width: 90vw;
    height: 90vw;
    margin-bottom: 2.5vw;
    display: block;
    position: static;
  }

  .title-work-image-wrap.next {
    width: 50vw;
    height: 50vw;
  }

  .footer-3-powered {
    font-size: 1.5em;
  }

  .footer-3-inner-grid {
    font-size: 1.375em;
    line-height: 2;
  }

  .footer-3-meta-links {
    grid-auto-flow: row;
  }

  .service-grid-2x-list-small {
    grid-template-columns: 1fr 1fr;
  }

  .text-work-grid {
    grid-row-gap: 10vw;
    justify-items: stretch;
  }

  .text-work-title {
    margin-top: 2.5vw;
  }

  .text-work-title.next {
    margin-top: 0;
  }

  .text-work-link {
    padding-top: 2vw;
  }

  .content-side-section {
    width: auto;
    margin-top: 7vh;
  }

  .brand {
    z-index: 5;
  }

  .button-circle-filled {
    width: 25vw;
    height: 25vw;
  }

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

  .content-1st-section {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .side-grid {
    grid-column-gap: 5vw;
  }

  .cms-list-post {
    column-count: 2;
  }

  .heading-3 {
    font-size: 1.25em;
  }

  .footer-1-scrolling-section {
    overflow: hidden;
  }

  .moving-post {
    flex-direction: column;
    align-items: flex-start;
    font-size: 2em;
  }

  .moving-post-date {
    padding-bottom: 0;
  }

  .moving-post-title {
    justify-content: flex-start;
  }

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

  .navbar-3-grid {
    align-items: center;
  }

  .nav-menu-3-grid {
    margin-top: 10vh;
  }

  .menu-button-1 {
    background-color: #9e9e9e1a;
  }

  .demo-3-main-grid {
    grid-template-columns: 5vw 25vw 25vw 1fr;
  }

  .blog-1-slide {
    height: 35.625vw;
  }

  .display-none-tablet {
    display: none;
  }

  .about-1-title-grid {
    grid-row-gap: 1.25vw;
  }

  .button-circle-outline {
    width: 25vw;
    height: 25vw;
    font-size: 2em;
  }

  .navbar-grid-2 {
    align-items: center;
  }

  .navbar-1-link {
    font-size: 10vw;
  }

  .navbar-1-link.font-alternative {
    display: none;
  }

  .navbar-1-link-wrapper {
    text-align: center;
    justify-content: center;
  }

  .nav-menu-1-row {
    width: 100%;
    margin-left: 0%;
  }

  .nav-menu-1-image-wrap, .nav-menu-1-1st-image {
    display: none;
  }

  .navbar-3-menu {
    background-color: var(--black);
    background-image: linear-gradient(to bottom, var(--grey-5), var(--grey-5));
    width: 100vw;
    height: 100vh;
    padding: 160px 2.5vw 10vh;
    font-size: 2em;
    line-height: 1.5;
    position: static;
    inset: 0% 0% auto;
  }

  .menu-button-3 {
    z-index: 5;
    background-color: #9e9e9e1a;
  }

  .navbar-3-controls {
    grid-template-columns: auto;
    align-items: center;
    width: auto;
  }

  .menu-button-2 {
    background-color: #9e9e9e1a;
  }

  .navbar-2-controls {
    align-items: center;
    width: auto;
  }

  .navbar-2-menu {
    width: 80vw;
  }

  .navbar-2-link-wrapper {
    font-size: 8vw;
  }

  .heading-post-next {
    font-size: 30px;
  }

  .heading-post-title {
    font-size: 40px;
  }

  .projects-template-1st-section {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .projects-template-intro-grid {
    grid-column-gap: 2vw;
    grid-template-areas: ". . ."
                         ". Area-2 Area-2"
                         "Area Area Area";
  }

  .projects-template-description {
    max-width: none;
  }

  .about-grid-column, .about-grid-column-center {
    padding-right: 0;
  }

  .cms-list-projects-item {
    font-size: 4vw;
  }

  .content-hero-section {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .about-grid-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .line-top, .line-bottom {
    display: block;
  }

  .testimonial-wrap {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    padding-left: 0;
    padding-right: 0;
  }

  .project-detail-wrap {
    width: 90vw;
  }

  .next-project-section {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .overflow-hidden-max-w {
    max-width: 75vw;
  }

  .teaser-headline {
    opacity: 1;
  }

  .fullscreen-work-title, .fullscreen-work-title-small-inside {
    margin-top: 2.5vw;
  }

  .fullscreen-work-scrolling-wrap {
    display: none;
  }

  .fullscreen-work-title-small {
    margin-top: 2.5vw;
  }

  .intro-grid {
    grid-column-gap: 5vw;
  }

  .intro-paragraph {
    max-width: 75vw;
  }

  .heading-example {
    font-size: 39px;
    line-height: 10%;
    overflow: visible;
  }

  .div-block-2 {
    width: 90%;
  }

  .button-outline._1 {
    display: none;
  }

  .grid-2 {
    grid-template-columns: 1fr;
    margin-bottom: 9%;
  }

  .content-container-nopadding {
    padding-left: 0;
    padding-right: 0;
  }

  .bg.cta-shape-3 {
    bottom: 190px;
    right: 35px;
  }

  .container-default {
    flex-direction: column;
    align-items: stretch;
  }

  .split-content.cta-left {
    margin-bottom: 40px;
  }

  .split-content.home-features-right {
    max-width: 660px;
  }

  .split-content.home-features-left {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .split-content.header-right {
    z-index: 99;
    position: relative;
  }

  .cta-wrapper {
    text-align: center;
    flex-direction: row;
    padding-top: 50px;
    padding-bottom: 20px;
    padding-right: 74px;
  }

  .title.h3-size.cta {
    text-align: left;
    line-height: 120%;
  }

  .title.dropdown-nav-title {
    color: #fff;
    margin-bottom: 40px;
  }

  .text-block-16-copy {
    text-align: center;
  }

  .footer-content {
    margin-bottom: 0;
  }

  .footer-nav-wrapper2 {
    width: 50%;
  }

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

  .text-block-36 {
    line-height: 150%;
  }

  .footer-nav.last {
    border-left-style: none;
    margin-left: 0;
    padding-left: 0;
  }

  .footer-nav-content {
    justify-content: flex-start;
    padding-left: 80px;
  }

  .footer-title-2 {
    margin-bottom: 14px;
    line-height: 150%;
  }

  .link-block-42 {
    text-align: center;
    display: block;
  }

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

  .link-en {
    width: 100%;
  }

  .demo-3-main-grid-2 {
    grid-template-columns: 5vw 25vw 25vw 1fr;
  }

  .underline-3 {
    display: none;
  }

  .text-extra-large-2 {
    font-size: 2.5em;
  }

  .projects-template-content-grid {
    grid-column-gap: 2vw;
    grid-template-areas: ". . ."
                         ". Area-2 Area-2"
                         "Area Area Area";
  }

  .paragraph-standard {
    font-size: 17px;
  }

  .section-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-3.hero {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-headline-wrapper {
    margin-bottom: 64px;
  }

  .container-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .progress {
    display: none;
  }

  .homepage-expand-200 {
    height: auto;
  }

  .container-960.align-left {
    padding-bottom: 15vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .container-960.align-left-copy {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .content-container-story, .content-container-story-left {
    padding-left: 0;
    padding-right: 0;
  }

  .card__column__left {
    margin-right: 26px;
  }

  .home-extras-image {
    margin-top: 20px;
  }

  ._4-col {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 0;
    display: block;
  }

  ._4-col._4-col-last {
    margin-bottom: 0;
    margin-right: auto;
  }

  .home-extras-wrap {
    text-align: center;
    flex-direction: row;
    justify-content: space-around;
    width: 95%;
    margin-left: auto;
    padding-left: 0;
    display: flex;
  }

  .home-extras-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .project-item {
    height: 220px;
    max-height: 550px;
    margin-bottom: 0;
  }

  .div-block-333 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .section-about {
    overflow: hidden;
  }

  .header-lottie-wrap {
    top: -9%;
  }

  .bg-wrap-skew {
    width: 50%;
    max-width: 50%;
    height: 400px;
  }

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

  .margin-left.margin-large.is-mobile-0 {
    margin-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .border-top {
    height: 7vh;
  }

  .border-right {
    width: 7vw;
  }

  .homepage-expand-250._1 {
    height: auto;
  }

  .border-bottom {
    height: 7vh;
  }

  .border-left {
    width: 7vw;
  }

  .text-block-40 {
    object-fit: fill;
    font-size: 49px;
  }

  .video-cover {
    justify-content: center;
    width: auto;
    min-height: 500px;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .stacked-title {
    grid-row-gap: 18px;
  }

  .video-clip {
    justify-content: center;
  }

  .grid-wrapper {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 6vh;
    padding-left: 30px;
    padding-right: 30px;
  }

  .play-video {
    margin-left: 0;
  }

  .left-intro {
    grid-row-gap: 36px;
    grid-template-columns: 2.25fr;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 80px;
    display: block;
  }

  .section-4 {
    background-color: #183d39;
    padding-top: 57px;
    padding-bottom: 59px;
  }

  .four-column {
    grid-row-gap: 48px;
  }

  .abhero-2nd-section-contain {
    width: 100%;
  }

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

  .container2.is-value {
    padding-left: 3em;
    padding-right: 3em;
  }

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

  .hero-headline-wrap {
    margin-bottom: 64px;
  }

  .large-para {
    text-align: left;
    max-width: 550px;
  }

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

  .container-home.is-value {
    padding-left: 3em;
    padding-right: 3em;
  }

  .button-icon-small, .button-icon-small-secondary {
    position: static;
    top: 16px;
  }

  .dropdown-link {
    color: #1e2f5c;
    background-color: #0000;
    border-bottom-color: #b8b8b8;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-list-3-copy.w--open {
    background-color: #0000;
    flex-flow: column;
    align-items: center;
    display: flex;
    position: relative;
    left: 0;
  }

  .dropdown-chevron {
    color: #fff;
    flex: 0 auto;
    margin-left: 0;
  }

  .dropdown {
    flex-direction: column;
    flex: 0 auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .dropdown._2 {
    flex-direction: column;
  }

  .dropdown-link-text {
    color: #1e2f5c;
    margin-right: 0;
  }

  .nav-link-4 {
    color: #1e2f5c;
    text-align: center;
    background-color: #0000;
    border-bottom: 1px solid #b8b8b8;
    flex: 1;
    margin-left: 0;
    padding: 24px 0;
    font-weight: 700;
    display: block;
  }

  .nav-link-4.w--current {
    color: #1e2f5c;
  }

  .nav-link-4.dropdown2 {
    background-color: #0000;
    border-bottom-style: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-link-4.dropdown2 {
    background-color: #0000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    display: block;
  }

  .nav-link-4.dropdown2:hover {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-bottom: 24px;
  }

  .nav-link-4.dropdown {
    background-color: #0000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-link-4.dropdown:hover {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-bottom: 24px;
  }

  .nav-link-4.border {
    flex: 0 auto;
  }

  .gradient-top-bottom {
    display: flex;
  }

  .text-block-5 {
    display: none;
  }

  .text-block-5.mob {
    display: block;
  }

  .text-block-21 {
    margin-left: 0;
    text-decoration: none;
  }

  .thumb-img {
    width: 100%;
    max-width: 1008px;
  }

  .container_video {
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
  }

  .container_video._2, .container_video._3 {
    height: auto;
  }

  .link-arrow-wrappermain {
    text-decoration: none;
    top: 30%;
    left: 40%;
  }

  .video_header_wrapper {
    width: 90%;
  }

  .div-block-344 {
    display: flex;
  }

  ._2-column {
    grid-row-gap: 48px;
  }

  .modal_pop {
    height: auto;
    max-height: none;
  }

  .modal_close.close {
    left: 96%;
  }

  .gradient-bottom {
    background-image: linear-gradient(#0000 80%, #0000008c), linear-gradient(#0000004f, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .homepage-expand-280 {
    height: auto;
    padding-bottom: 0;
  }

  .homepage-expand-180 {
    background-image: none;
    height: auto;
    padding-bottom: 0;
  }

  .space-5 {
    height: 5vh;
  }

  .homepage-expand-120 {
    height: auto;
    min-height: 100vh;
    padding-bottom: 0;
  }

  .gradient-top-bottom-bright {
    background-image: linear-gradient(#0000 80%, #0000008c), linear-gradient(#0000004f, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .cta-text-wrapper {
    width: auto;
  }

  .cta-img-wrapper {
    height: auto;
    min-height: 180px;
  }

  .testimony-desc {
    text-align: left;
  }

  .div-block-349 {
    flex-direction: column;
    align-items: center;
    width: 85vw;
    display: flex;
  }

  .video-head {
    grid-row-gap: 48px;
  }

  .catalog-btn {
    width: 50%;
    margin-left: auto;
  }

  .section-7.section-movie {
    padding-top: 30vh;
    padding-bottom: 197px;
  }

  .movie-title_wrapper {
    text-align: center;
    margin-top: 0;
    margin-right: auto;
  }

  .container-5.container-movie {
    flex-direction: row;
    justify-content: center;
    display: flex;
  }

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

  .title-span {
    font-style: normal;
  }

  .title-span.quality-second-line.title-span--italic {
    margin-left: 72px;
  }

  .second-title.white.movie-title, .second-title.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .second-title.about-first-line {
    text-align: center;
    margin-left: 0;
    font-size: 45px;
    display: inline-block;
  }

  .second-title.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    font-size: 45px;
    display: inline-block;
  }

  .second-title.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .second-title.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

  .second-title.bold {
    position: static;
  }

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

  .greeting_second-img-inner {
    height: 30%;
    min-height: 200px;
  }

  .title-secondary-box {
    align-items: center;
    margin-left: auto;
    font-size: 60px;
  }

  .c-slide-btn-loading, .second-slider-container {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 3px;
    font-size: 4.5em;
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #131313bf, #0000);
    display: block;
  }

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

  .main-slider {
    height: 100vh;
  }

  .main-slider.mobile {
    background-color: #0000;
    display: block;
  }

  .main-slider.desktop {
    display: block;
  }

  .phone-screen_wrapper {
    border-radius: 1.2em;
  }

  .circle-number {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .phone-mock_tab {
    height: 3vw;
  }

  .phone-mock_border {
    border-width: 8px;
    border-radius: 1.5em;
  }

  .phone-mock {
    border-radius: 1.5em;
    width: 90%;
    padding: 8px;
  }

  .sticky-text_wrapper.steps {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }

  .intro-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .title-secondary-box2 {
    align-items: flex-start;
    width: 80%;
    margin-left: 0;
    margin-right: 0;
    font-size: 60px;
  }

  .title-secondary-box2.centre {
    width: auto;
    margin-bottom: -3px;
  }

  .text-block-52 {
    margin-left: 0;
    text-decoration: none;
  }

  .thumb-img-2 {
    width: 100%;
    max-width: 1008px;
    height: 450px;
  }

  .container_video-2 {
    width: 100%;
  }

  .link-arrow-wrappermain-2 {
    text-decoration: none;
    top: 30%;
    left: 40%;
  }

  .section-11 {
    margin-top: 13%;
  }

  .gradient-top-bottom-bright2 {
    background-image: linear-gradient(#0000 80%, #0000008c), linear-gradient(#0000004f, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .first-title.white.movie-title, .first-title.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .first-title.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .first-title.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 45px;
    padding-left: 0;
    font-size: 60px;
  }

  .first-title.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .first-title.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

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

  ._1-col {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 0;
    display: block;
  }

  ._1-col._4-col-last {
    margin-bottom: 0;
    margin-right: auto;
  }

  ._1col {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 0;
    display: block;
  }

  ._1col._4-col-last {
    margin-bottom: 0;
    margin-right: auto;
  }

  .heading-15-copy {
    text-align: left;
    font-size: 1.7em;
  }

  .container-default-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .section-13 {
    padding-top: 173px;
    padding-bottom: 173px;
  }

  .image.card-home-feature-icon {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .home-features-grid {
    place-items: stretch center;
    width: 100%;
  }

  .card.home-feature {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-top.home-features {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .page-desc-wrapper {
    width: 90%;
    margin-left: auto;
  }

  .index-wrapper {
    display: flex;
  }

  .gradient-top-bottom-bright3 {
    background-image: linear-gradient(#0000 80%, #0000008c), linear-gradient(#0000004f, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .div-block-357 {
    margin-top: 38px;
  }

  .gradient-7 {
    background-image: linear-gradient(#0000 80%, #0000008c), linear-gradient(#0000004f, #0000 16%), linear-gradient(#00000080, #0000 32%);
    display: none;
  }

  .homepage-expand-350 {
    height: auto;
  }

  .div-block-360 {
    width: 90%;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
  }

  .button-withbg.mob {
    width: 100px;
    display: block;
  }

  .button-withbg._1 {
    display: none;
  }

  .div-block-363 {
    position: relative;
    top: 11px;
  }

  .about-text {
    max-width: 100%;
  }

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

  .second-title-2.quality {
    font-size: 60px;
  }

  .second-title-2.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .second-title-2.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .about-content {
    margin-right: 30px;
  }

  .about-picture_wrapper.ml40 {
    max-width: 290px;
  }

  .about-picture_wrapper.padding {
    width: 290px;
    height: 386px;
  }

  .star {
    left: 7px;
  }

  .star.star-10.star-mini {
    left: 49%;
  }

  .star.star-8.star-mini {
    left: 23px;
  }

  .star.star-9.star-mini {
    left: auto;
    right: 22px;
  }

  .star.star-12.star-mini {
    right: 23px;
  }

  .star.star-13.star-mini {
    top: 57%;
    left: 49%;
  }

  .title-secondary-box-2 {
    font-size: 60px;
  }

  .quality-list_number {
    font-size: 40px;
  }

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

  .quality-content {
    max-width: 100%;
  }

  .quality-three-line {
    margin-left: 0;
    padding-left: 37px;
  }

  .quality-first-line {
    margin-left: 0;
    padding-right: 154px;
  }

  .quality-text {
    margin-bottom: 40px;
    padding-right: 15px;
  }

  .txt-xl {
    z-index: 90;
    position: relative;
  }

  .icon-wrapper._1, .icon-wrapper._2, .icon-wrapper._3 {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-45 {
    height: 400px;
  }

  .subt-title {
    text-align: left;
  }

  .subt-title.quality {
    font-size: 60px;
  }

  .subt-title.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .subt-title.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .pullout {
    font-size: 1.8em;
  }

  .cta-head.quality {
    font-size: 60px;
  }

  .cta-head.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .cta-head.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .watch-btn {
    display: flex;
  }

  .head-content-wrapper, .div-block-367 {
    width: 90%;
  }

  .title2 {
    padding-top: 13%;
  }

  .div-block-370 {
    width: auto;
  }

  .second-title-copy {
    text-align: center;
  }

  .second-title-copy.white.movie-title, .second-title-copy.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .second-title-copy.about-first-line {
    text-align: left;
    margin-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .second-title-copy.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .second-title-copy.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .second-title-copy.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

  .second-title-copy.bold {
    position: static;
  }

  .second-title-copy.centre {
    text-align: left;
  }

  .div-block-349-copy {
    width: 80vw;
  }

  .div-block-349-copy-copy {
    flex-direction: column;
    width: 80vw;
    display: flex;
  }

  .homepage-expand-120-copy {
    height: auto;
    padding-bottom: 10vh;
  }

  .col-wrapper-copy {
    width: 85%;
  }

  .text-block-40-copy {
    margin-top: -15px;
  }

  .div-block-371 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .header-menu-button-icon-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .header {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .dropdown-nav.last {
    width: 100%;
  }

  .header-menu-button-icon-bottom {
    background-color: #fff;
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
  }

  .container-default-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .dropdown-arrow {
    font-size: 16px;
  }

  .menu-button {
    z-index: 99;
    color: #fff;
    background-color: #4a3aff;
    width: 54px;
    min-width: 54px;
    min-height: 54px;
    padding: 12px;
    font-size: 30px;
    transition: transform .25s;
  }

  .menu-button:hover {
    transform: translate3d(0, -2px, .01px);
  }

  .menu-button.w--open {
    background-color: #4a3aff;
  }

  .header-navigation {
    flex-direction: column;
    align-items: stretch;
    margin-left: 24px;
    margin-right: 24px;
  }

  .nav-menu {
    background-color: #0000;
    padding-top: 0;
  }

  .header-menu-button-icon-medium {
    background-color: #fff;
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
  }

  .dropdown-nav-pages-wrapper {
    width: auto;
  }

  .dropdown-nav-pages-wrapper.last {
    width: 100%;
  }

  .icon-wrapper-2 {
    flex-direction: column;
    justify-content: space-between;
    width: 25px;
    min-height: 21px;
    display: flex;
  }

  .nav-link-dropdown {
    flex: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link {
    font-size: 32px;
    display: block;
  }

  .nav-link.dropdown {
    align-items: flex-end;
    display: flex;
  }

  .dropdown-nav-content {
    flex-wrap: wrap;
  }

  .dropdown-nav-main-wrapper {
    box-shadow: none;
    background-color: #0000;
    justify-content: space-between;
    padding: 0;
  }

  .header-menu-button-icon-top {
    background-color: #fff;
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
  }

  .dropdown-nav-link {
    color: #dadade;
  }

  .dropdown-nav-link:hover {
    color: #9c93ff;
  }

  .nav-item-wrapper {
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .dropdown-list {
    padding-top: 0;
    position: static;
  }

  .text-block-63 {
    font-size: 18px;
  }

  .dropdown-link-2 {
    color: #1e2f5c;
    background-color: #0000;
    border-bottom-color: #b8b8b8;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-list-3-copy-2.w--open {
    background-color: #0000;
    flex-flow: column;
    align-items: center;
    display: flex;
    position: relative;
    left: 0;
  }

  .nav-menu-4 {
    background-color: #dadade;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-height: 100vh;
    padding-bottom: 0;
    overflow: scroll;
  }

  .dropdown-chevron-2 {
    color: #1e2f5c;
    flex: 0 auto;
    margin-right: 28px;
  }

  .menu-button-3 {
    color: #2e323c;
    display: flex;
    position: relative;
  }

  .menu-button-3.w--open {
    color: #096ad0;
    background-color: #0000;
  }

  .navlogo_mobile {
    flex: 1;
    width: 189px;
    display: block;
  }

  .dropdown-list-3.w--open {
    background-color: #0000;
    flex-flow: column;
    align-items: center;
    display: flex;
    position: relative;
    left: 0;
  }

  .nav-cta-button-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .burger-icon {
    color: #fff;
    position: static;
  }

  .wrapper {
    padding: 7% 30px;
  }

  .wrapper.navinside {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-314 {
    display: block;
  }

  .nav-logo-2 {
    flex: 1;
    display: block;
  }

  .nav-logo-2.w--current {
    display: block;
  }

  .div-block-373 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .circle-text {
    width: 250px;
    margin-bottom: -60px;
    margin-left: -79px;
    display: none;
  }

  .dropdown-link-3 {
    color: #1e2f5c;
    background-color: #0000;
    border-bottom-color: #b8b8b8;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-list-3-copy-3.w--open {
    background-color: #0000;
    flex-flow: column;
    align-items: center;
    display: flex;
    position: relative;
    left: 0;
  }

  .nav-menu-5 {
    background-color: #dadade;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-height: 100vh;
    padding-bottom: 0;
    overflow: scroll;
  }

  .menu-button-4 {
    color: #2e323c;
    display: block;
    position: relative;
  }

  .menu-button-4.w--open {
    color: #096ad0;
    background-color: #0000;
  }

  .burger-icon-2 {
    color: #fff;
  }

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

  .nav-logo-3 {
    flex: 1;
    display: block;
  }

  .nav-logo-3.w--current {
    display: block;
  }

  .container-960-2.align-left, .container-960-2.align-left-copy, .container-960-2.align-left-copy {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .wrapper-1000 {
    width: auto;
  }

  .circle-text-2, .circle-text-2-copy {
    width: 250px;
    margin-bottom: -60px;
    margin-left: -79px;
    display: none;
  }

  .div-block-376-copy {
    display: none;
  }

  .col-wrapper-copy-copy {
    width: 85%;
  }

  .last-video {
    width: 100%;
  }

  .section-17-copy {
    padding-top: 10vh;
  }

  .cta-wrapper-diane {
    flex-direction: column;
    width: 80vw;
    display: flex;
  }

  .title-secondary-box2-copy {
    align-items: flex-start;
    width: 80%;
    margin-left: 0;
    margin-right: 0;
    font-size: 60px;
  }

  .title-secondary-box2-copy.centre {
    width: auto;
    margin-bottom: -3px;
  }

  .inside-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-371-copy {
    flex-direction: column;
    align-items: center;
    width: 90%;
    padding: 40px;
    display: flex;
  }

  .subt-title-copy {
    text-align: left;
  }

  .subt-title-copy.quality {
    font-size: 60px;
  }

  .subt-title-copy.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .subt-title-copy.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .text-extra-large-copy {
    font-size: 18px;
  }

  .text-extra-large-copy.centre {
    text-align: center;
  }

  .text-extra-large-copy.left {
    width: 100%;
  }

  .title-secondary-box2-copy-copy {
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
  }

  .title-secondary-box2-copy-copy.centre {
    width: auto;
    margin-bottom: -3px;
  }

  .second-title-copy-copy.white.movie-title, .second-title-copy-copy.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .link-block-45-copy {
    height: 400px;
  }

  ._900-wrapper {
    width: auto;
  }

  .section-21 {
    padding-top: 8vh;
  }

  .second-title-copy-copy {
    text-align: left;
  }

  .second-title-copy-copy.white.movie-title, .second-title-copy-copy.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .second-title-copy-copy.about-first-line {
    text-align: left;
    margin-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .second-title-copy-copy.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .second-title-copy-copy.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .second-title-copy-copy.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

  .second-title-copy-copy.bold {
    position: static;
  }

  .question-quote {
    text-align: left;
  }

  .question-quote.quality {
    font-size: 60px;
  }

  .question-quote.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .question-quote.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .home-title-expereicne {
    text-align: left;
    margin-bottom: 0;
  }

  .home-title-expereicne.white.movie-title, .home-title-expereicne.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .home-title-expereicne.about-first-line {
    text-align: left;
    margin-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .home-title-expereicne.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .home-title-expereicne.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .home-title-expereicne.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

  .home-title-expereicne.bold {
    position: static;
  }

  ._900-wrapper-bg {
    width: auto;
  }

  .cta-big-title {
    text-align: center;
    width: 100%;
  }

  .cta-big-title.white.movie-title, .cta-big-title.white.mleft {
    text-align: left;
    font-size: 60px;
  }

  .cta-big-title.about-first-line {
    text-align: left;
    margin-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .cta-big-title.about-title {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    font-size: 60px;
    display: inline-block;
  }

  .cta-big-title.firstline {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  .cta-big-title.voices-2nd {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    font-size: 60px;
  }

  .cta-big-title.bold {
    position: static;
  }

  .sub-title-diane {
    text-align: center;
  }

  .sub-title-diane.quality {
    font-size: 60px;
  }

  .sub-title-diane.about-title {
    text-align: center;
    justify-content: center;
    padding-left: 112px;
    font-size: 60px;
    display: block;
  }

  .sub-title-diane.about-first-line {
    text-align: right;
    width: 50%;
    margin-left: 0;
    font-size: 60px;
  }

  ._700-wrapper {
    width: 90%;
  }

  .text-block-68 {
    margin-bottom: 2px;
    font-size: 15px;
  }

  .diane-expand-copy {
    padding-top: 8vh;
    display: block;
  }

  .diane-expand-copy.hide {
    display: none;
  }

  .link-block-47._3 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/jake-charles-42epcvn8RVQ-unsplash.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    display: flex;
  }

  .layout-wrapper-2 {
    display: none;
  }

  .text-block-68-copy {
    color: #ffe8d3;
    font-family: Moranga, sans-serif;
    font-size: 20px;
    font-weight: 300;
  }

  .section-17-part1 {
    padding-top: 10vh;
    display: block;
  }

  .section-17-part1.hide, .index-wrapper-desktop {
    display: none;
  }

  .index-chapter-part2 {
    margin-top: 24px;
    margin-right: -21px;
  }

  .bottom-matters.hide {
    display: none;
  }

  .index-item-copy {
    letter-spacing: 3px;
    font-family: nimbus-sans-extended, sans-serif;
    font-size: 11px;
    font-weight: 700;
  }

  .grid-wrapper-copy {
    width: 90%;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-4-copy {
    padding-top: 57px;
    padding-bottom: 59px;
  }

  .heading-15-copy {
    text-align: left;
    line-height: 1.3;
  }

  .home-features-grid-copy {
    width: 100%;
  }

  .cta-text-wrapper-copy {
    width: auto;
  }

  .div-block-384 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/door.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0 0 100px 100px;
    width: 40%;
    height: 140px;
    display: block;
    inset: 0% 0% auto auto;
  }

  .div-block-385 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-374-copy {
    width: 100%;
  }

  .text-extra-large--left.centre {
    text-align: center;
  }

  .text-extra-large--left.left {
    width: 100%;
  }

  .space-2 {
    height: 2vh;
  }
}

@media screen and (max-width: 767px) {
  p {
    max-width: none;
  }

  .heading-hero {
    font-size: 24vw;
  }

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

  .style-guide-sticky {
    padding: 1.5em;
    top: 64px;
  }

  .button {
    display: flex;
  }

  .icon.next {
    width: 5vw;
    height: 5vw;
    right: -2.5vw;
  }

  .text-large {
    font-size: 1.5em;
  }

  .style-color-title {
    width: 200%;
  }

  .text-extra-large {
    width: auto;
    max-width: none;
  }

  .text-extra-large._2 {
    width: auto;
  }

  .hero-portrait-image {
    right: auto;
  }

  .perspective {
    letter-spacing: 1px;
    font-size: 4vw;
  }

  .navbar {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .display-none-mobile, .hero-portrait-scrolling-wrapper {
    display: none;
  }

  .scrolling-loop-item.shrink {
    flex: 0 auto;
  }

  .hero-2-section {
    height: 200vh;
  }

  .gallery-1-section {
    padding-left: 35%;
  }

  .hero-2-text {
    max-width: none;
  }

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

  .footer-1-info {
    text-align: center;
    justify-items: center;
  }

  .footer-1-meta {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    justify-items: center;
    position: relative;
  }

  .footer-1-copyright-link {
    justify-content: center;
  }

  .footer-2-thumbnail-grid {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
  }

  .footer-2-thumbnail {
    width: 40vw;
    height: 40vw;
  }

  .footer-2-meta {
    position: relative;
  }

  .content-section {
    padding-top: 5vh;
  }

  .content-section.padding-top-zero, .content-section.padding-top-zero.padding-bottom-zero {
    padding-top: 0;
  }

  .content-section.padding-bottom-zero, .content-section.style-padding {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .legal-text {
    grid-template-columns: auto;
  }

  .accordion {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-instagram {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .sticky-gallery-image-shift {
    width: 30vh;
    height: 30vh;
  }

  .sticky-gallery-image-shift._3, .sticky-gallery-image-shift._1, .sticky-gallery-image-shift._2, .sticky-gallery-image-shift._4 {
    width: 40vh;
    height: 40vh;
  }

  .sticky-gallery-images {
    width: 90vw;
  }

  .footer-3-container {
    width: 100%;
  }

  .footer-3-brand-title {
    margin-bottom: 2.5vw;
  }

  .footer-3-powered {
    width: 100%;
    margin-bottom: .5em;
  }

  .footer-3-meta-links {
    justify-items: center;
    position: relative;
  }

  .content-side-section {
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
  }

  .content-min-height.show-on-load-2nd {
    min-height: 60vh;
  }

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

  .sticky-side-column {
    height: auto;
    position: static;
    top: 0;
  }

  .sticky-side-column.intro {
    height: auto;
  }

  .about-2-grid {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .list-small {
    width: 100%;
  }

  .about-2-experience {
    padding-top: 5vh;
  }

  .moving-post {
    font-size: 1.5em;
  }

  .moving-post-date {
    font-size: .5em;
  }

  .moving-post-item {
    padding-top: 1.25vw;
  }

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

  .title-3.display-inline {
    margin-right: 10px;
  }

  .heading-hero-2 {
    font-size: 24vw;
  }

  .about-1-title-description {
    text-align: right;
    margin-bottom: 5vw;
  }

  .contact-1-image-shift {
    width: 50vw;
  }

  .post-grid {
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
  }

  .post-category {
    padding-top: 2.5vw;
  }

  .post-sticky {
    position: static;
  }

  .post-image {
    margin-top: 5vw;
  }

  .navbar-3-menu {
    padding-left: 5vw;
    padding-right: 5vw;
    inset: 0% 0% auto;
  }

  .title-3-alternative {
    font-size: 9.5vw;
  }

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

  .demo-3-contact-grid {
    margin-top: 2.5vw;
  }

  .title-3-wrapper {
    width: 95vw;
  }

  .sticky-contact {
    position: relative;
    bottom: 0;
  }

  .navbar-2-menu {
    width: 100vw;
  }

  .navbar-2-link-wrapper {
    font-size: 12vw;
  }

  .projects-template-title {
    font-size: 70px;
    line-height: 75px;
  }

  .projects-template-section {
    margin-top: 10vw;
  }

  .projects-template-description {
    max-width: none;
  }

  .text-xx-large {
    max-width: none;
    font-size: 3em;
  }

  .about-grid {
    grid-template-columns: 10vw 1fr;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .about-grid-headline {
    font-size: 23vw;
  }

  .caption-grid {
    grid-template-columns: 40px 1fr;
  }

  .fsfsfds-copy {
    grid-template-columns: 10vw 1fr;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .about-grid-1 {
    padding-left: 0;
  }

  .text-inside {
    padding-right: 0;
    left: 0;
  }

  .testimonial-wrap {
    grid-row-gap: 10vh;
    grid-template-columns: 1fr;
  }

  .about-grid-image {
    padding-bottom: 1.125vw;
  }

  .legal-title {
    font-size: 3em;
  }

  .project-detail-wrap {
    margin-bottom: -15vw;
  }

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

  .cms-all-projects {
    width: 100%;
  }

  .cms-post-underline {
    grid-template-columns: 1fr;
  }

  .post-underline {
    padding-bottom: 10vw;
  }

  .fullscreen-work {
    width: auto;
    height: 50vh;
    margin-bottom: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .fullscreen-work-small {
    width: auto;
    height: 50vh;
  }

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

  .intro-title {
    font-size: 9.5vw;
  }

  .heading-example {
    flex: 1;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 38px;
    line-height: 1;
  }

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

  .button-outline._1 {
    display: none;
  }

  .grid-2 {
    grid-template-columns: 1fr;
    margin-bottom: 5%;
  }

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

  .div-block-5 {
    margin-top: 32px;
  }

  .paragraph {
    margin-bottom: 1.3em;
    font-size: 1em;
  }

  .bg.cta-shape-3 {
    width: 30%;
    bottom: 227px;
    right: -28px;
  }

  .split-content.home-features-left {
    margin-bottom: 16px;
  }

  .split-content.header-right {
    max-width: 220px;
  }

  .cta-wrapper {
    flex-direction: column;
    padding: 62px 45px;
  }

  .button-secondary.cta {
    display: block;
  }

  .button-secondary.cta.hide {
    display: none;
  }

  .title.h3-size {
    font-size: 23px;
  }

  .title.h3-size.cta {
    text-align: left;
    line-height: 120%;
  }

  .title.neutral-100.card-home-feature {
    margin-bottom: 10px;
  }

  .title.dropdown-nav-title {
    margin-bottom: 35px;
    font-size: 18px;
  }

  .div-block-19 {
    border-top: 1px #1e2f5c;
    margin-top: 20px;
    padding-top: 40px;
  }

  .footer-content {
    flex-flow: column wrap;
    margin-top: 67px;
    margin-bottom: 40px;
    display: block;
  }

  .footer-nav-wrapper2 {
    border-top-style: solid;
    border-top-color: #1e2f5c;
    flex: 1;
    width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
    padding-top: 40px;
    padding-right: 30px;
  }

  .footer-nav {
    padding-left: 0;
  }

  .footer-nav.last {
    text-align: left;
  }

  .footer-nav-content {
    justify-content: space-between;
    padding-left: 0;
  }

  .footer-nav-wrapper {
    border-right-style: none;
    flex: 1;
    width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
    padding-right: 0;
  }

  .footer-title-2 {
    margin-bottom: 15px;
  }

  .hero-scroll-lottie-contain {
    display: none;
  }

  .text-extra-large-2 {
    max-width: none;
    font-size: 2em;
  }

  .paragraph-3 {
    margin-top: 2em;
    margin-bottom: 0;
    font-size: 1.3em;
  }

  .block-quote {
    font-size: 28px;
  }

  .heading-testimony-sub {
    font-size: 24vw;
  }

  .hero-subtitle {
    font-size: 1.6em;
  }

  .section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-3.hero {
    height: 120vh;
  }

  .container-3.absolute {
    display: none;
    bottom: 150px;
  }

  .hero-headline-wrapper {
    margin-bottom: 72px;
  }

  .h1-hero {
    font-size: 5em;
  }

  .container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blak-cover.pain-free {
    background-image: linear-gradient(#2d504c26, #2d504c26), linear-gradient(93deg, #2d504c 1%, #0000), linear-gradient(#0000001a, #0000001a), url('../images/julia-solonina--8dCJ4ZQU3g-unsplash.jpg');
    background-position: 0 0, 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
  }

  ._80 {
    width: 90%;
  }

  .overlay-text {
    width: 85%;
    margin-left: auto;
  }

  .heading-13-copy {
    margin-bottom: 1em;
    font-size: 1.7em;
  }

  .image-2 {
    display: block;
  }

  ._4-col {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .home-extras-wrap {
    flex-direction: column;
  }

  .home-extras-content {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .hover-link-wrapper {
    display: none;
  }

  .hover-link-wrapper.project-view-link {
    display: flex;
  }

  .project-item {
    width: 100%;
    height: auto;
  }

  .section-about {
    padding-top: 20%;
  }

  .header-lottie-wrap {
    width: 30rem;
    height: 30rem;
    top: -5%;
  }

  .bg-wrap-skew {
    width: 65%;
    max-width: 70%;
    height: 30rem;
    top: 25%;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-40 {
    margin-top: 0;
    font-size: 45px;
    line-height: 1.3em;
  }

  .video-cover {
    width: auto;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .stacked-title {
    display: block;
  }

  .heading {
    font-size: 36px;
  }

  .left-intro {
    padding-right: 0;
  }

  .section-4 {
    padding-top: 31px;
    padding-bottom: 80px;
  }

  .four-column {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .abhero-2nd-section-contain {
    width: 100%;
  }

  .main-button {
    justify-content: center;
    display: flex;
  }

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

  .hero-headline-wrap {
    margin-bottom: 72px;
  }

  .large-para {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.8em;
  }

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

  .container-home {
    padding-left: 5%;
    padding-right: 5%;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

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

  .timeline_left {
    text-align: left;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_quote-image {
    margin-top: 24px;
    margin-right: 0;
  }

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

  .text-link-2.text-light-grey.privacy-policy {
    margin-bottom: 16px;
  }

  .hero-nav {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .button-inverted {
    padding: 14px 24px;
  }

  .footer_credits-wrapper {
    flex-direction: column-reverse;
  }

  .background-layer {
    background-position: 0 0, 50% 100%;
    background-size: 300px 300px, auto;
  }

  .padding-vertical-footer {
    padding-top: 80px;
    padding-bottom: 64px;
  }

  .button-icon-small {
    padding: 10px 16px 10px 14px;
  }

  .button-icon-small.hide-mobile {
    display: none;
  }

  .button-icon-small-secondary {
    padding: 10px 16px 10px 14px;
  }

  .button-icon-small-secondary.margin-right-small.mobile-margin-right-zero {
    margin-right: 0;
  }

  .padding-vertical-xxlarge {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .dropdown-list-3-copy.w--open {
    display: block;
    left: 0;
  }

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

  .nav-link-4.dropdown2 {
    width: 90%;
  }

  .nav-link-4.dropdown2.w--open {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link-4.dropdown {
    width: 90%;
  }

  .nav-link-4.dropdown.w--open {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-7, .text-block-4, .text-block-5 {
    display: none;
  }

  .link-arrow-wrappermain {
    width: 130px;
    top: 20%;
    left: 37%;
  }

  .video_header_wrapper {
    width: auto;
  }

  .div-block-344 {
    display: flex;
  }

  .heading-17 {
    font-size: 3.2em;
  }

  .chapter-number {
    font-size: 1.2em;
  }

  ._2-column {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .subline {
    display: block;
  }

  .modal_pop {
    width: 90%;
  }

  .modal_close.close {
    right: 0%;
  }

  .share-modal-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cta-text-wrapper {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-349 {
    grid-template-columns: 1fr;
  }

  .video-head {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .catalog-btn {
    width: auto;
    margin-left: 0;
  }

  .section-7 {
    padding-bottom: 100px;
  }

  .section-7.section-movie {
    margin-bottom: 0;
    padding-top: 159px;
    padding-bottom: 40px;
  }

  .movie-title_wrapper {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .container-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .title-span.about-second-line {
    padding-right: 5px;
  }

  .title-span.about-second-line.title-span--italic {
    display: inline;
  }

  .title-span.quality-second-line.title-span--italic {
    margin-left: 0;
  }

  .second-title {
    font-size: 49px;
  }

  .second-title.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .second-title.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .second-title.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    display: block;
  }

  .second-title.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .second-title.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .second-title.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .second-title.bold {
    font-size: 2em;
  }

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

  .greeting_second-img-btm {
    width: 25%;
  }

  .title-secondary-box {
    flex-direction: column;
    width: 60%;
    margin-left: auto;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: center;
    width: 100%;
  }

  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .main-slide-title {
    text-align: center;
    letter-spacing: 2px;
    font-size: 3em;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
    display: flex;
  }

  .c-slide-btn {
    width: 30%;
    padding: 3vw;
  }

  .c-slide-btn-block {
    width: 12vw;
    height: 12vw;
  }

  .main-slide-description {
    text-align: center;
    letter-spacing: 2px;
    font-size: 2.7em;
  }

  .play-btn {
    width: 20px;
    height: 20px;
  }

  .h3 {
    font-size: 1.7rem;
  }

  .circle-number.steps4, .circle-number.steps2 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .circle-number.steps1 {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
  }

  .circle-number.steps3 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .phone-mock_tab {
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em;
    height: 29px;
  }

  .phone-mock {
    box-shadow: none;
    width: 150%;
  }

  .sticky-container {
    height: auto;
  }

  .section-8 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .container-6 {
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }

  .sticky-text_wrapper.steps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 40px 1fr;
  }

  .sticky-img_wrapper {
    display: none;
  }

  .sticky-img_wrapper.cc-steps {
    width: 100%;
    display: flex;
  }

  .paragraph-l {
    font-size: 1.1rem;
  }

  .paragraph-l.cc-sm-small {
    font-size: 1rem;
  }

  .phone-mock_wrapper {
    position: absolute;
    left: auto;
    right: -28px;
    overflow: hidden;
  }

  .intro-wrapper {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .title-secondary-box2 {
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    display: block;
  }

  .thumb-img-2 {
    height: 340px;
  }

  .link-arrow-wrappermain-2 {
    width: 130px;
    top: 20%;
    left: 37%;
  }

  .section-11 {
    margin-top: 17%;
  }

  .first-title {
    font-size: 49px;
  }

  .first-title.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .first-title.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .first-title.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .first-title.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .first-title.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .first-title.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .text-block-53 {
    margin-bottom: 0;
  }

  .grid-9 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  ._1-col, ._1col {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .play-btn-big {
    width: 20px;
    height: 20px;
  }

  .subtitle-3 {
    margin-bottom: 16px;
  }

  .section-13 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .image.card-home-feature-icon {
    margin-bottom: 35px;
  }

  .card-home-feature-content {
    max-width: 575px;
  }

  .home-features-grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .card.home-feature {
    padding: 20px;
  }

  .content-top.home-features {
    margin-bottom: 50px;
  }

  .home-icon.next {
    width: 5vw;
    height: 5vw;
    right: -2.5vw;
  }

  .index-item {
    letter-spacing: 0;
  }

  .mobile-none {
    display: none;
  }

  .nav_name-text {
    line-height: 1;
  }

  .video_header_wrapper-copy {
    width: 85%;
  }

  .div-block-357 {
    width: 90%;
    margin-top: -2px;
  }

  .huge-heading {
    font-size: 6vh;
  }

  .sticky-menu {
    flex-direction: row;
    margin-top: 0;
    padding-top: 20px;
    top: 0;
  }

  .list-link {
    flex: none;
    margin-right: 20px;
  }

  .mute-unmute-wrapper {
    display: none;
  }

  .verse-quote {
    width: auto;
  }

  .sticky-gallery-images-2 {
    width: 75vw;
  }

  .button-withbg.mob {
    font-family: Droid Sans, sans-serif;
    display: block;
  }

  .button-withbg._1 {
    display: none;
  }

  .div-block-363 {
    top: 7px;
  }

  .about-text {
    text-align: center;
    max-width: 600px;
  }

  .about-box {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .second-title-2 {
    font-size: 49px;
  }

  .second-title-2.quality {
    text-align: left;
    font-size: 49px;
  }

  .second-title-2.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .second-title-2.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .about-content {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    padding-right: 10px;
    display: flex;
  }

  .about-picture_wrapper.ml40 {
    max-width: 290px;
    margin-top: 0;
  }

  .about-picture_wrapper.padding {
    display: none;
  }

  .star.star-10.star-mini {
    left: 48.5%;
  }

  .star.star-8.star-mini {
    top: 39%;
    left: 4px;
  }

  .star.star-9.star-mini, .star.star-12.star-mini {
    right: 4px;
  }

  .star.star-13.star-mini {
    left: 48.5%;
  }

  .star.star-11 {
    top: -15%;
    left: -10px;
  }

  .title-secondary-box-2 {
    flex-direction: column;
    display: flex;
  }

  .quality-main {
    display: flex;
  }

  .quality-content {
    width: 100%;
  }

  .quality-three-line {
    padding-left: 0;
  }

  .quality-first-line {
    padding-right: 0;
  }

  .quality-text {
    text-align: left;
    padding-right: 0;
  }

  .section-col.section-1 {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .heading-wrapper {
    width: auto;
  }

  .txt-xl {
    z-index: 80;
    position: relative;
  }

  .txt-xl.centre {
    letter-spacing: 2px;
    font-size: 30px;
  }

  .txt-xs {
    font-size: .875em;
  }

  .link-block-45 {
    height: 400px;
  }

  .subt-title {
    font-size: 14px;
  }

  .subt-title.quality {
    text-align: left;
    font-size: 49px;
  }

  .subt-title.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .subt-title.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .cta-head.quality {
    text-align: left;
    font-size: 49px;
  }

  .cta-head.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .cta-head.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .text-extra-large-copy {
    max-width: none;
  }

  .watch-gospel-wrapper {
    width: 25%;
  }

  .watch-btn {
    display: flex;
  }

  .col-wrapper.section-1 {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .div-block-369 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .second-title-copy {
    font-size: 30px;
  }

  .second-title-copy.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .second-title-copy.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .second-title-copy.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    display: block;
  }

  .second-title-copy.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .second-title-copy.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .second-title-copy.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .second-title-copy.bold {
    font-size: 2em;
  }

  .second-title-copy.centre {
    text-align: center;
    font-size: 35px;
  }

  .section-18 {
    padding-bottom: 10vh;
  }

  .div-block-349-copy, .div-block-349-copy-copy {
    grid-template-columns: 1fr;
  }

  .col-wrapper-copy {
    width: 90%;
  }

  .col-wrapper-copy.section-1 {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .text-block-40-copy {
    margin-top: 0;
    font-size: 70px;
    line-height: 1.2em;
  }

  .header-wrapper {
    display: block;
  }

  .header {
    padding-top: 33px;
    padding-bottom: 33px;
  }

  .dropdown-nav {
    margin-right: 15px;
  }

  .dropdown-arrow {
    font-size: 14px;
  }

  .nav-menu {
    padding-top: 120px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .dropdown-nav-pages-wrapper {
    margin-right: 30px;
  }

  .nav-link {
    font-size: 28px;
  }

  .dropdown-nav-main-wrapper {
    padding-top: 35px;
  }

  .nav-item-wrapper {
    padding-top: 13px;
    padding-bottom: 13px;
    position: absolute;
    inset: 30% 0% auto;
  }

  .dropdown-list-3-copy-2.w--open {
    display: block;
    left: 0;
  }

  .nav-menu-4 {
    min-width: 400px;
  }

  .dropdown-chevron-2 {
    color: #1e2f5c;
  }

  .menu-button-3 {
    width: 56px;
    height: 56px;
    margin-right: 4px;
    display: none;
  }

  .navlogo_mobile {
    width: 190px;
    height: 100%;
    display: block;
  }

  .navlogo_mobile.w--current {
    display: block;
  }

  .dropdown-list-3.w--open {
    display: block;
    left: 0;
  }

  .wrapper {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .wrapper.navinside {
    justify-content: space-around;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-logo-2.w--current {
    display: block;
  }

  .greeting_second-img-btm-2 {
    width: 25%;
    display: none;
  }

  .circle-text {
    width: 200px;
  }

  .dropdown-list-3-copy-3.w--open {
    width: auto;
    display: block;
    left: 0;
  }

  .nav-menu-5 {
    min-width: 400px;
  }

  .menu-button-4 {
    width: 56px;
    height: 56px;
    margin-right: 4px;
  }

  .nav-logo-3, .nav-logo-3.w--current {
    display: block;
  }

  .circle-text-2 {
    width: 170px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    bottom: -8%;
  }

  .div-block-376 {
    justify-content: center;
    padding-top: 47px;
    padding-bottom: 32px;
    display: flex;
  }

  .circle-text-2-copy {
    width: 200px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    bottom: -8%;
  }

  .div-block-376-copy {
    justify-content: center;
    padding-top: 47px;
    padding-bottom: 32px;
    display: none;
  }

  .col-wrapper-copy-copy {
    width: 90%;
  }

  .col-wrapper-copy-copy.section-1 {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .txt-xl-copy.centre {
    letter-spacing: 2px;
    font-size: 30px;
  }

  .cta-wrapper-diane {
    grid-template-columns: 1fr;
  }

  .title-secondary-box2-copy {
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    display: block;
  }

  .div-block-371-copy {
    justify-content: center;
    width: 100%;
  }

  .subt-title-copy {
    font-size: 14px;
  }

  .subt-title-copy.quality {
    text-align: left;
    font-size: 49px;
  }

  .subt-title-copy.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .subt-title-copy.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .text-extra-large-copy {
    width: auto;
    max-width: none;
  }

  .text-extra-large-copy._2 {
    width: auto;
  }

  .title-secondary-box2-copy-copy {
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    display: block;
  }

  .link-block-45-copy {
    height: 400px;
  }

  ._900-wrapper {
    width: 90%;
  }

  .second-title-copy-copy {
    font-size: 30px;
  }

  .second-title-copy-copy.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .second-title-copy-copy.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .second-title-copy-copy.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    display: block;
  }

  .second-title-copy-copy.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .second-title-copy-copy.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .second-title-copy-copy.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .second-title-copy-copy.bold {
    font-size: 2em;
  }

  .question-quote {
    font-size: 14px;
  }

  .question-quote.quality {
    text-align: left;
    font-size: 49px;
  }

  .question-quote.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .question-quote.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .home-title-expereicne {
    font-size: 30px;
  }

  .home-title-expereicne.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .home-title-expereicne.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .home-title-expereicne.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    display: block;
  }

  .home-title-expereicne.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .home-title-expereicne.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .home-title-expereicne.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .home-title-expereicne.bold {
    font-size: 2em;
  }

  .cta-big-title {
    font-size: 30px;
  }

  .cta-big-title.white.movie-title {
    text-align: left;
    font-size: 49px;
  }

  .cta-big-title.white.mleft {
    margin-left: 0;
    font-size: 49px;
  }

  .cta-big-title.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    display: block;
  }

  .cta-big-title.about-title {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    padding-left: 0;
    font-size: 49px;
    display: block;
  }

  .cta-big-title.firstline {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
    position: static;
  }

  .cta-big-title.voices-2nd {
    direction: ltr;
    text-align: center;
    white-space: nowrap;
    flex-direction: row-reverse;
    align-self: flex-end;
    width: auto;
    margin-top: -20px;
    padding-left: 0;
    font-size: 49px;
    line-height: .9;
    display: block;
    position: static;
  }

  .cta-big-title.bold {
    font-size: 2em;
  }

  .sub-title-diane {
    font-size: 17px;
    line-height: 1.5em;
  }

  .sub-title-diane.quality {
    text-align: left;
    font-size: 49px;
  }

  .sub-title-diane.about-title {
    direction: rtl;
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 100%;
    padding-left: 0;
    font-size: 49px;
  }

  .sub-title-diane.about-first-line {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 49px;
  }

  .div-block-379 {
    align-items: center;
  }

  .div-block-382 {
    width: 70%;
  }

  .index-chapter-part2 {
    margin-right: -16px;
  }

  .index-item-copy {
    letter-spacing: 0;
  }

  .section-4-copy {
    padding-top: 51px;
    padding-bottom: 80px;
  }

  .heading-15-copy {
    font-size: 1.4em;
  }

  .home-features-grid-copy {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-text-wrapper-copy {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-384 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/door.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0 0 80px 80px;
    width: 50%;
    height: 180px;
    inset: 0% 0% auto auto;
  }

  .text-extra-large--left {
    width: auto;
    max-width: none;
  }

  .text-extra-large--left._2 {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .style-guide-row {
    grid-template-columns: 1fr;
  }

  .button {
    margin-right: 30px;
  }

  .style-guide-column {
    grid-auto-flow: row;
    display: block;
  }

  .icon.next {
    width: 10vw;
    height: 10vw;
    right: -5vw;
  }

  .text-large {
    font-size: 1.3em;
  }

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

  .style-color-title {
    transform: ;
    width: auto;
    inset: 12px auto auto 12px;
  }

  .utility-heading {
    font-size: 6em;
  }

  .text-extra-large {
    opacity: .9;
    line-height: 32px;
  }

  .text-extra-large.centre {
    text-align: left;
    margin-top: 0;
  }

  .hero-portrait-image {
    width: 64vw;
  }

  .hero-portrait-section {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 75vh;
  }

  .hero-portrait-title {
    position: static;
  }

  .perspective {
    letter-spacing: 0;
    font-size: 5vw;
  }

  .load-rotated-1st {
    letter-spacing: 0;
  }

  .navbar.demo-3 {
    z-index: 999;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .footer-1 {
    grid-row-gap: 10vw;
  }

  .link.menu-2 {
    align-items: flex-start;
  }

  .footer-1-social-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 10vw;
    grid-template-columns: auto auto auto auto;
    grid-auto-flow: row;
  }

  .footer-1-meta {
    grid-auto-flow: row;
  }

  .footer-2 {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-2-introduction {
    width: 100%;
  }

  .footer-2-thumbnail-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
  }

  .footer-2-thumbnail {
    width: 90vw;
    height: 90vw;
  }

  .footer-2-thumbnail-text {
    font-size: 10vw;
  }

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

  .footer-2-contact-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 10vw 1fr;
  }

  .footer-2-meta {
    grid-auto-flow: row;
    padding-left: 10vw;
  }

  .content-section {
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .content-section.style-padding {
    padding-top: 0;
  }

  .legal-contact-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 10vw 1fr;
  }

  .legal-image {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .accordion-item {
    padding: 7vw 0;
  }

  .accordion-trigger {
    align-items: flex-start;
  }

  .accordion-expand-icon {
    width: 30px;
    height: 30px;
  }

  .accordion-content {
    padding-left: 0;
    padding-right: 0;
  }

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

  .accordion-expand-minus {
    width: 12px;
    height: 2px;
  }

  .accordion-expand-plus {
    width: 2px;
    height: 12px;
  }

  .accordion-title {
    align-items: start;
  }

  .accordion-title-number {
    font-size: 30px;
  }

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

  .link-circle-button {
    width: 30px;
    height: 30px;
    padding: 8px;
    bottom: 5vw;
    left: 5vw;
  }

  .sticky-gallery-image-shift {
    width: 20vh;
    height: 20vh;
  }

  .sticky-gallery-image-shift._3, .sticky-gallery-image-shift._1, .sticky-gallery-image-shift._2, .sticky-gallery-image-shift._4 {
    width: 30vh;
    height: 30vh;
  }

  .footer-3 {
    padding-bottom: 10vh;
  }

  .footer-3-container {
    font-size: 20px;
  }

  .footer-3-brand-title {
    font-size: 20vw;
    line-height: .8;
  }

  .footer-3-inner-grid {
    font-size: 1.125em;
  }

  .service-list-item {
    padding-bottom: 2.5vw;
  }

  .service-grid-2x-list-small {
    grid-row-gap: 2.5vw;
    grid-template-columns: 1fr;
    padding-top: 2.5vw;
  }

  .text-work-grid {
    grid-row-gap: 20vw;
  }

  .text-work-title {
    font-size: 18vw;
  }

  .text-work-title.caption.work {
    margin-left: 0;
  }

  .content-side-section {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    margin-top: 4vh;
  }

  .content-min-height {
    min-height: 50vh;
  }

  .content-min-height.show-on-load-2nd {
    height: 70vh;
    min-height: 650px;
  }

  .button-circle-filled {
    width: 50vw;
    height: 50vw;
  }

  .grid-paragraph {
    grid-row-gap: 10vw;
  }

  .service-grid-1x-list {
    grid-row-gap: 2.5vw;
    grid-template-columns: 1fr;
    padding-top: 2.5vw;
  }

  .content-1st-section {
    justify-content: flex-end;
    min-height: 50vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .cms-list-post {
    column-count: 1;
  }

  .post-link {
    margin-bottom: 10vw;
  }

  .post-link-cta {
    margin-top: 2.5vw;
  }

  .about-2-grid {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .about-2-contact {
    align-items: flex-end;
    padding-bottom: 5vh;
    padding-left: 0;
  }

  .about-2-images {
    width: 100%;
  }

  .about-2-image-2 {
    display: none;
  }

  .about-2-clients {
    padding-top: 5vh;
  }

  .list-small {
    grid-row-gap: 2.5vw;
    grid-template-columns: 1fr;
    padding-top: 2.5vw;
  }

  .about-2-clients-grid {
    grid-row-gap: 5vh;
    grid-template-columns: 1fr;
  }

  .about-2-experience {
    width: 100%;
    padding-top: 5vh;
  }

  .about-2-contact-grid {
    grid-row-gap: 2.5vw;
    text-align: right;
    justify-content: end;
    justify-items: end;
  }

  .about-2-contact-item {
    align-items: flex-end;
  }

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

  .nav-menu-3-grid {
    grid-auto-flow: row;
  }

  .title-3.display-inline {
    font-size: 2em;
  }

  .demo-3-main-grid {
    grid-template-columns: .25fr;
  }

  .grid-mini-paragraph {
    grid-row-gap: 10vw;
  }

  .link-column {
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
  }

  .blog-1-list {
    grid-row-gap: 10vw;
    grid-template-columns: 1fr;
  }

  .blog-1-slide {
    height: 67.5vw;
  }

  .about-1-title-grid {
    grid-row-gap: 2.5vw;
  }

  .about-1-title-description {
    text-align: left;
  }

  .contact-1-image-shift {
    width: 75vw;
  }

  .button-circle-outline {
    width: 50vw;
    height: 50vw;
  }

  .cms-works-1-item {
    padding-bottom: 10vh;
    padding-left: 10vw;
    padding-right: 0%;
  }

  .cms-works-1-item:nth-child(2n) {
    flex-direction: column;
    align-items: flex-end;
    margin-left: 0;
  }

  .cms-works-1-title {
    margin-top: 0;
    margin-left: 0;
  }

  .cms-works-1-title.link {
    overflow: visible;
  }

  .nav-menu-1-grid {
    padding-bottom: 20vh;
  }

  .navbar-1-link {
    font-size: 14vw;
  }

  .nav-menu-1-social {
    grid-auto-flow: row;
    justify-items: end;
  }

  .navbar-3-menu {
    font-size: 1.5em;
  }

  .menu-button-3 {
    width: 65px;
    height: 65px;
  }

  .title-3-wrapper {
    width: 90vw;
  }

  .navbar-2-menu {
    text-align: left;
  }

  .nav-menu-2-grid {
    grid-auto-flow: row;
    justify-items: start;
    padding-top: 20vh;
    padding-bottom: 15vh;
  }

  .navbar-2-link-wrapper {
    font-size: 16vw;
  }

  .nav-menu-2-column {
    justify-items: start;
  }

  .navbar-2-social-grid {
    grid-template-columns: auto auto auto auto auto;
    grid-auto-flow: row;
    justify-items: start;
  }

  .heading-post-next, .heading-post-title {
    letter-spacing: 0;
  }

  .footer-1-heading {
    font-size: 3em;
  }

  .projects-template-1st-section {
    justify-content: flex-end;
    min-height: 50vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .projects-template-title {
    font-size: 40px;
    line-height: 50px;
  }

  .projects-template-section {
    margin-top: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .projects-template-intro-grid {
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
  }

  .text-xx-large {
    letter-spacing: .025em;
    font-size: 2em;
    line-height: 1.25;
  }

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

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

  .about-grid-inside {
    grid-row-gap: 2.5vw;
  }

  .title-3-small {
    font-size: 25vw;
  }

  .cms-list-projects-item {
    font-size: 6vw;
  }

  .fsfsfds-copy {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

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

  .content-hero-section {
    justify-content: flex-end;
    min-height: 85vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .square-image-hero {
    top: -35vw;
  }

  .small-square-image-hero {
    width: 20vw;
    height: 20vw;
  }

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

  .line-top.underline, .line-bottom.underline {
    left: 5vw;
    right: 5vw;
  }

  .testimonial-image-wrap {
    margin-top: 5vh;
  }

  .legal-title {
    font-size: 2em;
  }

  .project-detail-wrap {
    margin-bottom: -19vw;
  }

  .next-project-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .overflow-hidden-max-w {
    max-width: none;
  }

  .cms-post-underline {
    grid-row-gap: 10vw;
  }

  .post-underline-icon.icon {
    display: none;
  }

  .cms-side-works {
    grid-template-columns: 1fr;
  }

  .fullscreen-work-title {
    font-size: 18vw;
  }

  .cms-work-2x {
    grid-template-columns: 1fr;
  }

  .fullscreen-work-title-small-inside, .fullscreen-work-title-small {
    font-size: 18vw;
  }

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

  .intro-paragraph {
    max-width: none;
  }

  .section {
    height: 60vh;
    display: block;
    overflow: hidden;
  }

  .div-block {
    height: 100%;
    min-height: 400px;
    display: flex;
  }

  .heading-example {
    font-size: 20px;
    line-height: 1;
  }

  .div-block-2 {
    width: 80vw;
    margin-top: 0;
  }

  .button-outline {
    width: 100%;
    padding: 18px 20px;
  }

  .button-underline {
    margin-top: 20px;
  }

  .button-wrapper {
    margin-top: 0;
  }

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

  .div-block-3 {
    margin-bottom: 8%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-4 {
    width: 40px;
    height: 40px;
  }

  .text-block {
    text-align: center;
    margin-right: 0;
    font-size: 12px;
  }

  .paragraph.hide {
    font-size: 1.05em;
  }

  .content-container-nopadding, .container-default {
    padding-left: 0;
    padding-right: 0;
  }

  .split-content.cta-left {
    margin-bottom: 35px;
  }

  .split-content.home-features-left {
    margin-bottom: 14px;
  }

  .split-content.header-right {
    max-width: 50%;
  }

  .split-content.header-left {
    width: 100%;
  }

  .cta-wrapper {
    align-items: stretch;
    padding: 52px 25px;
  }

  .button-secondary {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .button-secondary.cta {
    width: 100%;
    display: block;
  }

  .title.h3-size {
    font-size: 21px;
  }

  .title.h3-size.cta {
    text-align: left;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    line-height: 120%;
    text-decoration: none;
  }

  .title.neutral-100.card-home-feature {
    text-align: left;
    width: 80%;
    margin-top: 6px;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 16px;
  }

  .div-block-19 {
    align-items: center;
    width: 90%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 0;
  }

  .text-block-16-copy {
    text-align: left;
  }

  .footer-content {
    flex-direction: column-reverse;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    display: flex;
  }

  .footer-nav-wrapper2 {
    border-top-style: none;
    width: 90%;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-right: 0;
  }

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

  .footer-nav {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 9px;
  }

  .footer-nav.last {
    border-left-style: none;
    padding-top: 0;
    padding-left: 9px;
  }

  .footer-nav-wrapper {
    border-top-style: solid;
    border-top-color: #1e2f5c;
    width: 90%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-right: 25px;
  }

  .footer-nav-item {
    margin-bottom: 15px;
  }

  .footer-title-2 {
    margin-bottom: 10px;
  }

  .form-block-2 {
    margin-bottom: 0;
  }

  .footer {
    padding-bottom: 10%;
  }

  .section-2 {
    padding-top: 15%;
    padding-bottom: 21%;
  }

  .container {
    padding: 20em 4.58em;
  }

  .container.is-value {
    padding: 4em 2em;
  }

  .link-it {
    width: 100%;
    margin-top: 20em;
    margin-bottom: 20em;
  }

  .valueitalian {
    text-align: left;
    font-size: 37px;
  }

  .link-en {
    width: 100%;
  }

  .valueenglish {
    text-align: left;
    font-size: 2em;
    line-height: 1.3;
  }

  .text-wrap {
    transform: scale(2);
  }

  .text-block-37 {
    font-size: 20px;
  }

  .demo-3-main-grid-2 {
    grid-template-columns: .33fr 1fr;
  }

  .text-extra-large-2 {
    font-size: 1.5em;
    line-height: 1.25;
  }

  .projects-template-content-grid {
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
  }

  .paragraph-3 {
    margin-top: 2em;
    font-size: 1.3em;
    line-height: 1.4;
  }

  .paragraph-standard {
    margin-bottom: 0;
    line-height: 32px;
  }

  .block-quote.indent {
    padding-left: 20px;
    font-size: 1.5em;
  }

  .hero-subtitle {
    width: 80%;
    font-size: 18px;
  }

  .container-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-3.absolute {
    bottom: 210px;
  }

  .hero-headline-wrapper {
    margin-bottom: 170px;
  }

  .h1-hero {
    max-width: 350px;
    font-size: 45px;
  }

  .homepage-expand-200 {
    height: auto;
    padding-bottom: 0;
    display: block;
  }

  .homepage-expand-200._2 {
    height: 120vh;
  }

  .homepage-expand-200.undeserve {
    height: 150vh;
  }

  .image-mask {
    display: block;
  }

  .blak-cover._3 {
    background-image: linear-gradient(91deg, #271b1bc2 4%, #0000), linear-gradient(#00000042, #00000042), url('../images/L1100360.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .paragraph-4.centre {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.2em;
    line-height: 2em;
  }

  .sicky-video__testimonial {
    padding-left: 0;
    padding-right: 0;
  }

  .container-960.align-left, .container-960.align-left-copy {
    padding-bottom: 15vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .cta__wrap.more-padding {
    margin-top: -137vh;
  }

  .cta__wrap._3 {
    margin-top: 12vh;
  }

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

  ._80 {
    width: 100%;
  }

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

  .vh {
    height: auto;
    min-height: 60vh;
  }

  .vh.more {
    min-height: 80vh;
  }

  .div-block-330 {
    width: auto;
  }

  .card__column-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .card__column__left {
    width: 60%;
  }

  .cards__left-paragraph {
    display: none;
  }

  .cards__left-paragraph.mobile {
    margin-top: 7px;
    display: block;
  }

  .card__column__right {
    margin-top: 40px;
  }

  .div-block-332 {
    height: 50vh;
  }

  .btn {
    text-align: center;
    display: block;
  }

  ._4-col {
    margin-left: 0;
  }

  .project-card-info {
    padding: 18px 12px;
  }

  .div-block-333 {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-335 {
    margin-top: 5vh;
  }

  .vh-height {
    height: auto;
    min-height: 60vh;
  }

  .section-about {
    height: auto;
    padding-top: 30%;
  }

  .header-lottie-wrap {
    z-index: 3;
    width: 20rem;
    height: 20rem;
    inset: -3% 0% auto 5%;
  }

  .heading-large {
    letter-spacing: 1px;
    font-family: Moranga, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
  }

  .bg-wrap-skew {
    width: 300px;
    height: 300px;
    top: 24%;
  }

  .bg-wrap-skew._3 {
    height: 300px;
  }

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-39 {
    font-size: 1.2em;
  }

  .homepage-expand-250 {
    height: auto;
    min-height: 100vh;
    display: block;
  }

  .homepage-expand-250._1 {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
  }

  .cta__wrap-2 {
    margin-top: -80vh;
  }

  .cta__wrap-2._2 {
    margin-top: -76vh;
  }

  .spacer-20 {
    height: 15vh;
  }

  .featured {
    font-size: .8em;
  }

  .text-block-40 {
    white-space: normal;
    margin-top: 0;
    font-size: 8.2vw;
  }

  .video-cover {
    min-height: 350px;
  }

  .heading {
    font-size: 32px;
  }

  .grid-wrapper {
    background-image: linear-gradient(to bottom, null, null), url('../images/map.svg');
    background-size: auto, cover;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 90%;
    margin-top: 0;
    margin-bottom: 5vh;
    padding: 5vh 20px 0;
  }

  .left-intro {
    padding-right: 0;
  }

  .section-4 {
    background-color: #183d39;
    padding-top: 20%;
    padding-bottom: 20px;
  }

  .abhero-2nd-section-contain {
    width: 100%;
  }

  .main-button {
    justify-content: center;
    align-items: center;
    padding: 1em;
    display: flex;
  }

  .main-button.hide {
    display: none;
  }

  .div-hide-main-button {
    width: 4em;
    height: 4em;
    margin-left: 2em;
  }

  .button-contain {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 2.5em;
    margin-bottom: 0;
    display: flex;
  }

  .container2 {
    padding: 20em 4.58em;
  }

  .container2.is-value {
    padding: 4em 2em;
  }

  .grid-8 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .story-item {
    padding-left: 30px;
  }

  .testimony-wrapper {
    margin-bottom: 20px;
  }

  .image-wrapper-story {
    border-radius: 100px 100px 0 0;
    height: 220px;
  }

  .hero-headline-wrap {
    margin-bottom: 0;
  }

  .spacer-huger {
    height: 45vh;
  }

  .background-video-2-1 {
    max-width: 100%;
    display: block;
  }

  .div-block-339 {
    display: block;
  }

  .large-para {
    text-align: left;
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.5em;
    line-height: 1.5em;
  }

  .heading-15 {
    margin-bottom: 0;
    font-size: 18px;
  }

  .heading-15._2 {
    font-size: 14px;
  }

  .heading-15.centre {
    text-align: left;
    margin-bottom: 20px;
    font-size: 28px;
  }

  .container-home {
    padding: 2em 2em 8em;
  }

  .container-home.is-value {
    padding: 4em 2em;
  }

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

  .paragraph-large {
    font-size: 16px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .button-icon-2 {
    display: none;
  }

  .button-icon-small, .button-icon-small-secondary {
    padding: 10px 14px;
    font-size: 13px;
    top: 18px;
  }

  .homepage-expand-300 {
    height: auto;
  }

  .heading-16 {
    margin-bottom: 0;
  }

  .bold-text-2 {
    font-family: Moranga, sans-serif;
    font-weight: 400;
  }

  .dropdown-link {
    color: #1e2f5c;
    background-color: #fff;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dropdown._2 {
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-link-text {
    font-size: 15px;
    display: block;
  }

  .nav-link-4 {
    margin-left: 0;
  }

  .nav-link-4.dropdown2.w--open {
    width: 100%;
  }

  .nav-link-4.dropdown2 {
    justify-content: center;
    width: 90%;
    display: flex;
  }

  .nav-link-4.dropdown2.w--open {
    width: 100%;
    display: flex;
  }

  .nav-link-4.dropdown {
    width: 90%;
  }

  .gradient-top-bottom {
    background-image: linear-gradient(#0000 80%, #000), linear-gradient(#000, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .div-block-8 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 9px;
  }

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

  .text-block-4 {
    font-size: 3vw;
    display: none;
  }

  .div-block-6 {
    position: static;
    inset: auto 0% 0%;
  }

  .text-block-18 {
    font-size: 11px;
  }

  .text-block-5 {
    text-align: center;
    margin-right: 7px;
    display: none;
  }

  .text-block-5.mob {
    display: block;
  }

  .homepage-header {
    display: none;
  }

  .homepage-expand-100 {
    height: 70vh;
  }

  .text-block-21 {
    margin-left: 0;
    font-size: 11px;
  }

  .thumb-img {
    height: 240px;
    position: relative;
  }

  .thumb-img._2 {
    height: 320px;
    display: flex;
  }

  .thumb-img._3 {
    height: 180px;
  }

  .container_video {
    transform: scale3d(1none, 1none, 1none);
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container_video._2 {
    margin-top: 8vh;
    margin-bottom: 8vh;
  }

  .container_video._3 {
    height: 50vh;
    margin-top: 8vh;
    margin-bottom: 8vh;
  }

  .div-block-4-copy {
    border-width: 1px;
    width: 15px;
    height: 15px;
  }

  .player-container {
    width: 100%;
    height: auto;
    display: none;
  }

  .link-arrow-wrappermain {
    width: 90px;
    margin-top: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: static;
    top: 16%;
    left: 37%;
  }

  .video_header_wrapper {
    object-position: 50% 50%;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
  }

  .video_header_wrapper._2 {
    width: 95%;
    margin-bottom: 4vh;
  }

  .div-block-344 {
    height: auto;
    display: block;
  }

  .div-block-344._2 {
    background-size: 70px, cover;
    height: 280px;
    display: flex;
  }

  .div-block-344._3 {
    background-repeat: no-repeat, no-repeat;
    background-size: 70px, cover;
    height: 280px;
    display: flex;
  }

  .div-block-345 {
    padding-top: 10vh;
  }

  .heading-17 {
    font-size: 2.4em;
  }

  .chapter-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .chapter-number {
    margin-bottom: 0;
    font-size: 1em;
  }

  .slider-3 {
    top: -5px;
  }

  .space-20 {
    height: 9vh;
  }

  .space-10 {
    height: 5vh;
  }

  .subline {
    width: auto;
    margin-right: 7px;
    font-size: 1.2em;
    display: block;
    position: static;
  }

  .audio-div {
    flex-direction: column;
  }

  .homepage-expand-150 {
    height: auto;
    min-height: 100vh;
    padding-bottom: 0;
    display: block;
  }

  .image-29 {
    width: 30%;
  }

  .social-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .facil_head {
    letter-spacing: .4px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 130%;
  }

  .map-modal-header.share2 {
    font-size: 14px;
  }

  .modal_pop {
    width: 85%;
    max-height: 500px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    top: 42%;
    overflow: auto;
  }

  .modal_pop.share {
    width: 85%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    top: 50%;
    overflow: visible;
  }

  .text-block-49 {
    display: none;
  }

  .modal_close.close {
    margin-top: -33px;
    font-size: 30px;
    top: -5%;
    left: 95%;
  }

  .modal_close.close.share {
    margin-top: -18px;
    position: relative;
    top: 6%;
    left: 95%;
    right: 0%;
  }

  .share-modal-wrapper {
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0% 0% 0;
  }

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

  .audio-modal {
    opacity: 1;
  }

  .gradient-bottom {
    background-image: linear-gradient(#0000 80%, #000), linear-gradient(#000, #0000 16%), linear-gradient(#00000080, #0000 32%);
  }

  .homepage-expand-280 {
    background-color: #030303;
    height: auto;
    min-height: 100vh;
    padding-bottom: 0;
    display: block;
  }

  .homepage-expand-180 {
    height: auto;
    min-height: 100vh;
    padding-bottom: 0;
    display: block;
  }

  .homepage-expand-230 {
    height: 210vh;
  }

  .homepage-expand-230._2 {
    height: 120vh;
  }

  .homepage-expand-230.undeserve {
    height: 200vh;
  }

  .homepage-expand-120 {
    height: auto;
    min-height: 80vh;
    padding-bottom: 0;
    display: block;
  }

  .div-block-347 {
    background-image: linear-gradient(7deg, #000000c4 31%, #0000), linear-gradient(#0000, #0000), url('../images/Screen-Recording-2022-09-16-at-3.35.gif');
    background-position: 0 0, 0 0, 50%;
    align-items: flex-end;
  }

  .cta-text-wrapper {
    width: 100%;
    margin-top: 0;
    margin-left: 0%;
    padding: 0 0;
  }

  .testimony-desc {
    opacity: .9;
  }

  .div-block-349 {
    width: 85vw;
  }

  .head-left {
    font-size: 2em;
  }

  .catalog-btn-wrapper {
    width: 70px;
    height: 70px;
    margin-left: 0;
    display: flex;
  }

  .catalog-btn {
    display: block;
  }

  .section-7.section-movie {
    z-index: 15;
    align-items: flex-end;
    height: 30vh;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-7.section-quality {
    z-index: 8;
  }

  .movie-title_wrapper {
    align-items: flex-start;
    width: 100%;
    padding-left: 17px;
    padding-right: 17px;
  }

  .container-5 {
    z-index: 0;
  }

  .container-5.container-movie {
    top: 45px;
  }

  .title-span.about-second-line {
    margin-left: 0;
    padding-right: 0;
  }

  .second-title, .second-title.white.movie-title {
    font-size: 40px;
  }

  .second-title.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .second-title.about-first-line {
    text-align: center;
    width: 100%;
    font-size: 30px;
    line-height: 1;
  }

  .second-title.about-title {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    font-size: 30px;
  }

  .second-title.firstline {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .second-title.voices-2nd {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 9px;
    font-size: 30px;
  }

  .second-title.bold {
    text-align: center;
    font-size: 1.4em;
  }

  .greeting_second-img-inner {
    min-height: 150px;
  }

  .greeting_second-img-btm {
    width: 30%;
    min-width: 150px;
    height: 20%;
    min-height: 90px;
    margin-top: 0;
    display: none;
    inset: auto 0% 0% auto;
  }

  .title-secondary-box {
    width: 70%;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 95%;
    margin-top: 5%;
  }

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

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

  .main-slide-title {
    text-align: center;
    font-size: 1.9em;
  }

  .main-slider-nav-dots {
    background-image: none;
    top: 246.344px;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .main-slide-container {
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
  }

  .main-slider.mobile {
    height: 50vh;
    display: none;
  }

  .main-slider.desktop {
    height: 60vh;
    min-height: 350px;
    display: block;
  }

  .c-slide-btn-block {
    width: 15vw;
    height: 15vw;
  }

  .main-slide-description {
    margin-bottom: 0%;
    font-size: 1.8em;
  }

  .main-slider-container {
    height: 60vh;
    margin-top: 24%;
  }

  .main-slide-wrapper._1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .h3 {
    font-size: 1.4rem;
  }

  .circle-number.steps4, .circle-number.steps2, .circle-number.steps1, .circle-number.steps3 {
    display: none;
  }

  .phone-mock_tab {
    height: 5vw;
  }

  .phone-mock_border {
    border-width: 5px;
  }

  .phone-mock {
    width: 170%;
    padding: 6px;
  }

  .section-8 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .container-6 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .sticky-text_wrapper.steps {
    grid-template-columns: 1fr;
  }

  .intro-wrapper {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

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

  .title-secondary-box2 {
    width: 100%;
    margin-top: 11px;
    margin-bottom: -11px;
    display: flex;
  }

  .title-secondary-box2.centre {
    margin-bottom: 0;
    margin-left: 0;
  }

  .background-video-84 {
    height: 80vh;
  }

  .link-block-43 {
    text-align: center;
  }

  .text-block-52 {
    margin-left: 0;
    font-size: 11px;
  }

  .thumb-img-2 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: cover;
    height: 220px;
    position: relative;
  }

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

  .div-block-4-copy-2 {
    border-width: 1px;
    width: 15px;
    height: 15px;
  }

  .link-arrow-wrappermain-2 {
    width: 90px;
    margin-top: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: static;
    top: 16%;
    left: 37%;
  }

  .section-11 {
    margin-top: 25%;
  }

  .large-para2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.6em;
    line-height: 1.5em;
  }

  .first-title, .first-title.white.movie-title {
    font-size: 40px;
  }

  .first-title.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .first-title.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .first-title.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .first-title.firstline {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .first-title.voices-2nd {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .text-block-53 {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .bold-text-4 {
    font-size: 28px;
  }

  .grid-9 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  ._1-col, ._1col {
    margin-left: 0;
  }

  .support-wrapper {
    align-items: flex-start;
  }

  .div-block-352 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .subtitle-3 {
    margin-bottom: 14px;
  }

  .container-default-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-6.neutral-400.card-home-feature {
    text-align: center;
  }

  .button-primary {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .section-13 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section-13.bg-neutral-800 {
    padding-top: 10vh;
  }

  .image.card-home-feature-icon {
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-bottom: 6px;
  }

  .home-features-grid {
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 40px;
  }

  .card {
    border-bottom: 1px solid #0000002e;
    border-right-style: none;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px 20px;
    display: flex;
  }

  .card.home-feature {
    padding: 30px 25px;
  }

  .card.last {
    border-bottom-style: none;
    justify-content: center;
    display: flex;
  }

  .flex-vc {
    align-items: stretch;
  }

  .content-top.home-features {
    text-align: left;
    align-items: stretch;
    margin-bottom: 45px;
  }

  .home-icon {
    width: 50px;
  }

  .home-icon.next {
    width: 10vw;
    height: 10vw;
    right: -5vw;
  }

  .page-desc-wrapper {
    width: 90%;
    margin-top: 10%;
  }

  .story-col-img {
    width: 70%;
    min-width: 120px;
    height: 110px;
  }

  .story-desc-wrapper {
    padding-right: 30px;
  }

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

  .nav_item-text {
    letter-spacing: 0;
    font-size: 12px;
  }

  .index {
    padding-left: 0;
    padding-right: 0;
    left: -10px;
  }

  .index-wrapper {
    flex-direction: column;
    justify-content: center;
    width: auto;
    display: flex;
  }

  .index-item {
    letter-spacing: 0;
  }

  .nav_component {
    padding-left: 10px;
    padding-right: 0;
  }

  .index-item-wrapper {
    align-items: flex-end;
    padding-right: 0;
    display: flex;
  }

  .nav_item {
    text-align: right;
    letter-spacing: 0;
    padding-top: 9px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .nav_menu {
    width: auto;
    padding-right: 10px;
  }

  .nav_name {
    flex: 1;
  }

  .nav_name.w--current {
    width: 70%;
    padding-left: 5px;
  }

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

  .div-block-356 {
    background-position: 0%;
    display: flex;
  }

  .player-2, .player-cont-2 {
    width: 100%;
  }

  .video_header_wrapper-copy {
    object-position: 50% 50%;
    width: 90%;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .div-block-357 {
    margin-top: 0;
    display: none;
  }

  .text-block-58 {
    font-size: 13px;
    line-height: 1.5em;
  }

  .link-block-44 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .huge-heading {
    max-width: 60%;
    font-size: 3vh;
  }

  .blank-column {
    display: none;
  }

  .call-to-action {
    padding-left: 10px;
  }

  .sticky-card-sections {
    padding-bottom: 0;
    display: block;
  }

  .section-1 {
    padding-left: 10px;
  }

  .section-grid {
    margin-top: 40px;
    margin-right: 30px;
  }

  .cta-content {
    max-width: 100vw;
  }

  .sticky-menu {
    flex-wrap: wrap;
    max-width: 100vw;
    margin-top: -4px;
    padding-top: 10px;
    top: 0;
  }

  .mute-unmute-wrapper {
    bottom: 6%;
  }

  .mute, .unmute {
    width: 40px;
    height: 40px;
  }

  .verse-quote {
    margin-top: 42px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.6em;
    line-height: 1.5em;
  }

  .homepage-expand-350 {
    height: auto;
    padding-bottom: 0;
    display: block;
  }

  .italic-text-7 {
    font-size: .6em;
  }

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

  .div-block-360.mobile {
    margin-top: 5vh;
    margin-bottom: 5vh;
    display: block;
  }

  .content-section-2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .button-withbg {
    padding: 14px 20px;
  }

  .button-withbg.mob {
    width: 100px;
  }

  .div-block-363 {
    flex-direction: row;
    justify-content: flex-end;
    width: 90%;
    display: flex;
    top: 27px;
  }

  .bold-text-6 {
    margin-top: 5px;
    font-size: 28px;
  }

  .about-text {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
  }

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

  .second-title-2 {
    font-size: 40px;
  }

  .second-title-2.quality {
    text-align: left;
    font-size: 40px;
  }

  .second-title-2.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .second-title-2.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .about-content {
    align-items: flex-start;
    margin-bottom: 15px;
    padding-right: 0;
  }

  .about-picture_wrapper.ml40 {
    border: 1px solid #a75b1333;
    border-radius: 500px;
    max-width: none;
    height: 458px;
    margin-top: 0;
    padding: 15px 11px;
  }

  .star.star-10.star-mini {
    left: 47%;
  }

  .star.star-13.star-mini {
    left: auto;
  }

  .star.star-11 {
    display: none;
    top: 33%;
  }

  .title-secondary-box-2 {
    width: 100%;
  }

  .quality-list_number {
    font-size: 40px;
  }

  .quality-content {
    margin-left: 0;
  }

  .quality-text {
    text-align: left;
    margin-bottom: 30px;
  }

  .txt-xl {
    font-size: 28px;
    line-height: 1.2em;
  }

  .txt-xl.centre {
    margin-bottom: .4em;
    font-size: 22px;
  }

  .icon-wrapper._1, .icon-wrapper._2, .icon-wrapper._3 {
    width: 40px;
    height: 30px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-45 {
    height: 250px;
  }

  .subt-title.quality {
    text-align: left;
    font-size: 40px;
  }

  .subt-title.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .subt-title.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .unmute-fix, .mute-fix, .volume {
    width: 40px;
    height: 40px;
  }

  .div-block-364 {
    width: 90%;
  }

  .bold-text-7 {
    font-size: 1.2em;
  }

  .pull-out {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.6em;
    line-height: 1.5em;
  }

  .intro-para {
    text-align: left;
    margin-top: 5vh;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.6em;
    line-height: 1.5em;
  }

  .pullout {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.6em;
    line-height: 1.5em;
  }

  .last-section {
    height: auto;
    display: block;
  }

  .cta-head {
    font-size: 1.6em;
    line-height: 1.4em;
  }

  .cta-head.quality {
    text-align: left;
    font-size: 40px;
  }

  .cta-head.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .cta-head.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .text-extra-large-copy {
    font-size: 1.2em;
    line-height: 1.5;
  }

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

  .watch-gospel-wrapper {
    width: 30%;
    min-width: 150px;
    height: 20%;
    min-height: 90px;
    margin-top: 0;
    inset: auto 0% 0% auto;
  }

  .text-block-62 {
    margin-right: -10px;
  }

  .index-chapter-copy {
    margin-right: -11px;
    position: static;
  }

  .watch-thumb {
    width: 70%;
    min-width: 120px;
    display: none;
  }

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

  .watch-btn {
    margin-right: 30px;
  }

  .head-content-wrapper {
    flex-direction: column;
    align-items: center;
    width: 85%;
    margin-top: -10vh;
    display: flex;
  }

  .div-block-367 {
    padding-bottom: 0;
  }

  .homepage-expand-380 {
    display: block;
  }

  .layout-wrapper {
    object-fit: none;
    flex-direction: column;
    align-items: stretch;
    width: 100vw;
    max-width: none;
    display: flex;
    overflow: visible;
  }

  .cta__wrap-3 {
    margin-top: -40vh;
  }

  .col-wrapper {
    padding-bottom: 40px;
  }

  .div-block-370 {
    padding-bottom: 11vh;
  }

  .second-title-copy {
    width: 90%;
  }

  .second-title-copy.white.movie-title {
    font-size: 40px;
  }

  .second-title-copy.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .second-title-copy.about-first-line {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy.about-title {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy.firstline {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy.voices-2nd {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 9px;
    font-size: 30px;
  }

  .second-title-copy.bold {
    font-size: 1.6em;
  }

  .second-title-copy.centre {
    width: 100%;
    font-size: 32px;
  }

  .header-btm-copy {
    width: 100%;
    position: relative;
    inset: auto 0% 13.9vh;
  }

  .play-img {
    width: 60px;
  }

  .div-block-349-copy, .div-block-349-copy-copy {
    width: 80vw;
  }

  .background-video-84-copy {
    width: 100vw;
    height: 60vh;
  }

  .homepage-expand-120-copy {
    height: auto;
    padding-bottom: 10vh;
    display: block;
  }

  .col-wrapper-copy {
    width: 80%;
    padding-bottom: 40px;
  }

  .text-block-40-copy {
    margin-top: 0;
    font-size: 45px;
    line-height: 52px;
  }

  .space-10-1 {
    height: 5vh;
  }

  .div-block-371 {
    justify-content: flex-start;
    display: block;
  }

  .div-block-372 {
    background-position: 50%;
  }

  .section-copy {
    height: 80vh;
    display: block;
    overflow: hidden;
  }

  .header-btm-copy-copy {
    inset: auto 0% 12%;
  }

  .header-wrapper {
    width: 100%;
  }

  .header {
    width: 100%;
    padding-top: 26px;
    padding-bottom: 26px;
  }

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

  .dropdown-nav.last {
    width: 100%;
  }

  .container-default-3 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .dropdown-arrow {
    font-size: 13px;
  }

  .menu-button {
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    padding: 10px;
    font-size: 26px;
  }

  .header-navigation {
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }

  .nav-menu {
    width: 100%;
  }

  .dropdown-nav-pages-wrapper {
    margin-bottom: 20px;
  }

  .dropdown-nav-pages-wrapper.last {
    margin-bottom: 0;
  }

  .icon-wrapper-2 {
    width: 20px;
  }

  .nav-link {
    font-size: 24px;
  }

  .dropdown-nav-item {
    justify-content: center;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown-nav-main-wrapper {
    flex-wrap: wrap;
  }

  .dropdown-nav-link {
    width: auto;
    font-size: 13px;
    display: block;
  }

  .nav-item-wrapper {
    width: 100%;
  }

  .dropdown-link-2 {
    color: #1e2f5c;
    background-color: #fff;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-menu-4 {
    min-width: 300px;
    margin-right: 0;
    display: none;
  }

  .dropdown-chevron-2 {
    color: #1e2f5c;
  }

  .menu-button-3 {
    flex: 0 auto;
    margin-right: 0;
    padding-top: 13px;
  }

  .navlogo_mobile {
    width: 160px;
    display: block;
  }

  .burger-icon {
    color: #ecebff;
  }

  .wrapper {
    padding-top: 5%;
    padding-bottom: 12%;
  }

  .wrapper.navinside {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-logo-2.w--current {
    height: 90%;
    margin-top: 6px;
    margin-bottom: 6px;
    display: block;
  }

  .image-35 {
    width: 40px;
  }

  .div-block-373 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-374 {
    align-items: flex-start;
    width: 100%;
  }

  .greeting_second-img-btm-2 {
    width: 30%;
    min-width: 150px;
    height: 20%;
    min-height: 90px;
    margin-top: 0;
    inset: auto 0% 0% auto;
  }

  .dropdown-link-3 {
    color: #1e2f5c;
    background-color: #fff;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-menu-5 {
    min-width: 300px;
    margin-right: 0;
    display: block;
  }

  .menu-button-4 {
    flex: 0 auto;
    margin-right: 0;
    padding-top: 16px;
  }

  .burger-icon-2 {
    color: #ecebff;
  }

  .nav-logo-3 {
    width: auto;
    height: 90%;
  }

  .nav-logo-3.w--current {
    display: block;
  }

  .image-36 {
    width: 30px;
  }

  .bold-text-11 {
    font-size: 40px;
  }

  .container-960-2.align-left, .container-960-2.align-left-copy {
    padding-bottom: 15vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .homepage-expand-180-copy {
    height: auto;
    min-height: 100vh;
    padding-bottom: 15vh;
    display: block;
  }

  .div-block-376 {
    display: flex;
  }

  .div-block-376-copy {
    display: none;
  }

  .col-wrapper-copy-copy {
    width: 80%;
    padding-top: 44px;
    padding-bottom: 0;
  }

  .txt-xl-copy {
    text-align: center;
    font-size: 22px;
    line-height: 1.2em;
  }

  .txt-xl-copy.centre {
    font-size: 22px;
  }

  .last-video {
    width: 90%;
    margin-top: 87px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    top: 0;
  }

  .section-17-copy {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .cta-wrapper-diane {
    width: 80%;
    margin-top: 0;
    position: static;
    top: -113px;
  }

  .title-secondary-box2-copy {
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .title-secondary-box2-copy.centre {
    margin-bottom: 0;
    margin-left: 0;
  }

  .div-block-372-copy {
    background-position: 50%;
  }

  .homepage-expand-280-copy {
    background-color: #030303;
    height: 190vh;
    min-height: 100vh;
    padding-bottom: 0;
    display: block;
  }

  .player-container-pp {
    width: 100%;
    height: auto;
    display: block;
  }

  .div-block-371-copy {
    padding: 40px 20px 70px;
  }

  .text-block-67 {
    line-height: 32px;
  }

  .subt-title-copy.quality {
    text-align: left;
    font-size: 40px;
  }

  .subt-title-copy.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .subt-title-copy.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .text-extra-large-copy {
    opacity: .9;
    font-size: 18px;
    line-height: 32px;
  }

  .text-extra-large-copy.centre {
    text-align: left;
    margin-top: 4vh;
  }

  .title-secondary-box2-copy-copy {
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .title-secondary-box2-copy-copy.centre {
    margin-bottom: 0;
    margin-left: 0;
  }

  .link-block-45-copy {
    height: 250px;
  }

  ._900-wrapper {
    padding-bottom: 30px;
  }

  .div-block-377 {
    margin-top: 11px;
  }

  .section-21 {
    padding-top: 5vh;
  }

  .second-title-copy-copy.white.movie-title {
    font-size: 40px;
  }

  .second-title-copy-copy.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .second-title-copy-copy.about-first-line {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy-copy.about-title {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy-copy.firstline {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .second-title-copy-copy.voices-2nd {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 9px;
    font-size: 30px;
  }

  .second-title-copy-copy.bold {
    font-size: 1.6em;
  }

  .question-quote.quality {
    text-align: left;
    font-size: 40px;
  }

  .question-quote.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .question-quote.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .home-title-expereicne {
    font-size: 30px;
  }

  .home-title-expereicne.white.movie-title {
    font-size: 40px;
  }

  .home-title-expereicne.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .home-title-expereicne.about-first-line {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .home-title-expereicne.about-title {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    font-size: 30px;
  }

  .home-title-expereicne.firstline {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .home-title-expereicne.voices-2nd {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 9px;
    font-size: 30px;
  }

  .home-title-expereicne.bold {
    font-size: 1.6em;
  }

  ._900-wrapper-bg {
    padding-bottom: 30px;
  }

  .cta-big-title.white.movie-title {
    font-size: 40px;
  }

  .cta-big-title.white.mleft {
    align-self: flex-end;
    font-size: 40px;
  }

  .cta-big-title.about-first-line {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .cta-big-title.about-title {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    font-size: 30px;
  }

  .cta-big-title.firstline {
    text-align: center;
    width: 100%;
    font-size: 30px;
  }

  .cta-big-title.voices-2nd {
    text-align: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 9px;
    font-size: 30px;
  }

  .cta-big-title.bold {
    font-size: 1.6em;
  }

  .sub-title-diane.quality {
    text-align: left;
    font-size: 40px;
  }

  .sub-title-diane.about-title {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    font-size: 40px;
  }

  .sub-title-diane.about-first-line {
    text-align: left;
    width: 100%;
    font-size: 40px;
  }

  .lightbox-link-4 {
    width: 100%;
  }

  ._700-wrapper {
    padding-bottom: 30px;
  }

  .text-block-68 {
    font-weight: 700;
  }

  .diane-expand-copy {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
    display: block;
    position: relative;
  }

  .grid-11 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 5vh;
  }

  .div-block-382 {
    width: 90%;
  }

  .text-block-69 {
    margin-top: 20px;
  }

  .layout-wrapper-2 {
    object-fit: none;
    flex-direction: column;
    align-items: stretch;
    width: 100vw;
    max-width: none;
    display: none;
    overflow: visible;
  }

  .layout-part2 {
    object-fit: none;
    flex-direction: column;
    align-items: stretch;
    width: 100vw;
    max-width: none;
    overflow: visible;
  }

  .section-17-part1 {
    padding-top: 0;
    padding-bottom: 4vh;
  }

  .index-wrapper-desktop {
    flex-direction: column;
    justify-content: center;
    width: auto;
    display: none;
  }

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

  .index-chapter-part2 {
    letter-spacing: 2px;
    margin-right: -21px;
    position: static;
  }

  .index-item-copy {
    letter-spacing: 2px;
  }

  .grid-wrapper-copy {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 0 20px 5vh;
  }

  .section-4-copy {
    padding-top: 15%;
    padding-bottom: 20%;
  }

  .heading-15-copy {
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-15-copy._2 {
    font-size: 14px;
  }

  .heading-15-copy.centre {
    text-align: left;
    margin-bottom: 20px;
    font-size: 28px;
  }

  .home-features-grid-copy {
    grid-template-columns: 1fr;
    margin-bottom: 70px;
  }

  .cta-text-wrapper-copy {
    width: 100%;
    margin-top: 20px;
    margin-left: 0%;
    padding: 2vh 0 0;
  }

  .div-block-384 {
    width: 80%;
  }

  .div-block-385 {
    width: 80%;
    margin-top: 59px;
  }

  .div-block-374-copy {
    align-items: flex-start;
    width: 100%;
  }

  .text-extra-large--left {
    opacity: .9;
    line-height: 32px;
  }

  .text-extra-large--left.centre {
    text-align: left;
    margin-top: 0;
  }

  .space-2 {
    height: 2vh;
  }

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

  .hero-title-block {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .hero-title.caption-1 {
    text-align: center;
    font-size: 9px;
  }
}

#w-node-_4ae1e491-d0d8-ffd0-e1a6-d2f3d2964731-0e78b38a {
  place-self: center;
}

#w-node-_769f062f-750a-e534-5f0e-b69a67c32959-0e78b38a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-b3dcd04b-e7cc-6933-a5ec-847da013d213-0e78b38a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_171d724f-5c72-d6fb-af24-344c5859e4a4-0e78b38a {
  align-self: auto;
}

#w-node-_171d724f-5c72-d6fb-af24-344c5859e4ac-0e78b38a, #w-node-d4b7e437-ec54-8e62-e5e6-be83c92c442c-0e78b38a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4b7e437-ec54-8e62-e5e6-be83c92c444b-0e78b38a {
  align-self: auto;
}

#w-node-d4b7e437-ec54-8e62-e5e6-be83c92c4458-0e78b38a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-0e78b38a {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-0e78b38a {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-0e78b38a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: auto;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-0e78b38a {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_74d4af0d-d028-d6eb-236e-2f1287363f98-87363f8f, #w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b169-a670b168 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b175-a670b168 {
  place-self: center;
}

#w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b179-a670b168 {
  align-self: center;
}

#w-node-_633cceda-fd18-6e07-be5d-d1e171327783-b5f0825a, #w-node-e41a3673-5196-088b-4967-d400faf35a6d-b5f0825a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_633cceda-fd18-6e07-be5d-d1e1713277a0-b5f0825a {
  align-self: auto;
}

#w-node-_633cceda-fd18-6e07-be5d-d1e1713277a8-b5f0825a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bec042b4-f25b-b063-6dfc-f5c1f2a6bd51-db78b422 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6c196e0-4e23-c185-cc70-460375ae6976-db78b422 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_90e6a6a3-5337-1b76-e293-29ca69894801-698947ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a4437cb-d7a6-fb27-2505-034154425d30-54425d2e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7a4437cb-d7a6-fb27-2505-034154425d32-54425d2e {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-ce2b1832-eb21-95c5-4b33-be4b9118f441-54425d2e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_4a1f4bfe-66fb-0ed0-db25-ef871bdbe8e4-54425d2e {
  align-self: end;
}

#w-node-_41fa8262-9236-06ad-e990-134784770d64-54425d2e {
  place-self: end;
}

#w-node-e0498c13-b784-53f5-806f-9e5f802b3659-4478b423, #w-node-_436affb2-0e50-2b2e-e8db-613ecfd57dcd-4478b423 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_745ac214-f798-f499-5439-41cb3f0259b6-4478b423 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_745ac214-f798-f499-5439-41cb3f0259c2-4478b423 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-eb5a123a-ce72-80fc-fb04-724a3d8ed3e6-4478b423 {
  grid-area: Area;
}

#w-node-c699f0be-715f-e32a-81eb-f77796e129b5-4478b423 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_51511c5d-9bce-4fcd-0a74-066314555c8f-4478b423 {
  grid-area: Area;
}

#w-node-_48bcd3b9-e0ef-d999-8610-75ad93f4650f-4078b426, #w-node-_48bcd3b9-e0ef-d999-8610-75ad93f46521-4078b426, #w-node-e5f1bb9f-c6a0-c201-ec3d-faa554fb6c4f-e578b445 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5f1bb9f-c6a0-c201-ec3d-faa554fb6c7e-e578b445 {
  align-self: auto;
}

#w-node-e5f1bb9f-c6a0-c201-ec3d-faa554fb6c86-e578b445, #w-node-_0577d81d-f1a9-6f8f-7055-b92651808414-8278b45c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0e13dee-5935-40e6-7e61-c551998439fe-8278b45c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dc3d08ef-f3b0-df74-a221-a1b325a959f3-8278b45c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_03c4278a-60f4-efca-7128-4cbb344d38d6-8278b45c {
  place-self: end stretch;
}

#w-node-df51e104-d6e8-d84d-54f4-1f336bbd3f06-8278b45c, #w-node-f28646c3-1ea0-ecb4-1a67-1f9a78a2aa7c-8278b45c, #w-node-f721b729-ee73-1c97-62e0-13a9cd9ff2ee-8278b45c, #w-node-f721b729-ee73-1c97-62e0-13a9cd9ff2f1-8278b45c, #w-node-e280cfb9-0a07-76a3-8ecb-9a5aac34c391-8278b45c, #w-node-e280cfb9-0a07-76a3-8ecb-9a5aac34c394-8278b45c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a6f-8278b45c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a70-8278b45c {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: start;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a78-8278b45c {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center start;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a79-8278b45c {
  place-self: start;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a7b-8278b45c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a7e-8278b45c {
  place-self: end start;
}

#w-node-_32402543-11e9-4984-8952-80bf16607265-8278b45c {
  place-self: end stretch;
}

#w-node-_1d046b69-f304-c81b-43f0-48a429bb1e60-8278b45c {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_09cc8de1-a69a-dcc8-c0fc-b7a5498f5960-498f595e {
  align-self: center;
}

#w-node-_09cc8de1-a69a-dcc8-c0fc-b7a5498f5976-498f595e {
  justify-self: end;
}

#w-node-_15151fa4-4ceb-86c5-3686-fbada4d2b3e2-0f78b467, #w-node-_36321200-e407-3e74-9c3b-0b81964f5950-0f78b467 {
  place-self: center;
}

#w-node-_0247fd85-d713-97ba-7aca-9c2e80b51c50-0f78b467, #w-node-_4050d6bd-ee98-d93d-3481-f1e971b88785-0f78b467, #w-node-_4050d6bd-ee98-d93d-3481-f1e971b8878b-0f78b467, #w-node-_7838aa2a-19a4-3dbf-329c-bc8ad834ebcb-0f78b467 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2da9314b-d4d3-9b5e-3e7c-83fb0330f5a5-0330f59c {
  place-self: center;
}

#w-node-_2da9314b-d4d3-9b5e-3e7c-83fb0330f5ae-0330f59c {
  align-self: end;
}

#w-node-_8d0c9f8e-5922-09d4-96dc-1ff540b02158-ab78b472, #w-node-_8d0c9f8e-5922-09d4-96dc-1ff540b0216a-ab78b472 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d0c9f8e-5922-09d4-96dc-1ff540b02187-ab78b472 {
  align-self: auto;
}

#w-node-_8d0c9f8e-5922-09d4-96dc-1ff540b0218f-ab78b472 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15151fa4-4ceb-86c5-3686-fbada4d2b3e2-2e99b458, #w-node-_36321200-e407-3e74-9c3b-0b81964f5950-2e99b458 {
  place-self: center;
}

#w-node-a0a2e5b6-3fff-87d7-7c03-b755138ff1c2-2e99b458, #w-node-e4cd71c4-bb62-69d1-e658-0ada03175d10-2e99b458 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15151fa4-4ceb-86c5-3686-fbada4d2b3e2-71966a40, #w-node-_36321200-e407-3e74-9c3b-0b81964f5950-71966a40 {
  place-self: center;
}

#w-node-_0247fd85-d713-97ba-7aca-9c2e80b51c4a-71966a40, #w-node-_0247fd85-d713-97ba-7aca-9c2e80b51c50-71966a40, #w-node-a0a2e5b6-3fff-87d7-7c03-b755138ff1c2-71966a40, #w-node-a0a2e5b6-3fff-87d7-7c03-b755138ff1c8-71966a40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ae1e491-d0d8-ffd0-e1a6-d2f3d2964731-5355f863 {
  place-self: center;
}

#w-node-_769f062f-750a-e534-5f0e-b69a67c32959-5355f863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-b3dcd04b-e7cc-6933-a5ec-847da013d213-5355f863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_171d724f-5c72-d6fb-af24-344c5859e4a4-5355f863 {
  align-self: auto;
}

#w-node-_171d724f-5c72-d6fb-af24-344c5859e4ac-5355f863, #w-node-d4b7e437-ec54-8e62-e5e6-be83c92c442c-5355f863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4b7e437-ec54-8e62-e5e6-be83c92c444b-5355f863 {
  align-self: auto;
}

#w-node-d4b7e437-ec54-8e62-e5e6-be83c92c4458-5355f863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-5355f863 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-5355f863 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-5355f863 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: auto;
}

#w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-5355f863 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_92ff629f-3076-aa28-3210-04114cff221b-5355f863, #w-node-f5631fdd-5fd5-0f01-753e-cd98689210a1-5355f863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-0e78b38a, #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-5355f863 {
    grid-area: 1 / 2 / 2 / 5;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b169-a670b168, #w-node-_92ff629f-3076-aa28-3210-04114cff221b-5355f863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-0e78b38a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-0e78b38a {
    grid-column-end: 3;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-0e78b38a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-0e78b38a {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_41fa8262-9236-06ad-e990-134784770d64-54425d2e {
    justify-self: end;
  }

  #w-node-_745ac214-f798-f499-5439-41cb3f0259c2-4478b423, #w-node-c699f0be-715f-e32a-81eb-f77796e129b5-4478b423 {
    grid-column: span 1 / span 1;
  }

  #w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a70-8278b45c {
    grid-column-start: 1;
    justify-self: stretch;
  }

  #w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a78-8278b45c {
    grid-column: span 4 / span 4;
  }

  #w-node-_09cc8de1-a69a-dcc8-c0fc-b7a5498f5962-498f595e {
    justify-self: end;
  }

  #w-node-_2da9314b-d4d3-9b5e-3e7c-83fb0330f5c3-0330f59c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-5355f863 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-5355f863 {
    grid-column-end: 3;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-5355f863 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-5355f863 {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-0e78b38a {
    grid-column: span 2 / span 2;
    justify-self: auto;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-0e78b38a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-0e78b38a {
    grid-column: span 1 / span 1;
    justify-self: center;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-0e78b38a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto center;
  }

  #w-node-_7a4437cb-d7a6-fb27-2505-034154425d30-54425d2e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a70-8278b45c {
    justify-self: stretch;
  }

  #w-node-_1d046b69-f304-c81b-43f0-48a429bb1e60-8278b45c {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_2da9314b-d4d3-9b5e-3e7c-83fb0330f5a5-0330f59c {
    justify-self: start;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af182-5355f863 {
    grid-column: span 2 / span 2;
    justify-self: auto;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-5355f863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-5355f863 {
    grid-column: span 1 / span 1;
    justify-self: center;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-5355f863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-0e78b38a {
    grid-column-end: 2;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-0e78b38a, #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-0e78b38a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b175-a670b168 {
    place-self: auto;
  }

  #w-node-_1d40f287-68d2-bbe3-ef6a-559ca670b17d-a670b168 {
    justify-self: stretch;
  }

  #w-node-_90e6a6a3-5337-1b76-e293-29ca69894813-698947ee, #w-node-_90e6a6a3-5337-1b76-e293-29ca6989481a-698947ee {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_745ac214-f798-f499-5439-41cb3f0259b6-4478b423 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_745ac214-f798-f499-5439-41cb3f0259c2-4478b423, #w-node-c699f0be-715f-e32a-81eb-f77796e129b5-4478b423 {
    grid-row: span 1 / span 1;
  }

  #w-node-b0e13dee-5935-40e6-7e61-c551998439fe-8278b45c {
    grid-column: span 1 / span 1;
  }

  #w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a70-8278b45c {
    grid-column-end: 2;
  }

  #w-node-e1cc699e-e9d2-d3fd-96dd-e5c52f3c2a78-8278b45c {
    grid-column: span 1 / span 1;
  }

  #w-node-_1d046b69-f304-c81b-43f0-48a429bb1e60-8278b45c {
    grid-column-end: 3;
  }

  #w-node-_13ece416-ff7a-51ab-52e6-874d4b849bdd-498f595e {
    justify-self: end;
  }

  #w-node-_78409b47-1ebc-cb7c-5e45-d1be00be0a0e-498f595e {
    justify-self: start;
  }

  #w-node-_2da9314b-d4d3-9b5e-3e7c-83fb0330f5c3-0330f59c {
    grid-column: span 1 / span 1;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af183-5355f863 {
    grid-column-end: 2;
  }

  #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18a-5355f863, #w-node-_15e5a8eb-25cb-b273-1586-90a77a0af18f-5355f863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Wremena';
  src: url('../fonts/Wremena-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wremena';
  src: url('../fonts/Wremena-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wremena';
  src: url('../fonts/Wremena-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Moranga';
  src: url('../fonts/Moranga-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Moranga';
  src: url('../fonts/Moranga-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Moranga';
  src: url('../fonts/Moranga-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}