.navbar {
  position: absolute;
  width: 100vw;
}

.navbar-stuck {
  display: inline-block;
  position: fixed;
  transition: 0.5s;
  z-index: 1000;
  right: 0;
  margin-right: 10vw;
}

.nav-visible {
  margin-top: 4rem;
}
@media (max-width: 37.5em) {
  .nav-visible {
    margin-top: 4.1rem;
  }
}

.nav-invisible {
  margin-top: -5rem;
}

.logo-image {
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
}

.logo {
  margin-top: 4rem;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 10;
  margin-left: 10vw;
}

.logo-background {
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--bevaris-black);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-text {
  height: 32px;
  margin-left: 1rem;
  display: inline;
}
@media (max-width: 37.5em) {
  .logo-text {
    margin-left: 24vw;
    position: absolute;
    height: 4vw;
  }
}

.contact-button-container {
  position: absolute;
  margin-top: 4rem;
  margin-right: calc(10vw + 6rem);
  right: 0;
  z-index: 5;
}
@media (max-width: 56.25em) {
  .contact-button-container {
    visibility: hidden;
  }
}

.pay-button-container {
  position: absolute;
  margin-top: 4rem;
  margin-right: calc(10vw + 15rem);
  right: 0;
  z-index: 5;
}
@media (max-width: 56.25em) {
  .pay-button-container {
    margin-right: calc(10vw + 6rem);
  }
}
@media (max-width: 37.5em) {
  .pay-button-container {
    margin: 20vh 0 0 0;
    position: relative;
    display: flex;
    justify-content: center;
  }
}

.contact-button-background {
  width: 128px;
  height: 64px;
  background-color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 64px;
}

.pay-button-background {
  width: 128px;
  height: 64px;
  background-color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 64px;
  font-weight: 500;
}

.contact-text {
  color: var(--gray-2);
}

ul {
  list-style-type: none;
}

.close {
  border: var(--gray-2) solid 0.1rem;
}

.menu-image {
  color: #fbfaf8;
}

.menu-image.hide {
  opacity: 0;
  transition: 0.2s;
  display: none;
}

.menu-close-image {
  display: none;
}

.menu-close-image.show {
  display: inline-block;
}

.menu-background {
  display: block;
  width: 64px;
  height: 64px;
  background-color: var(--black-0);
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (hover: hover) {
  .menu-background:hover {
    background-color: var(--red--1);
    border: solid var(--gray-2) 0.1vw;
    transition: 0.2s;
  }
}
.menu-background:active {
  background-color: var(--red);
  transition: background-color 0s;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--black-0);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 50;
}

.menu.show {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}

.menu-container {
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
}

.menu-link {
  text-decoration: none;
  color: var(--gray-2);
  font-size: 4rem;
  font-weight: 700;
}
@media (max-width: 37.5em) {
  .menu-link {
    font-size: 3rem;
  }
}

.menu-item {
  margin: 3vh;
}

.menu-nav {
  margin-top: 10vh;
}

.menu-item a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  font-size: 4rem;
}
@media (max-width: 37.5em) {
  .menu-item a {
    font-size: 3.25rem;
  }
}

.menu-item a::before,
.menu-item a::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
}

.menu-item a::before {
  background-color: var(--red);
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.menu-item a::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: var(--red);
}

.menu-item a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

.menu-item a:hover::after {
  transform: translate3d(0, 0, 0);
}

.menu-item a span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.menu-item a:hover span {
  transform: translate3d(-200%, 0, 0);
}

.homepage-hero-container {
  width: 100vw;
  height: 350vh;
  position: relative;
  top: 0;
  margin-bottom: -100vh;
  z-index: 1;
}

.homepage-hero-section-item {
  position: sticky;
  top: 0;
}

.homepage-video-container {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.homepage-section-1 {
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-items: center;
  margin-bottom: -6rem;
  transition: background-color 0.25s ease;
}

.homepage-main-text {
  height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.homepage-main-text h1, h3 {
  text-align: center;
}

@media (max-width: 37.5em) {
  .homepage-main-text h3 {
    font-size: 1rem;
  }
}

.homepage-main-text h1 {
  margin-top: 2rem;
  font-size: 6rem;
}
@media (max-width: 37.5em) {
  .homepage-main-text h1 {
    font-size: 4rem;
  }
}

.second-line {
  height: 8rem;
}

.hero-changing-text {
  display: block;
}

.cursor {
  display: inline-block;
  background-color: var(--teal);
  margin-left: 0.1rem;
  width: 0.3rem;
  animation: blink 1s infinite;
}

.cursor.typing {
  animation: none;
}

@keyframes blink {
  0% {
    background-color: var(--teal);
  }
  49% {
    background-color: var(--teal);
  }
  50% {
    background-color: transparent;
  }
  99% {
    background-color: transparent;
  }
  100% {
    background-color: var(--teal);
  }
}
.homepage-section-2 {
  height: 160vh;
  display: flex;
  justify-content: center;
}

.homepage-video-container {
  width: 100vw;
  height: 100vh;
  transform: scale(0.8);
  transition: 0.4s;
  border-radius: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo-video {
  display: flex;
  border-radius: inherit;
  width: 100vw;
}

.play-button-container {
  position: absolute;
}

.play-button {
  width: 10vw;
  height: 10vw;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: 0.2vw;
  border-color: rgba(255, 255, 255, 0.8);
}

.play-button-background {
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.2vw;
  border-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  opacity: 0;
}

.play-icon {
  position: relative;
  left: 0.4vw;
  width: 3vw;
}

.homepage-full-video-container {
  position: absolute;
  z-index: -1;
}

.homepage-full-video {
  width: 10vw;
}

.promo-video-fallback {
  border-radius: inherit;
  position: absolute;
  z-index: -1;
}

.promo-video-fill-frame {
  transform: scale(1);
  border-radius: 0;
}

.homepage-section-3 {
  height: 140vh;
}

.bevaris-mission-container {
  width: 100vw;
  height: 140vh;
  background-color: var(--red--1);
  border-radius: 4vw;
  position: relative;
  z-index: 20;
}
@media (max-width: 56.25em) {
  .bevaris-mission-container {
    border-radius: 5vh;
  }
}

.bevaris-mission-content {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  z-index: 10;
}
@media (max-width: 56.25em) {
  .bevaris-mission-content {
    height: 100vh;
    flex-direction: column;
    align-items: stretch;
  }
}

.bevaris-mission-image {
  margin: auto 0vw auto 6vw;
  flex-grow: 1;
}
@media (max-width: 56.25em) {
  .bevaris-mission-image {
    margin: 10vh auto 0;
    flex-grow: 1;
  }
}

.bevaris-mission-image img {
  width: 30vw;
}
@media (max-width: 56.25em) {
  .bevaris-mission-image img {
    width: 34vh;
  }
}

.bevaris-mission-text {
  flex-grow: 3;
  margin: auto 10vw auto;
  color: var(--gray-1);
  width: 70vw;
}
@media (max-width: 56.25em) {
  .bevaris-mission-text {
    text-align: center;
    flex-grow: 10;
    width: auto;
    margin: 0 10vw;
    padding: 0;
  }
}

.bevaris-mission-text h2 {
  font-size: 3vw;
}
@media (max-width: 56.25em) {
  .bevaris-mission-text h2 {
    margin: 1vh auto 5vh;
    font-size: 4vh;
  }
}

.bevaris-mission-text p {
  margin-top: 5vw;
  font-size: 1.5vw;
}
@media (max-width: 56.25em) {
  .bevaris-mission-text p {
    font-size: 2vh;
    margin-top: 4vh;
  }
}

.serve-panel {
  height: 110vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
}
@media (max-width: 56.25em) {
  .serve-panel {
    flex-direction: column;
  }
}

.serve-1 {
  background-color: var(--red-2);
}

.serve-2 {
  background-color: var(--teal-2);
}

.serve-3 {
  background-color: var(--gold-2);
}

.serve-text-container {
  padding-left: max(10%, 50% - 15vw);
  padding-right: 5vw;
}
@media (max-width: 56.25em) {
  .serve-text-container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10vh;
    text-align: center;
    width: 80vw;
  }
}

.serve-text-lines {
  margin: 5vh auto;
}

.serve-text-line1 {
  font-weight: 700;
  font-size: calc(1rem + 0.5vw);
  margin-bottom: 10vh;
}

.serve-text-line2 {
  font-weight: 700;
  font-size: calc(2.1rem + 0.5vw);
}

.serve-text-line3 {
  font-size: calc(1.4rem + 0.5vw);
}

.serve-2 .serve-image-background {
  background-color: var(--teal-1);
  border-radius: 50%;
}

.serve-3 .serve-image-background {
  background-color: var(--gold-1);
  border-radius: 50%;
}

.serve-background-1 {
  margin-left: 20%;
  margin-bottom: 40vh;
  height: 21vw;
  width: 21vw;
}
@media (max-width: 56.25em) {
  .serve-background-1 {
    margin-left: 50vw;
    margin-bottom: 160vh;
    height: 37vw;
    width: 37vw;
  }
}

.serve-background-2 {
  width: 16vw;
  height: 16vw;
}
@media (max-width: 56.25em) {
  .serve-background-2 {
    margin-left: 0;
    margin-top: 0;
    margin-right: 60%;
    margin-bottom: 30%;
    width: 32vw;
    height: 32vw;
  }
}

.serve-background-3 {
  margin-left: 17%;
  margin-top: 25%;
  height: 11vw;
  width: 11vw;
}
@media (max-width: 56.25em) {
  .serve-background-3 {
    margin-top: 0;
    margin-left: 60%;
    margin-bottom: 10%;
    height: 22vw;
    width: 22vw;
  }
}

.serve-image-2 {
  width: 15vw;
}
@media (max-width: 56.25em) {
  .serve-image-2 {
    width: 30vw;
  }
}

.serve-image-3 {
  width: 10vw;
}
@media (max-width: 56.25em) {
  .serve-image-3 {
    width: 20vw;
  }
}

.homepage-section-5 {
  position: relative;
  z-index: 0;
}

.serve-main-container {
  width: 100vw;
  height: 560vh;
  transition: 1s;
}

.serve-background-red {
  background-color: var(--red-2);
}

.serve-background-teal {
  background-color: var(--teal-2);
}

.serve-background-gold {
  background-color: var(--gold-2);
}

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

.serve-main-slider {
  width: 100vw;
  height: 560vh;
  position: sticky;
  top: 0;
}

.who-images-container {
  height: 100vh;
  width: 100vw;
  position: sticky;
  top: 0;
}

.who-images-wrapper {
  height: 100vh;
  width: 50vw;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 56.25em) {
  .who-images-wrapper {
    width: 100vw;
  }
}

.who-image-background-1 {
  width: 21vw;
  height: 21vw;
  border-radius: 50%;
  margin-bottom: 30vh;
  margin-left: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 56.25em) {
  .who-image-background-1 {
    margin: 0;
    left: 4vw;
    top: 5vw;
    width: 31vw;
    height: 31vw;
  }
}

.who-image-itself-1 {
  width: 20vw;
  height: 20vw;
  border-radius: 50%;
}
@media (max-width: 56.25em) {
  .who-image-itself-1 {
    width: 29vw;
    height: 29vw;
  }
}

.who-image-background-2 {
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
  margin-right: 33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 56.25em) {
  .who-image-background-2 {
    margin: 0;
    right: 2vw;
    width: 20vw;
    height: 20vw;
  }
}

.who-image-itself-2 {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
}
@media (max-width: 56.25em) {
  .who-image-itself-2 {
    width: 18.5vw;
    height: 18.5vw;
  }
}

.who-image-background-3 {
  width: 11vw;
  height: 11vw;
  border-radius: 50%;
  margin-right: 5vw;
  margin-top: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 56.25em) {
  .who-image-background-3 {
    margin: 0;
    left: 25vw;
    bottom: 5vw;
    width: 15vw;
    height: 15vw;
  }
}

.who-image-itself-3 {
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
}
@media (max-width: 56.25em) {
  .who-image-itself-3 {
    width: 14vw;
    height: 14vw;
  }
}

.red-section {
  background-color: var(--red-1);
}

.teal-section {
  background-color: var(--teal-1);
}

.gold-section {
  background-color: var(--gold-1);
}

.serve-images-first {
  opacity: 0;
  transition: 0.5s;
}

.serve-images-second {
  opacity: 0;
  transition: 0.5s;
}

.serve-images-third {
  opacity: 0;
  transition: 0.5s;
}

.opacity1 {
  opacity: 1;
  transition: 0.5s;
}

.show-section-background {
  opacity: 1;
  transition: 0.5s;
}

.serve-content-spacer {
  width: 100vw;
  height: 100vh;
}

.who-section {
  height: 120vh;
  width: 100vw;
}

.who-section-text {
  height: 120vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10vw;
}
@media (max-width: 56.25em) {
  .who-section-text {
    margin: 0 auto;
    width: 70vw;
  }
}

.who-section-subtext {
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(1rem + 0.5vw);
  margin-bottom: 5vh;
  width: 40vw;
}
@media (max-width: 56.25em) {
  .who-section-subtext {
    width: 60vw;
  }
}
@media (max-width: 37.5em) {
  .who-section-subtext {
    font-size: 0.9rem;
  }
}

.who-section-title {
  font-size: calc(2rem + 0.5vw);
  width: 30vw;
  margin: 5vh 0;
}
@media (max-width: 56.25em) {
  .who-section-title {
    width: 60vw;
  }
}
@media (max-width: 37.5em) {
  .who-section-title {
    font-size: 1.7rem;
  }
}

.who-section-description {
  width: 35vw;
  font-size: calc(1.5rem + 0.5vw);
}
@media (max-width: 56.25em) {
  .who-section-description {
    width: 50vw;
  }
}
@media (max-width: 37.5em) {
  .who-section-description {
    width: 60vw;
    font-size: 1.25rem;
  }
}

.animation-pop-tr {
  animation: 0.25s popTr ease-out;
}

@keyframes popTr {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(1vw, -1vw) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
.animation-pop-tl {
  animation: 0.25s popTl ease-out;
}

@keyframes popTl {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-1vw, -1vw) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
.animation-pop-b {
  animation: 0.25s popB ease-out;
}

@keyframes popB {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(0.5vw, 1vw) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
.services-section-1 {
  height: 200vh;
  width: 100vw;
}

.services-section-1-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 5;
}

.services-hero-background-container {
  height: 100vh;
  width: 100vw;
  background-color: black;
}

.services-background-video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 40% 50%;
     object-position: 40% 50%;
  transition: opacity 1s;
  position: relative;
  z-index: 0;
  opacity: 1;
}

.services-looping-video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 40% 50%;
     object-position: 40% 50%;
  position: absolute;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.5s;
}

.background-video-backup {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 40% 50%;
     object-position: 40% 50%;
  transition: opacity 1s;
  z-index: 0;
  opacity: 1;
  position: absolute;
  top: 0;
}

.make-video-opacity-zero {
  opacity: 0;
}

.make-video-opacity-one {
  opacity: 1;
}

.services-hero-text {
  position: absolute;
  height: 100vh;
  width: 100vw;
  color: var(--gray-2);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.services-hero-text-container {
  margin-left: -40vw;
}
@media (max-width: 56.25em) {
  .services-hero-text-container {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
  }
}

.services-hero-main {
  font-size: 6rem;
  font-weight: 500;
}
@media (max-width: 56.25em) {
  .services-hero-main {
    font-size: 15vw;
  }
}

.services-hero-subtext {
  font-weight: 200;
  margin-top: 1rem;
  line-height: 1.25;
  margin-left: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 56.25em) {
  .services-hero-subtext {
    font-size: 5vw;
  }
}

.services-hero-trigger {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  position: relative;
  bottom: 10vh;
}

.services-section-2 {
  width: 100vw;
  height: 360vh;
  margin-top: -100vh;
}

.services-testimonial-container {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.services-testimonial-content {
  width: 65vw;
  height: 65vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--teal-1);
  border-radius: 3vw;
  transform-style: preserve-3d;
  cursor: pointer;
}
@media (max-width: 56.25em) {
  .services-testimonial-content {
    width: 80vw;
    height: 80vh;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-content {
    width: 90vw;
    height: 90vh;
  }
}

.increase-perspective {
  transform: perspective(100);
}

.services-testimonial-shadow {
  width: 70vw;
  height: 70vh;
  border-radius: 3vw;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
  transform: translateZ(-3vw);
}

.services-testimonial-card-foreground {
  width: 55vw;
  height: 55vh;
  border-radius: 3vw;
  position: absolute;
  background-color: var(--teal--1);
  transform: translateZ(2vw);
}
@media (max-width: 56.25em) {
  .services-testimonial-card-foreground {
    width: 70vw;
    height: 70vh;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-card-foreground {
    width: 80vw;
    height: 80vh;
  }
}

.services-testimonial-imagecontainer {
  position: absolute;
  width: 20vw;
  height: 20vw;
  background-color: var(--teal);
  border-radius: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(3vw);
  left: 8vw;
}
@media (max-width: 56.25em) {
  .services-testimonial-imagecontainer {
    width: 30vw;
    height: 30vw;
    left: auto;
    top: 10vh;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-imagecontainer {
    width: 45vw;
    height: 45vw;
  }
}

.services-testimonial-image {
  width: 18vw;
  height: 18vw;
  border-radius: 3vw;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateZ(5vw);
  position: absolute;
  left: 9.35vw;
}
@media (max-width: 56.25em) {
  .services-testimonial-image {
    left: auto;
    top: 11vh;
    width: 27vw;
    height: 27vw;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-image {
    top: 11.25vh;
    width: 40vw;
    height: 40vw;
  }
}

.services-testimonial-header {
  position: absolute;
  font-size: 1.75rem;
  width: 22vw;
  transform: translateZ(12vw);
  right: 10vw;
  top: 16vh;
  color: var(--gray-1);
}
@media (max-width: 56.25em) {
  .services-testimonial-header {
    right: auto;
    top: 40vh;
    width: 55vw;
    text-align: center;
    font-size: 4vw;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-header {
    top: 37vh;
    width: 65vw;
    font-size: 7.5vw;
  }
}

.services-testimonial-text {
  position: absolute;
  font-size: 1.25rem;
  width: 22vw;
  transform: translateZ(10vw);
  right: 10vw;
  top: 29vh;
  color: var(--gray);
}
@media (max-width: 56.25em) {
  .services-testimonial-text {
    right: auto;
    top: 52vh;
    width: 55vw;
    text-align: center;
    font-size: 2.5vw;
  }
}
@media (max-width: 37.5em) {
  .services-testimonial-text {
    top: 55vh;
    width: 65vw;
    font-size: 4.5vw;
  }
}

.services-section-3 {
  margin-top: -100vh;
}

.services-overlay {
  height: 10vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 5;
}
@media (max-width: 37.5em) {
  .services-overlay {
    display: none;
  }
}

.services-overlay-top {
  height: 10vh;
  width: 100vw;
  background-color: var(--gray-1);
  order: 1;
}

.services-section-3-contentcontainer {
  display: flex;
  justify-content: center;
  width: 100vw;
  color: var(--gray-2);
}

.services-section-3-contentcontainer .meal-services {
  height: 290vh;
}

.services-section-3-contentcontainer .catering-services {
  height: 120vh;
}

.services-section-3-contentcontainer .concession-services {
  height: 120vh;
}

.services-meals-offered {
  height: 290vh;
  width: 80vw;
  background-color: var(--red--1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 37.5em) {
  .services-meals-offered {
    width: 100vw;
  }
}

.services-catering {
  height: 120vh;
  width: 80vw;
  background-color: var(--teal--1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 37.5em) {
  .services-catering {
    width: 100vw;
  }
}

.services-concessions {
  height: 120vh;
  width: 80vw;
  background-color: var(--gold--1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 37.5em) {
  .services-concessions {
    width: 100vw;
  }
}

.services-section-3-tagline {
  width: 60vw;
  border-bottom: solid;
  position: sticky;
  top: 0.001vh;
}
@media (max-width: 56.25em) {
  .services-section-3-tagline {
    width: 75vw;
  }
}
@media (max-width: 37.5em) {
  .services-section-3-tagline {
    width: 90vw;
    top: 0;
  }
}

.services-section-3-tagline > p {
  height: 10vh;
  width: 60vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.2rem;
}
@media (max-width: 56.25em) {
  .services-section-3-tagline > p {
    width: 75vw;
    font-size: 2vh;
    letter-spacing: 0.2vh;
  }
}
@media (max-width: 37.5em) {
  .services-section-3-tagline > p {
    width: 90vw;
  }
}

.tagline-meals {
  background-color: var(--red--1);
}

.tagline-catering {
  background-color: var(--teal--1);
}

.tagline-concessions {
  background-color: var(--gold--1);
}

.services-meals {
  height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.meal-hero {
  margin-top: 25vh;
  width: 25vw;
  margin-right: 35vw;
  margin-bottom: -25vh;
}
@media (max-width: 56.25em) {
  .meal-hero {
    margin-top: 7.5vh;
    margin-right: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 37.5em) {
  .meal-hero {
    margin-top: 7vh;
    margin-bottom: 1.5vh;
  }
}

.services-section-3 h3 {
  font-size: 3vw;
  display: flex;
  justify-content: left;
}
@media (max-width: 56.25em) {
  .services-section-3 h3 {
    font-size: 12vw;
    justify-content: center;
  }
}
@media (max-width: 37.5em) {
  .services-section-3 h3 {
    font-size: 16vw;
  }
}

.meal-subtext {
  width: 30vw;
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 56.25em) {
  .meal-subtext {
    width: 60vw;
    text-align: center;
  }
}
@media (max-width: 37.5em) {
  .meal-subtext {
    width: 90vw;
    font-size: 1.25rem;
  }
}

.meal-image {
  width: 20vw;
  margin-left: 30vw;
  border-radius: 50%;
}
@media (max-width: 56.25em) {
  .meal-image {
    margin-left: 0;
    width: 35vw;
    margin: 5vh 0;
  }
}
@media (max-width: 37.5em) {
  .meal-image {
    margin: 2vh 0;
  }
}

.meal-description-section {
  width: 70vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 10vh;
}
@media (max-width: 56.25em) {
  .meal-description-section {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
}
@media (max-width: 37.5em) {
  .meal-description-section {
    width: 90vw;
  }
}

.meal-description-container {
  width: 25vw;
}
@media (max-width: 56.25em) {
  .meal-description-container {
    width: 70vw;
    text-align: center;
  }
}
@media (max-width: 37.5em) {
  .meal-description-container {
    width: 85vw;
  }
}

.services-section-3 h4 {
  font-size: 1.6vw;
}
@media (max-width: 56.25em) {
  .services-section-3 h4 {
    text-align: center;
    font-size: 5vw;
    line-height: 1;
  }
}
@media (max-width: 37.5em) {
  .services-section-3 h4 {
    font-size: 6vw;
    margin-bottom: 0.5vh;
    line-height: 1.1;
  }
}

.meal-description-subtext {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 1vh;
}
@media (max-width: 37.5em) {
  .meal-description-subtext {
    font-size: 1.25rem;
  }
}

.description-add-space:before {
  content: "\a";
  white-space: pre;
}
@media (max-width: 56.25em) {
  .description-add-space:before {
    content: "";
    white-space: normal;
  }
}

@media (max-width: 56.25em) {
  .meal-description-2 {
    margin-top: 5vh;
  }
}

.text-overlay-container {
  position: sticky;
  top: 0;
}

.services-process-textoverlay {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -2;
}

.process-background-last-card {
  background: radial-gradient(circle, #ee1c29, #d91824, #c5141f, #b1101a, #9d0c15);
  color: var(--gray-2);
  z-index: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
}

.reveal-process-background {
  opacity: 1;
}

.services-process-textoverlay > h3 {
  margin-right: 35vw;
  font-size: 4vw;
  font-weight: 400;
}
@media (max-width: 56.25em) {
  .services-process-textoverlay > h3 {
    margin-right: 0;
    font-size: 6vw;
  }
}

.services-process-entry {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.process-card {
  height: calc(10vh + 15vw);
  width: 25vw;
  box-sizing: border-box;
  background-color: var(--gray--1);
  margin-left: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 3vw;
  border-radius: 0.5vw;
}
@media (max-width: 56.25em) {
  .process-card {
    margin-left: 0;
    width: 60vw;
    padding: 5vw 6vw;
    z-index: 5;
    height: 30vh;
  }
}
@media (max-width: 37.5em) {
  .process-card {
    width: 90vw;
  }
}

.process-entry-intro > .process-card {
  justify-content: space-evenly;
}

.process-card-title-container {
  display: flex;
  align-items: center;
}

.process-card-number-background {
  width: 2vw;
  height: 2vw;
  background-color: var(--black-1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-1);
  font-size: 1vw;
}
@media (max-width: 56.25em) {
  .process-card-number-background {
    width: 4vh;
    height: 4vh;
    font-size: 2vh;
  }
}

.last-card {
  background-color: var(--red);
}

.process-card-title {
  margin-left: 1vw;
  font-size: 1vw;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.1vw;
}
@media (max-width: 56.25em) {
  .process-card-title {
    font-size: 2vh;
    letter-spacing: 0.2vw;
    margin-left: 2vw;
  }
}

.process-card-text {
  font-size: 1.5vw;
  font-weight: 400;
}
@media (max-width: 56.25em) {
  .process-card-text {
    font-size: 3vh;
    margin-top: 2vw;
  }
}

.services-process-entry-half {
  width: 100vw;
  height: 50vh;
}

@media (max-width: 37.5em) {
  .food-body {
    background-color: var(--black-0);
  }
}

.food-hero-container {
  width: 100vw;
  height: calc(100vh + 4vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 4vw 4vw;
  margin-bottom: 140vh;
  background-color: var(--gray-1);
  position: relative;
  z-index: 2;
}

.food-hero-title {
  font-size: 4.5vw;
  width: 50vw;
  text-align: center;
  font-weight: 600;
  padding-top: 1vh;
  margin-top: -4vh;
}
@media (max-width: 56.25em) {
  .food-hero-title {
    width: 90vw;
    font-size: 3.25rem;
  }
}

.food-hero-subtext {
  font-size: 2.5vw;
  width: 60vw;
  text-align: center;
  font-weight: 400;
  margin-top: 5vh;
}
@media (max-width: 56.25em) {
  .food-hero-subtext {
    width: 85vw;
    font-size: 1.75rem;
  }
}

.food-hero-tagline {
  font-size: 1.5vw;
  margin-top: 11vh;
  margin-bottom: -15vh;
  text-align: center;
  width: 40vw;
}
@media (max-width: 56.25em) {
  .food-hero-tagline {
    width: 60vw;
    font-size: 1.25rem;
  }
}

.food-section-2 {
  width: 100vw;
  height: 340vh;
  position: absolute;
  top: 0;
  background-color: var(--black);
}
@media (max-width: 37.5em) {
  .food-section-2 {
    position: relative;
    margin-top: -70vh;
    top: auto;
    height: 175vh;
  }
}

.food-menu-container {
  width: 100vw;
  height: 100vh;
  background-color: var(--black-0);
  color: var(--gray-1);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: 0;
  justify-content: space-evenly;
}
@media (max-width: 37.5em) {
  .food-menu-container {
    position: absolute;
    top: 0;
  }
}

.food-menu-title {
  text-transform: uppercase;
  padding-top: 6vh;
  margin-bottom: 1vh;
  font-size: calc(1.1rem + 0.3vw);
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media (max-width: 37.5em) {
  .food-menu-title {
    padding-top: 10vh;
  }
}

.food-menu-button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 37.5em) {
  .food-menu-button-container {
    flex-direction: column;
    margin: 6vh 0;
  }
}

.food-menu-button {
  position: relative;
  height: calc(3rem + 1.5vh);
  width: calc(8rem + 7vw);
  margin: 4vh 2vw 3vh 2vw;
  border-radius: 10vh;
  background: var(--black--1);
  border: 0.1rem solid var(--gray-1);
  color: var(--gray-1);
  font-size: calc(1rem + 0.35vw);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.2rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.5s ease;
}
@media (max-width: 37.5em) {
  .food-menu-button {
    margin: 1vh 0;
  }
}

.food-menu-button-background {
  position: absolute;
  height: calc(3rem + 1.5vh);
  width: calc(8rem + 7vw);
  margin: 4vh 2vw 3vh 2vw;
  border-radius: 10vh;
  background: var(--black--1);
  border: 0.1rem solid var(--gray-1);
  color: var(--gray-1);
  font-size: calc(1rem + 0.35vw);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.2rem;
  font-weight: 600;
  cursor: pointer;
  opacity: 0;
}
@media (max-width: 37.5em) {
  .food-menu-button-background {
    margin: 1vh 0;
  }
}

.food-menu-button-active {
  background: linear-gradient(45deg, #EE1C29, #E4BD67);
}

.food-menu-items-container {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--black);
}
@media (max-width: 75em) {
  .food-menu-items-container {
    width: auto;
  }
}
@media (max-width: 37.5em) {
  .food-menu-items-container {
    margin: 2vh 0;
  }
}

.food-menu-item {
  width: 6vw;
  height: 6vw;
  border: 0.15rem solid var(--gray-1);
  background-color: var(--gray-1);
  margin: 1.5vh 2vw;
  border-radius: 2vw;
  transition: 0.3s ease;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 75em) {
  .food-menu-item {
    width: 7rem;
    height: 7rem;
    margin: 0.15rem;
    background-color: var(--gray-1);
  }
}
@media (max-width: 37.5em) {
  .food-menu-item {
    width: 30vw;
    height: 30vw;
  }
}

.food-menu-item-inactive {
  background-color: var(--black-1);
  border: 0.15rem solid var(--black-1);
}

.food-menu-item-text {
  width: inherit;
  height: inherit;
  font-size: 1rem;
  text-align: center;
  overflow: clip;
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black-1);
  border-radius: inherit;
  transition: opacity 0.3s ease;
}

.food-menu-item-text-inactive {
  background-color: var(--black-1);
  color: var(--gray--1);
}

.food-menu-item-text:hover {
  opacity: 0;
}

.opacity-zero {
  opacity: 0;
}

.food-menu-item-img {
  border-radius: inherit;
  width: inherit;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  z-index: 0;
}

.food-menu-item:hover {
  transform: scale(2);
  z-index: 11;
}

.food-menu-item:active {
  transform: scale(3);
  transition-duration: 0.01s;
}

.food-section-3 {
  width: 100vw;
  height: 150vh;
  border-radius: 4vw 4vw 0 0;
}
@media (max-width: 37.5em) {
  .food-section-3 {
    height: 100vh;
  }
}

.food-calendar-topcap {
  height: 6vh;
  width: 100vw;
  background-color: var(--teal--1);
  border-radius: 4vw 4vw 0 0;
  position: relative;
  z-index: 2;
}

.food-calendar-sticky {
  position: sticky;
  top: 0;
}
@media (max-width: 37.5em) {
  .food-calendar-sticky {
    position: relative;
  }
}

.food-calendar-title {
  width: 100vw;
  height: 20vh;
  background-color: var(--teal--1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.food-calendar-title-text {
  text-transform: uppercase;
  font-size: calc(1rem + 0.5vw);
  letter-spacing: 0.1rem;
  color: var(--gray-1);
  font-weight: 500;
}

.food-calendar-body-container {
  width: 100vw;
  height: 80vh;
  background-color: var(--teal--1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.food-calendar-container {
  width: 80vw;
  height: 80vh;
  background-color: var(--teal);
  border-radius: 2vw 2vw 0 0;
}
@media (max-width: 56.25em) {
  .food-calendar-container {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-container {
    width: 100vw;
  }
}

.food-calendar-dayname-section {
  width: 80vw;
  height: 15vh;
  background-color: var(--teal);
  display: flex;
  justify-content: center;
  border-bottom: solid var(--teal-1) 0.1rem;
  border-radius: inherit;
}
@media (max-width: 56.25em) {
  .food-calendar-dayname-section {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-dayname-section {
    width: 100vw;
  }
}

.food-calendar-dayname-container {
  width: 70vw;
  height: 15vh;
  display: flex;
  flex-direction: row;
}
@media (max-width: 56.25em) {
  .food-calendar-dayname-container {
    width: 85vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-dayname-container {
    width: 95vw;
  }
}

.food-calendar-day {
  width: 14vw;
  height: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 400;
  font-size: calc(1rem + 0.25vw);
}
@media (max-width: 56.25em) {
  .food-calendar-day {
    width: 17.5vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-day {
    width: 20vw;
    font-size: 3.5vw;
  }
}

.food-calendar-day-date {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  letter-spacing: 0.1rem;
}

.is-today {
  font-weight: 600;
  background-color: var(--red);
  color: var(--gray-1);
}

.food-calendar-content-container {
  width: 80vw;
  height: 65vh;
  display: flex;
  justify-content: center;
}
@media (max-width: 56.25em) {
  .food-calendar-content-container {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-content-container {
    width: 100vw;
  }
}

.food-calendar-day-container {
  width: 70vw;
  height: 65vh;
  display: flex;
  flex-direction: row;
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 56.25em) {
  .food-calendar-day-container {
    width: 85vw;
  }
}
@media (max-width: 37.5em) {
  .food-calendar-day-container {
    width: 100vw;
  }
}

.calendar-day-container {
  width: 14vw;
  height: 65vh;
  border-right: solid var(--teal-1) 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #41300B;
}
@media (max-width: 56.25em) {
  .calendar-day-container {
    width: 17vw;
  }
}
@media (max-width: 37.5em) {
  .calendar-day-container {
    width: 19.6vw;
  }
}

.calendar-day-container:nth-child(1) {
  border-left: solid var(--teal-1) 0.1rem;
}

.calendar-entry-blob-1 {
  height: 16vh;
  width: 13vw;
  background: var(--gold);
  border-radius: 0.25vw;
  margin-top: 1vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: solid 0.25vw var(--gold--1);
  box-sizing: border-box;
  padding-right: 0.25vw;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (max-width: 56.25em) {
  .calendar-entry-blob-1 {
    width: 16vw;
  }
}
@media (max-width: 37.5em) {
  .calendar-entry-blob-1 {
    width: 19vw;
  }
}

.calendar-entry-blob-2 {
  height: 32vh;
  width: 13vw;
  background: var(--gold);
  border-radius: 0.25vw;
  margin-top: 1vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: solid 0.25vw var(--gold--1);
  box-sizing: border-box;
  padding-right: 0.25vw;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (max-width: 56.25em) {
  .calendar-entry-blob-2 {
    width: 16vw;
  }
}
@media (max-width: 37.5em) {
  .calendar-entry-blob-2 {
    width: 19vw;
  }
}

.calendar-entry-blob-3 {
  height: 18vh;
  width: 13vw;
  background: var(--gold);
  border-radius: 0.25vw;
  margin-top: 1vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: solid 0.25vw var(--gold--1);
  box-sizing: border-box;
  padding-right: 0.25vw;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (max-width: 56.25em) {
  .calendar-entry-blob-3 {
    width: 16vw;
  }
}
@media (max-width: 37.5em) {
  .calendar-entry-blob-3 {
    width: 19vw;
  }
}

.calendar-entry-blob-1, .calendar-entry-blob-2, .calendar-entry-blob-3 {
  font-size: 0.75vw;
  overflow: hidden;
  position: relative;
}
@media (max-width: 56.25em) {
  .calendar-entry-blob-1, .calendar-entry-blob-2, .calendar-entry-blob-3 {
    font-size: 1.5vw;
  }
}
@media (max-width: 37.5em) {
  .calendar-entry-blob-1, .calendar-entry-blob-2, .calendar-entry-blob-3 {
    font-size: 2vw;
  }
}

.blob-title {
  font-weight: 600;
  margin: 1vh 0 0 1vh;
}

.blob-body {
  margin: 1vh 0 0 1vh;
}

.calendar-entry-blob-1:hover, .calendar-entry-blob-2:hover, .calendar-entry-blob-3:hover {
  transform: scale(1.5);
  z-index: 19;
  box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.calendar-entry-blob-1:active, .calendar-entry-blob-2:active, .calendar-entry-blob-3:active {
  transform: scale(1.8);
  transition-duration: 0.0001s;
}

.is-past {
  background: hsl(41.3, 69.8%, 74.9%);
  color: hsl(41, 70%, 33%);
  border-left: solid 0.25vw hsl(41, 40%, 53%);
}

.about-hero-section {
  width: 100vw;
  height: 180vh;
  position: relative;
}

.about-hero-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.about-hero-background {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  background: linear-gradient(45deg, rgb(228, 189, 103), rgb(157, 12, 21));
  z-index: 0;
}

.about-hero-overlay {
  background: linear-gradient(45deg, rgba(228, 189, 103, 0.5), rgba(157, 12, 21, 0.5));
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  z-index: 5;
}

.about-hero-opening-content {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.about-hero-opening-text {
  color: var(--gray-2);
  text-align: center;
  font-size: 4vw;
  z-index: 10;
}
@media (max-width: 56.25em) {
  .about-hero-opening-text {
    font-size: 7vw;
  }
}

.about-hero-video-content {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.about-hero-video {
  height: 100vh;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: -1;
}

.about-hero-full-video {
  position: absolute;
  z-index: -10;
  width: 1px;
}

.darken-video-overlay {
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
}

.about-hero-video-text-container {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
}

.about-hero-video-text {
  width: 50vw;
  display: flex;
  text-align: center;
  color: var(--gray-2);
  font-size: 3vw;
}
@media (max-width: 56.25em) {
  .about-hero-video-text {
    width: 90vw;
    font-size: 5vw;
  }
}
@media (max-width: 37.5em) {
  .about-hero-video-text {
    font-size: 7vw;
  }
}

.about-play-button-container {
  margin: 10vh 0 -5vh 0;
}

.about-play-button-background {
  width: 10vh;
  height: 10vh;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1vw;
  border-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  opacity: 0;
}

.about-play-button {
  width: 10vh;
  height: 10vh;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: 0.1vw;
  border-color: rgba(255, 255, 255, 0.8);
}

.about-play-icon {
  position: relative;
  left: 0.1vw;
  width: 2vh;
}

.about-video-prompt {
  text-align: center;
  margin-top: 8vh;
  font-size: 2vw;
  color: var(--gray--1);
  font-weight: 200;
}
@media (max-width: 56.25em) {
  .about-video-prompt {
    font-size: 2.25vh;
  }
}

.about-hero-trigger {
  position: relative;
  width: 100vw;
  height: 45vh;
  position: relative;
  bottom: -10vh;
  z-index: -2;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.make-visible-fade {
  animation: fadeIn 0.5s forwards;
}

.make-visible-fade-slow {
  animation: fadeIn 1s forwards;
}

.about-explainer-container {
  width: 100vw;
  height: 130vh;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  background-color: var(--black--1);
  color: var(--gray);
}

.explainer-container-larger {
  height: 150vh;
}

.about-explainer-subtext {
  text-transform: uppercase;
  font-size: calc(1rem + 0.25vw);
  font-weight: 700;
  letter-spacing: 0.1rem;
  margin: 10vh 0 0 0;
}

.about-explainer-hero {
  text-align: center;
  font-size: calc(1.5rem + 2.5vw);
  width: 50vw;
  font-weight: 800;
  letter-spacing: 0.05rem;
}
@media (max-width: 56.25em) {
  .about-explainer-hero {
    width: 70vw;
  }
}
@media (max-width: 37.5em) {
  .about-explainer-hero {
    width: 90vw;
  }
}

.about-explainer-emphasis {
  background-color: rgb(157, 12, 21);
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.is-inline-block {
  display: inline-block;
}

.about-red-gradient {
  background-image: linear-gradient(45deg, rgb(228, 189, 103), rgb(157, 12, 21));
}

.about-teal-gradient {
  background-image: linear-gradient(160deg, rgb(228, 189, 103), rgb(84, 182, 175) 70%);
}

.about-explainer-description-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 10vw;
}
@media (max-width: 37.5em) {
  .about-explainer-description-container {
    flex-direction: column;
    width: 90vw;
  }
}

.explainer-description-col {
  width: 30vw;
  padding: 1rem;
  font-size: calc(1rem + 0.4vw);
  margin: 0 1vw;
  font-weight: 300;
}
@media (max-width: 56.25em) {
  .explainer-description-col {
    width: 35vw;
  }
}
@media (max-width: 37.5em) {
  .explainer-description-col {
    width: 85vw;
  }
}

.about-explainer-image {
  width: 55vw;
  height: 40vh;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 2vw 0;
}
@media (max-width: 37.5em) {
  .about-explainer-image {
    width: 80vw;
    height: 20vh;
  }
}
@media (max-width: 56.25em) {
  .about-explainer-image {
    width: 70vw;
    height: 35vw;
  }
}

.about-video-section {
  width: 100vw;
  height: 240vh;
}

.about-video-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 10;
}

.about-video-gradient-overlay {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(160deg, rgba(228, 189, 103, 0.5), rgba(84, 182, 175, 0.5));
  position: relative;
}

.about-video-background {
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -10;
}

.about-video-text {
  z-index: 3;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100vw;
  justify-content: center;
  text-align: center;
  z-index: 10;
}

.about-video-text p {
  width: 40vw;
  font-size: calc(2rem + 1vw);
  color: var(--gray-2);
  font-weight: 700;
  position: relative;
  z-index: 10;
}
@media (max-width: 37.5em) {
  .about-video-text p {
    width: 80vw;
  }
}

.contact-body {
  position: relative;
  overflow-x: hidden;
}

.stop-scroll {
  overflow: hidden;
}

.contact-section-1 {
  background-color: var(--black--1);
  height: auto;
}

.contact-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-info-container {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 22vh;
  margin-right: 10vw;
  color: var(--gray-2);
  text-align: right;
  font-size: calc(0.75rem + 0.25vw);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1rem;
  z-index: 4;
}
@media (max-width: 56.25em) {
  .contact-info-container {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    text-align: center;
    padding: 10vh 0;
    font-size: 2vw;
  }
}
@media (max-width: 37.5em) {
  .contact-info-container {
    font-size: 3.5vw;
  }
}

.contact-info-item {
  margin: 2vh 0;
}

.contact-email-container {
  width: 50vw;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 10vw;
  margin-top: 15vh;
  align-items: center;
  z-index: 5;
}
@media (max-width: 56.25em) {
  .contact-email-container {
    position: relative;
    width: 90vw;
    margin-left: 0;
  }
}

.contact-header-text {
  text-align: left;
  color: var(--gray);
  font-size: calc(1.5rem + 1.5vw);
  margin: 5vh 0;
}
@media (max-width: 37.5em) {
  .contact-header-text {
    text-align: center;
    margin: 10vh 0;
  }
}

@media (max-width: 37.5em) {
  .email-form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.email-section {
  margin: 2vh 0;
}
@media (max-width: 37.5em) {
  .email-section {
    width: 80vw;
  }
}

.email-options-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 2.5vh;
}
@media (max-width: 37.5em) {
  .email-options-container {
    flex-direction: column;
    align-items: center;
  }
}

.email-subject-input:checked + .email-subject-label {
  color: var(--gray-1);
}

.email-subject-header {
  color: var(--gray);
  font-size: calc(1.5rem + 0.5vw);
  font-weight: 400;
}

.email-subject-input {
  display: none;
}

.email-subject-label {
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(0.5rem + 0.5vw) calc(0.5rem + 0.25vw);
  border-radius: 3rem;
  margin-right: 0.5vw;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1rem;
  cursor: pointer;
  transition: 0.5s;
  color: var(--black--1);
  background: hsl(0, 0%, 60%);
  text-align: center;
}
@media (max-width: 37.5em) {
  .email-subject-label {
    margin: 1vh 0;
    width: 60vw;
    height: 5vh;
  }
}

.email-subject-label:hover {
  background: var(--gray-2);
}

.email-name-container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 37.5em) {
  .email-name-container {
    flex-direction: column;
  }
}

.email-text-input {
  width: 24vw;
  height: 7vh;
  border: none;
  outline: none;
  border-bottom: solid hsl(0, 0%, 90%) 0.25rem;
  background-color: transparent;
  color: var(--gray-2);
  font-size: 2rem;
}
@media (max-width: 56.25em) {
  .email-text-input {
    width: 40vw;
  }
}
@media (max-width: 37.5em) {
  .email-text-input {
    height: 10vh;
    width: 80vw;
  }
}

.email-address-input {
  width: 35vw;
}
@media (max-width: 56.25em) {
  .email-address-input {
    width: 50vw;
  }
}
@media (max-width: 37.5em) {
  .email-address-input {
    width: 80vw;
  }
}

.email-message-container {
  margin-bottom: 5vh;
}
@media (max-width: 37.5em) {
  .email-message-container {
    width: 80vw;
  }
}

.email-message-input {
  width: 50vw;
  height: 21vh;
  resize: vertical;
  padding-top: 2vh;
}
@media (max-width: 37.5em) {
  .email-message-input {
    width: 80vw;
  }
}

.email-submit-container {
  display: flex;
  flex-direction: row;
}
@media (max-width: 37.5em) {
  .email-submit-container {
    flex-direction: column;
    align-items: center;
  }
}

.email-submit-status {
  margin-left: auto;
  opacity: 0;
}

svg {
  height: 4rem;
  display: inline-block;
}

.email-submit-button {
  font-size: 1.5rem;
  width: 10rem;
  text-transform: uppercase;
  background: transparent;
  color: var(--gray-2);
  border: solid 0.25vh;
  padding: calc(0.5rem + 0.25vw) calc(1rem + 0.5vw);
  border-radius: 10vw;
  cursor: pointer;
  transition: 0.4s;
}
@media (max-width: 37.5em) {
  .email-submit-button {
    height: 10vh;
    border-radius: 10vh;
  }
}

.email-submit-button:hover {
  background: var(--red);
}

.contact-text-info {
  width: 20vw;
}
@media (max-width: 37.5em) {
  .contact-text-info {
    width: 90vw;
  }
}

.contact-map-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
@media (max-width: 56.25em) {
  .contact-map-container {
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
  }
}

.map-image-container {
  position: relative;
  width: 50vw;
  height: 50vw;
  border-radius: 50vw;
  margin-top: 50vh;
  margin-left: 65vw;
  flex-shrink: 0;
  overflow: clip;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 0.5vw hsl(0, 0%, 10%), 0 0 0 1vw hsl(0, 0%, 70%), 0 0 0 1.5vw hsl(0, 0%, 10%), 0 0 0 1.6vw hsl(0, 0%, 70%);
  transition: box-shadow 0.4s;
}
@media (max-width: 56.25em) {
  .map-image-container {
    margin: 0 0 5vh 0;
  }
}

.map-image-container:hover {
  box-shadow: 0 0 0 0.5vw hsl(0, 0%, 10%), 0 0 0 1vw hsl(0, 0%, 90%), 0 0 0 1.5vw hsl(0, 0%, 10%), 0 0 0 1.6vw hsl(0, 0%, 90%);
}

.map-pin {
  position: absolute;
  top: 27%;
  left: 47%;
  transition: transform 0.4s;
  z-index: 2;
}

.map-pin:hover {
  transform: translateY(-1vw);
}

.map-image-container-container {
  position: absolute;
  overflow: clip;
  width: 50vw;
  height: 50vw;
  border-radius: 50vw;
}

.map-image-itself {
  height: 50vw;
  width: 50vw;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
  cursor: pointer;
}

.map-image-itself:hover {
  transform: scale(1.05);
}

.contact-popup-window {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.opacity-one {
  opacity: 1;
}

.make-visible {
  visibility: visible;
}

.contact-popup-container {
  background-color: var(--black-0);
  border-radius: 2vw;
  border: solid 0.1vw var(--gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--gray-1);
  text-align: center;
  margin: 20vw;
}
@media (max-width: 37.5em) {
  .contact-popup-container {
    margin: 20vw 10vw;
  }
}

.contact-popup-container > h1 {
  font-size: calc(2em + 0.5vw);
  margin: 5vh 5vh 0 5vh;
  width: auto;
}

.contact-popup-container > p {
  margin: 2.5vh 2.5vh 2.5vh 2.5vh;
  font-size: 1.5em;
}
@media (max-width: 37.5em) {
  .contact-popup-container > p {
    font-size: 1.25em;
  }
}

.contact-popup-button {
  height: 2em;
  width: 4em;
  font-size: 2em;
  display: block;
  margin: 0 0 5vh 0;
  border-radius: 20vw;
  color: var(--gray);
  background-color: var(--black);
  border: solid 0.1vw var(--gray);
  transition: background-color 0.25s;
  cursor: pointer;
}

.contact-popup-button:hover {
  background-color: var(--red);
}

.contact-popup-button:active {
  background-color: var(--red);
}

.apply-body {
  background-color: var(--black--1);
  width: 100vw;
}

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

.opacity-zero {
  opacity: 0;
  transition: 0.25s ease;
}

.opacity-one {
  opacity: 1;
  transition: 0.25s ease;
}

.keep-together {
  white-space: nowrap;
}

.apply-section-1 {
  position: relative;
  z-index: 5;
  pointer-events: none;
}

.apply-hero-track {
  width: 100vw;
  height: 180vh;
  position: relative;
  margin-top: -100vh;
}

.apply-hero-top {
  position: absolute;
  top: 0;
  width: 10vw;
  height: 10vw;
}

.apply-hero-slider {
  position: sticky;
  width: 100vw;
  height: 100vh;
  top: 0;
}

.apply-hero-container {
  width: 100vw;
  height: 100vh;
  color: var(--gray);
  text-align: center;
  flex-direction: column;
  transition: 0.25s ease;
  box-sizing: border-box;
}

.apply-hero-trigger {
  width: 100vw;
  height: 79vh;
  position: absolute;
  bottom: -5vh;
}

.apply-hero-video-background {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.apply-hero-video-overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  background-image: radial-gradient(hsl(0, 0%, 10%) 50%, hsl(0, 0%, 0%) 100%);
  opacity: 0.8;
}

.apply-hero-video {
  transition: opacity 0.25s ease;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.apply-hero-video-background-black {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  margin-top: -100vh;
  background-image: radial-gradient(var(--black--1) 50%, hsl(0, 0%, 1%) 100%);
  z-index: -1;
  pointer-events: none;
}

.apply-introduction-containers {
  position: relative;
  margin-top: -100vh;
  pointer-events: none;
}

.apply-introduction-container {
  width: 100vw;
  height: 120vh;
}

.apply-introduction-container-slider {
  width: 100vw;
  height: 170vh;
  position: relative;
  pointer-events: none;
}

.apply-introduction-container:last-child {
  position: sticky;
  top: 0;
  height: 100vh;
  pointer-events: none;
}

.apply-introduction-content {
  color: var(--gray-1);
  width: 65vw;
  text-align: center;
  font-weight: 600;
  font-size: calc(1.2rem + 2vw);
}
@media (max-width: 56.25em) {
  .apply-introduction-content {
    width: 75vw;
  }
}

.apply-hero-text-container {
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 4rem;
}

.apply-hero-text {
  font-size: calc(2.8rem + 4.3vw);
  margin-top: 10vh;
}
@media (max-width: 37.5em) {
  .apply-hero-text {
    line-height: 3.1rem;
    margin-bottom: 2vh;
  }
}

.apply-hero-subtext {
  padding-bottom: 10vh;
  font-size: calc(1rem + 3.3vw);
}

.apply-hero-introduction-container {
  width: 100vw;
  height: 100vh;
}

.apply-hero-introduction-text {
  width: 60vw;
  font-size: 2.5rem;
}

.apply-introduction-content-6-trigger {
  width: 10vw;
  height: 8%;
  position: absolute;
  bottom: -40vh;
  z-index: 10;
  color: red;
  pointer-events: none;
}

.apply-testimonial-track {
  height: 200vh;
  position: relative;
  margin-top: -160vh;
  z-index: 1;
}

.apply-testimonial-slider {
  position: sticky;
  top: 0;
}

.apply-testimonial-content-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.apply-testimonial-headline-container {
  width: 100vw;
  position: absolute;
  text-align: center;
  top: 10vh;
  z-index: -1;
}
@media (max-width: 37.5em) {
  .apply-testimonial-headline-container {
    top: 5vh;
    width: 90vw;
  }
}

.apply-testimonial-headline {
  color: var(--gray--1);
  font-size: calc(2rem + 1vw);
}
@media (max-width: 37.5em) {
  .apply-testimonial-headline {
    font-size: 1.5rem;
  }
}

.apply-testimonials-container {
  width: 100vw;
  height: 100vh;
}
@media (max-width: 37.5em) {
  .apply-testimonials-container {
    flex-direction: column;
  }
}

.apply-testimonial-container {
  width: 30vh;
  height: 40vh;
  background-color: var(--black-0);
  margin: 0 2vw;
  border-radius: 5vw;
  background: linear-gradient(0deg, hsl(345, 6%, 15%), hsl(345, 6%, 11%));
  box-shadow: inset 0.05rem 0.2rem 0.3rem hsl(0, 10%, 9%);
  outline: 0.075rem solid hsl(0, 0%, 20%);
  transition: 0.25s ease;
}
@media (max-width: 37.5em) {
  .apply-testimonial-container {
    height: 20vh;
    width: 60vw;
    margin: 2vh 0;
  }
}

.apply-testimonial-container:hover {
  width: 42vh;
  height: 56vh;
  margin: 0 2vw;
  border-radius: 2.5vw;
}
@media (max-width: 37.5em) {
  .apply-testimonial-container:hover {
    width: 95vw;
    height: 40vh;
  }
}

.apply-testimonial-container-hovered {
  width: 42vh;
  height: 56vh;
  margin: 0 2vw;
  border-radius: 2.5vw;
}

.apply-testimonial-name {
  text-align: center;
  color: var(--gray);
  font-size: 1.5rem;
  position: absolute;
  transition: 0.25s ease;
}
@media (max-width: 56.25em) {
  .apply-testimonial-name {
    font-size: 1.25rem;
  }
}

.apply-testimonial-container:hover > .apply-testimonial-name {
  transform: scale(2);
  opacity: 0;
}

.apply-testimonial-testimony {
  text-align: center;
  color: var(--gray);
  font-size: 1.75rem;
  margin: 0rem;
  transform: scale(0.5);
  opacity: 0;
  transition: 0.25s ease;
}
@media (max-width: 56.25em) {
  .apply-testimonial-testimony {
    font-size: 1.25rem;
  }
}

.apply-testimonial-container:hover > .apply-testimonial-testimony {
  transform: scale(1);
  opacity: 1;
  margin: 2rem;
}

.apply-testimonial-prompt-container {
  width: 100vw;
  height: 10vh;
  position: absolute;
  text-align: center;
  bottom: 10vh;
  z-index: -1;
  color: var(--gray--1);
  font-size: calc(1rem + 1vw);
  font-weight: 200;
}
@media (max-width: 37.5em) {
  .apply-testimonial-prompt-container {
    bottom: 0;
    width: 90vw;
  }
}

.apply-acquiring-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 2;
}
@media (max-width: 37.5em) {
  .apply-acquiring-container {
    height: 160vh;
  }
}

.apply-acquiring-text {
  width: 50vw;
}
@media (max-width: 75em) {
  .apply-acquiring-text {
    width: 65vw;
  }
}
@media (max-width: 56.25em) {
  .apply-acquiring-text {
    width: 75vw;
  }
}
@media (max-width: ) {
  .apply-acquiring-text {
    width: 80vw;
  }
}

.apply-acquiring-text-header {
  font-size: calc(1.75rem + 1vw);
  color: var(--gray);
  margin-bottom: 5vh;
}

.acquiring-header-sub {
  font-weight: 400;
  color: var(--gray--1);
  font-style: italic;
  font-size: calc(1.25rem + 1vw);
  margin: 2rem 0 2rem 1rem;
  display: block;
}

.apply-acquiring-text-subtext-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-size: 1.3rem;
}
@media (max-width: 37.5em) {
  .apply-acquiring-text-subtext-container {
    flex-direction: column-reverse;
    justify-content: center;
  }
}

.apply-acquiring-text-subtext {
  color: var(--gray--1);
  width: 35vw;
}
@media (max-width: 75em) {
  .apply-acquiring-text-subtext {
    width: 45vw;
  }
}
@media (max-width: 56.25em) {
  .apply-acquiring-text-subtext {
    width: 55vw;
  }
}
@media (max-width: 37.5em) {
  .apply-acquiring-text-subtext {
    width: 80vw;
  }
}

.apply-acquiring-text-icons {
  width: 15vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  opacity: 0.6;
}
@media (max-width: 37.5em) {
  .apply-acquiring-text-icons {
    flex-direction: row;
    display: none;
  }
}

.apply-acquiring-text-icons > img {
  width: calc(5rem + 3vw);
}

.apply-processes-container {
  width: 100vw;
  height: 900vh;
  flex-direction: column;
  position: relative;
}

.apply-processes-background-track {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 1600vh;
  margin-top: -300vh;
}
@media (max-width: 37.5em) {
  .apply-processes-background-track {
    height: 1650vh;
    margin-top: -330vh;
  }
}

.apply-processes-background {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-image: radial-gradient(hsl(0, 5%, 25%) 50%, hsl(0, 5%, 10%) 100%), linear-gradient(0deg, hsl(0, 5%, 22%), hsl(0, 5%, 10%));
  background-blend-mode: overlay;
}

.apply-process-card {
  font-size: 2rem;
  color: var(--gray);
  text-align: center;
  flex-direction: column;
}

.process-card-number {
  width: 2.5rem;
  height: 2.5rem;
  background: linear-gradient(0deg, hsl(40, 6%, 70%), hsl(40, 6%, 80%));
  box-shadow: inset 0.025rem 0.075rem 0.1rem hsl(40, 6%, 85%), 0.025rem 0.075rem 0.1rem hsl(0, 10%, 10%);
  color: var(--black-0);
  border-radius: 2rem;
  margin-bottom: 1rem;
}

.apply-process-subtext {
  font-size: calc(0.7rem + 1vw);
  margin: 1vh;
}
@media (max-width: 56.25em) {
  .apply-process-subtext {
    font-size: calc(1rem + 1vw);
  }
}

.apply-process-track {
  position: absolute;
  top: 0;
}

.apply-process-trigger {
  height: 50vh;
  width: 10vw;
  bottom: 0;
  position: absolute;
}

.apply-process-track-1 {
  height: 150vh;
  z-index: 7;
}

.apply-process-track-2 {
  height: 300vh;
  z-index: 6;
}

.apply-process-track-3 {
  height: 450vh;
  z-index: 5;
}

.apply-process-track-4 {
  height: 600vh;
  z-index: 4;
}

.apply-process-track-5 {
  height: 750vh;
  z-index: 3;
}

.apply-process-track-6 {
  height: 900vh;
  z-index: 2;
}

.apply-process-container {
  height: 100vh;
  width: 100vw;
  position: sticky;
  top: 0;
}

.apply-process-card {
  width: 40vw;
  height: 40vh;
  margin: 5vw;
  border-radius: 5vw;
  background: linear-gradient(0deg, hsl(345, 5%, 15%), hsl(345, 5%, 11%));
  box-shadow: inset 0.05rem 0.2rem 0.3rem hsl(0, 10%, 9%);
  outline: 0.075rem solid hsl(0, 0%, 20%);
}
@media (max-width: 56.25em) {
  .apply-process-card {
    height: 50vh;
    width: 60vw;
  }
}
@media (max-width: 37.5em) {
  .apply-process-card {
    width: 80vh;
  }
}

.apply-process-headline-container {
  position: absolute;
  top: 10vh;
  left: auto;
  right: auto;
}

.apply-process-headline {
  color: var(--gray--1);
  font-size: calc(2rem + 1vw);
}

.apply-section-5 {
  position: relative;
  margin-top: -100vh;
}

.apply-invite-track {
  width: 100vw;
  height: 400vh;
  position: relative;
}

.apply-invite-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  flex-direction: column;
}

.apply-invite-next {
  transition: 0.25s ease-out;
  font-size: calc(2rem + 2.75vw);
}
@media (max-width: 37.5em) {
  .apply-invite-next {
    font-size: calc(1.75rem + 1vw);
  }
}

.apply-invite-container > h2 {
  color: var(--gray--1);
  text-align: center;
  width: 80vw;
}

.apply-invite-triggers {
  position: absolute;
  top: 150vh;
  width: 10vw;
  height: 200vh;
}

.apply-invite-trigger-1 {
  height: 100vh;
}

.apply-invite-trigger-2 {
  height: 100vh;
}

.apply-section-6 {
  position: relative;
  z-index: 2;
  margin-top: -250vh;
}

.apply-apply-track {
  width: 100vw;
  height: 350vh;
  position: relative;
}

.apply-apply-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.apply-apply-button {
  width: 20vw;
  height: 15vh;
  border-radius: 20vw;
  font-size: calc(0.8rem + 1.1vw);
  color: var(--gray);
  text-align: center;
  transition: 0.25s ease;
  background-color: var(--red);
}
@media (max-width: 75em) {
  .apply-apply-button {
    width: 25vw;
  }
}
@media (max-width: 56.25em) {
  .apply-apply-button {
    width: 30vw;
  }
}
@media (max-width: 37.5em) {
  .apply-apply-button {
    width: 40vw;
  }
}

.apply-apply-button:hover {
  transform: scale(1.1);
}

.apply-apply-trigger {
  width: 10vw;
  height: 150vh;
  position: absolute;
  bottom: 0;
}

.application-header-spacer {
  height: 12vh;
}
@media (max-width: 56.25em) {
  .application-header-spacer {
    height: 17vh;
  }
}
@media (max-width: 37.5em) {
  .application-header-spacer {
    height: 20vh;
  }
}

.application-form-container {
  width: 100vw;
  box-sizing: border-box;
}

.application-form {
  width: 80vw;
  margin: 5vw;
  padding: 0 6rem;
  box-sizing: border-box;
  border-radius: 4rem;
  background-color: hsl(15, 7%, 93%);
  box-shadow: inset 0.25rem 4rem 8rem hsla(0, 10%, 10%, 0.01), inset 0.1rem 0.5rem 1rem hsla(0, 10%, 10%, 0.01), 0.1rem -0.1rem 0.5rem hsl(0, 10%, 94%);
}
@media (max-width: 56.25em) {
  .application-form {
    width: 90vw;
    padding: 2rem;
  }
}
@media (max-width: 37.5em) {
  .application-form {
    width: 95vw;
    padding: 1rem;
  }
}

.application-subject-header {
  font-size: calc(1.5rem + 1.5vw);
  margin-top: 8rem;
}
@media (max-width: 56.25em) {
  .application-subject-header {
    text-align: center;
    margin-top: 3rem;
  }
}

.application-disclaimer {
  font-size: calc(1rem + 0.5vw);
  color: hsl(0, 2%, 40%);
  margin-top: 1rem;
}
@media (max-width: 56.25em) {
  .application-disclaimer {
    text-align: center;
  }
}

.application-disclaimer span {
  font-size: calc(1.75rem + 0.5vw);
  vertical-align: top;
}

.application-section {
  background-color: hsl(15, 7%, 91%);
  margin-top: 3rem;
  margin-bottom: 6rem;
  box-sizing: border-box;
  padding: 6rem;
  border-radius: 2rem;
  box-shadow: inset 0.25rem 4rem 8rem hsla(0, 10%, 10%, 0.01), inset 0.1rem 0.5rem 1rem hsla(0, 10%, 10%, 0.01), 0.1rem -0.1rem 0.5rem hsl(0, 10%, 94%);
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
@media (max-width: 56.25em) {
  .application-section {
    padding: 3rem;
  }
}
@media (max-width: 37.5em) {
  .application-section {
    padding: 1rem;
  }
}

.application-form h3 {
  color: var(--black-1);
  text-align: left;
  font-size: calc(1rem + 1vw);
  margin: 0rem 0 2rem -2rem;
}
@media (max-width: 56.25em) {
  .application-form h3 {
    text-align: center;
    margin: 2rem 0 2rem 0;
  }
}

.application-input-container {
  position: relative;
  display: block;
}

.form__input {
  border: none;
  outline: none;
  height: 4rem;
  border-bottom: solid var(--gray--1) 0.25rem;
  background-color: transparent;
  font-size: 2rem;
  margin: 2rem 0;
}
@media (max-width: 37.5em) {
  .form__input {
    height: 3rem;
    font-size: 1.5rem;
    max-width: 70vw;
  }
}

.form__label {
  position: absolute;
  left: 0;
  top: 1rem;
  background-color: hsl(15, 2%, 70%);
  color: var(--gray);
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  border-radius: 0.2rem;
  font-size: calc(0.75rem + 0.5vw);
  opacity: 0;
  transition: 0.25s ease-out;
}
@media (max-width: 37.5em) {
  .form__label {
    font-size: calc(0.75rem + 1vw);
  }
}

.form__input:not(:-moz-placeholder-shown).form__input:not(:focus) ~ .form__label {
  opacity: 1;
  top: 0rem;
}

.form__input:focus ~ .form__label, .form__input:not(:placeholder-shown).form__input:not(:focus) ~ .form__label {
  opacity: 1;
  top: 0rem;
}

.form__label span {
  font-size: calc(1rem + 1vw);
  vertical-align: middle;
}

.show-select {
  top: -0.5rem !important;
  opacity: 1 !important;
  padding-bottom: 0rem !important;
}

.label-for-select {
  position: absolute;
  left: 0;
  top: 1rem;
  background-color: hsl(15, 2%, 70%);
  color: var(--gray);
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
  border-radius: 0.2rem;
  font-size: calc(0.75rem + 0.5vw);
  opacity: 0;
  transition: 0.25s ease-out;
}
@media (max-width: 37.5em) {
  .label-for-select {
    font-size: calc(0.75rem + 1vw);
  }
}

.application-form input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder {
  color: hsl(0, 0%, 40%);
}

.application-form input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder {
  color: hsl(0, 0%, 40%);
}

.application-phone-input {
  display: inline;
}

.application-form select {
  height: 6rem;
  background: hsl(15, 5%, 88%);
  outline: none;
  border: none;
  font-size: 2rem;
  color: hsl(0, 0%, 40%);
  box-sizing: border-box;
  padding: 0 1rem;
  margin: 1.75rem 0 0 0;
  max-width: 56vw;
  cursor: pointer;
  white-space: pre-wrap;
}
@media (max-width: 56.25em) {
  .application-form select {
    max-width: 65vw;
    height: 8rem;
  }
}
@media (max-width: 37.5em) {
  .application-form select {
    max-width: 70vw;
    font-size: 1.5rem;
  }
}

@media (max-width: 37.5em) {
  .application-section-contact select {
    height: 5rem;
  }
}

.application-form select option {
  line-height: 1rem;
}

.previous-textbox-input {
  font-size: 2rem;
  border: none;
  margin: 4rem 0;
  padding: 2rem;
  outline: none;
  width: 53vw;
  box-sizing: border-box;
}
@media (max-width: 56.25em) {
  .previous-textbox-input {
    width: 60vw;
  }
}

.resume-upload-text {
  display: inline-block;
  font-size: 1.5rem;
  margin: 2rem 0 2rem 0;
}

.application-previous-controls {
  margin-top: 4rem;
}

.application-previous-controls-instructions {
  display: block;
  font-size: 1.5rem;
  margin: 2rem 0 2rem 0;
}

.application-previous-controls-container {
  display: flex;
  align-items: center;
}

.application-previous-add-button {
  background-color: hsl(0, 0%, 70%);
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  font-size: 2rem;
  cursor: pointer;
  transition: 0.25s ease;
  color: var(--gray-2);
}

.application-previous-remove-button {
  background-color: hsl(0, 0%, 70%);
  width: 3rem;
  height: 3rem;
  margin: 0 2rem 0 4rem;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.25s ease;
  color: var(--gray-2);
  font-weight: 700;
}

.application-previous-button:hover {
  background-color: hsl(0, 0%, 50%);
  transform: scale(1.1);
}

.application-previous-button:active {
  background-color: hsl(0, 0%, 40%);
  transform: scale(1.3);
}

.application-resume-upload {
  color: transparent;
  position: relative;
}

.application-resume-upload::-webkit-file-upload-button {
  visibility: hidden;
}

.application-resume-upload::before {
  content: "Upload File";
  color: var(--gray);
  display: inline-block;
  background-color: hsl(20, 5%, 70%);
  padding: 1rem 2rem;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1.5rem;
  transition: 0.25s ease;
  margin-left: 1rem;
}

.application-resume-upload:hover::before {
  background-color: hsl(20, 5%, 60%);
  transform: scale(1.1);
}

.application-resume-upload:active {
  outline: 0;
}

.application-resume-upload:active::before {
  background-color: hsl(0, 0%, 40%);
  transform: scale(1.3);
}

.application-file-status {
  color: hsl(15, 2%, 50%);
  font-size: calc(1rem + 1vw);
  display: block;
  margin: 2rem 0 0 2rem;
}

.application-form h4 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.application-reference-section-container {
  margin-left: 2rem;
}

.application-reference-section-container select {
  max-width: 50vw;
}
@media (max-width: 37.5em) {
  .application-reference-section-container select {
    max-width: 60vw;
  }
}

.application-reference-section-container input[type=text], .application-reference-section-container input[type=tel] {
  max-width: 58vw;
}

@media (max-width: 37.5em) {
  .application-form textarea {
    font-size: 1.5rem;
  }
}

.application-questions textarea {
  width: 65vw;
}
@media (max-width: 37.5em) {
  .application-questions textarea {
    width: 70vw;
  }
}

.application-radio-container {
  margin: 4vh 0;
  height: 6vh;
}

.application-discovered-input {
  visibility: hidden;
}

.application-discovered-label {
  font-size: 2.75vh;
  background-color: hsl(15, 5%, 88%);
  padding: 1.5vh;
  border-radius: 0.5vh;
  cursor: pointer;
  transition: 0.25s ease;
}

.application-discovered-label:hover {
  background-color: hsl(15, 5%, 80%);
}

.application-discovered-label-checked {
  background-color: hsl(15, 5%, 80%);
}

.application-discovered-label-notchecked {
  background-color: none;
  outline: hsl(15, 5%, 80%) 0.1em solid;
  color: hsl(0, 0%, 60%);
}

.application-discovered-input-other {
  visibility: hidden;
  display: block;
  box-sizing: border-box;
  border: none;
  outline: none;
  height: 4vh;
  border-bottom: solid var(--gray--1) 0.25vh;
  background-color: transparent;
  font-size: 2.75vh;
  margin: 4vh 0 -2vh 2.5vh;
}
@media (max-width: 37.5em) {
  .application-discovered-input-other {
    height: 3vh;
    font-size: 1.5vh;
    max-width: 40vw;
  }
}

.application-submit-container {
  display: flex;
  align-items: center;
}

.application-submit-button {
  background-color: hsl(0, 0%, 40%);
  font-size: 2rem;
  padding: 1rem 2rem;
  color: var(--gray-2);
  cursor: pointer;
  transition: 0.25s ease;
  margin-left: 5vw;
}

.application-submit-button:hover {
  background-color: var(--red);
  border-radius: 0.5rem;
}

.application-submit-status {
  display: inline-block;
  margin-left: 3rem;
  opacity: 0;
}

.application-bottom-spacer {
  height: 12vh;
}

.footer-background-transition {
  width: 100vw;
  height: 140vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(var(--gold-2), var(--black--1));
}

.footer-center-trigger-A {
  width: 20rem;
  height: 10vh;
  background-color: red;
}

.footer-center-trigger-B {
  width: 20rem;
  height: 10vh;
  background-color: red;
}

.footer {
  height: 110vh;
  background-color: var(--black--1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-prompt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  font-size: calc(1.5rem + 3.5vw);
  font-weight: 200;
  color: var(--gray-1);
  margin: 5rem;
  text-align: center;
}
@media (max-width: 37.5em) {
  .footer-prompt {
    margin-top: 25vh;
  }
}

.footer-buttons {
  display: flex;
}
@media (max-width: 37.5em) {
  .footer-buttons {
    flex-direction: column;
    margin-top: 10vh;
  }
}

.footer-button {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 6rem;
  border-radius: 6rem;
  margin: 1vw;
  border: 0.1rem solid;
  border-color: var(--gray-1);
  text-align: center;
  padding-top: auto;
  color: var(--gray-1);
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-size: 1.25rem;
  transition: 0.5s;
  background-color: var(--black--1);
}
@media (max-width: 37.5em) {
  .footer-button {
    margin-bottom: 2vh;
    letter-spacing: 0.4vw;
  }
}

.footer-button-container {
  position: relative;
}

.footer-button-background {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 6rem;
  border-radius: 6rem;
  margin: 1vw;
  border: 0.1rem solid;
  border-color: var(--gray-1);
  text-align: center;
  padding-top: auto;
  color: var(--gray-1);
  letter-spacing: 0.1vw;
  font-weight: 500;
  font-size: 1.25rem;
  transition: 0.5s;
  background-color: var(--black--1);
  position: absolute;
  z-index: 0;
  background-color: transparent;
}
@media (max-width: 37.5em) {
  .footer-button-background {
    margin-bottom: 2vh;
    letter-spacing: 0.4vw;
  }
}

.animation-button-ripple {
  animation: 0.25s buttonRipple ease-out;
}

@keyframes buttonRipple {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}
.services-body {
  width: 100vw;
}

.meal-not-visible {
  opacity: 0;
  visibility: hidden;
}

.bring-front {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: scale(1.1);
}

.before {
  width: 100vw;
  height: 200vh;
}

.services-section-3 {
  position: relative;
}

.services-container-main {
  width: 100vw;
  height: 450vh;
  display: flex;
  justify-content: center;
}

.divOne {
  width: 80vw;
  height: 450vh;
}
@media (max-width: 56.25em) {
  .divOne {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .divOne {
    width: 100vw;
  }
}

.viewOneOne {
  width: 80vw;
  height: 100vh;
  background: linear-gradient(-45deg, var(--gold--1), var(--gold));
  position: sticky;
  top: 0;
  border-radius: 3vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 56.25em) {
  .viewOneOne {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .viewOneOne {
    width: 100vw;
    border-radius: 0;
  }
}

.divTwo {
  width: 80vw;
  height: 300vh;
  position: absolute;
  top: 0;
}
@media (max-width: 56.25em) {
  .divTwo {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .divTwo {
    width: 100vw;
  }
}

.viewTwoOne {
  width: 80vw;
  height: 100vh;
  background: linear-gradient(45deg, var(--teal), var(--gold-1));
  position: sticky;
  top: 0;
  border-radius: 3vw;
}
@media (max-width: 56.25em) {
  .viewTwoOne {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .viewTwoOne {
    border-radius: 0;
    width: 100vw;
  }
}

.divThree {
  width: 80vw;
  height: 150vh;
  position: absolute;
  top: 0;
}
@media (max-width: 56.25em) {
  .divThree {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .divThree {
    width: 100vw;
  }
}

.viewThreeOne {
  width: 80vw;
  height: 100vh;
  background: linear-gradient(-45deg, var(--red), var(--gold-1));
  position: sticky;
  top: 0;
  border-radius: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 56.25em) {
  .viewThreeOne {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .viewThreeOne {
    width: 100vw;
  }
}

.meal-sections {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
@media (max-width: 56.25em) {
  .meal-sections {
    top: 0;
  }
}

.meal-section {
  width: 80vw;
  height: 100vh;
  position: absolute;
  top: 0;
  border-radius: inherit;
  background: linear-gradient(-45deg, var(--red), var(--gold-1));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--gray-2);
  transition: 0.5s ease;
}
@media (max-width: 56.25em) {
  .meal-section {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .meal-section {
    width: 100vw;
    border-radius: 0;
    left: 0;
  }
}

.meal-0 {
  background: radial-gradient(var(--black-1), var(--black-0));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}

.meal-button-default {
  width: 60vw;
  height: 7vw;
  font-size: 1.25vw;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5vw;
  background-color: var(--black-0);
  color: var(--gray);
  border: solid var(--gray) 0.1vw;
  cursor: pointer;
  transition: 0.1s ease;
}
@media (max-width: 56.25em) {
  .meal-button-default {
    font-size: 2rem;
    width: 75vw;
    height: auto;
    border-radius: 100vw;
    padding: 10vw;
  }
}
@media (max-width: 37.5em) {
  .meal-button-default {
    font-size: 1.25rem;
  }
}

.default-button-prompt {
  margin-top: 5vh;
  font-size: 2vw;
  color: var(--gray--1);
  font-weight: 200;
}
@media (max-width: 56.25em) {
  .default-button-prompt {
    font-size: 2rem;
  }
}

.meal-button-default:hover {
  background-color: var(--gray--1);
  border: none;
  color: var(--black-0);
}

.meal-button-default:active {
  background-color: var(--gray-2);
  transition: 0;
}

.meal-buttons {
  position: absolute;
  left: 4vw;
  height: calc(10vh + 30vw);
  width: 10vw;
  border-radius: 10vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4 0;
  background: linear-gradient(-45deg, rgba(249, 231, 184, 0.1882352941), rgba(238, 28, 41, 0.1882352941));
}
@media (max-width: 56.25em) {
  .meal-buttons {
    left: auto;
    flex-direction: row;
    top: 5vh;
    width: 60vw;
    height: 10vh;
    border-radius: 100vw;
  }
}

.meal-button {
  width: 6vw;
  height: 6vw;
  border-radius: 6vw;
  margin: 3vw 3vw 3vw 3vw;
  cursor: pointer;
  position: relative;
}
@media (max-width: 56.25em) {
  .meal-button {
    width: 10vw;
    height: 10vw;
  }
}
@media (max-width: 37.5em) {
  .meal-button {
    width: 14vw;
    height: 14vw;
  }
}

.meal-button-icon {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  transition: 0.1s ease;
}

.meal-section-line {
  position: relative;
  left: 5vw;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 56.25em) {
  .meal-section-line {
    left: 0;
    flex-direction: column;
    top: 2vh;
  }
}

.meal-section-titles {
  display: flex;
  flex-direction: column;
  width: 25vw;
  margin: 5vh 0;
}
@media (max-width: 56.25em) {
  .meal-section-titles {
    width: 60vw;
  }
}

.meal-section-title {
  font-size: 4vw;
}
@media (max-width: 56.25em) {
  .meal-section-title {
    text-align: center;
  }
}

.meal-section-subtitle {
  display: inline-block;
  font-size: 1.5vw;
}
@media (max-width: 56.25em) {
  .meal-section-subtitle {
    font-size: 4vw;
    text-align: center;
  }
}
@media (max-width: 37.5em) {
  .meal-section-subtitle {
    font-size: 5vw;
  }
}

.meal-section-img {
  width: 25vw;
  border-radius: 2vw;
  outline: solid 1rem rgba(157, 12, 21, 0.0823529412);
  margin: 2.5vw;
  position: relative;
  left: 2.5vw;
}
@media (max-width: 56.25em) {
  .meal-section-img {
    left: 0;
    width: 50vw;
    margin: 0 0 2.5vh 0;
  }
}
@media (max-width: 37.5em) {
  .meal-section-img {
    width: 60vw;
  }
}

.meal-section-description-container {
  width: 25vw;
  margin: 2.5vw;
  display: flex;
  flex-direction: column;
}
@media (max-width: 56.25em) {
  .meal-section-description-container {
    width: 80vw;
  }
}
@media (max-width: 37.5em) {
  .meal-section-description-container {
    width: 90vw;
    margin-top: 4vh;
  }
}

.meal-section-description-title {
  margin-bottom: 2.5vh;
}
@media (max-width: 56.25em) {
  .meal-section-description-title {
    margin-bottom: 1vh;
  }
}

.meal-section-description-description {
  font-size: 1.25vw;
  height: 7vh;
}
@media (max-width: 56.25em) {
  .meal-section-description-description {
    font-size: 3vw;
    text-align: center;
  }
}
@media (max-width: 37.5em) {
  .meal-section-description-description {
    font-size: 4vw;
  }
}

.divTwo-view-default {
  width: 80vw;
  height: 100vh;
  position: absolute;
  top: 0;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: radial-gradient(var(--black-1), var(--black-0));
  transition: 0.5s ease;
}
@media (max-width: 56.25em) {
  .divTwo-view-default {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .divTwo-view-default {
    width: 100vw;
  }
}

.divTwo-button-default {
  width: 60vw;
  height: 7vw;
  font-size: 1.25vw;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5vw;
  background-color: var(--black-0);
  color: var(--gray);
  border: solid var(--gray) 0.1vw;
  cursor: pointer;
  transition: 0.1s ease;
}
@media (max-width: 56.25em) {
  .divTwo-button-default {
    font-size: 2rem;
    width: 75vw;
    height: auto;
    border-radius: 100vw;
    padding: 10vw;
  }
}
@media (max-width: 37.5em) {
  .divTwo-button-default {
    font-size: 1.25rem;
  }
}

.divTwo-button-default:hover {
  background-color: var(--gray--1);
  border: none;
  color: var(--black-0);
}

.catering-container {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(45deg, var(--teal), var(--gold-1));
  overflow: clip;
  color: var(--gray-2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.catering-section-line {
  left: 0;
}

.catering-image {
  outline: solid 1rem rgba(143, 106, 25, 0.1450980392);
}

.catering-background-image {
  position: absolute;
  right: 0;
  border-radius: inherit;
  opacity: 0.25;
  height: 100vh;
}

.divOne-view-default {
  width: 80vw;
  height: 100vh;
  position: absolute;
  top: 0;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: radial-gradient(var(--black-1), var(--black-0));
  transition: 0.5s ease;
}
@media (max-width: 56.25em) {
  .divOne-view-default {
    width: 90vw;
  }
}
@media (max-width: 37.5em) {
  .divOne-view-default {
    width: 100vw;
  }
}

.divOne-button-default {
  width: 60vw;
  height: 7vw;
  font-size: 1.25vw;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5vw;
  background-color: var(--black-0);
  color: var(--gray);
  border: solid var(--gray) 0.1vw;
  cursor: pointer;
  transition: 0.1s ease;
}
@media (max-width: 56.25em) {
  .divOne-button-default {
    font-size: 2rem;
    width: 75vw;
    height: auto;
    border-radius: 100vw;
    padding: 10vw;
  }
}
@media (max-width: 37.5em) {
  .divOne-button-default {
    font-size: 1.25rem;
  }
}

.divOne-button-default:hover {
  background-color: var(--gray--1);
  border: none;
  color: var(--black-0);
}

.concessions-video {
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
  opacity: 0.3;
  position: absolute;
  top: 0;
}

.concessions-container {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  overflow: hidden;
  color: var(--gray-2);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-2 {
  width: 100vw;
  height: 100vh;
}

.animation-pulsing-text {
  animation-name: pulsingText;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

@keyframes pulsingText {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}
.services-ripple-button {
  position: relative;
}

.divOne-button-default-background {
  width: 60vw;
  height: 7vw;
  border-radius: 5vw;
  border: solid var(--gray) 0.1vw;
  position: absolute;
  opacity: 0;
}

.divTwo-button-default-background {
  width: 60vw;
  height: 7vw;
  border-radius: 5vw;
  border: solid var(--gray) 0.1vw;
  position: absolute;
  opacity: 0;
}

.meal-button-default-background {
  width: 60vw;
  height: 7vw;
  border-radius: 5vw;
  border: solid var(--gray) 0.1vw;
  position: absolute;
  opacity: 0;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Outfit", sans-serif;
}

body {
  background-color: var(--gray-1);
  width: 100vw;
}

html {
  overflow-x: hidden;
}

html.stop-scroll {
  overflow: hidden;
}

a {
  text-decoration: none;
}

button {
  border: none;
}

h1, h2, h3 {
  font-weight: 700;
  line-height: 1.1;
  margin-top: 0;
}

p {
  margin-top: 0;
}

a, a:vistited, a:active {
  text-decoration: none;
}

.condensed {
  font-family: "Barlow Condensed", sans-serif;
}

.text-on-image {
  text-shadow: 0 0 0.25vw rgba(0, 0, 0, 0.2);
}

:root {
  --teal-2: #edf7f7;
  --teal-1: #b8e0de;
  --teal: #54b6af;
  --teal--1: #376764;
  --red-2: #fee7e8;
  --red-1: #F57A82;
  --red: #ee1c29;
  --red--1: #9d0c15;
  --gray-2: #fbfaf8;
  --gray-1: #efeeeb;
  --gray: #e6e6e6;
  --gray--1: #cfcdc9;
  --gold-2: #fff8e5;
  --gold-1: #f9e7b8;
  --gold: #e4bd67;
  --gold--1: #8f6a19;
  --black-1: #343232;
  --black-0: #282425;
  --black--1: #1c1717;
  --bevaris-black: #1e1e1e;
}

.container-shadow {
  box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
}

.container-shadow-light {
  box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.1), 0 0 1vw 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.1), 0 0 1vw 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.1), 0 0 1vw 0 rgba(0, 0, 0, 0.1);
}

.make-shadow {
  transition: box-shadow 0.5s;
}

.make-shadow:hover {
  box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5vw 0 rgba(0, 0, 0, 0.25), 0 0 1vw 0 rgba(0, 0, 0, 0.25);
}/*# sourceMappingURL=style.css.map */