* {
  --color-black: #141414;
  --color-white: #fff;
  --color-tickle-pink: #fcd;
  --color-orchid-pink: #ff7faa;
  --color-aqua: #7fffd4;
  --color-aero-blue: #cfe;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  background: none;
  width: 0;
}

body {
  color: var(--color-white);
  background-color: var(--color-black);
  text-rendering: optimizelegibility;
  font-family: radikalregular;
  position: relative;
  overflow-x: hidden;
}

.introAnim {
  background-color: var(--color-black);
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.headerNavBar {
  z-index: 16;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5%;
  width: 6vw;
  height: 99vh;
  padding: 0 .5vw;
  display: flex;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.headerNavBar:after {
  content: "";
  background: var(--color-white);
  opacity: .2;
  width: .04vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translate(0, -50%);
}

.navLabel {
  position: relative;
}

.navLabel span {
  background: var(--color-white);
  color: var(--color-black);
  opacity: 0;
  text-transform: uppercase;
  pointer-events: none;
  padding: 1vw 2vw;
  font-family: radikalregular;
  font-size: 1.2vw;
  transition: all .4s;
  position: absolute;
  top: -50%;
  left: 380%;
  transform: translate(0, -50%);
}

.roomLabel span {
  left: 270%;
}

.socialsDiv {
  font-weight: light;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1vh;
  font-size: .8vw;
  display: flex;
  position: absolute;
  bottom: 5%;
}

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

.navsvgFill, .navsvgStroke {
  transition: all 1s;
}

.openmod input {
  display: none;
}

.navBookBtn {
  background: var(--color-white);
  color: var(--color-black);
  width: 6.55vw;
  height: 7vw;
  font-family: radikalregular;
  transition: all .4s;
  position: absolute;
  top: -1%;
  left: 0;
}

.navBookBtn .navBookText {
  cursor: pointer;
  font-size: 1.25vw;
  transition: all .4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navBookBtn:hover {
  background: var(--color-aero-blue);
}

.navBookBtn:hover .navBookText {
  color: var(--color-black);
}

.navMenuBg {
  background-color: var(--color-black);
  background-color: none;
  z-index: 11;
  justify-content: center;
  align-items: center;
  width: 3.8vw;
  height: 3.8vw;
  display: flex;
}

.openMenu {
  background-color: var(--color-white);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.5vw;
  height: 3.5vw;
  display: flex;
  overflow: hidden;
}

.openMenu span {
  z-index: 10;
  cursor: pointer;
  border-radius: .651042vw;
  height: .45vh;
  margin: .46vh 0;
  transition: all .4s cubic-bezier(.68, -.6, .32, 1.6);
}

.openMenu span:first-of-type {
  background: var(--color-black);
  width: 55%;
}

.openMenu span:nth-of-type(2) {
  background: var(--color-black);
  width: 50%;
}

.openMenu span:nth-of-type(3) {
  background: var(--color-black);
  width: 55%;
}

.openMenu input[type="checkbox"] {
  display: none;
}

.headerNavHover {
  z-index: 16;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2vw;
  display: flex;
  position: fixed;
  top: 49.5%;
  left: 8vw;
  transform: translate(0, -50%);
}

.hoverEl {
  color: var(--color-black);
  background-color: var(--color-white);
  opacity: 0;
  justify-content: center;
  align-items: center;
  height: 3.5vw;
  padding: 1vw 2vw;
  display: flex;
}

.modalContainer {
  z-index: 11;
  background-color: var(--color-black);
  color: var(--color-white);
  flex-direction: column;
  justify-content: center;
  width: 30vw;
  height: 100%;
  display: grid;
  position: fixed;
  top: 0;
  left: -200%;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal_heading {
  justify-content: center;
  align-items: center;
  width: 26vw;
  height: 20vh;
  margin: 3vh 0 2vh;
  display: flex;
  position: relative;
}

.modal_heading:before {
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: .1vh;
  display: block;
  position: absolute;
  top: 0;
}

.modal_heading:after {
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: .1vh;
  display: block;
  position: absolute;
  bottom: 0;
}

.modal_title {
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  font-size: 2vw;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.modal_box {
  z-index: 20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 26vw;
  margin-top: 5vh;
  padding-top: 2vh;
  padding-bottom: 2vh;
  display: flex;
  position: relative;
}

.modal_box:after {
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: .1vh;
  display: block;
  position: absolute;
  bottom: -5%;
}

.modal_box h6 {
  font-size: 1.25vw;
  font-weight: 400;
}

.modal_box a {
  color: var(--color-white);
  z-index: 20;
  align-self: flex-end;
  margin-top: 5vh;
  font-size: 1vw;
  transition: all .2s;
}

.modal_box a:hover {
  color: var(--color-orchid-pink);
}

.modal_box img {
  object-fit: cover;
  width: 26vw;
  height: 40vh;
  margin-top: 2.5vh;
}

.modal_box p {
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-top: 2.5vh;
  font-size: 1vw;
  display: flex;
}

.locationBox:after {
  content: "";
  background-color: var(--color-aero-blue);
  width: 0%;
  height: .1vh;
  display: block;
  position: absolute;
  bottom: 0;
}

.locationModalMap {
  object-fit: cover;
  object-position: right;
  width: 26vw;
  height: 60vh;
}

.nav-container {
  background: var(--color-black);
  z-index: 14;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -500%;
}

.nav-container .menu {
  --offset: 0vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
  color: var(--color-white);
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 20vw;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.navMenuIcons {
  z-index: 1;
  padding-right: 5vw;
  position: absolute;
  bottom: 5vh;
  right: 0;
}

.icon-list {
  justify-content: space-between;
  display: flex;
}

.icon-item {
  list-style: none;
}

.icon-link {
  color: var(--color-white);
  z-index: 1;
  width: 3vw;
  height: 3vw;
  margin: auto;
  font-size: 1.1713vw;
  text-decoration: none;
  transition: all .5s linear;
  display: inline-flex;
  position: relative;
}

.icon-link:hover {
  color: #fff;
}

.icon-link i {
  margin: auto;
}

.icon-link:before {
  content: "";
  z-index: -1;
  background: #181818;
  border-radius: 50%;
  width: 3vw;
  height: 3vw;
  transition: all .3s cubic-bezier(.95, .32, .37, 1.21);
  position: absolute;
  inset: 0;
  transform: scale(0);
}

.icon-link:hover:before {
  transform: scale(1);
}

.icon-item:first-of-type a:hover:before {
  background: #3b5999;
}

.icon-item:nth-of-type(2) a:hover:before {
  background: #e4405f;
}

.icon-item:nth-of-type(3) a:hover:before {
  background: #ee0f47;
}

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

.menu-grid-2 ul {
  font-size: 2.5vw;
  list-style: none;
}

.menu-grid-2 ul .navConLink {
  padding-top: 10vh;
}

.menu-grid-2 .link {
  color: var(--color-white);
  text-transform: lowercase;
  align-items: center;
  height: 2.5vw;
  text-decoration: none;
  display: flex;
}

.menu-grid-2 .mask {
  height: 2.5vw;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.menu-grid-2 .link-container {
  transition: transform .4s;
}

.menu-grid-2 .title {
  font-size: 2.5vw;
  line-height: 2vw;
  transition: transform .4s;
  display: block;
}

.menu-grid-2 .title span {
  color: var(--color-white);
  padding-right: 2.5vw;
  font-size: 1.5vw;
}

.menu-grid-2 .link-title1 {
  transform-origin: 100%;
}

.menu-grid-2 .link-title2 {
  transform-origin: 0;
  transform: rotate(20deg);
}

.menu-grid-2 .link-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.32552vw;
  height: 3.32552vw;
  margin-left: .651042vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-grid-2 .icon {
  visibility: hidden;
  transition: transform .4s;
  display: block;
  position: absolute;
}

.menu-grid-2 .icon:nth-child(2) {
  transform: translate(-2.60417vw);
}

.menu-grid-2 .link:hover .link-container {
  color: var(--color-white);
  transform: translateY(-2.5vw);
}

.menu-grid-2 .link:hover .link-title1 {
  transform: rotate(20deg);
}

.menu-grid-2 .link:hover .link-title2 {
  transform: rotate(0);
}

.menu-grid-2 .link:hover .icon:first-child {
  visibility: visible;
  transform: translate(2.60417vw);
}

.menu-grid-2 .link:hover .icon:nth-child(2) {
  visibility: visible;
  transform: translate(0);
}

.menu-grid-3 {
  color: var(--color-white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15vh;
  padding-left: 5vw;
  font-family: radikalregular;
  font-size: 2vw;
  display: flex;
  position: relative;
}

.menu-grid-3 .menu-grid-3-sub1 {
  flex-direction: column;
  display: flex;
}

.menu-grid-3 .menu-grid-3-sub1 span {
  margin: 2vh 0;
}

.menu-grid-3 .menu-grid-3-sub2 {
  justify-content: 1fr;
  grid-row-gap: 5vh;
  display: grid;
}

.sub_rooms {
  visibility: hidden;
  flex-direction: column;
  gap: 5vh;
  font-size: 1.25vw;
  display: flex;
  position: absolute;
  right: -90%;
}

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

.sub_room_link {
  opacity: 0;
}

.sub_rooms a:after {
  content: "";
  background-color: var(--color-white);
  width: 0%;
  height: .25vh;
  transition: all .3s;
  display: block;
}

.sub_rooms a:hover:after {
  width: 45%;
}

#roomNavLink {
  width: 100%;
  position: relative;
}

.mobileNav {
  z-index: 21;
  color: var(--color-white);
  background-color: #181818;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 10vw;
  display: flex;
  position: fixed;
  top: 0;
  left: -100%;
  overflow: hidden;
}

.open_mobile_nav {
  color: var(--color-white);
  z-index: 20;
  opacity: 0;
  font-size: 4vw;
  display: none;
  position: fixed;
  top: 5vh;
  right: 7.5vw;
}

.close_mobileNav {
  opacity: 0;
  font-size: 4vw;
  position: absolute;
  top: 5vh;
  right: 7.5vw;
}

.mobileNav ul {
  text-align: left;
  flex-direction: column;
  gap: 5vh;
  margin-top: -17.5vh;
  list-style: none;
  display: flex;
}

.mobileNav ul li a {
  color: var(--color-white);
  font-size: 6vw;
  text-decoration: none;
}

.mobileNavSocial {
  justify-content: center;
  align-items: center;
  gap: 5vw;
  display: flex;
  position: absolute;
  bottom: 15%;
  left: 11vw;
}

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

.header {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.headerBgLayer {
  background-color: var(--color-black);
  z-index: 10;
  opacity: .98;
  width: 100vw;
  height: 100vh;
  padding-left: 4vw;
  position: fixed;
  top: 0;
  left: -100%;
}

.headerLogo {
  z-index: 2;
  transition: all .4s;
  position: absolute;
  top: 6.5vw;
  right: -10vw;
  transform: translate(-55%, -50%);
}

.headerVideoLayer {
  opacity: .85;
  background: #181818;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.headervideoContainer {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.headervideoContainer video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.headerHeroheading h6 {
  padding-left: .5vw;
  font-size: 1vw;
  display: none;
  position: relative;
}

.headerHeroheading h6:after {
  content: "";
  background-color: var(--color-white);
  opacity: .2;
  width: 5vw;
  height: .25vh;
  transition: width .4s;
  display: block;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(0, -50%);
}

.headerHeroheading {
  z-index: 1;
  color: var(--color-white);
  text-align: left;
  flex-direction: column;
  gap: 4vh;
  display: flex;
  position: absolute;
  top: 55%;
  left: 13vw;
  transform: translate(0, -50%);
}

.headerHeroheading h2 {
  mix-blend-mode: exclusion;
  font-family: sudregular;
}

.large_Heading_h2 {
  font-size: 4.5vw;
}

.small_Heading_h2 {
  display: none;
}

.headerHeroheading p {
  font-size: 1vw;
}

.headerQuickNavbar {
  flex-direction: row;
  gap: 12.5vw;
  display: flex;
  position: absolute;
  bottom: 4vw;
  left: 13vw;
}

.headerQuickNavbar div {
  cursor: pointer;
  font-size: 1.1vw;
  position: relative;
}

.headerQuickNavbar div span {
  padding-right: .35vw;
  font-size: 1.25vw;
}

.headerQuickNavbar div:before {
  content: "";
  background-color: var(--color-aqua);
  width: 2vw;
  height: .2vh;
  transition: width .4s;
  display: block;
  position: absolute;
  top: -100%;
}

.headerQuickNavbar div:after {
  content: "";
  background-color: var(--color-white);
  opacity: .2;
  width: 15vw;
  height: .2vh;
  display: block;
  position: absolute;
  top: -100%;
}

.headerQuickNavbar div:hover:before {
  width: 15vw;
}

.aboutUs_Section {
  width: 100vw;
  height: auto;
  padding-top: 25vh;
  padding-left: 11vw;
  position: relative;
}

.aboutUs-heading {
  letter-spacing: .05vw;
  width: 65%;
  font-family: sudregular;
  font-size: 3vw;
  font-weight: normal;
}

.aboutUs-detail {
  letter-spacing: .05vw;
  width: 45%;
  margin-top: 10vh;
  margin-left: 30vw;
  font-size: 1.25vw;
  position: relative;
}

.aboutUs-detail span {
  margin-top: 10vh;
  position: absolute;
  left: 0;
}

.aboutUs-detail span:after {
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: .04vh;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.aboutUs-detail span:hover:after {
  width: 20%;
}

.aboutUs-imgContainer {
  flex-direction: column;
  gap: 5vh;
  height: 100%;
  margin-top: 20vh;
  display: flex;
}

.about_subImgContainer {
  flex-direction: row;
  align-items: flex-end;
  gap: 2vw;
  display: flex;
}

.aboutImgAnim1-container {
  width: 40vw;
  height: 80vh;
}

.about_subImgContainer .aboutImgAnim1 {
  object-fit: cover;
  width: 40vw;
  height: 80vh;
}

.about_subImgContainer .aboutImgAnim2 {
  object-fit: cover;
  width: 45vw;
  height: 60vh;
}

.aboutImgAnim3 {
  object-fit: cover;
  width: 87vw;
}

.abt_small_img {
  display: none;
}

.aboutServices {
  flex-direction: column;
  gap: 10vh;
  margin-top: 20vh;
  display: flex;
}

.servicesTitle h5 {
  font-family: sudregular;
  font-size: 3vw;
  font-weight: normal;
}

.servicesTitle p {
  width: 40%;
}

.servicesBox {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 2.5vh;
  display: grid;
}

.serviceBox {
  flex-direction: column;
  gap: 3vh;
  display: flex;
}

.serviceNum img {
  width: 12.5%;
}

.serviceTitle {
  margin-top: -1vh;
  font-family: radikalregular;
  font-size: 1.5vw;
  font-weight: normal;
}

.serviceBox p {
  text-align: left;
  width: 75%;
  font-size: .95vw;
}

.roomsHeading {
  flex-direction: column;
  gap: 8vh;
  padding: 25vh 0 15vh 12vw;
  display: flex;
}

.roomsTitle {
  letter-spacing: .2vw;
  font-family: sudregular;
  font-size: 3vw;
  font-weight: normal;
}

.roomsText {
  letter-spacing: .05vw;
  width: 50%;
  margin-left: 20vw;
  font-size: 1.25vw;
}

.roomsSection {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.image-slider {
  z-index: 0;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding: 0;
}

.image-slide {
  height: 100vh;
  margin: 0 auto;
}

.slick-slide.slick-center {
  transition: transform .8s cubic-bezier(.84, 0, .08, .99) 1.4s;
  transform: scale(1.2);
}

.slick-slide {
  transition: transform .7s cubic-bezier(.84, 0, .08, .99);
}

.slider-control {
  z-index: 2;
  margin: 0%;
  display: flex;
  position: absolute;
  bottom: 8%;
  left: 15%;
  transform: translate(-50%, -50%);
}

.slider-control button {
  color: #fff;
  -o-transition: all .3s ease;
  background: none;
  border: .0520833vw solid #ffffff4d;
  border-radius: 50%;
  margin: .4em;
  padding: 1.25vw;
  font-size: .833333vw;
  transition: all .3s;
  display: inline-block;
}

.slider-control button:focus {
  outline: none;
}

.slider-control button i {
  -o-transition: all .3s ease;
  transition: all .3s;
}

.slider-control button:hover {
  transform: scale(1.25);
}

.slider-control button:hover i {
  transform: scale(1.5);
}

.block-1 {
  z-index: 1;
  background: #141414;
  width: 5%;
  height: 100vh;
  position: absolute;
  left: 0%;
}

.block-2 {
  z-index: 1;
  background: #141414;
  width: 25%;
  height: 100vh;
  position: absolute;
  left: 25%;
}

.block-3 {
  z-index: 1;
  background: #141414;
  width: 5%;
  height: 100vh;
  position: absolute;
  right: 0%;
}

.overlay {
  z-index: 1;
  background: #000000d9;
  width: 20.2%;
  height: 100vh;
  position: absolute;
  left: 5%;
}

.text-slider-wrapper {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 32.5%;
}

.text-slider {
  height: 100vh;
  margin: 0%;
  padding: 0%;
}

.text-slide {
  position: relative;
}

.text-slide h1 {
  color: #fff;
  text-transform: uppercase;
  padding-left: 10%;
  font-family: sudregular;
  font-size: 3.33333vw;
  font-weight: lighter;
}

.text-slide h6 {
  text-align: left;
  flex-direction: column;
  gap: 3.5vh;
  margin-top: 2.5%;
  margin-left: 27.5%;
  font-family: radikalregular;
  font-size: 1.1vw;
  font-weight: normal;
  display: flex;
  position: relative;
}

.text-slide h6 span {
  position: relative;
}

.text-slide h6 span:after {
  content: "";
  background-color: var(--color-white);
  width: 2%;
  height: .1vh;
  display: block;
  position: absolute;
  bottom: -15%;
  left: 0;
}

.text-slide a {
  color: var(--color-white);
  margin-top: 1vh;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.text-slide a:after {
  content: "";
  background-color: var(--color-orchid-pink);
  -o-transition: all .3s ease;
  width: 0%;
  height: .1vh;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -15%;
  left: 0;
}

.text-slide a:hover:after {
  width: 7.5%;
}

.text-slide a:hover {
  color: var(--color-orchid-pink);
}

.diningSection {
  flex-direction: column;
  gap: 10vh;
  width: 100vw;
  height: 100%;
  padding: 20vh 0;
  display: flex;
}

.diningTitle {
  letter-spacing: .2vw;
  padding-left: 11vw;
  font-family: sudregular;
  font-size: 3vw;
}

.diningModal {
  flex-direction: column;
  gap: 5vh;
  margin-top: 7.5vh;
  padding-left: 11vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.diningModalTitle {
  font-size: 3vw;
}

.diningModalHeading {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.diningModalHeading span {
  text-align: justify;
  width: 65%;
}

.diningNav a {
  color: var(--color-white);
  padding-right: 2vw;
  text-decoration: none;
  position: relative;
}

.diningNav a:after {
  content: "";
  background-color: var(--color-white);
  width: 60%;
  height: .04vh;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.diningNav a:hover:after {
  width: 0;
}

.diningModal img {
  object-fit: cover;
  width: 100%;
  height: 70vh;
  margin-top: 5vh;
  padding-right: 1.5vw;
}

.cafeBgLayer, .wineBgLayer {
  background-color: var(--color-black);
  z-index: 2;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: -10%;
  left: 0;
}

.gallerySection {
  grid-gap: 10vh;
  grid-template-columns: 1fr;
  width: 100vw;
  height: 100%;
  display: grid;
}

.galleryHeroDiv {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2vw;
  display: flex;
}

.galleryHeroImg {
  position: relative;
}

.galleryHeroImg img {
  object-fit: cover;
  width: 65vw;
  height: 95vh;
}

.galleryTitle {
  font-family: sudregular;
  font-size: 6vw;
  position: absolute;
  bottom: 1vh;
  left: 13vw;
}

.galleryImgDiv {
  flex-direction: column;
  gap: 2vh;
  display: flex;
}

.galleryImgDiv img {
  object-fit: cover;
  width: 30vw;
}

.galleryImgDetail {
  font-size: 1vw;
}

.galleryContainer {
  grid-gap: 10vh;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.contactSection {
  grid-template-columns: 1fr;
  width: 100vw;
  height: 100%;
  padding-top: 25vh;
  padding-left: 13vw;
  display: grid;
}

.contactTitle {
  letter-spacing: .2vw;
  font-family: sudregular;
  font-size: 3vw;
  font-weight: normal;
}

.contactSection .locationMap {
  object-fit: cover;
  width: 80vw;
  height: 70vh;
  margin-top: 10vh;
}

.contactDetails {
  flex-direction: column;
  gap: 7.5vh;
  padding: 20vh 10vw 20vh 5vw;
  display: flex;
}

.contactDetails div {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.contactDetails div .contactDetailsTitle {
  font-size: 1.35vw;
}

.contactDetails div h6 {
  text-align: left;
  grid-template-columns: 1fr 1fr;
  font-size: 1vw;
  font-weight: normal;
  display: grid;
}

.contactDetails div:first-of-type p {
  width: 100%;
  font-size: 1vw;
}

.contactDetails div:nth-of-type(2) div {
  flex-direction: column;
  gap: .5vh;
  margin-top: 7.5vh;
  display: flex;
}

.contactInfo:before, .contactAddress:before {
  content: "";
  background-color: #fff;
  width: 85%;
  height: .025vh;
  margin-bottom: 1vh;
  display: block;
}

.contactDetails div:nth-of-type(3) div {
  flex-direction: column;
  gap: .5vh;
  margin-top: 5vh;
  display: flex;
}

footer {
  background-color: #181818;
  grid-template-columns: 1fr 1fr;
  width: 100vw;
  height: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: grid;
  position: relative;
}

footer h6 {
  text-transform: uppercase;
  margin-left: 13vw;
  font-size: 1.25vw;
  font-weight: normal;
}

.footerNavContainer {
  flex-direction: column;
  gap: 10vh;
  display: flex;
}

.footerNav {
  grid-gap: 1vh;
  grid-template-columns: 7.5vw 7.5vw;
  margin-left: 7.5vw;
  display: grid;
}

.footerNav a {
  color: #fff;
  font-size: 1vw;
  text-decoration: none;
  transition: all .2s;
}

.footerNav a:hover {
  color: var(--color-orchid-pink);
}

.footerSocial {
  flex-direction: row;
  gap: 4vw;
  font-size: 1vw;
  display: flex;
  position: absolute;
  bottom: 15%;
  left: 13vw;
}

.footerSocial a {
  color: var(--color-white);
}

.footerEnd {
  margin-left: 7.5vw;
  font-size: .95vw;
}

/*# sourceMappingURL=index.34df27b5.css.map */