:root {
  --waves-library--white: white;
  --waves-library--black: #131313;
}

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.container {
  background-color: #0000;
}

.nav-link {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.nav-link:hover {
  color: #ff1500;
}

.nav-link.w--current {
  color: #fff !important;
  text-decoration-color: transparent !important;
}

.nav-link.nav-active,
.nav-link-2.nav-active,
.nav-link.nav-active.w--current,
.nav-link-2.nav-active.w--current {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
  text-decoration-color: #ff1500 !important;
}

.nav-link-2 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.nav-link-2:hover {
  color: #ff1500;
}

.nav-link-2.w--current {
  color: #fff !important;
  font-weight: 600;
}

.nav-link-2.w--current:hover {
  color: #ff1500 !important;
}

.nav-link-3 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: inline-block;
}

.nav-link-3:hover {
  color: #ff1500;
}

.nav-link-3.w--current {
  color: #fff !important;
}

.nav-link-3.w--current:hover {
  color: #ff1500 !important;
}

.navbar {
  background-color: #000000d9;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  z-index: auto;
  float: left;
  clear: none;
  object-fit: contain;
  background-image: url('../images/meridian15-logo-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.hero-background {
  z-index: 1;
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 0%;
  position: fixed;
  inset: 0%;
}

.hero-background-container {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: visible;
}

.hello {
  z-index: 10;
  background-color: #e4e4e4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
  position: sticky;
  top: 0;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 80vw;
  max-width: 80vw;
  height: 50%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: static;
  overflow: visible;
}

.heading {
  color: #000;
  text-align: center;
  margin-top: 120px;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
}

.paragraph {
  color: #000;
  text-align: center;
  font-family: Lato, sans-serif;
}

.sticky-section {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: 3200px;
  display: grid;
  position: relative;
}

.left1 {
  aspect-ratio: 422 / 800;
  object-fit: contain;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 30vw;
  max-width: 350px;
  margin-top: 500px;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 100px;
  overflow: visible;
}

.left1.left {
  width: 25vw;
  max-width: 300px;
  margin-top: 1600px;
  top: 140px;
  bottom: 140px;
}

.left1.right {
  width: 25vw;
  max-width: 300px;
  margin-top: 1200px;
  top: 140px;
  bottom: 140px;
}

.left1.right.right1 {
  flex-flow: row;
  margin-top: 2500px;
  display: block;
}

.left1.right.text {
  aspect-ratio: 3;
  width: 98vw;
  max-width: 90vw;
  padding-top: 300px;
  position: absolute;
  bottom: 600px;
}

.background-video-2 {
  aspect-ratio: 422 / 800;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.text-block {
  aspect-ratio: auto;
  color: #ff1500;
  text-align: center;
  mix-blend-mode: difference;
  object-fit: fill;
  font-family: Montserrat, sans-serif;
  font-size: 12.5vw;
  font-weight: 900;
  line-height: 20px;
}

.section-4 {
  z-index: 25;
  background-color: #e4e4e4;
  height: 1300px;
  position: relative;
}

.container-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.button {
  color: #fff;
  background-color: #ff1500;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  display: flex;
  position: static;
}

.container-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 600px;
  margin-top: 140px;
  display: grid;
}

.container-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  height: 300px;
  display: flex;
}

.image {
  text-align: left;
  vertical-align: baseline;
  width: 66px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: static;
}

.heading-2 {
  color: #353535;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
}

.paragraph-2 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  font-family: Montserrat, sans-serif;
  display: block;
}

.paragraph-3 {
  text-align: center;
  width: 80.0037%;
  margin-left: 10%;
  margin-right: 10%;
  font-family: Montserrat, sans-serif;
}

.paragraph-4, .paragraph-5, .paragraph-6, .paragraph-7 {
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  font-family: Montserrat, sans-serif;
}

.heading-3 {
  text-align: center;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.container-6 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-8, .image-9 {
  width: 66px;
}

.paragraph-8 {
  text-align: center;
  margin-top: 33px;
  margin-left: 25%;
  margin-right: 25%;
  font-family: Montserrat, sans-serif;
}

.section-5 {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 900px;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.text-block-2 {
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 900;
  line-height: 42px;
}

.container-7 {
  margin-top: 100px;
  margin-left: 50px;
  margin-right: 50px;
}

.campaign-scroller {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  object-fit: fill;
  justify-content: flex-start;
  width: 100vw;
  height: 415px;
  margin-top: 100px;
  padding-bottom: 17px;
  display: flex;
  overflow: auto;
}

.background-video-3, .background-video-4, .background-video-5 {
  flex: none;
  width: 400px;
  height: auto;
}

.body {
  overflow: visible;
}

.background-video-6, .background-video-7 {
  flex: none;
  width: 400px;
  height: auto;
}

.section-6 {
  z-index: 40;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 100px;
  display: flex;
  position: sticky;
  overflow: visible;
}

.footer-subscribe {
  border-bottom: 0 solid #e4ebf3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 30px 40px;
  display: flex;
  position: relative;
}

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

.footer-form-two {
  background-color: #f5f7fa00;
  margin-bottom: 40px;
  padding: 64px;
}

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

.footer-form-title {
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

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

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

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

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

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

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

.button-primary.footer-form-button {
  background-color: #ff1500;
  padding: 8px 18px;
  font-family: Montserrat, sans-serif;
  position: absolute;
  right: 8px;
}

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

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

.footer-link-three {
  color: #fff;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

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

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

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

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

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

.footer-copyright {
  color: #888;
  text-align: center;
  font-family: Montserrat, sans-serif;
}

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

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

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

.image-10 {
  color: #fff;
}

.image-11 {
  mix-blend-mode: normal;
}

.form-block {
  width: 600px;
  display: block;
}

.form {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 500px;
  display: flex;
}

.textarea {
  height: auto;
}

.form-block-2 {
  color: #929292;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.field-label, .field-label-2, .field-label-3, .field-label-4, .field-label-5 {
  font-weight: 400;
}

.submit-button {
  background-color: #ff1500;
  border-radius: 7px;
  width: 120px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.heading-4 {
  color: #fff;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
}

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

.success-message {
  background-color: #000;
}

.error-message {
  color: #000;
  border-radius: 7px;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

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

.section-7 {
  flex-flow: column;
  margin-top: 140px;
  margin-bottom: 100px;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  display: block;
}

.accordion-item {
  margin-top: 0;
}

.accordion-header {
  color: #fff;
  height: 50px;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 28px;
}

.accordion-content {
  height: 0;
  overflow: hidden;
}

.paragraph-9 {
  color: #9c9c9c;
  margin-bottom: 30px;
  margin-left: 100px;
  margin-right: 100px;
  font-weight: 500;
}

.video-gallery-scroll {
  box-sizing: content-box;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  height: 400px;
  display: flex;
  overflow: auto;
}

.video {
  box-sizing: border-box;
  object-fit: contain;
  height: 500px;
}

.code-embed, .code-embed-2 {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  border-radius: 15px;
  width: 600px;
  height: auto;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

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

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-4 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-4:hover {
  color: #1a1b1fbf;
}

.nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

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

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

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

.code-embed-3, .code-embed-4 {
  aspect-ratio: 9 / 16;
  object-fit: contain;
  width: 190px;
}

.waves-navbar-1 {
  z-index: 105;
  background-color: var(--waves-library--white);
  border-bottom: 1px solid #13131333;
  width: 100%;
  height: 80px;
}

.waves---nav-container {
  max-width: 1440px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.waves-master-nav-1 {
  color: #fff;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.waves---nav-brand-link {
  height: 24px;
}

.waves---brand {
  max-width: none;
  height: 100%;
}

.waves---nav-link {
  color: #fff;
  padding: 12px 16px;
}

.waves-right-nav-1 {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves---nav-buttons-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves---nav-menu {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves-dropdown-toggle {
  grid-column-gap: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 8px 12px 16px;
  display: flex;
}

.waves-icon-drodpdown {
  width: 24px;
  height: 24px;
}

.waves-dropdown-list.w--open {
  background-color: var(--waves-library--white);
  border: 1px solid #1313131a;
  border-radius: 4px;
}

.waves---dropdown-link {
  text-align: center;
}

.waves---nav-cta {
  background-color: var(--waves-library--black);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.body-3 {
  box-sizing: border-box;
  color: #fff;
}

.text-block-4 {
  color: #fff;
}

.waves---section-hero-primary {
  padding-top: 100px;
  padding-bottom: 100px;
}

.waves---subtitle {
  color: #000;
  font-size: 24px;
  line-height: 40px;
}

.waves---mg-top-16 {
  margin-top: 16px;
}

.waves---cta-dark {
  background-color: var(--waves-library--black);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.waves---cta-dark:hover {
  background-color: #131313e6;
}

.waves---cta-dark.wide-cta {
  min-width: 200px;
}

.waves---main-container {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves-hero-3-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
}

.waves-content-hero-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 56px;
  display: flex;
}

.waves-master-image-hero-3 {
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.waves-image-hero-3 {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.waves---heading-1-no-margins {
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  line-height: 120%;
  display: flex;
}

.section-8 {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 3200px;
  display: grid;
  position: relative;
}

.background-video-8 {
  aspect-ratio: 422 / 800;
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  position: sticky;
}

.background-video-9, .background-video-10 {
  aspect-ratio: 422 / 800;
  max-width: none;
  position: sticky;
}

.text-block-5 {
  color: #ff1500;
  text-align: center;
  mix-blend-mode: difference;
  width: 90vw;
  font-family: Montserrat, sans-serif;
  font-size: 125px;
  font-weight: 900;
}

.section-9 {
  z-index: 20;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2800px;
  padding-top: 140px;
  display: flex;
  position: relative;
}

.div-block {
  width: 88vw;
  max-width: 1080px;
  position: sticky;
  top: 100px;
}

.div-block-2 {
  width: 88vw;
  max-width: 1080px;
  margin-top: 100px;
  position: sticky;
  top: 100px;
}

.div-block-3 {
  align-self: auto;
  width: 88vw;
  max-width: 1080px;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  position: sticky;
  top: 100px;
}

.div-block-4 {
  width: 96vw;
  padding-top: 220px;
}

.see-portfolio {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #ff1500;
  background-clip: border-box;
  border-radius: 7px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 210px;
  height: 48px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.section-10 {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.heading-5 {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  align-self: center;
  margin: -350px 10px 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
}

.paragraph-10 {
  color: #fff;
  text-align: center;
  margin-left: 10vw;
  margin-right: 10vw;
  font-family: Montserrat, sans-serif;
}

.people1 {
  z-index: 5;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  display: flex;
  position: sticky;
  top: 100px;
}

.pic1 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.tt1 {
  margin-left: 40px;
  margin-right: 40px;
}

.heading-6 {
  font-family: Montserrat, sans-serif;
}

.ds1 {
  justify-content: flex-start;
  align-items: center;
  width: 940px;
  display: flex;
}

.people2 {
  z-index: 10;
  background-color: #dbdbdb;
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  position: sticky;
  top: 150px;
}

.people3 {
  z-index: 15;
  background-color: #cecece;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 100px;
  position: sticky;
  top: 200px;
}

.clients1 {
  z-index: 20;
  background-color: #ff1500;
  width: 100%;
  height: 100vh;
  padding-top: 80px;
  position: sticky;
  top: 250px;
}

.heading-7 {
  text-align: right;
  font-family: Montserrat, sans-serif;
}

.paragraph-11 {
  text-align: justify;
}

.paragraph-12 {
  text-align: justify;
  font-family: Montserrat, sans-serif;
}

.heading-8 {
  font-family: Montserrat, sans-serif;
}

.paragraph-13 {
  text-align: justify;
  font-family: Montserrat, sans-serif;
}

.ds2 {
  justify-content: flex-start;
  align-items: center;
  width: 940px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tt2 {
  margin-left: 40px;
  margin-right: 40px;
  display: block;
}

.pic2 {
  width: 400px;
}

.heading-9 {
  text-align: right;
  font-family: Montserrat, sans-serif;
}

.paragraph-14 {
  text-align: justify;
  font-family: Montserrat, sans-serif;
}

.ds3 {
  justify-content: flex-start;
  align-items: center;
  width: 940px;
  display: flex;
}

.pic3 {
  width: 400px;
}

.tt3 {
  margin-left: 40px;
  margin-right: 40px;
}

.section-11 {
  z-index: 25;
  background-color: #000;
  width: 100%;
  height: 100vh;
  position: relative;
}

.paragraph-15 {
  color: #ff1500;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.paragraph-16 {
  color: #ff1500;
  text-align: right;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.paragraph-17 {
  color: #ff1500;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.container-10 {
  width: 940px;
}

.heading-hww {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
}

.paragraph-18 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.paragraph-19 {
  color: #fff;
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-20 {
  color: #fff;
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.paragraph-21, .paragraph-22 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.paragraph-23 {
  color: #fff;
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.paragraph-24 {
  color: #fff;
  text-align: justify;
  font-family: Montserrat, sans-serif;
}

.rich-text-block {
  width: 940px;
}

.paragraph-25 {
  text-align: center;
  width: 940px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.bold-text {
  color: #ff1500;
}

.paragraph-26 {
  color: #fff;
  text-align: justify;
  width: 940px;
  font-family: Montserrat, sans-serif;
}

.gitpop {
  z-index: 999;
  mix-blend-mode: normal;
  width: 95px;
  position: fixed;
  inset: auto 2% 5% auto;
}

.form-lightbox {
  z-index: 1010;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-card {
  background-color: #fff;
  width: 100%;
  max-width: 728px;
  height: auto;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 20px 40px;
  position: relative;
}

.xbutton {
  clear: none;
  color: #000;
  background-color: #fff0;
  font-family: Varela Round, sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  inset: 10px 10px auto auto;
}

.heading-10 {
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.field-label-6, .field-label-7 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-block-6, .text-block-7, .text-block-8 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-field, .text-field-2, .text-field-3, .select-field, .textarea-2 {
  font-family: Montserrat, sans-serif;
}

.form-block-3 {
  margin-top: 40px;
}

.submit-button-2 {
  background-color: #ff1500;
  border-radius: 7px;
  width: 200px;
  height: 45px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  display: block;
  position: static;
  inset: auto 0;
}

.gitpop2 {
  z-index: 1100;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section-12 {
  z-index: 40;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.heading-11 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.container-11 {
  margin-top: 40px;
  display: flex;
}

.heading-12 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

.paragraph-28 {
  color: #aeaeae;
  text-align: center;
}

.image-12 {
  width: 40px;
}

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

.locationicon, .image-13 {
  width: 40px;
}

.heading-13 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

.paragraph-29 {
  color: #aeaeae;
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.div-block-6, .div-block-7 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25vw;
  display: flex;
}

.image-14 {
  width: 40px;
}

.paragraph-30 {
  color: #aeaeae;
  font-family: Montserrat, sans-serif;
}

.heading-14 {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

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

.image-15 {
  width: 40px;
}

.div-block-8 {
  margin-top: auto;
  margin-bottom: auto;
}

.heading-15, .heading-16, .heading-17 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.paragraph-31, .paragraph-32, .paragraph-33 {
  color: #9c9c9c;
  font-family: Montserrat, sans-serif;
}

.div-block-9 {
  flex-flow: column;
  margin-top: 60px;
  margin-left: 20px;
  display: flex;
  position: static;
}

.div-block-10 {
  background-color: #9c9c9c;
  width: 1px;
  height: 50px;
  margin-left: 40px;
  position: static;
  top: auto;
  bottom: auto;
}

.div-block-11 {
  display: flex;
}

.div-block-12 {
  flex-flow: column;
  display: flex;
}

.div-block-13 {
  background-color: #9c9c9c;
  width: 1px;
  margin-left: 60px;
  margin-right: 60px;
}

.div-block-14 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-16 {
  width: 24px;
}

.text-block-9 {
  color: #fff;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-block-9:hover {
  text-decoration: none;
}

.image-17 {
  width: 24px;
}

.div-block-15 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.text-block-10 {
  color: #fff;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
}

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

.text-block-11 {
  color: #9c9c9c;
  font-family: Montserrat, sans-serif;
}

.text-block-12 {
  color: #000;
  font-family: Montserrat, sans-serif;
}

.success-message-2 {
  color: #000;
  background-color: #ddd0;
  font-family: Montserrat, sans-serif;
}

.text-block-13 {
  color: #000;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-field-4 {
  font-family: Montserrat, sans-serif;
}

@media screen and (max-width: 991px) {
  .container-6 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .container-7 {
    width: 70vw;
  }

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

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

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

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

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

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

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

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

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .waves---nav-brand-link {
    padding-left: 0;
  }

  .waves---nav-link {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
    display: flex;
  }

  .waves---nav-buttons-right {
    grid-column-gap: 8px;
  }

  .waves---nav-menu {
    background-color: var(--waves-library--white);
    border: 1px solid #1313131a;
    border-radius: 8px;
    margin-top: 4px;
  }

  .waves-dropdown-toggle {
    padding-right: 16px;
    font-size: 20px;
  }

  .waves-dropdown-list.w--open {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    position: static;
  }

  .waves---dropdown-link {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 20px;
  }

  .waves---menu-button {
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
  }

  .waves---menu-button.w--open {
    background-color: var(--waves-library--black);
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
  }

  .waves---hamburger-icon {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
  }

  .waves---nav-dropdown {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-hero-primary {
    text-align: center;
  }

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

  .waves-content-hero-3 {
    text-align: center;
    align-items: center;
    padding-left: 0;
  }

  .waves---heading-1-no-margins {
    font-size: 64px;
    line-height: 115%;
  }

  .section-9 {
    height: 2700px;
  }

  .div-block {
    position: static;
  }

  .heading-5 {
    margin-top: 0;
  }

  .pic1 {
    width: 300px;
  }

  .heading-6 {
    font-size: 36px;
  }

  .ds1 {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .people2, .people3 {
    width: 100%;
  }

  .heading-8 {
    font-size: 36px;
  }

  .ds2 {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .pic2 {
    width: 300px;
  }

  .heading-9 {
    font-size: 36px;
  }

  .ds3 {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .pic3 {
    width: 300px;
  }

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

  .paragraph-19, .paragraph-20 {
    text-align: left;
  }

  .paragraph-21, .paragraph-22 {
    text-align: center;
  }

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

  .rich-text-block {
    width: auto;
    max-width: 940px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .bold-text {
    margin-left: 40px;
    margin-right: 40px;
  }

  .paragraph-26 {
    width: auto;
    max-width: 940px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .heading-12, .heading-13, .heading-14 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .container-6 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 90vw;
    margin-top: 0;
  }

  .image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-8, .image-9 {
    width: 55px;
  }

  .paragraph-8 {
    margin-left: 5%;
    margin-right: 5%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link-4 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .waves---nav-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .waves---subtitle {
    font-size: 22px;
    line-height: 34px;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---heading-1-no-margins {
    font-size: 56px;
  }

  .background-video-8, .background-video-9, .background-video-10 {
    border-radius: 15px;
  }

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

  .container-9 {
    margin-top: 40px;
  }

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

  .heading-5 {
    margin-top: 0;
    font-size: 30px;
  }

  .pic1 {
    width: 150px;
  }

  .heading-6 {
    font-size: 30px;
  }

  .ds1 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .heading-8 {
    font-size: 30px;
  }

  .ds2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pic2 {
    width: 150px;
  }

  .heading-9 {
    font-size: 30px;
  }

  .ds3 {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .pic3 {
    width: 150px;
  }

  .container-10 {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .paragraph-24 {
    margin-left: 0;
  }

  .rich-text-block {
    width: auto;
    max-width: 940px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 0;
  }

  .paragraph-26 {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph-27 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-11 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .heading-12 {
    margin-bottom: 5px;
    line-height: 24px;
  }

  .div-block-13 {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  .nav-link {
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .nav-link-3 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .heading {
    font-size: 38px;
    line-height: 38px;
  }

  .sticky-section {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    height: 2700px;
  }

  .left1 {
    z-index: 21;
    width: 70vw;
    margin-top: 0;
    position: relative;
    top: 0;
  }

  .left1.left {
    z-index: 23;
    width: 70vw;
    margin-top: 0;
    display: flex;
    position: sticky;
  }

  .left1.right {
    z-index: 22;
    width: 70vw;
    margin-top: 0;
    position: relative;
    top: 0;
  }

  .left1.right.text {
    z-index: 24;
    height: 200px;
    top: 500px;
  }

  .background-video-2 {
    height: auto;
  }

  .section-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1700px;
    display: flex;
  }

  .container-4 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    height: 950px;
    margin-top: 120px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-5 {
    height: 260px;
    overflow: visible;
  }

  .image {
    width: 56px;
  }

  .heading-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-2 {
    width: auto;
    margin-left: 0%;
    margin-right: 0%;
    line-height: 18px;
  }

  .paragraph-3 {
    width: auto;
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    line-height: 18px;
  }

  .paragraph-4 {
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
    line-height: 18px;
  }

  .paragraph-5, .paragraph-6, .paragraph-7 {
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    line-height: 18px;
  }

  .container-6 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-flow: wrap;
    grid-template: "Area"
                   "."
                   / 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    place-items: start center;
    margin-left: 10px;
    margin-right: 10px;
    display: grid;
  }

  .paragraph-8 {
    margin-left: 5%;
    margin-right: 5%;
    line-height: 20px;
  }

  .text-block-2 {
    width: auto;
    font-size: 36px;
    line-height: 40px;
  }

  .container-7 {
    width: 80vw;
  }

  .section-6 {
    height: 125vh;
    position: relative;
  }

  .footer-subscribe {
    background-color: #000;
  }

  .container-8 {
    background-color: #000;
    width: auto;
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
  }

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

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

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

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

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

  .footer-copyright {
    text-align: center;
  }

  .form {
    width: 300px;
  }

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

  .accordion-header {
    margin-left: 20px;
  }

  .paragraph-9 {
    width: 80vw;
    margin-left: 30px;
    line-height: 18px;
  }

  .video-gallery-scroll {
    aspect-ratio: auto;
    object-fit: contain;
    align-items: flex-start;
    width: 100vw;
    min-height: 400px;
    overflow: auto;
  }

  .code-embed, .code-embed-2 {
    min-width: 450px;
  }

  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .code-embed-3, .code-embed-4 {
    min-width: 143px;
  }

  .waves---nav-cta {
    display: none;
  }

  .waves---section-hero-primary {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---subtitle {
    font-size: 20px;
  }

  .waves-master-image-hero-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .waves---heading-1-no-margins {
    font-size: 36px;
    line-height: 110%;
  }

  .icon {
    color: #fff;
    background-color: #0000;
  }

  .menu-button-2 {
    background-color: #0000;
  }

  .menu-button-2.w--open {
    background-color: #000000e6;
  }

  .nav-menu-2 {
    background-color: #000;
  }

  .background-video-8, .background-video-9 {
    max-width: 227px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .background-video-10 {
    object-fit: fill;
    max-width: 227px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-9 {
    height: 2200px;
  }

  .div-block {
    align-self: auto;
    position: sticky;
  }

  .div-block-2 {
    align-self: auto;
  }

  .container-9 {
    margin-top: 0;
  }

  .nav-menu-3 {
    background-color: #000;
  }

  .menu-button-3, .menu-button-3.w--open {
    color: #fff;
    background-color: #0000;
  }

  .icon-2 {
    color: #fff;
  }

  .heading-5 {
    margin-top: 0;
    font-size: 23px;
    line-height: 30px;
  }

  .heading-6 {
    font-size: 23px;
  }

  .ds1 {
    flex-flow: column;
  }

  .people2 {
    width: 100%;
  }

  .clients1 {
    height: 125vh;
  }

  .heading-8 {
    font-size: 23px;
  }

  .ds2 {
    flex-flow: column-reverse;
  }

  .heading-9 {
    text-align: left;
    font-size: 23px;
  }

  .ds3 {
    flex-flow: column;
  }

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

  .heading-hww {
    margin-top: -60px;
    font-size: 23px;
  }

  .flex-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: -25px;
  }

  .paragraph-24 {
    width: auto;
  }

  .rich-text-block {
    width: auto;
    min-width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .bold-text {
    text-align: center;
  }

  .paragraph-26 {
    width: auto;
    max-width: 940px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .paragraph-27 {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
  }

  .heading-11 {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 30px;
  }

  .heading-12, .heading-13 {
    font-size: 16px;
  }

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

  .heading-14 {
    text-align: center;
    font-size: 16px;
  }

  .div-block-11 {
    flex-flow: column;
  }

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

#w-node-d95b12a0-7cf0-35a7-2f0a-1794dc01b650-ab245a96 {
  place-self: auto center;
}

#w-node-d62dfdca-b839-8263-7659-7872965e5e27-ab245a96 {
  place-self: start end;
}

#w-node-_8e79cbb1-4469-276a-7424-6ad4423f2878-ab245a96 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_76aa7f7c-0879-c80d-4be7-3fc7c2fd1665-297f124d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_76aa7f7c-0879-c80d-4be7-3fc7c2fd166d-297f124d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_76aa7f7c-0879-c80d-4be7-3fc7c2fd1665-297f124d {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8e79cbb1-4469-276a-7424-6ad4423f2878-ab245a96 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: auto;
  }

  #w-node-_41c54ac5-c214-552d-978c-d2b5f45e0f52-ab245a96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_93e8882c-db47-6308-df28-1037f9687879-ab245a96 {
    grid-area: Area;
  }

  #w-node-_8d71406a-0b78-b0d4-85d4-592069897db4-ab245a96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}



/* ===================================================
   M15 CUSTOM OVERRIDES — Meridian15
   =================================================== */

/* ── OVERFLOW / SCROLL FIX ─────────────────────────
   Use clip (NOT hidden) so position:sticky children
   still work inside the scroll container.
   ─────────────────────────────────────────────────── */
html, body { overflow-x: clip; }

/* ── SECTION-5 OVERRIDE ────────────────────────────
   Webflow's CSS sets overflow:hidden + background:#fff
   on .section-5. We override both so the horizontal
   video scroller is visible and the dark theme holds.
   ─────────────────────────────────────────────────── */
.section-5 {
  overflow: visible !important;
  background-color: #000 !important;
  height: auto !important;
  position: relative !important;
}

/* ── CAMPAIGN SCROLLER ─────────────────────────────── */
.campaign-scroller {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* No snap — auto-scroll only, no manual snapping */
}
.campaign-scroller::-webkit-scrollbar { display: none; }

/* Each video panel in the scroller */
.campaign-scroller > .w-background-video {
  flex: 0 0 500px !important;
  width: 500px !important;
  height: 640px !important;
  position: relative !important;
  overflow: hidden !important;
  margin-right: 16px;
}
.campaign-scroller > .w-background-video video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .campaign-scroller > .w-background-video {
    flex: 0 0 85vw !important;
    width: 85vw !important;
    height: 500px !important;
  }
}


.campaign-scroller > * {
  flex: 0 0 min(80vw, 640px);
  height: 80vh;
  min-height: 480px;
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
}

/* ── NAVBAR ─────────────────────────────────────────
   Remove Webflow's absolute brand + float layout.
   Replace with simple flexbox.
   ─────────────────────────────────────────────────── */
.navbar .container.w-container {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  height: 72px !important;
  max-width: 100% !important;
  padding: 0 40px !important;
}

.brand.w-nav-brand {
  position: static !important;
  inset: auto !important;
  float: none !important;
  flex: 0 0 160px !important;
  width: 160px !important;
  height: 52px !important;
  margin: 0 !important;
  background-position: left center !important;
  background-size: contain !important;
  z-index: 2 !important;
}

/* Kill Webflow's clearfix pseudo-elements inside flex nav */
.navbar .container.w-container::before,
.navbar .container.w-container::after {
  display: none !important;
}

/* Desktop nav layout (above 991px) */
@media (min-width: 992px) {
  .nav-menu-2.w-nav-menu,
  .nav-menu-3.w-nav-menu {
    float: none !important;
    position: static !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
}

/* Hamburger button — hidden on desktop, Webflow shows it at 991px via data-collapse */
.menu-button-2.w-nav-button,
.menu-button-3.w-nav-button {
  float: none !important;
  margin-left: auto !important;
  padding: 12px !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
/* Remove Webflow's gray open-state background on hamburger */
.menu-button-2.w-nav-button.w--open,
.menu-button-3.w-nav-button.w--open {
  background-color: transparent !important;
}
/* Hamburger icon (three lines) */
.menu-button-2 .w-icon-nav-menu,
.menu-button-3 .w-icon-nav-menu {
  font-size: 24px !important;
  color: #fff !important;
}
/* Transform hamburger to X when menu is open */
.menu-button-2.w-nav-button.w--open .w-icon-nav-menu,
.menu-button-3.w-nav-button.w--open .w-icon-nav-menu {
  font-size: 0 !important;
}
.menu-button-2.w-nav-button.w--open .w-icon-nav-menu::after,
.menu-button-3.w-nav-button.w--open .w-icon-nav-menu::after {
  content: '\00d7';
  font-size: 32px;
  font-family: sans-serif;
  color: #fff;
  line-height: 1;
}

/* Mobile nav menu */
@media (max-width: 991px) {
  .navbar .container.w-container { padding: 0 20px !important; }

  /* Webflow nav overlay — keep background transparent so closing doesn't leave a black screen.
     The menu INSIDE the overlay gets the black background instead. */
  .navbar.w-nav .w-nav-overlay {
    background: transparent !important;
    z-index: 9999 !important;
    width: 100% !important;
  }

  /* Override Webflow's [data-nav-menu-open] defaults (text-align:center, position:absolute, bg:#C8C8C8) */
  .navbar.w-nav [data-nav-menu-open] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    position: static !important;
    background: #000 !important;
    text-align: left !important;
    width: 100% !important;
    padding: 20px 0 !important;
    min-width: 0 !important;
  }

  /* Force ALL nav links to full-width left-aligned blocks
     Uses high specificity to beat webflow.css .w-nav-link (inline-block, auto margins) */
  .navbar.w-nav [data-nav-menu-open] .w-nav-link,
  .navbar.w-nav [data-nav-menu-open] .nav-link,
  .navbar.w-nav [data-nav-menu-open] .nav-link-2,
  .navbar.w-nav [data-nav-menu-open] .nav-link-3 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    text-align: left !important;
    color: #fff !important;
    box-sizing: border-box !important;
    transition: background 0.1s ease, opacity 0.1s ease !important;
    -webkit-tap-highlight-color: rgba(255,21,0,0.15) !important;
  }

  /* Active/tap state for mobile nav links */
  .navbar.w-nav [data-nav-menu-open] .w-nav-link:active,
  .navbar.w-nav [data-nav-menu-open] .nav-link:active,
  .navbar.w-nav [data-nav-menu-open] .nav-link-2:active,
  .navbar.w-nav [data-nav-menu-open] .nav-link-3:active {
    background: rgba(255,255,255,0.06) !important;
    opacity: 0.7 !important;
  }

  /* Kill Webflow's .w--current blue/pink color in mobile menu */
  .navbar.w-nav [data-nav-menu-open] .w-nav-link.w--current {
    color: #fff !important;
  }

  /* Mobile CTA button */
  .navbar.w-nav [data-nav-menu-open] .nav-cta-btn {
    margin: 12px 24px 8px !important;
    text-align: center !important;
    display: block !important;
    transition: background 0.1s ease, transform 0.1s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .navbar.w-nav [data-nav-menu-open] .nav-cta-btn:active {
    background: #c01100 !important;
    transform: scale(0.97) !important;
  }

  /* Hamburger tap feedback */
  .menu-button-2.w-nav-button:active,
  .menu-button-3.w-nav-button:active {
    opacity: 0.6 !important;
  }
}

/* ── NAV CTA ─────────────────────────────────────── */
.nav-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  background: #FF1500 !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border-radius: 2px !important;
  margin-left: 20px !important;
  white-space: nowrap !important;
  transition: background 0.2s, transform 0.15s !important;
  border: none !important;
}
.nav-cta-btn:hover  { background: #d91200 !important; transform: translateY(-1px) !important; }
.nav-cta-btn:visited { color: #fff !important; }

/* ── PRELOADER ───────────────────────────────────── */
#site-preloader {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}
#site-preloader.done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#preloader-logo {
  width: 160px;
  height: 56px;
  background: url('../images/meridian15-logo-2.svg') center/contain no-repeat;
  animation: m15pulse 1.6s ease-in-out infinite;
}
#preloader-bar {
  width: 120px;
  height: 2px;
  background: rgba(255,255,255,0.12);
  border-radius: 2px;
  margin-top: 32px;
  overflow: hidden;
}
#preloader-fill {
  height: 100%;
  background: #FF1500;
  border-radius: 2px;
  animation: m15load 1.4s ease-in-out infinite;
}
@keyframes m15pulse { 0%,100%{opacity:.35} 50%{opacity:1} }
@keyframes m15load  { 0%{width:0%;margin-left:0} 60%{width:100%;margin-left:0} 100%{width:100%;margin-left:110%} }

/* ── CLIENT LOGOS MARQUEE ────────────────────────── */
.m15-clients-section {
  background: #000;
  padding: 52px 0;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.m15-clients-label {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  text-align: center;
  margin-bottom: 28px;
}
.m15-clients-track {
  display: flex;
  width: max-content;
  animation: m15marquee 24s linear infinite;
}
.m15-clients-track:hover { animation-play-state: paused; }
.m15-client-name {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: rgba(255,255,255,0.18);
  padding: 0 44px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: color 0.3s;
}
.m15-client-name:hover { color: rgba(255,255,255,0.6); }
@keyframes m15marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ── STATS ───────────────────────────────────────── */
.m15-stats-section {
  background: #0a0a0a;
  padding: 96px 40px;
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.m15-stats-inner {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 40px;
  text-align: center;
}
.m15-stat-number {
  font-family: Montserrat, sans-serif;
  font-size: 64px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.03em;
}
.m15-stat-suffix {
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #FF1500;
  display: inline;
}
.m15-stat-label {
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.4);
  margin-top: 14px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .m15-stats-inner { grid-template-columns: repeat(2,1fr); gap: 32px; }
  .m15-stat-number { font-size: 44px; }
  .m15-stats-section { padding: 64px 24px; }
}

/* ── TESTIMONIALS ────────────────────────────────── */
.m15-testimonials-section {
  background: #050505;
  padding: 100px 40px 120px;
}
.m15-testimonials-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.m15-section-eyebrow {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #FF1500;
  margin-bottom: 20px;
}
.m15-testimonials-heading {
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 60px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.m15-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
}
.m15-testimonial-card {
  background: #111;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 40px 34px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.m15-testimonial-card:hover {
  border-color: rgba(255,21,0,0.3);
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.m15-testimonial-quote {
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  line-height: 1.85;
  color: rgba(255,255,255,0.68);
  flex: 1;
  margin-bottom: 28px;
}
.m15-testimonial-quote::before {
  content: '\201C';
  font-size: 56px;
  color: #FF1500;
  line-height: 0;
  vertical-align: -24px;
  display: block;
  margin-bottom: 16px;
}
.m15-testimonial-author-name {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.m15-testimonial-author-title {
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  color: rgba(255,255,255,0.32);
  letter-spacing: 0.03em;
}
@media (max-width: 900px) {
  .m15-testimonials-grid { grid-template-columns: 1fr; }
  .m15-testimonials-heading { font-size: 30px; }
  .m15-testimonials-section { padding: 64px 24px 80px; }
}

/* ── SERVICES CARD GRID (services.html) ──────────── */
.svc-grid-section { background:#000; padding:80px 40px 100px; }
.svc-grid {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;
}
.svc-card {
  background: #0f0f0f;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 36px 30px 32px;
  display: flex; flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94),
              border-color 0.35s ease, box-shadow 0.35s ease;
}
.svc-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255,21,0,0.35);
  box-shadow: 0 24px 64px rgba(255,21,0,0.1);
}
.svc-card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:28px; }
.svc-card-icon { width:44px; height:44px; object-fit:contain; filter:invert(1) brightness(1.2); opacity:.9; }
.svc-card-num  { font-family:Montserrat,sans-serif; font-size:52px; font-weight:900; color:rgba(255,255,255,0.05); line-height:1; letter-spacing:-0.03em; }
.svc-card-title { font-family:Montserrat,sans-serif; font-size:19px; font-weight:800; color:#fff; margin-bottom:14px; line-height:1.2; }
.svc-card-desc  { font-family:Montserrat,sans-serif; font-size:13.5px; line-height:1.85; color:rgba(255,255,255,0.48); margin-bottom:28px; flex:1; }
.svc-card-tags  { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; }
.svc-tag { font-family:Montserrat,sans-serif; font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:4px 10px; border-radius:100px; border:1px solid rgba(255,255,255,0.13); color:rgba(255,255,255,0.4); }

.services-hero-v2 { background:#000; padding:160px 40px 80px; overflow:hidden; }
.services-hero-inner { max-width:1100px; margin:0 auto; }
.services-hero-v2-eyebrow { font-family:Montserrat,sans-serif; font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#FF1500; margin-bottom:20px; }
.services-hero-v2-heading { font-family:Montserrat,sans-serif; font-size:88px; font-weight:900; color:#fff; line-height:.95; margin-bottom:28px; letter-spacing:-0.02em; }
.services-hero-v2-sub { font-family:Montserrat,sans-serif; font-size:17px; color:rgba(255,255,255,.5); max-width:520px; line-height:1.75; }

@media (max-width:991px) { .svc-grid{grid-template-columns:repeat(2,1fr)} .services-hero-v2-heading{font-size:56px} }
@media (max-width:600px) { .svc-grid{grid-template-columns:1fr} .svc-grid-section{padding:60px 20px 80px} .services-hero-v2{padding:120px 24px 60px} .services-hero-v2-heading{font-size:38px} }

/* ── FOOTER ──────────────────────────────────────── */
footer.m15-footer {
  display: block;
  background: #000;
}
.m15-footer-cta-strip {
  background: #FF1500;
  padding: 80px 40px;
  text-align: center;
}
.m15-footer-cta-inner { max-width:680px; margin:0 auto; }
.m15-footer-cta-heading {
  font-family: Montserrat, sans-serif;
  font-size: 56px; font-weight: 900; color: #fff;
  line-height: 1; margin-bottom: 16px; letter-spacing: -0.02em;
}
.m15-footer-cta-sub {
  font-family: Montserrat, sans-serif;
  font-size: 16px; color: rgba(255,255,255,.8);
  margin-bottom: 36px; line-height: 1.65;
}
.m15-footer-cta-btn {
  display: inline-block; background: #fff;
  color: #FF1500 !important;
  font-family: Montserrat, sans-serif;
  font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em;
  padding: 15px 34px; border-radius: 6px;
  transition: opacity .2s, transform .2s;
}
.m15-footer-cta-btn:hover { opacity:.9; transform:translateY(-2px); }

.m15-footer-main {
  max-width: 1100px; margin: 0 auto;
  padding: 72px 40px 52px;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.m15-footer-logo {
  width: 160px; height: 52px;
  background: url('../images/meridian15-logo-2.svg') left center/contain no-repeat;
  margin-bottom: 20px;
}
.m15-footer-tagline { font-family:Montserrat,sans-serif; font-size:13px; color:rgba(255,255,255,.35); line-height:1.75; max-width:220px; margin-bottom:28px; }
.m15-footer-socials { display:flex; flex-direction:column; gap:10px; }
.m15-footer-social-link { font-family:Montserrat,sans-serif; font-size:13px; font-weight:600; color:rgba(255,255,255,.55) !important; transition:color .2s; }
.m15-footer-social-link:hover { color:#FF1500 !important; }
.m15-footer-col-title { font-family:Montserrat,sans-serif; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:rgba(255,255,255,.28); margin-bottom:20px; }
.m15-footer-link { display:block; font-family:Montserrat,sans-serif; font-size:13px; color:rgba(255,255,255,.5) !important; margin-bottom:11px; transition:color .2s; }
a.m15-footer-link:hover { color:#fff !important; }

.m15-footer-bottom {
  max-width: 1100px; margin: 0 auto;
  padding: 22px 40px;
  display: flex; justify-content:space-between; align-items:center;
}
.m15-footer-copy { font-family:Montserrat,sans-serif; font-size:12px; color:rgba(255,255,255,.22); }
.m15-footer-copy-link { font-family:Montserrat,sans-serif; font-size:12px; color:rgba(255,255,255,.22) !important; transition:color .2s; }
.m15-footer-copy-link:hover { color:rgba(255,255,255,.6) !important; }

@media (max-width:900px) {
  .m15-footer-main { grid-template-columns:1fr 1fr; gap:36px; padding:52px 24px 40px; }
  .m15-footer-cta-heading { font-size:38px; }
  .m15-footer-cta-strip { padding:56px 24px; }
}
@media (max-width:600px) {
  .m15-footer-main { grid-template-columns:1fr; gap:32px; }
  .m15-footer-bottom { flex-direction:column; gap:8px; text-align:center; padding:20px 24px; }
  .m15-footer-cta-heading { font-size:28px; }
}


/* ── STICKY SCENE WRAPPER ────────────────────────────
   Limits the sticky scope of .hello to only within
   this container. Once you scroll past it, .hello
   unsticks and the sections below are fully visible.
   ─────────────────────────────────────────────────── */
.sticky-scene {
  position: relative;
  z-index: 1;
}

/* ── ADS THAT WORK — original section-9 ─────────────
   Requires webflow.js (added to page) to initialise
   the .w-background-video elements correctly.
   ─────────────────────────────────────────────────── */

/* ── HERO VIDEO: contain to its wrapper ─────────────
   Webflow sets position:fixed on .hero-background
   which makes the video overlay the whole page.
   Override to absolute so it stays inside
   .hero-background-container (position:relative).
   ─────────────────────────────────────────────────── */
.hero-background {
  position: absolute !important;
}

/* ── SECTION Z-INDEX FIXES ───────────────────────────
   Custom sections need position + z-index so they
   are never hidden under section-9 (z:20).
   ─────────────────────────────────────────────────── */
.section-5,
.m15-clients-section,
.section-4,
.m15-stats-section,
.m15-testimonials-section,
footer.m15-footer,
.hs-intro,
.hs-reel,
.hs-brands,
.hs-stats,
.hs-services,
.hs-channels,
.hs-testi,
.hs-cta-band,
footer.hs-footer {
  position: relative;
  z-index: 25;
}

/* ── SHARED FOOTER (all pages) ─────────────────────────── */
footer.hs-footer {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.hs-footer-main {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  padding: 72px 48px 52px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.hs-footer-logo {
  width: 160px; height: 52px;
  background: url('../images/meridian15-logo-2.svg') left center / contain no-repeat;
  margin-bottom: 20px;
  opacity: 1;
}
.hs-footer-tagline {
  font-size: 14px; font-weight: 400; line-height: 1.7;
  color: rgba(255,255,255,0.5); max-width: 260px; margin-bottom: 32px;
}
.hs-footer-social {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: rgba(255,255,255,0.52);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 10px 20px; border-radius: 2px;
  transition: color 0.2s, border-color 0.2s;
}
.hs-footer-social:hover { color: #fff; border-color: rgba(255,255,255,0.35); }
.hs-footer-col-title {
  font-size: 9px; font-weight: 700; letter-spacing: 0.3em;
  text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 22px;
}
.hs-footer-link {
  display: block; font-size: 14px; font-weight: 400;
  color: rgba(255,255,255,0.58); margin-bottom: 12px; transition: color 0.2s;
}
a.hs-footer-link:hover { color: #fff; }
.hs-footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 48px; gap: 20px; flex-wrap: wrap;
}
.hs-footer-copy { font-size: 11px; color: rgba(255,255,255,0.35); letter-spacing: 0.05em; }
a.hs-footer-copy:hover { color: rgba(255,255,255,0.6); }
.hs-footer-legal-links { display: flex; gap: 20px; flex-wrap: wrap; }
.hs-footer-legal-links a { font-size: 11px; color: rgba(255,255,255,0.35); letter-spacing: 0.05em; transition: color 0.2s; text-decoration: none !important; }
.hs-footer-legal-links a:hover { color: rgba(255,255,255,0.6); }

@media (max-width: 1000px) {
  .hs-footer-main { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
  .hs-footer-main { grid-template-columns: 1fr 1fr; gap: 32px; padding: 52px 24px 40px; }
  .hs-footer-main > div:first-child { grid-column: 1 / -1; }
  .hs-footer-bottom { padding: 18px 24px; }
}

/* Mobile nav improvements */
@media (max-width: 991px) {
  .nav-menu-2 {
    padding: 20px 0;
  }
  .nav-link, .nav-link-2, .nav-link-3 {
    padding: 12px 24px;
    font-size: 16px;
    display: block;
    width: 100%;
  }
  .nav-cta-btn {
    margin: 12px 24px 8px;
    text-align: center;
    display: block;
  }
}

/* ── ADS THAT WORK — landscape mobile fix ──────────── */
@media (max-width: 991px) and (orientation: landscape) {
  .section-9 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    align-items: center;
  }
  .div-block,
  .div-block-2,
  .div-block-3 {
    position: static;
    width: 70vw;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
  .div-block { margin-top: 0; }
  .div-block-4 {
    padding-top: 60px;
    text-align: center;
    width: 100%;
  }
}