a {
  text-decoration: none;
}

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

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

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

.hidden {
  opacity: 0;
}

.absolute {
  position: absolute;
}

/* Fonts */
.poppins {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* No Select */
.noselect,
img {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

.invisible {
  opacity: 0 !important;
  pointer-events: none !important;
}

input,
textarea,
button,
select,
a,
svg,
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*::-moz-selection {
  color: #07A9BA;
  background-color: #ffffff;
  text-shadow: none;
}

*::selection {
  color: #07A9BA;
  background-color: #ffffff;
  text-shadow: none;
}

/* width */
::-webkit-scrollbar {
  width: 0;
  -webkit-user-select: auto;
          user-select: auto;
}

/* Track */
/* Handle */
/* Defaults */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  /* cursor: none; */
  font-family: "Karla", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  z-index: 100;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
  font-size: 10px;
}

.webgl {
  position: fixed;
  top: 0;
  outline: none;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

main {
  position: relative;
  z-index: 1;
  background-color: #E1F0F2;
  pointer-events: auto;
}

.scrollStartSection {
  width: 100%;
}

/* Loading Page */
.loadingPage {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  background-color: #ffffff;
}

.wSection {
  position: fixed;
  top: 0;
  z-index: -10;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  box-sizing: border-box;
  background-color: #F6F6F6;
  overflow: hidden;
}

.wSectionParallax {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: -1;
}

.wSectionColumn {
  width: 250px;
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F6F6;
}

.wSectionColumnStart {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: top center;
  z-index: 100;
  background-color: #F6F6F6;
}

#wSectionColumn1 {
  transform: rotateZ(-15deg) translateX(-400px);
  position: absolute;
  overflow: hidden;
}

#wSectionColumn2 {
  transform: rotateZ(15deg) translateX(-125px);
  position: absolute;
  overflow: hidden;
}

#wSectionColumn3 {
  transform: rotateZ(-15deg) translateX(125px);
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

#wSectionColumn4 {
  transform: rotateZ(15deg) translateX(400px);
  position: absolute;
  overflow: hidden;
}

#wSectionColumnRef {
  transform: rotateZ(15deg);
  position: absolute;
  z-index: 900;
}

.wSectionColumnImage {
  position: absolute;
  height: 105vh;
  opacity: 0;
}

#wSectionColumnImage1 {
  transform: rotateZ(15deg) translateX(388px) translateY(-103px);
}

#wSectionColumnImage2 {
  transform: rotateZ(-15deg) translateX(122px) translateY(33px);
}

#wSectionColumnImage3 {
  transform: rotateZ(15deg) translateX(-122px) translateY(33px);
}

#wSectionColumnImage4 {
  transform: rotateZ(-15deg) translateX(-388px) translateY(-103px);
}

#wSectionColumnImageRef {
  position: absolute;
  transform: rotateZ(-15deg);
  height: 100%;
}

.wSectionColumnBlank {
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F6F6;
}

#wSectionColumnBlank1 {
  width: 200px;
  transform: rotateZ(-15deg) translateX(-95px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#wSectionColumnBlank2 {
  width: 280px;
  transform: rotateZ(-15deg) translateX(385px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

/* Hero Section */
.heroSection {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 999999;
}

.heroSectionLogo {
  position: absolute;
  top: 0;
  margin-top: 15rem;
  z-index: 100;
  max-width: 60vw;
}

.heroSectionImageParallax {
  padding-top: calc((100vh - 21.8229166667vw) / 2);
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10rem;
}

.heroSectionImageParallaxColumn {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 10rem;
}

.heroSectionImage {
  position: relative;
  width: 100%;
}

.heroSectionImageContainer {
  position: relative;
  width: 40vw;
  height: 21.8229166667vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  box-shadow: 0rem 0.5rem 0.5rem 0rem rgba(0, 0, 0, 0.1882352941);
}

#heroSectionImageParallaxColumn1, #heroSectionImageParallaxColumn3 {
  margin-top: 20rem;
}

.aboutSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  z-index: 10;
  padding-inline: min(35rem, 10vw);
  padding-block: 6.5rem;
  font-size: 2.5rem;
  text-align: center;
}

.aboutSection2 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  z-index: 10;
  padding-inline: min(35rem, 10vw);
  font-size: 2.5rem;
  text-align: center;
}

.brownSection {
  position: relative;
  width: 100%;
}

.brownWSection {
  top: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
  overflow: hidden;
  z-index: -1;
}

.brownWSectionParallax {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
  overflow: hidden;
  z-index: -1;
}

.brownWSectionColumn {
  width: 250px;
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

#brownWSectionColumn1 {
  transform: rotateZ(-15deg) translateX(-400px);
  position: absolute;
  overflow: hidden;
}

#brownWSectionColumn2 {
  transform: rotateZ(15deg) translateX(-125px);
  position: absolute;
  overflow: hidden;
}

#brownWSectionColumn3 {
  transform: rotateZ(-15deg) translateX(125px);
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

#brownWSectionColumn4 {
  transform: rotateZ(15deg) translateX(400px);
  position: absolute;
  overflow: hidden;
}

#brownWSectionColumnRef {
  transform: rotateZ(15deg);
  position: absolute;
  z-index: 900;
}

.brownWSectionColumnImage {
  position: absolute;
  height: 105vh;
}

#brownWSectionColumnImage1 {
  transform: rotateZ(15deg) translateX(388px) translateY(-103px);
}

#brownWSectionColumnImage2 {
  transform: rotateZ(-15deg) translateX(122px) translateY(33px);
}

#brownWSectionColumnImage3 {
  transform: rotateZ(15deg) translateX(-122px) translateY(33px);
}

#brownWSectionColumnImage4 {
  transform: rotateZ(-15deg) translateX(-388px) translateY(-103px);
}

#brownWSectionColumnImageRef {
  position: absolute;
  transform: rotateZ(-15deg);
  height: 100%;
}

.brownWSectionColumnBlank {
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
}

#brownWSectionColumnBlank1 {
  width: 200px;
  transform: rotateZ(-15deg) translateX(-95px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#brownWSectionColumnBlank2 {
  width: 280px;
  transform: rotateZ(-15deg) translateX(385px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.blueWSection {
  top: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
  overflow: hidden;
  z-index: -1;
}

.blueWSectionParallax {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #17B9CA;
  overflow: hidden;
  z-index: -1;
}

.blueWSectionColumn {
  width: 250px;
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #07A9BA;
}

#blueWSectionColumn1 {
  transform: rotateZ(-15deg) translateX(-400px);
  position: absolute;
  overflow: hidden;
}

#blueWSectionColumn2 {
  transform: rotateZ(15deg) translateX(-125px);
  position: absolute;
  overflow: hidden;
}

#blueWSectionColumn3 {
  transform: rotateZ(-15deg) translateX(125px);
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

#blueWSectionColumn4 {
  transform: rotateZ(15deg) translateX(400px);
  position: absolute;
  overflow: hidden;
}

#blueWSectionColumnRef {
  transform: rotateZ(15deg);
  position: absolute;
  z-index: 900;
}

.blueWSectionColumnImage {
  position: absolute;
  height: 105vh;
  opacity: 0;
}

#blueWSectionColumnImage1 {
  transform: rotateZ(15deg) translateX(388px) translateY(-103px);
}

#blueWSectionColumnImage2 {
  transform: rotateZ(-15deg) translateX(122px) translateY(33px);
}

#blueWSectionColumnImage3 {
  transform: rotateZ(15deg) translateX(-122px) translateY(33px);
}

#blueWSectionColumnImage4 {
  transform: rotateZ(-15deg) translateX(-388px) translateY(-103px);
}

#blueWSectionColumnImageRef {
  position: absolute;
  transform: rotateZ(-15deg);
  height: 100%;
}

.blueWSectionColumnBlank {
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #17B9CA;
}

#blueWSectionColumnBlank1 {
  width: 200px;
  transform: rotateZ(-15deg) translateX(-95px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#blueWSectionColumnBlank2 {
  width: 280px;
  transform: rotateZ(-15deg) translateX(385px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.blankRequirementsSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 26rem;
  padding-block: 13rem;
  gap: 17rem;
  color: #ffffff;
  opacity: 0;
}

.w2Section {
  top: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F6F6;
  overflow: hidden;
  z-index: -1;
}

.w2SectionParallax {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F6F6;
  overflow: hidden;
  z-index: -1;
}

.w2SectionColumn {
  width: 250px;
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1f0f2;
}

#w2SectionColumn1 {
  transform: rotateZ(-15deg) translateX(-400px);
  position: absolute;
  overflow: hidden;
}

#w2SectionColumn2 {
  transform: rotateZ(15deg) translateX(-125px);
  position: absolute;
  overflow: hidden;
}

#w2SectionColumn3 {
  transform: rotateZ(-15deg) translateX(125px);
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

#w2SectionColumn4 {
  transform: rotateZ(15deg) translateX(400px);
  position: absolute;
  overflow: hidden;
}

#w2SectionColumnRef {
  transform: rotateZ(15deg);
  position: absolute;
  z-index: 900;
}

.w2SectionColumnImage {
  position: absolute;
  height: 105vh;
  opacity: 0;
}

#w2SectionColumnImage1 {
  transform: rotateZ(15deg) translateX(388px) translateY(-103px);
}

#w2SectionColumnImage2 {
  transform: rotateZ(-15deg) translateX(122px) translateY(33px);
}

#w2SectionColumnImage3 {
  transform: rotateZ(15deg) translateX(-122px) translateY(33px);
}

#w2SectionColumnImage4 {
  transform: rotateZ(-15deg) translateX(-388px) translateY(-103px);
}

#w2SectionColumnImageRef {
  position: absolute;
  transform: rotateZ(-15deg);
  height: 100%;
}

.w2SectionColumnBlank {
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F6F6;
}

#w2SectionColumnBlank1 {
  width: 200px;
  transform: rotateZ(-15deg) translateX(-95px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#w2SectionColumnBlank2 {
  width: 280px;
  transform: rotateZ(-15deg) translateX(385px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.blankRequirementsSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 26rem;
  padding-block: 13rem;
  gap: 17rem;
  color: #ffffff;
  opacity: 0;
}

.brownW2Section {
  top: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
  overflow: hidden;
  z-index: -1;
}

.brownW2SectionParallax {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
  overflow: hidden;
  z-index: -1;
}

.brownW2SectionColumn {
  width: 250px;
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #453D46;
}

#brownW2SectionColumn1 {
  transform: rotateZ(-15deg) translateX(-400px);
  position: absolute;
  overflow: hidden;
}

#brownW2SectionColumn2 {
  transform: rotateZ(15deg) translateX(-125px);
  position: absolute;
  overflow: hidden;
}

#brownW2SectionColumn3 {
  transform: rotateZ(-15deg) translateX(125px);
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

#brownW2SectionColumn4 {
  transform: rotateZ(15deg) translateX(400px);
  position: absolute;
  overflow: hidden;
}

#brownW2SectionColumnRef {
  transform: rotateZ(15deg);
  position: absolute;
  z-index: 900;
}

.brownW2SectionColumnImage {
  position: absolute;
  height: 105vh;
  opacity: 0;
}

#brownW2SectionColumnImage1 {
  transform: rotateZ(15deg) translateX(388px) translateY(-103px);
}

#brownW2SectionColumnImage2 {
  transform: rotateZ(-15deg) translateX(122px) translateY(33px);
}

#brownW2SectionColumnImage3 {
  transform: rotateZ(15deg) translateX(-122px) translateY(33px);
}

#brownW2SectionColumnImage4 {
  transform: rotateZ(-15deg) translateX(-388px) translateY(-103px);
}

#brownW2SectionColumnImageRef {
  position: absolute;
  transform: rotateZ(-15deg);
  height: 100%;
}

.brownW2SectionColumnBlank {
  height: 2000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #554D56;
}

#brownW2SectionColumnBlank1 {
  width: 200px;
  transform: rotateZ(-15deg) translateX(-95px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#brownW2SectionColumnBlank2 {
  width: 280px;
  transform: rotateZ(-15deg) translateX(385px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.extraTextSection {
  position: relative;
  width: 100%;
  padding-inline: min(35rem, 10vw);
  padding-block: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 3.6rem;
  color: #ffffff;
  text-shadow: 1px 1px 5px #554D56, -1px 1px 5px #554D56, 1px -1px 5px #554D56, -1px -1px 5px #554D56;
  font-family: "Playfair Display", serif;
}

.extraImageContainer {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
}

.extraImage {
  width: 90vw;
}

.mobileSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobileSectionBackgroundImageContainer {
  position: absolute;
}

.mobileSectionMain {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10vw;
  perspective: 1000px;
}

.mobileSectionImage {
  width: 40vw;
}

.requirementsSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: min(26rem, 10vw);
  padding-block: 13rem;
  gap: 17rem;
  color: #ffffff;
  overflow: hidden;
}

.requirementsSectionTextContainer {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 4rem;
  width: 50%;
}

.requirementsSectionMiniHeader {
  font-size: 1.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.requirementsSectionHeader {
  font-size: 3.6rem;
  font-family: "Playfair Display", serif;
}

.requirementsSectionBody {
  font-size: 2rem;
}

.requirementsSectionAccent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 10;
  overflow: hidden;
}

.requirementsSectionAccentImage {
  transform-origin: bottom right;
}

.requirementsSectionTabsContainer {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
  width: 50%;
}

.requirementsSectionTab {
  border: 1px solid #ffffff;
  font-size: 1.6rem;
  padding-inline: 3rem;
  padding-block: 2rem;
  text-align: center;
  border-radius: 100rem;
  white-space: nowrap;
  overflow: hidden;
}

.requirementsSectionTabText {
  width: 100%;
  white-space: nowrap;
}

.showcaseSection {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15rem;
  padding: 17rem;
}

.showcaseSectionLeft {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15rem;
}

.aboutSection2 {
  margin-bottom: 20rem;
}

.visitSection {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: -20rem;
  z-index: 10;
  color: #ffffff;
  padding-inline: min(26rem, 10vw);
  perspective: 1000px;
}

.visitSectionImage {
  margin-top: -10rem;
  width: 90vw;
}

.visitSectionButton {
  margin-block: 10rem;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 2rem;
  padding-inline: 3rem;
  padding-block: 2rem;
  border-radius: 100rem;
  cursor: pointer;
}

/* Responsive */
@media screen and (max-width: 1800px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-width: 750px) {
  html {
    font-size: 6px;
  }
  .heroSectionImageParallax {
    padding-top: calc((100vh - 49.1015625vw) / 2);
    flex-direction: column;
  }
  .heroSectionImageContainer {
    width: 90vw;
    height: 49.1015625vw;
  }
  #heroSectionImageParallaxColumn1, #heroSectionImageParallaxColumn3 {
    margin-top: 0rem;
  }
  .requirementsSection {
    flex-direction: column;
  }
  .requirementsSectionTextContainer {
    width: 100%;
  }
  .showcaseSection {
    flex-direction: column;
  }
  .showcaseSectionLeftImage {
    width: 90vw;
  }
}/*# sourceMappingURL=index.css.map */