html {
  font-size: 17px;
  overflow-x: hidden;
}

/* Root Font Family */
:root {
  --font-sans: "Akzidenz-Grotesk Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --bs-border-width: 1px;
  --bs-tertiary-bg-rgb: #fff !important;
  --bs-body-font-size: 1.5rem !important;
  --bs-body-font-weight: 300 !important;
  --bs-body-line-height: 2rem !important;
}

@font-face {
  font-family: "Akzidenz-Grotesk Pro";
  src: url("../fonts/AkzidenzGroteskPro-Light/AkzidenzGroteskPro-Light.woff2") format("woff2"),url("../fonts/AkzidenzGroteskPro-Light/AkzidenzGroteskPro-Light.woff") format("woff"),url("../fonts/AkzidenzGroteskPro-Light/AkzidenzGroteskPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: "Akzidenz-Grotesk Pro";
  src: url(../fonts/AkzidenzGroteskPro-Regular/AkzidenzGroteskPro-Regular.woff2) format("woff2"), url("../fonts/AkzidenzGroteskPro-Regular/AkzidenzGroteskPro-Regular.woff") format("woff"),url("../fonts/AkzidenzGroteskPro-Regular/AkzidenzGroteskPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Akzidenz-Grotesk Pro";
  src: url("../fonts/AkzidenzGroteskPro-Md/AkzidenzGroteskPro-Md.woff2") format("woff2"),url("../fonts/AkzidenzGroteskPro-Md/AkzidenzGroteskPro-Md.woff") format("woff"),url("../fonts/AkzidenzGroteskPro-Md/AkzidenzGroteskPro-Md.ttf") format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: "Akzidenz-Grotesk Pro";
  src: url("../fonts/AkzidenzGroteskPro-Bold/AkzidenzGroteskPro-Bold.woff2") format("woff2"),url("../fonts/AkzidenzGroteskPro-Bold/AkzidenzGroteskPro-Bold.woff") format("woff"),url("../fonts/AkzidenzGroteskPro-Bold/AkzidenzGroteskPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal
}

@media (min-width: 0px) {
  html {
    font-size: 11.75px
  }
}

@media (min-width: 500px) {
  html {
    font-size: 11.75px
  }
}

@media (min-width: 600px) {
  html {
    font-size: 12.25px
  }
}

@media (min-width: 700px) {
  html {
    font-size: 12.25px
  }
}

@media (min-width: 800px) {
  html {
    font-size: 13.5px
  }
}

@media (min-width: 900px) {
  html {
    font-size: 13.5px
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 14px
  }
}

@media (min-width: 1100px) {
  html {
    font-size: 14px
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 14px
  }
}

@media (min-width: 1300px) {
  html {
    font-size: 15px
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 16px
  }
}

@media (min-width: 1900px) {
  html {
    font-size: 17px
  }
}

@media (min-width: 2200px) {
  html {
    font-size: 18px
  }
}

@media (min-width: 2500px) {
  html {
    font-size: 19px
  }
}

[role="button"] {
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #ebebeb;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
}

@media (min-width: 1900px) {
  div::-webkit-scrollbar {
    width: 5px;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Fade In */
.fade-in {
  animation: fade-in 1.2s ease forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

body {
  font-family: "Akzidenz-Grotesk Pro", system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem !important;
  letter-spacing: -.02rem !important;
  color: #000;
  overflow-y: scroll;
  margin-right: -7px !important;
}

p {
  margin-bottom: 2rem !important;
}

.main-content {
  padding-top: 8.25rem;
}

.banner img {
    object-fit: cover;
    width: 100%;
}

.banner-video-wrapper {
  height: 56.25cqw;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.banner-media {
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.intro-text {
  width: 41.31%;
  padding-right: 2rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}

@media (max-width: 576px) {
  .container-fluid {
    padding: 0 1.563rem
  }

  .banner-video {
    width: 180vw;
    height: 90vh;
    object-fit: cover;
    object-position: center;
  }

  .intro-text {
    width: 100%;
    padding: 0;
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media (min-width: 1024px) {
  .container-fluid {
    padding: 0 4rem
  }
}

.noHover {
  pointer-events: none;
}

ul {
  list-style: none;
}

h2 {
    line-height: 2.75rem !important;
    font-size: 3rem !important;
    color: #000 !important;
    letter-spacing: -.05rem !important;
    margin-bottom: .7rem;
}