@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqDx_qQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD5_rQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD0HrQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqDx_rQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqDy3rQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD8HsQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD_jsQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD5_sQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/geologica/v5/oY1o8evIr7j9P3TN9YwNAdyjzUyDKkKdAGOJh1UlCDUIhAIdhCZOn1fLsig7jfvCCPHZckU8H3G11_z-_OZqD7bsQ-M.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe06MI6eKpdGqlF5LANrM--qAeRhe6D4yip43qfcERwcvw.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe06MI6eKpdGqlF5LANrM--qAeRhe6D4yip43qfcIxwcvw.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe06MI6eKpdGqlF5LANrM--qAeRhe6D4yip43qfczxscvw.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe06MI6eKpdGqlF5LANrM--qAeRhe6D4yip43qfc9hscvw.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe08MI6eKpdGqlF5LANrM--ACNaeo8mTUIR_y2-f-V8.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe08MI6eKpdGqlF5LANrM--ACNaeo8mTUIR_y12f-V8.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe08MI6eKpdGqlF5LANrM--ACNaeo8mTUIR_y7GY-V8.ttf) format('truetype');
}
@font-face {
  font-family: 'Brygada 1918';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/brygada1918/v27/pe08MI6eKpdGqlF5LANrM--ACNaeo8mTUIR_y4iY-V8.ttf) format('truetype');
}
:root {
  interpolate-size: allow-keywords;
}
html {
  font-size: 16px;
}
a {
  text-decoration: none;
}
body {
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  background-color: #f7f1eb;
  color: #515151;
}
h1 {
  font-family: "Brygada 1918", serif;
  font-size: clamp(1.875rem, calc(-1.875rem + 10.4167vw), 3.125rem);
  font-weight: 700;
  font-style: italic;
  margin-block: 1rem;
  color: #293873;
}
h2 {
  font-size: clamp(1.125rem, calc(0.5444rem + 1.6129vw), 1.25rem);
  font-weight: 900;
  margin-block: 1.5rem;
  color: #c2aa91;
  text-transform: uppercase;
}
h3 {
  font-size: clamp(1.5625rem, calc(-0.3125rem + 5.2083vw), 2.1875rem);
  font-style: italic;
  font-weight: 900;
  font-family: "Brygada 1918", serif;
  margin-block: 1rem;
  color: #293873;
}
h4 {
  font-size: clamp(0.875rem, calc(0.125rem + 2.0833vw), 1.125rem);
  font-weight: 900;
  margin-block: 1.5rem;
  color: #c2aa91;
  text-transform: uppercase;
}
p {
  font-size: clamp(1rem, calc(0.4194rem + 1.6129vw), 1.125rem);
  line-height: 1.6;
}
.font1 {
  font-family: "Geologica", sans-serif;
}
.font2 {
  font-family: "Brygada 1918", serif;
}
.font2 p {
  font-family: inherit;
}
.f54 {
  font-size: 3.375rem;
}
.f50 {
  font-size: 3.125rem;
}
.f48 {
  font-size: clamp(1.875rem, calc(-1.5rem + 9.375vw), 3rem);
  line-height: 1.2;
}
.f30 {
  font-size: clamp(1.25rem, calc(-0.625rem + 5.2083vw), 1.875rem);
}
.f25 {
  font-size: clamp(1.125rem, calc(-0.1875rem + 3.6458vw), 1.5625rem);
}
.f20 {
  font-size: 1.25rem;
}
.f18 {
  font-size: 1.125rem;
}
.f16 {
  font-size: 1rem;
}
.f14 {
  font-size: 0.875rem;
}
.f12 {
  font-size: 0.75rem;
}
.w100 {
  font-weight: 100;
}
.w200 {
  font-weight: 200;
}
.w300 {
  font-weight: 300;
}
.w400 {
  font-weight: 400;
}
.w500 {
  font-weight: 500;
}
.w600 {
  font-weight: 600;
}
.w700 {
  font-weight: 700;
}
.w800 {
  font-weight: 800;
}
.w900 {
  font-weight: 900;
}
.clrWhite {
  color: white;
}
.clrWhite h1,
.clrWhite h2,
.clrWhite h3,
.clrWhite h4 {
  color: inherit !important;
}
.clrBlue {
  color: #293873;
}
.clrBlue h1,
.clrBlue h2,
.clrBlue h3,
.clrBlue h4 {
  color: inherit !important;
}
.clrBeige {
  color: #c2aa91;
}
.clrBeige h1,
.clrBeige h2,
.clrBeige h3,
.clrBeige h4 {
  color: inherit !important;
}
.clrBeigeLight {
  color: #eee4d9;
}
.clrBeigeLight h1,
.clrBeigeLight h2,
.clrBeigeLight h3,
.clrBeigeLight h4 {
  color: inherit !important;
}
.bgBeige {
  background-color: #c2aa91;
}
.bgBeigeLight {
  background-color: #eee4d9;
}
.clrBrown {
  color: #564b3f;
}
.space40 {
  height: 0.5rem;
}
.space60 {
  height: 3.75rem;
}
.linkStretched {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.linkStretched span {
  opacity: 0;
}
.moreLink {
  font-size: 1rem;
  font-weight: 900;
  color: #515151;
  text-transform: uppercase;
  margin-top: 2rem;
  display: inline-block;
  padding-inline: 0 5rem;
  padding-block: 0.8rem;
  position: relative;
  border-radius: 50rem;
  transition: all ease 0.2s;
  /*****/
}
.moreLink::before {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.1rem;
  aspect-ratio: 1;
  border: solid thin #515151;
  border-radius: 50%;
  margin-inline: auto;
  transition: all ease 0.2s;
}
.moreLink::after {
  content: '';
  position: absolute;
  right: 1.9rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2rem;
  height: 1rem;
  background: url('/Assets/images/arrowGray.svg') center center no-repeat;
  background-size: 100%;
  transition: all ease 0.2s;
}
.moreLink:hover {
  background-color: #c2aa91;
  padding-inline: 1rem 5rem;
  color: white;
}
.moreLink:hover::before {
  border: solid thin white;
}
.moreLink:hover::after {
  right: 1.5rem;
  filter: invert(1) brightness(100);
}
.moreLink.blue:hover {
  background-color: #293873;
}
.linkBtn {
  font-size: 1.125rem;
  color: #515151;
  border: solid 2px #c2aa91;
  border-radius: 4rem;
  padding: 1rem 2rem;
  transition: all linear 0.4s;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  width: fit-content;
  margin-inline: auto;
  /*margin-top: 2rem;*/
  display: block;
}
.linkBtn::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  background-color: #c2aa91;
  width: 0;
  transition: all linear 0.2s;
  z-index: -2;
}
.linkBtn:hover {
  color: white;
}
.linkBtn:hover::before {
  width: 100%;
}
.radius30 {
  border-radius: 1.875rem;
}
.radius88 {
  border-radius: 5.5rem;
}
.radius30Img img {
  border-radius: 1.875rem;
}
/*********************************************/
header {
  position: relative;
  padding: 1rem 2rem;
  margin-inline: auto;
  z-index: 11;
  top: 0;
  background-color: white;
  transition: all linear 0.1s;
  /*transition-behavior: allow-discrete;*/
  padding-inline: 5em;
}
header.homepage-menu {
  background-color: transparent;
  top: 1rem;
  max-width: 75rem;
  width: 95%;
  padding-inline: 1em;
}
header.homepage-menu nav .logo {
  max-width: 17rem;
}
header.homepage-menu nav .logo img {
  filter: invert(1) brightness(100);
}
header.homepage-menu nav ul li a {
  color: white;
}
header.homepage-menu nav ul li::before {
  background-color: white;
}
header.isScroll {
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: -1px 3px 8px -1px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 1rem;
  border-radius: 20rem;
  max-width: 81rem;
  width: 95%;
  padding-inline: 1em;
}
header.isScroll nav .logo {
  max-width: 13rem;
  width: 100%;
}
header.isScroll nav .logo img {
  filter: unset;
}
header.openmob {
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #eee4d9;
  transition: all ease-in 0.3s;
}
header.openmob nav .navList.open {
  /*background-color: @beige;*/
  background-image: linear-gradient(to right top, #eee4d9, #e6d9cb, #ddcebd, #d5c3af, #cdb8a2, #cab5a0, #c7b29d, #c4af9b, #c5b3a2, #c6b7aa, #c7bcb1, #c8c0b9);
  top: -1rem;
  position: fixed;
  place-content: center;
  inset: 0;
  display: block;
  z-index: 2;
  transition-behavior: allow-discrete;
}
header.openmob nav .navList.open ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: left;
  align-items: start;
  max-width: fit-content;
  margin-inline: auto;
  width: 100%;
}
header.openmob nav .navList.open ul li {
  font-size: 3.125rem !important;
  font-weight: 900 !important;
}
header.openmob nav .navList.open ul li a {
  color: white;
}
header.openmob nav .navList.open ul li::before {
  background-color: white;
}
header.openmob nav .navList.open .closeNav {
  width: 5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  transition: all linear 0.1s;
  flex-shrink: 0;
  margin-inline: auto;
  margin-bottom: 2rem;
  position: absolute;
  top: 1rem;
  left: 0;
  border-radius: 0 50% 50% 0;
}
header.openmob nav .navList.open .closeNav::before,
header.openmob nav .navList.open .closeNav::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.8);
}
header.openmob nav .navList.open .closeNav::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
header.openmob nav .navList.open .closeNav::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
header nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header nav .logo {
  max-width: 15rem;
  width: 100%;
  transition: all ease-out 0.2s;
}
header nav .logo img {
  /*filter: invert(1) brightness(100);*/
  transition: all ease-out 0.2s;
}
header nav ul {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  gap: 2rem;
  padding-inline: 0;
  margin-inline: 0;
  margin-bottom: 0;
}
header nav ul li {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 300;
  list-style: none;
  position: relative;
  /*border: solid thin red;*/
}
header nav ul li a {
  color: #515151;
  display: block;
  transition: all ease-out 0.2s;
}
header nav ul li:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 4px;
  background-color: #515151;
  border-radius: 50rem;
  bottom: 11px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all linear 0.1s;
}
header nav ul li:hover:before {
  opacity: 1;
  height: 2px;
  width: 100%;
}
@media (min-width: 992px) {
  header.isScroll nav ul li a {
    color: #515151;
    font-size: 0.875rem;
  }
  header.isScroll nav ul li::before {
    background-color: #515151;
    top: 47%;
  }
}
.menuIcon {
  border: solid thin rgba(255, 255, 255, 0.2);
  width: 3rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.4rem;
  cursor: pointer;
  transition: all linear 0.1s;
}
.menuIcon span {
  width: 30%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  transition: all linear 0.1s;
}
.menuIcon span:nth-child(2) {
  width: 45%;
}
.menuIcon:hover {
  border: solid thin rgba(255, 255, 255, 0.3);
}
.menuIcon:hover span {
  width: 45%;
}
/******************************************/
/***GSAP animations***/
.header {
  transform: translateY(-5rem);
  opacity: 0;
}
.animHeaderTitle {
  transform: translateY(5rem);
  opacity: 0;
}
.animHeaderSub {
  transform: translateY(5rem);
  opacity: 0;
}
.animHeaderIcon {
  transform: translateY(5rem);
  opacity: 0;
}
.animH1 {
  transform: translateY(2rem);
  opacity: 0;
  transition: all linear 0.4s;
}
.animH1.active {
  opacity: 1;
  transform: translateY(0);
}
.animH2 {
  transform: translateY(2rem);
  opacity: 0;
  transition: all linear 0.4s 0.4s;
}
.animH2.active {
  opacity: 1;
  transform: translateY(0);
}
.animContent_general {
  transform: translateY(2rem);
  opacity: 0;
  transition: all linear 0.4s 0.7s;
}
.animContent_general.active {
  opacity: 1;
  transform: translateY(0);
}
.animContent_about1 {
  transform: translateY(3rem);
  opacity: 0;
  transition: all linear 0.7s 0.4s;
}
.animContent_about1.active {
  opacity: 1;
  transform: translateY(0);
}
.animContent_about2 {
  transform: translateY(3rem);
  opacity: 0;
  transition: all linear 0.7s 1.1s;
}
.animContent_about2.active {
  opacity: 1;
  transform: translateY(0);
}
/*********************/
.homeHero_banner {
  margin-block: -13rem 6rem;
  z-index: 1;
  height: calc(100vh + 8rem);
  overflow: hidden;
  background-color: black;
  /*    border-bottom-left-radius: @radius88;
    border-bottom-right-radius: @radius88;*/
  position: relative;
  /*display: flex;
    align-items: center;
    flex-wrap: wrap;*/
  place-content: center;
  color: white;
}
.homeHero_banner video {
  position: absolute;
  inset: 0;
  opacity: 0.6;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.homeHero_banner .desc {
  text-align: center;
  margin-inline: auto;
  max-width: 50rem;
  width: 90%;
}
.homeHero_banner h1 {
  color: white;
}
.scrollDown {
  margin-top: 1rem;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.3rem;
}
.scrollDown svg {
  fill: white;
  width: 2.3rem;
  transform: rotate(90deg);
  position: relative;
  top: 1.5rem;
  animation: scrollDown ease infinite 0.8s;
  /*transition:all linear 0.1s;*/
}
.scrollDown div {
  width: 2.3rem;
  aspect-ratio: 1;
  border: solid thin white;
  border-radius: 50%;
  margin-inline: auto;
}
.homeAboutUs-wrapper {
  background: url('/Assets/images/cactus.png') right top no-repeat;
  background-size: auto;
}
.homeAboutUs {
  display: grid;
  gap: 3rem;
  grid-template-columns: 2fr 1fr;
}
.homeAboutUs > div:first-child {
  display: flex;
  gap: 1rem;
  align-items: start;
}
@keyframes scrollDown {
  0%,
  100% {
    top: 1.5rem;
  }
  50% {
    top: 1rem;
  }
}
.homeAccommodation_title {
  position: relative;
  isolation: isolate;
}
.homeAccommodation_title::before {
  content: '&';
  font-family: "Brygada 1918", serif;
  font-size: 1200%;
  font-style: italic;
  font-weight: 700;
  color: white;
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.generalCarouselnav {
  position: relative;
}
.generalCarouselnav .owl-dots {
  width: fit-content;
  padding: 0.8rem 2.3rem;
  margin-inline: auto;
  border-radius: 2rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  height: 25px;
}
.generalCarouselnav .owl-dots .owl-dot:not(.active) span {
  width: 10px;
}
.generalCarouselnav .owl-dots .owl-dot.active span {
  height: 20px;
  transition: all ease-in-out 0.5s;
}
.generalCarouselnav .owl-dots .owl-dot span {
  background-color: #564b3f !important;
  margin: 0;
}
.generalCarouselnav .owl-nav button {
  width: 8rem;
  aspect-ratio: 1;
  background-color: white !important;
  border-radius: 20rem !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 32% !important;
  position: absolute;
  top: 45%;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  opacity: 0.9;
  transition: all ease 0.2s;
}
.generalCarouselnav .owl-nav button span {
  display: none;
}
.generalCarouselnav .owl-nav button:hover {
  background-color: #c2aa91 !important;
  opacity: 1;
}
.generalCarouselnav .owl-nav .owl-prev {
  background-image: url('/Assets/images/arrowBlack.svg') !important;
  transform: translate(-50%, -50%) rotate(180deg);
  left: calc(50% - 18rem);
}
.generalCarouselnav .owl-nav .owl-next {
  background-image: url('/Assets/images/arrowBlack.svg') !important;
  transform: translate(-50%, -50%);
  right: calc(50% - 26rem);
}
.homeAccommodationCarousel {
  margin-top: 3rem;
}
.homeAccommodationCarousel .owl-stage {
  display: flex;
}
.homeAccommodationCarousel .owl-item {
  transition: all linear 0.4s;
}
.homeAccommodationCarousel .owl-item:not(.center) {
  opacity: 0.8;
  filter: blur(1px);
}
.homeAccommodationCarousel .item {
  border-radius: 1.875rem;
  height: 100%;
  width: 25rem;
  transition: all ease-in-out 0.2s;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.8rem;
}
.homeAccommodationCarousel .item:hover .poster img {
  opacity: 0.8;
}
.homeAccommodationCarousel .item:hover .desc h3 {
  background-color: #c2aa91;
  color: white;
}
.homeAccommodationCarousel .item:hover .desc > div {
  transform: rotate(0);
}
.homeAccommodationCarousel .capacity {
  gap: 0.3rem 1rem;
  align-items: center;
  color: #293873;
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em 1em;
  border-radius: 1rem;
  z-index: 2;
  width: fit-content;
  box-shadow: -3px 3px 0 8px #f7f1eb;
}
.homeAccommodationCarousel .capacity::before {
  content: '';
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: transparent;
  border-top-right-radius: 50%;
  left: -41.2px;
  top: 0px;
  box-shadow: 6px -6px 0 5px #f7f1eb;
}
.homeAccommodationCarousel .capacity::after {
  content: '';
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: transparent;
  border-top-right-radius: 50%;
  right: 0;
  bottom: -41px;
  box-shadow: 6px -6px 0 5px #f7f1eb;
}
.homeAccommodationCarousel .capacity > div {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.homeAccommodationCarousel .capacity > div svg {
  width: 25px;
  aspect-ratio: 1;
  fill: #293873;
  flex-shrink: 0;
  zoom: 0.7;
}
.homeAccommodationCarousel .capacity > div span {
  display: block;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 300;
  color: inherit;
}
.homeAccommodationCarousel .poster {
  width: 100%;
  overflow: hidden;
  display: block;
  background-color: black;
  transition: all linear 0.3s;
  border-radius: 1.875rem;
}
.homeAccommodationCarousel .poster img {
  transition: all linear 0.3s;
  object-fit: cover;
  object-position: center;
}
.homeAccommodationCarousel .desc {
  width: 100%;
  bottom: 1.8em;
  z-index: 2;
  transition: 0.1s;
  display: flex;
  gap: 0.8rem;
}
.homeAccommodationCarousel .desc > div {
  flex-shrink: 0;
  height: 100%;
  aspect-ratio: 1;
  background-color: white;
  border-radius: 50%;
  display: block;
  place-content: center;
  text-align: center;
  transform: rotate(-45deg);
  transition: 0.2s;
}
.homeAccommodationCarousel .desc > div img {
  width: 2rem;
  margin-inline: auto;
  transition: 0.2s;
  filter: invert(20%) sepia(12%) saturate(5786%) hue-rotate(202deg) brightness(94%) contrast(91%);
}
.homeAccommodationCarousel h3 {
  margin-block: 0;
  padding-right: 2rem;
  color: #293873;
  font-size: clamp(1.125rem, calc(-0.1875rem + 3.6458vw), 1.5625rem);
  font-style: normal;
  transition: 0.1s;
  position: relative;
  background-color: white;
  border-radius: 1.875rem;
  padding-inline: 1em;
  padding-block: 1rem;
  display: block;
  width: 100%;
  transition: 0.2s;
}
.homeAccommodationCarousel h3 a {
  color: inherit;
}
.homeAccommodationCarousel.grid {
  width: 100% !important;
  display: grid;
  gap: 3rem 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.homeAccommodationCarousel.grid .item {
  width: auto;
}
.homeAccommodationCarousel.grid .capacity {
  flex-wrap: wrap;
  flex-direction: row;
}
.homeAccommodationCarousel.grid .poster {
  height: 34rem;
}
.homeAccommodationCarousel.grid .poster img {
  width: 100%;
  height: 100%;
}
.homeAmenities {
  background-color: #564b3f;
  padding: 1rem;
  margin-block: 5rem;
  display: flex;
  justify-content: center;
}
.homeAmenitiesCarousel {
  width: fit-content;
}
.homeAmenitiesCarousel .item {
  padding: 1rem;
  color: white;
  font-weight: 300;
  font-size: 1.25rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: fit-content;
  justify-content: center;
}
.homeAmenitiesCarousel .item svg {
  zoom: 1.15;
  width: 1.54rem;
  aspect-ratio: 1;
  fill: white;
  position: relative;
  top: -2px;
}
.homeActivities {
  background-color: #eee4d9;
  padding-block: 8rem;
  border-radius: 5.5rem;
  position: relative;
  isolation: isolate;
  margin-bottom: 8rem;
}
.homeActivities::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/Assets/images/ornament.png') left bottom no-repeat;
  background-size: auto;
  opacity: 0.1;
  z-index: -1;
  border-radius: 5.5rem;
}
.homeActivities h1 {
  margin-bottom: 0;
}
.homeActivities .grid {
  display: grid;
  gap: 2.9rem 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.homeActivities .grid > div:first-child {
  grid-column: span 2;
  align-self: center;
  text-wrap: balance;
}
.homeActivities .grid .rounded-circle {
  /* padding: 1rem;
            outline: dashed thin @gray;
            max-width: 70%;*/
}
.homeActivities .grid .roundImg_border {
  position: relative;
  /*  span{
               width:2rem;
               height:2rem;
               position:absolute;
               inset:0;
               margin: auto;
               background-color:@brown;
              display:block;
              border-radius:50%;
              animation:circleAnim 5s linear infinite;
           }*/
}
.homeActivities .grid > div.activities {
  border-radius: 1.875rem;
  padding: 1.8rem;
  background-color: wheat;
  aspect-ratio: 4/3;
  background-color: black;
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: start;
  align-items: end;
  transition: all ease-in 0.15s;
  align-self: end;
}
.homeActivities .grid > div.activities::before {
  position: absolute;
  top: -5.5rem;
  left: 2rem;
  font-family: "Brygada 1918", serif;
  font-size: 7.3125rem;
  font-weight: 700;
  color: white;
  transition: all ease-in 0.15s;
}
.homeActivities .grid > div.activities:hover::before {
  top: -1rem;
}
.homeActivities .grid > div.activities:hover .title {
  transform: translateX(15px);
}
.homeActivities .grid > div.activities .poster {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 1.875rem;
}
.homeActivities .grid > div.activities img,
.homeActivities .grid > div.activities video {
  transition: all linear 0.15s;
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4/3;
  opacity: 0.7;
  z-index: -1;
}
.homeActivities .grid > div.activities video {
  top: -1px;
  height: 100%;
}
.homeActivities .grid > div.activities .title {
  text-transform: uppercase;
  font-weight: 100;
  font-family: "Geologica", sans-serif;
  font-size: clamp(1.25rem, calc(0.0267rem + 3.3981vw), 3rem);
  line-height: 1;
  position: relative;
  z-index: 1;
  color: white;
  transition: transform linear 0.15s;
}
.homeActivities .grid > div:nth-child(2)::before {
  content: '1';
}
.homeActivities .grid > div:nth-child(3)::before {
  content: '2';
}
.homeActivities .grid > div:nth-child(4)::before {
  content: '3';
}
.homeActivities .grid > div:nth-child(8)::before {
  content: '4';
}
.roundImg_border {
  position: relative;
  max-width: 70%;
  margin-inline: auto;
  align-self: center;
  /* &::before {
        content: '';
        position: absolute;
        height: 105%;
        aspect-ratio: 1;
        border: dashed thin @beige;
        border-radius: 50%;
        padding: 1rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        animation: staticImg infinite linear .2s;
    }*/
}
.commentsCarousel-wrap {
  position: relative;
  isolation: isolate;
  /*overflow: hidden;*/
  padding-bottom: 1.4rem;
  margin-top: 9rem;
}
.commentsCarousel-wrap .spinCircle {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 42rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: dashed thin #c2aa91;
  transform: translateX(-50%) rotate(0);
  z-index: -1;
  animation: spin linear infinite 38s;
}
.commentsCarousel-wrap .spinCircle span {
  height: 1rem;
  width: 1rem;
  position: absolute;
  inset: 0;
  margin: auto;
  background-color: #564b3f;
  display: block;
  border-radius: 50%;
  animation: circleAnim 8s linear infinite;
}
@keyframes circleAnim {
  0% {
    transform: rotate(0deg) translateX(-21rem) rotate(0deg);
  }
  100% {
    transform: rotate(-360deg) translateX(-21rem) rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: translateX(-50%) rotate(0);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
.commentsCarousel {
  margin-block: 3rem 9rem;
}
.commentsCarousel .owl-item {
  padding-bottom: 1.4rem;
  height: 21rem;
}
.commentsCarousel .owl-item.center .item {
  background-color: #c2aa91;
  color: white;
}
.commentsCarousel .item {
  border-radius: 1.875rem;
  padding: 3em;
  background-color: #eee4d9;
  width: 35rem;
  color: #293873;
  position: relative;
  height: 100%;
  transition: all ease-in-out 0.25s;
}
.commentsCarousel .item::before {
  content: '';
  position: absolute;
  bottom: -2.2rem;
  right: 3rem;
  width: 5rem;
  aspect-ratio: 1;
  background: url('/Assets/images/quote.svg') center center no-repeat;
  background-size: 100%;
  filter: invert(1);
}
.commentsCarousel p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.commentsCarousel .commentHead {
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-between;
  align-items: start;
}
.commentsCarousel .commentHead .f16 {
  text-transform: uppercase;
}
.commentsCarousel .rating {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.9rem;
}
.commentsCarousel .rating img {
  width: 1.2rem;
}
.commentsCarousel .rating.star1 img:nth-last-of-type(-n+4) {
  opacity: 0.09;
  filter: invert(1);
}
.commentsCarousel .rating.star2 img:nth-last-of-type(-n+3) {
  opacity: 0.09;
  filter: invert(1);
}
.commentsCarousel .rating.star3 img:nth-last-of-type(-n+2) {
  opacity: 0.09;
  filter: invert(1);
}
.commentsCarousel .rating.star4 img:last-of-type {
  opacity: 0.09;
  filter: invert(1);
}
.commentsCarousel .owl-nav button {
  width: 6rem;
  aspect-ratio: 1;
  background-color: white !important;
  border-radius: 20rem !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 32% !important;
  position: absolute;
  top: 45%;
  transition: all ease 0.2s;
}
.commentsCarousel .owl-nav button span {
  display: none;
}
.commentsCarousel .owl-nav button:hover {
  background-color: #c2aa91 !important;
  opacity: 1;
}
.commentsCarousel .owl-nav .owl-prev {
  background-image: url('/Assets/images/arrowBlack.svg') !important;
  transform: translate(-50%, -50%) rotate(180deg);
  left: calc(50% - 35rem/2 - 5.4rem);
}
.commentsCarousel .owl-nav .owl-next {
  background-image: url('/Assets/images/arrowBlack.svg') !important;
  transform: translate(-50%, -50%);
  left: calc(50% + 35rem/2 + 5rem);
}
.homeSigntseeing {
  display: flex;
  gap: 1rem;
  margin-top: 5rem;
  height: 48rem;
}
.homeSigntseeing .item {
  width: calc(20% - 1rem);
  padding: 2rem;
  height: 45rem;
  background-color: black;
  border-radius: 1.875rem;
  transition: all linear 0.3s;
  position: relative;
  overflow: hidden;
}
.homeSigntseeing .item .poster {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.75;
}
.homeSigntseeing .item .poster::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 0;
  transition: all linear 0.3s;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 120%);
}
.homeSigntseeing .item .poster img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.homeSigntseeing .item h1 {
  font-family: "Brygada 1918", serif;
  font-style: normal;
  color: white;
  position: relative;
  z-index: 2;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  width: 100%;
  position: absolute;
  left: 1.8rem;
  bottom: -2.5rem;
  white-space: nowrap;
}
.homeSigntseeing .item:hover {
  width: 100%;
}
.homeSigntseeing .item:hover:nth-child(even) {
  /*margin-top: 0;*/
}
.homeSigntseeing .item:hover .poster::after {
  height: 100%;
}
.homeSigntseeing .item:nth-child(even) {
  margin-top: 3rem;
  /*transition: width linear .3s ;*/
}
.homeSigntseeingCarousel {
  margin-top: 2rem;
}
.homeSigntseeingCarousel .item {
  background-color: black;
  width: 60vw;
  aspect-ratio: 2/3;
  border-radius: 1.875rem;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  place-content: center;
  text-align: center;
  padding-inline: 1rem;
}
.homeSigntseeingCarousel .item .poster {
  position: absolute;
  inset: 0;
  opacity: 0.7;
}
.homeSigntseeingCarousel .item .poster img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.homeSigntseeingCarousel .item h1 {
  position: relative;
  z-index: 1;
  color: white;
}
.homeSigntseeingCarousel .owl-stage-outer {
  padding-left: 1rem;
}
.footerContact {
  margin-top: 10rem;
  border: dashed 1px #c2aa91;
  padding: 0 2rem 3rem 2rem;
  max-width: 55rem;
  width: 100%;
  text-align: center;
  border-radius: 1.875rem;
  margin-inline: auto;
}
.footerContact img {
  width: 10rem;
  margin-block: -5rem 1.5rem;
}
.footerContact .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 2rem;
}
.footerContact .grid > div:first-child {
  border-right: solid thin #293873;
}
.footerContact .grid > div {
  padding-inline: 1rem;
}
.backTop {
  background-color: #c2aa91;
  width: 3rem;
  aspect-ratio: 1;
  position: fixed;
  right: 2rem;
  bottom: 5rem;
  border-radius: 1rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.backTop img {
  filter: invert(1);
  transform: rotate(-90deg);
  transition: all linear 0.1s;
}
.backTop:hover img {
  transform: translateY(-4px) rotate(-90deg);
}
footer {
  background: url('/Assets/images/footerBg.jpg') center bottom no-repeat;
  background-size: auto;
  height: 43rem;
  display: flex;
  align-items: end;
  color: #f7f1eb;
  font-weight: 100;
  padding-bottom: 3rem;
  margin-top: 8rem;
}
footer a {
  color: inherit;
}
footer .inner {
  max-width: 20rem;
}
footer img {
  filter: invert(1) brightness(100) contrast(100%);
  max-width: 18rem;
  width: 100%;
  margin-bottom: 2rem;
}
footer .author {
  transition: all linear 0.2s;
}
footer .author:hover {
  opacity: 0.4;
}
.breadcrumb {
  margin-top: 2rem;
}
.breadcrumb li {
  text-transform: uppercase;
  color: #515151;
  font-weight: 300;
  font-size: 0.875rem;
}
.breadcrumb li.active {
  opacity: 0.6;
}
.breadcrumb li a {
  color: inherit;
}
.heroBanner {
  border-radius: 5.5rem;
  height: 22rem;
  margin-block: 1rem 5rem;
  color: white;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 2rem;
  display: flex;
  align-items: end;
  justify-content: center;
  text-align: center;
}
.heroBanner h1 {
  color: inherit;
  margin-bottom: 0.5rem;
}
.heroBanner h2 {
  width: fit-content;
  background-color: white;
  border-radius: 4rem;
  padding: 0.4rem 2.8rem;
  color: #515151;
  font-weight: 200;
  margin-inline: auto;
}
.heroBanner .poster {
  position: absolute;
  background-color: black;
  inset: 0;
  z-index: -1;
  background-position: center top;
  background-size: auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: blur(2px);
}
.heroBanner .poster img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  opacity: 0.8;
}
.heroBanner.fullwidth {
  border-radius: 0;
  height: 20rem;
}
.heroBanner.fullwidth .poster {
  filter: grayscale(50%) blur(0);
}
.aboutDesc {
  padding-block: 5rem 6rem;
  isolation: isolate;
}
.aboutDesc .cactus {
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 30rem;
  width: 100%;
}
.aboutDesc .grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aboutDesc .grid > div:first-child {
  grid-column: span 3;
  padding-right: 15%;
}
.aboutDesc .grid .radius30 {
  position: relative;
  overflow: hidden;
  background-color: white;
  padding: 2rem;
  display: flex;
  align-items: center;
}
.aboutDesc .grid .radius30:before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/Assets/images/ornament.png') left bottom no-repeat;
  background-size: 100%;
  opacity: 0.1;
}
.aboutDesc .roundImg_border {
  max-width: 90%;
}
.amenities-wrap {
  background-color: white;
  padding: 3rem;
  border-radius: 1.875rem;
  /*color: white;*/
  position: sticky;
  top: 8rem;
}
.amenities-wrap ul {
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.amenities-wrap ul li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: solid thin rgba(0, 0, 0, 0.5);
  padding-block: 1rem;
  font-size: 1rem;
}
.amenities-wrap ul li span {
  display: block;
}
.amenities-wrap ul li span:first-child {
  width: 2rem;
}
.amenities-wrap ul li svg {
  fill: #515151;
  height: 25px;
}
.amenities-wrap ul li:last-child,
.amenities-wrap ul li:nth-last-child(2) {
  border-bottom: none;
}
.rooms-gallery {
  display: grid;
  gap: 1.4rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rooms-gallery a {
  display: block;
}
.rooms-gallery a img {
  border-radius: 1.875rem;
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.rooms-gallery a:first-child {
  grid-column: span 3;
}
.rooms-gallery a:nth-child(2) {
  grid-column: span 2;
}
.rooms-gallery a:nth-child(5) {
  grid-column: span 2;
}
.pricing_table {
  margin-block: 3rem;
}
.pricing_table > div {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 1em;
  font-size: 1.125rem;
  align-items: center;
}
.pricing_table > div span {
  display: block;
  font-size: 0.875rem;
}
.pricing_table > div:first-child {
  font-weight: 600;
  text-transform: uppercase;
}
.pricing_table > div:not(:last-child) {
  border-bottom: solid thin #c2aa91;
}
/*
.rooms-carousel {
    border-radius: @radius30;
    overflow: hidden;
}

.rooms-thumb-carousel {
    margin-top: 1rem;

    .item {
        aspect-ratio: 1;
        border-radius: @radius30;
        overflow: hidden;
        cursor: pointer;

        img {
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }
    }

    .item:not(.current) {
        opacity: .6;
    }
}*/
.windsurf-section {
  display: flex;
  border-radius: 5.5rem;
  background-color: #564b3f;
  margin-block: 7rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}
.windsurf-section > div:first-child {
  color: white;
  padding: 10% 6rem;
}
.windsurf-section > div:last-child {
  color: white;
  padding: 4rem;
  background: url('/Assets/images/windsurf.jpg') center center no-repeat;
  background-size: cover;
}
.activities_icons svg {
  height: 26px;
  aspect-ratio: 1;
  zoom: 1.4;
  fill: #c2aa91;
}
.activities_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
}
.activities_container {
  display: grid;
  align-items: center;
}
.activities_container img {
  max-width: 100%;
  width: 100%;
}
.activities_container .desc-wrap {
  position: relative;
  z-index: 1;
}
.activities_container .desc-wrap .desc {
  background-color: white;
  border-radius: 1.875rem;
  padding: 3rem;
  position: relative;
}
.activities_container .desc-wrap .desc::before {
  content: '';
  position: absolute;
  inset: 1rem;
  border: solid thin #eee4d9;
  border-radius: calc(1.875rem - 1rem);
}
.activities_container .desc-wrap .info {
  background-color: white;
  border-radius: 20rem;
  padding: 0.5em 1.8em;
  margin-top: 1rem;
  color: #515151;
  text-align: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: fit-content;
  margin-inline: auto;
  font-size: 0.875rem;
}
.activities_container .desc-wrap .info svg {
  width: 24px;
  aspect-ratio: 1;
  fill: #515151;
  margin-bottom: 0.2rem;
}
.activities_container h2 {
  font-size: 1.125rem;
}
.activities_container:nth-child(odd) {
  grid-template-columns: 2fr 1.3fr;
}
.activities_container:nth-child(odd) .desc-wrap {
  margin-left: -3rem;
}
.activities_container:nth-child(even) {
  grid-template-columns: 1.3fr 2fr;
}
.activities_container:nth-child(even) .desc-wrap {
  margin-right: -3rem;
  order: 1;
}
.activities_container:nth-child(even) .poster {
  order: 2;
}
.beaches_grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  /*align-items:center;*/
}
.beaches_grid > div img {
  border-radius: 1.875rem;
}
.beaches_grid > div:first-child img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.beaches_grid > div:nth-child(2) {
  grid-row: span 2;
}
.beaches_grid > div:nth-child(2) img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.beaches_grid > div:nth-child(3) {
  padding: 2rem;
  grid-row: span 2;
}
.beaches_grid > div:nth-child(4) {
  /*background-color: @brown;*/
  border-radius: 1.875rem;
  padding: 2rem;
  place-content: center;
  color: #293873;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.beaches_grid > div:nth-child(4)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/Assets/images/ornament.png') left bottom no-repeat;
  background-size: 80%;
  z-index: -1;
  opacity: 0.05;
}
.beaches_desc_wrap {
  display: flex;
  gap: 6rem;
  flex-direction: column;
}
.beaches_desc {
  display: grid;
  gap: 3rem;
  grid-template-columns: 1.3fr 2fr;
  align-items: center;
}
.beaches_desc img {
  border-radius: 1.875rem;
}
.beaches_desc .info {
  border-radius: 1.875rem;
  margin-top: 2rem;
  transition: all linear 0.4s 0.4s !important;
}
.beaches_desc .info ul {
  padding: 0;
  display: grid;
  gap: 0.4em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.beaches_desc .info ul li {
  border-radius: 5.5rem;
  background-color: white;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
}
.beaches_desc .info ul li span {
  display: block;
}
.beaches_desc .info ul li span:first-child {
  background-color: #c2aa91;
  border-radius: 30rem;
  height: 3rem;
  aspect-ratio: 1;
  text-align: center;
  place-content: center;
}
.beaches_desc .info ul li span:first-child svg {
  width: 25px;
  aspect-ratio: 1;
  fill: white;
}
.beaches_desc .info .pin {
  display: flex;
  font-size: 1.125rem;
  align-items: center;
  gap: 1rem;
  color: #515151;
  border: solid thin #c2aa91;
  border-radius: 4rem;
  padding: 1rem 2rem;
  justify-content: center;
  transition: all linear 0.4s;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.beaches_desc .info .pin::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  background-color: #c2aa91;
  width: 0;
  transition: all linear 0.4s;
  z-index: -2;
}
.beaches_desc .info .pin span {
  display: block;
}
.beaches_desc .info .pin svg {
  width: 25px;
  aspect-ratio: 1;
  fill: #515151;
  position: relative;
  top: -3px;
  transition: all linear 0.1s;
}
.beaches_desc .info .pin:hover {
  color: white;
  /*background-color: @beige;*/
}
.beaches_desc .info .pin:hover::before {
  width: 100%;
}
.beaches_desc .info .pin:hover svg {
  fill: white;
}
.beaches_desc:nth-child(even) {
  grid-template-columns: 2fr 1.3fr;
}
.beaches_desc:nth-child(even) .poster {
  order: 1;
}
.beaches_desc:nth-child(even) .desc {
  order: 2;
}
.fullwidth_beach {
  background: url('/Assets/images/vai-1.jpg') center center no-repeat fixed;
  background-size: auto;
  padding-block: 6rem;
}
.fullwidth_beach .beaches_desc {
  display: block;
  max-width: 35rem;
  width: 100%;
}
.fullwidth_beach .beaches_desc .desc {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 1.875rem;
  padding: 2rem 3rem;
}
.contactInfo {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  max-width: 30rem;
  width: 100%;
  margin-inline: auto;
  margin-block: 3rem;
}
.contactInfo > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 1.125rem;
}
.contactInfo > div a {
  color: #515151;
}
.contactInfo > div > div:first-child svg {
  width: 25px;
  aspect-ratio: 1;
}
/***1300px***/
@media (max-width: 81.25rem) {
  .homeSigntseeing {
    height: 38.5rem;
  }
  .homeSigntseeing .item {
    height: 35rem;
  }
  .homeSigntseeing .item h1 {
    font-size: clamp(1.25rem, calc(-0.625rem + 5.2083vw), 1.875rem);
    left: 1.4rem;
    bottom: -1rem;
  }
  .windsurf-section > div:first-child {
    padding: 10% 4rem;
  }
}
/***1200px***/
@media (max-width: 75rem) {
  header nav .logo {
    max-width: 14rem;
  }
  header nav ul {
    gap: 1.5rem;
  }
  .homeAmenities {
    overflow-x: hidden;
  }
  .homeAmenitiesCarousel {
    width: 100%;
    margin-inline: 0;
  }
  .homeAmenitiesCarousel .item {
    width: fit-content;
  }
  .homeAccommodationCarousel.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .beaches_desc {
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/*1200-768*/
@media (max-width: 75rem) and (min-width: 48rem) {
  .amenities-wrap ul {
    grid-template-columns: 1fr;
  }
  .amenities-wrap ul li:nth-last-child(2) {
    border-bottom: solid thin rgba(0, 0, 0, 0.5);
  }
}
/***1150px***/
@media (max-width: 71.875rem) {
  .homeActivities .grid {
    gap: 3.4rem 1.5rem;
  }
  .homeActivities .grid > div:first-child {
    grid-column: span 3;
    order: 1;
  }
  .homeActivities .grid > div:nth-child(2) {
    order: 2;
  }
  .homeActivities .grid > div:nth-child(3) {
    order: 3;
  }
  .homeActivities .grid > div:nth-child(4) {
    order: 5;
  }
  .homeActivities .grid > div:nth-child(5) {
    order: 4;
  }
  .homeActivities .grid > div:nth-child(6) {
    order: 8;
  }
  .homeActivities .grid > div:nth-child(7) {
    order: 6;
  }
  .homeActivities .grid > div:nth-child(8) {
    order: 7;
  }
}
/***992px***/
@media (max-width: 62rem) {
  header nav .navList {
    display: none;
  }
  /* header {
        nav {
            .backdrop {
                position: fixed;
                inset: 0;
                background-color: rgba(0,0,0,.8);
                height: 100%;
                width: 100%;
                transition: all .5s ease-out;
                z-index: 1;

                &.active {
                    width: 100%;
                }
            }

            .navList {
                display: block;
                position: fixed;
                background: @beige;
                inset: 0 auto 0 0;
                z-index: 15;
                width: 20rem;
                gap: 1rem;
                padding-block: 2rem;
                padding-inline: 1rem;
                border-bottom-right-radius: @radius88;
                opacity: 1;
                transition: all .5s ease-out;
                isolation: isolate;

                &.open {
                    display: block;
                    left: 0;
                    opacity: 1;
                }



                & > div {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .closeNav {
                    width: 3rem;
                    aspect-ratio: 1;
                    border-radius: 50%;
                    background-color: rgba(0,0,0,.25);
                    position: relative;
                    cursor: pointer;
                    transition: all linear .1s;
                    flex-shrink: 0;

                    &::before, &::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 35%;
                        height: 2px;
                        background-color: rgba(255,255,255,.8);
                    }

                    &::before {
                        transform: translate(-50%,-50%) rotate(-45deg);
                    }

                    &::after {
                        transform: translate(-50%,-50%) rotate(45deg);
                    }
                }

                .logo {
                    max-width: 70%;
                    width: 100%;

                    img {
                        filter: invert(1) brightness(100);
                    }
                }

                ul {
                    display: block;
                    margin-top: 2rem;

                    li {
                        a {
                            padding: 1rem 0;
                            display: block;
                        }

                        &::before {
                            content: unset;
                        }



                        &:not(:last-child) {
                            border-bottom: solid thin @beigeLight;
                        }
                    }
                }
            }
        }
    }*/
  /***************/
  .homeAboutUs-wrapper {
    background-size: 50%;
    background-position: right 10%;
  }
  .homeAboutUs {
    grid-template-columns: 2fr 1.6fr;
  }
  .homeAboutUs > div:first-child {
    justify-content: center;
  }
  .homeAccommodationCarousel .item {
    width: 25rem;
  }
  .homeActivities::before {
    background-size: 60%;
  }
  .homeActivities .grid {
    gap: 3.4rem 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .homeActivities .grid > div:first-child {
    grid-column: span 2;
    order: 1;
  }
  .homeActivities .grid > div:nth-child(2) {
    order: 2;
  }
  .homeActivities .grid > div:nth-child(3) {
    order: 4;
  }
  .homeActivities .grid > div:nth-child(4) {
    order: 5;
  }
  .homeActivities .grid > div:nth-child(5) {
    order: 2;
  }
  .homeActivities .grid > div:nth-child(6) {
    order: 8;
  }
  .homeActivities .grid > div:nth-child(7) {
    order: 6;
  }
  .homeActivities .grid > div:nth-child(8) {
    order: 7;
  }
  .commentsCarousel .item {
    width: 28rem;
  }
  .commentsCarousel .owl-nav button {
    width: 5rem;
  }
  .commentsCarousel .owl-nav .owl-prev {
    left: calc(50% - 28rem/2 - 4.8rem);
  }
  .commentsCarousel .owl-nav .owl-next {
    left: calc(50% + 28rem/2 + 4.2rem);
  }
  .homeSigntseeing {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
  }
  .homeSigntseeing .item {
    height: 27vw;
    min-height: 11.25rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 0 !important;
  }
  .homeSigntseeing .item .poster {
    width: 100%;
    height: 100%;
    inset: auto 0 0 0;
  }
  .homeSigntseeing .item .poster img {
    object-fit: cover;
    object-position: bottom left;
    width: 100%;
    max-width: 100%;
  }
  .homeSigntseeing .item h1 {
    font-size: clamp(1.25rem, calc(-0.625rem + 5.2083vw), 1.875rem);
    position: relative;
    inset: 0;
    transform: unset;
    padding: 2rem;
    margin: 0;
    text-align: center;
  }
  footer {
    background: url('/Assets/images/footerBg.jpg') center bottom no-repeat;
    background-size: cover;
    height: 35rem;
  }
  .aboutDesc .grid {
    gap: 2rem 1rem;
  }
  .aboutDesc .grid > div:first-child {
    grid-column: span 2;
    padding-right: 0;
    order: 1;
  }
  .aboutDesc .grid .roundImg_border {
    order: 2;
    align-items: center;
  }
  .aboutDesc .grid .radius30Img {
    order: 3;
  }
  .aboutDesc .grid .radius30 {
    order: 4;
    grid-column: span 2;
  }
  .aboutDesc .cactus {
    max-width: 43%;
  }
  .windsurf-section {
    grid-template-columns: 1fr;
  }
  .windsurf-section > div:first-child {
    padding: 10% 4rem;
    order: 2;
  }
  .windsurf-section > div:last-child {
    height: 50vw;
    min-height: 20rem;
    background-size: 100%;
  }
  .activities_container {
    grid-template-columns: 1fr !important;
  }
  .activities_container .desc-wrap {
    margin-inline: auto !important;
  }
  .activities_container .desc {
    max-width: 90%;
    width: 100%;
    margin-top: -6rem;
    margin-inline: auto;
  }
  .activities_container:nth-child(even) .poster {
    order: 1;
  }
  .activities_container:nth-child(even) .desc {
    order: 2;
  }
  .beaches_desc {
    gap: 1rem;
    grid-template-columns: 1fr !important;
    max-width: 48rem;
    width: 100%;
    margin-inline: auto;
  }
  .beaches_desc .poster {
    order: 1;
  }
  .beaches_desc .desc {
    order: 2;
  }
  .beaches_desc .info,
  .beaches_desc .pin {
    max-width: 36rem;
    width: 100%;
  }
}
/***860px***/
@media (max-width: 53.75rem) {
  .beaches_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .beaches_grid > div:nth-child(1) {
    grid-column: span 2;
    order: 3;
  }
  .beaches_grid > div:nth-child(2) {
    grid-row: unset;
    order: 2;
  }
  .beaches_grid > div:nth-child(4) {
    order: 6;
    padding: 0 1rem;
  }
  .beaches_grid > div:nth-child(4)::before {
    content: unset;
  }
  .beaches_grid > div:nth-child(3) {
    grid-row: unset;
    grid-column: span 2;
    order: 1;
    padding: 0 1rem;
  }
}
/***768px***/
@media (max-width: 48rem) {
  header {
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
    padding-inline: 1rem;
  }
  .homeHero_banner {
    margin-block: -13rem 10%;
  }
  .homeAboutUs-wrapper h1 {
    text-align: center;
  }
  .homeAboutUs {
    text-align: left;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .homeAboutUs img {
    margin-inline: auto;
    /*max-width:40rem;*/
  }
  .generalCarouselnav {
    position: relative;
  }
  .generalCarouselnav .owl-dots {
    margin-inline: 1rem auto;
    margin-top: -2.5rem;
  }
  .generalCarouselnav .owl-dots .owl-dot.active span {
    background-color: #515151;
  }
  .generalCarouselnav .owl-nav {
    width: fit-content;
    margin-inline: auto 1rem;
    border-radius: 3rem;
  }
  .generalCarouselnav .owl-nav button {
    width: 3rem;
    background-color: #c2aa91 !important;
    position: relative;
    top: 0;
    box-shadow: none;
    opacity: 1;
  }
  .generalCarouselnav .owl-nav button span {
    display: none;
  }
  .generalCarouselnav .owl-nav button:hover {
    background-color: white !important;
    opacity: 1;
  }
  .generalCarouselnav .owl-nav .owl-prev {
    background-image: url('/Assets/images/arrowBlack.svg') !important;
    transform: translate(0) rotate(180deg);
    left: 0;
  }
  .generalCarouselnav .owl-nav .owl-next {
    background-image: url('/Assets/images/arrowBlack.svg') !important;
    transform: translate(0);
    right: 0;
  }
  .homeAccommodationCarousel .owl-stage {
    padding-left: 1rem;
  }
  .homeAccommodationCarousel .owl-item.active {
    opacity: 1;
    filter: blur(0);
  }
  .homeActivities {
    padding-block: 5rem 3rem;
  }
  .homeActivities .grid {
    gap: 2rem 1.5rem;
  }
  .homeActivities .grid > div.activities::before {
    top: -2.4rem;
    font-size: 3.375rem;
  }
  .homeSigntseeing {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
  .homeSigntseeing .item {
    height: 47vw;
  }
  .commentsCarousel-wrap .spinCircle {
    width: 37.8rem;
    top: 13%;
    animation: spin linear infinite 75s;
  }
  @keyframes circleAnim {
    0% {
      transform: rotate(0deg) translateX(-18.9rem) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) translateX(-18.9rem) rotate(360deg);
    }
  }
  .commentsCarousel .owl-item {
    height: 18rem;
  }
  .commentsCarousel .item {
    padding: 2rem;
  }
  .commentsCarousel .f16 {
    font-size: 0.875rem;
  }
  .commentsCarousel .rating img {
    width: 1rem;
  }
  .commentsCarousel .owl-nav button {
    width: 5rem;
    inset: 0 !important;
    position: relative;
  }
  .commentsCarousel .owl-nav .owl-prev {
    transform: translate(0) rotate(180deg);
  }
  .commentsCarousel .owl-nav .owl-next {
    transform: translate(0);
  }
  .footerContact img {
    width: 8rem;
    margin-block: -5rem 1.5rem;
  }
  .footerContact .grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .footerContact .grid > div:first-child {
    border-right: none;
    position: relative;
    padding-bottom: 1.5rem;
  }
  .footerContact .grid > div:first-child:before {
    content: '';
    position: absolute;
    background-color: #293873;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 3rem;
  }
  .heroBanner {
    height: 60vw;
    min-height: 15rem;
    border-radius: 1.875rem;
    margin-block: 1rem 3rem;
    align-items: center;
  }
  .activities_wrap {
    gap: 2.5rem;
  }
  .activities_container {
    grid-template-columns: 1fr !important;
  }
  .activities_container .poster img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .activities_container .desc-wrap .desc {
    margin-inline: auto !important;
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0 3rem 5rem 3rem;
  }
  .activities_container .desc-wrap .desc::before {
    inset: 0 1rem 1rem 1rem;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .activities_container .desc-wrap .info {
    margin-top: -2rem;
    position: relative;
    z-index: 1;
    outline: solid 10px #f7f1eb;
  }
  .activities_container .desc-wrap .info::before,
  .activities_container .desc-wrap .info::after {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: transparent;
    top: 5px;
  }
  .activities_container .desc-wrap .info::before {
    left: -33px;
    border-bottom-right-radius: 1.875rem;
    box-shadow: 5px 5px 0 2px #f7f1eb;
  }
  .activities_container .desc-wrap .info::after {
    right: -33px;
    border-bottom-left-radius: 1.875rem;
    box-shadow: -5px 5px 0 2px #f7f1eb;
  }
  .activities_container .activities_icons {
    height: 65px;
    aspect-ratio: 1;
    border-radius: 20rem;
    background-color: #c2aa91;
    text-align: center;
    place-content: center;
    margin-bottom: -2rem;
    position: relative;
    top: -1.8rem;
  }
  .activities_container .activities_icons svg {
    fill: white;
  }
  .fullwidth_beach {
    background: url('/Assets/images/vai-1m.jpg') center top no-repeat;
    background-size: 100%;
    padding-block: 63.4% 0;
  }
  .fullwidth_beach .container-xl,
  .fullwidth_beach .col-12 {
    padding-inline: 0;
  }
  .fullwidth_beach .beaches_desc {
    position: relative;
    isolation: isolate;
    max-width: 100%;
  }
  .fullwidth_beach .beaches_desc .info ul li {
    border: solid thin #c2aa91;
  }
  .fullwidth_beach .beaches_desc .pin {
    color: white;
    background-color: #c2aa91;
  }
  .fullwidth_beach .beaches_desc .pin svg {
    fill: white;
  }
  .fullwidth_beach .beaches_desc .desc {
    background-color: white;
    border-radius: 0;
    border-bottom-left-radius: 5.5rem;
    border-bottom-right-radius: 5.5rem;
  }
  .fullwidth_beach .beaches_desc .desc::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #eee4d9;
    z-index: -1;
  }
}
/***640px***/
@media (max-width: 40rem) {
  .activities_container .desc-wrap .desc {
    padding: 0 3rem 3rem 3rem;
  }
  .activities_container .desc-wrap .info {
    margin-top: 1rem;
    width: 100%;
    font-size: 0.75rem;
    padding: 0.9em 1.8em;
  }
  .activities_container .desc-wrap .info::before,
  .activities_container .desc-wrap .info::after {
    content: none;
  }
}
/***600px***/
@media (max-width: 37.5rem) {
  .homeAccommodation_title::before {
    font-size: 7rem;
  }
  .homeActivities {
    padding-block: 5rem 3rem;
  }
  .homeActivities .grid {
    gap: 1rem;
  }
  .homeActivities .grid > div.activities {
    padding: 1rem 1.5rem;
  }
  .homeActivities .grid > div.activities::before {
    top: 0;
  }
  .homeActivities .grid > div:nth-child(5) {
    grid-column: span 2;
    order: 1;
  }
  .heroBanner h2 {
    font-size: 0.875rem;
    padding: 0.4em 1em;
  }
  .homeAccommodationCarousel.grid {
    grid-template-columns: 1fr;
  }
}
/***576px***/
@media (max-width: 36rem) {
  header.isScroll {
    padding: 0.5rem;
  }
  header.isScroll nav .logo {
    width: 10rem;
  }
  .homeAccommodationCarousel {
    margin-top: 2rem;
  }
  .homeAccommodationCarousel.grid .item .capacity {
    gap: 0.8rem;
  }
  .homeAccommodationCarousel.grid .item .capacity > div {
    gap: 0.6rem;
  }
  .homeAccommodationCarousel.grid .item .capacity > div span {
    font-size: 0.875rem;
  }
  .homeAmenitiesCarousel .item {
    font-size: 1rem;
  }
  .homeAmenitiesCarousel .item svg {
    zoom: 0.9;
    width: 1.54rem;
  }
  .homeActivities {
    padding-block: 5rem 8rem;
    margin-bottom: 10rem;
  }
  .homeActivities .grid {
    gap: 0.8rem;
  }
  .homeActivities .grid h1 {
    margin-bottom: 1rem;
  }
  .homeActivities .grid > div.activities {
    padding: 1rem 1.5rem;
    aspect-ratio: unset;
  }
  .homeActivities .grid > div.activities img {
    aspect-ratio: unset;
    height: 100%;
  }
  .homeActivities .grid > div:nth-child(5) {
    grid-column: span 2;
    order: 1;
  }
  .homeActivities .grid > div:nth-child(2) {
    grid-row-start: 3;
    grid-row-end: 5;
    height: 100%;
  }
  .homeActivities .grid > div:nth-child(3) {
    height: 12rem;
  }
  .homeActivities .grid > div:nth-child(4) {
    height: 15rem;
  }
  .homeActivities .grid > div:nth-child(8) {
    height: 15rem;
    grid-column: span 2;
    order: 6;
  }
  .homeActivities .grid > div:nth-child(7) {
    order: 7;
    grid-column: span 2;
    position: absolute;
    bottom: -5.5rem;
    max-width: 11rem;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .homeActivities .grid > div:nth-child(7)::before {
    height: 114%;
  }
  .commentsCarousel {
    margin-block: 1.6rem 0;
  }
  .commentsCarousel .owl-nav button {
    width: 4rem;
  }
  .commentsCarousel-wrap .spinCircle {
    width: 25rem;
  }
  @keyframes circleAnim {
    0% {
      transform: rotate(0deg) translateX(-12.5rem) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) translateX(-12.5rem) rotate(360deg);
    }
  }
  .footerContact {
    margin-top: 6rem;
    padding: 0 2rem 2rem 2rem;
  }
  .footerContact .f30 {
    font-size: clamp(1.125rem, calc(-0.1875rem + 3.6458vw), 1.5625rem);
    line-height: 1.2;
  }
  .footerContact .f20 {
    font-size: 1.125rem;
  }
  .footerContact .f18 {
    font-size: 0.875rem;
  }
  .footerContact img {
    width: 6rem;
    margin-block: -3.5rem 1.5rem;
  }
  .footerContact .grid {
    gap: 1rem;
  }
  .footerContact .grid > div:first-child {
    padding-bottom: 1rem;
  }
  footer {
    background: #2f2e2e;
    background-size: cover;
    height: auto;
    text-align: center;
    margin-top: 4rem;
    border-top-left-radius: 5.5rem;
    border-top-right-radius: 5.5rem;
    padding-block: 4rem 2rem;
  }
  footer img {
    max-width: 14rem;
  }
  footer .inner {
    max-width: 100%;
  }
  .aboutDesc {
    padding-block: 4rem 5rem;
  }
  .aboutDesc .grid {
    gap: 1rem;
  }
  .aboutDesc .grid > div:first-child {
    grid-column: span 3;
    padding-right: 0;
    order: 1;
  }
  .aboutDesc .grid .roundImg_border {
    order: 2;
    align-items: center;
    display: none !important;
  }
  .aboutDesc .grid .radius30Img {
    order: 3;
    grid-column: span 3;
  }
  .aboutDesc .grid .radius30 {
    order: 4;
    grid-column: span 3;
  }
  .aboutDesc .grid .radius30::before {
    background-size: 60%;
  }
  .aboutDesc .cactus {
    inset: 10% 0 auto auto;
    max-width: 100%;
    opacity: 0.6;
  }
  .rooms-gallery {
    gap: 0.8rem;
    grid-template-columns: 1fr;
  }
  .rooms-gallery > a {
    grid-column: unset !important;
  }
  .amenities-wrap {
    padding: 3rem 2rem;
  }
  .amenities-wrap ul li span:first-child {
    zoom: 0.9;
  }
  .pricing_table > div {
    padding: 0.5em 1em;
    font-size: 1rem;
  }
  .pricing_table > div span {
    font-size: 0.75rem;
  }
  .windsurf-section {
    margin-block: 5rem 7rem;
  }
  .windsurf-section > div:first-child {
    padding: 12% 2.5rem;
  }
  .windsurf-section > div:last-child {
    background-size: cover;
  }
  .fullwidth_beach .beaches_desc .info ul {
    grid-template-columns: 1fr;
  }
  .fullwidth_beach .beaches_desc .desc {
    padding: 2rem 3rem 3rem 3rem;
  }
  .beaches_grid {
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .beaches_grid > div:nth-child(1) {
    grid-column: span 2;
    order: 3;
    display: none;
  }
  .beaches_grid > div:nth-child(2) {
    display: none;
  }
  .beaches_grid > div:nth-child(4) {
    order: 6;
    padding: 0 1rem;
    grid-column: span 2;
  }
  .beaches_grid > div:nth-child(3) {
    grid-row: unset;
    grid-column: span 2;
    order: 1;
    padding: 0 1rem;
  }
  activities_container .desc-wrap .info {
    font-size: 0.75rem;
  }
  .beaches_desc_wrap {
    gap: 4rem;
  }
}
/***480px***/
@media (max-width: 30rem) {
  header.homepage-menu nav .logo img {
    max-width: 13.125rem;
  }
  header.isScroll nav {
    padding-left: 0.5em;
  }
  header.openmob nav .navList.open ul li {
    font-size: clamp(1.875rem, calc(-1.5rem + 9.375vw), 3rem) !important;
  }
  header.openmob nav .navList.open .closeNav {
    width: 4rem;
  }
  .menuIcon {
    width: 2.4rem;
  }
  .homeActivities .grid > div.activities {
    padding: 1rem;
  }
  .homeActivities .grid > div.activities::before {
    left: 1rem;
  }
  .commentsCarousel-wrap {
    margin-top: 5rem;
  }
  .generalCarouselnav .owl-dots {
    margin-inline: auto;
  }
  .homeAccommodationCarousel {
    width: 90%;
    margin-inline: auto;
  }
  .homeAccommodationCarousel .owl-stage {
    padding-left: 0;
  }
  .homeAccommodationCarousel .owl-item {
    opacity: 1;
    filter: blur(0);
  }
  .homeAccommodationCarousel .item {
    width: 100%;
  }
  .homeAccommodationCarousel h3 {
    font-size: 1.5rem;
  }
  .commentsCarousel .item {
    width: 20rem;
  }
  .beaches_desc .info ul li {
    font-size: 0.75rem;
    line-height: 1.2;
  }
  .beaches_desc .info ul li span:first-child {
    height: 2.1rem;
  }
  .beaches_desc .info ul li span:first-child svg {
    zoom: 0.8;
  }
}