@charset "utf-8";

::selection {
	background-color: #D6CFC5;
	color: #898787;
}

body {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-family: 'Gill Sans';
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: normal;
	overflow-x: hidden;
}

body.no-scroll {
	overflow: hidden !important;
}

html.no-scroll,
html.no-scroll.is-snapping {
	overflow: hidden !important;
	overflow-y: hidden !important;
}

/* ===========================================
   NATIVE SCROLLBAR STYLING
   Reemplaza nicescroll.js con CSS nativo
   =========================================== */

/* Webkit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.6);
}

/* Firefox */
html {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}

/* ===========================================
   END NATIVE SCROLLBAR STYLING
   =========================================== */

@font-face {
	font-family: 'Gill Sans';
	src: url('../../fonts/GillSans-Light.eot');
	src: url('../../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/GillSans-Light.woff2') format('woff2'),
		url('../../fonts/GillSans-Light.woff') format('woff'),
		url('../../fonts/GillSans-Light.ttf') format('truetype'),
		url('../../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gill Sans';
	src: url('../../fonts/GillSans.eot');
	src: url('../../fonts/GillSans.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/GillSans.woff2') format('woff2'),
		url('../../fonts/GillSans.woff') format('woff'),
		url('../../fonts/GillSans.ttf') format('truetype'),
		url('../../fonts/GillSans.svg#GillSans') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gill Sans';
	src: url('../../fonts/GillSans-Medium.eot');
	src: url('../../fonts/GillSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/GillSans-Medium.woff2') format('woff2'),
		url('../../fonts/GillSans-Medium.woff') format('woff'),
		url('../../fonts/GillSans-Medium.ttf') format('truetype'),
		url('../../fonts/GillSans-Medium.svg#GillSans-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gill Sans';
	src: url('../../fonts/GillSans-Bold.eot');
	src: url('../../fonts/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/GillSans-Bold.woff2') format('woff2'),
		url('../../fonts/GillSans-Bold.woff') format('woff'),
		url('../../fonts/GillSans-Bold.ttf') format('truetype'),
		url('../../fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Juana';
	src: url('../../fonts/JuanaExtraLight.eot');
	src: url('../../fonts/JuanaExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaExtraLight.woff2') format('woff2'),
		url('../../fonts/JuanaExtraLight.woff') format('woff'),
		url('../../fonts/JuanaExtraLight.ttf') format('truetype'),
		url('../../fonts/JuanaExtraLight.svg#JuanaExtraLight') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Juana ExtraLight It';
	src: url('../../fonts/JuanaExtraLightIt.eot');
	src: url('../../fonts/JuanaExtraLightIt.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaExtraLightIt.woff2') format('woff2'),
		url('../../fonts/JuanaExtraLightIt.woff') format('woff'),
		url('../../fonts/JuanaExtraLightIt.ttf') format('truetype'),
		url('../../fonts/JuanaExtraLightIt.svg#JuanaExtraLightIt') format('svg');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Juana';
	src: url('../../fonts/JuanaRegular.eot');
	src: url('../../fonts/JuanaRegular.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaRegular.woff2') format('woff2'),
		url('../../fonts/JuanaRegular.woff') format('woff'),
		url('../../fonts/JuanaRegular.ttf') format('truetype'),
		url('../../fonts/JuanaRegular.svg#JuanaRegular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Juana Regular It';
	src: url('../../fonts/JuanaRegularIt.eot');
	src: url('../../fonts/JuanaRegularIt.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaRegularIt.woff2') format('woff2'),
		url('../../fonts/JuanaRegularIt.woff') format('woff'),
		url('../../fonts/JuanaRegularIt.ttf') format('truetype'),
		url('../../fonts/JuanaRegularIt.svg#JuanaRegularIt') format('svg');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Juana';
	src: url('../../fonts/JuanaMedium.eot');
	src: url('../../fonts/JuanaMedium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaMedium.woff2') format('woff2'),
		url('../../fonts/JuanaMedium.woff') format('woff'),
		url('../../fonts/JuanaMedium.ttf') format('truetype'),
		url('../../fonts/JuanaMedium.svg#JuanaMedium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Juana Medium It';
	src: url('../../fonts/JuanaMediumIt.eot');
	src: url('../../fonts/JuanaMediumIt.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/JuanaMediumIt.woff2') format('woff2'),
		url('../../fonts/JuanaMediumIt.woff') format('woff'),
		url('../../fonts/JuanaMediumIt.ttf') format('truetype'),
		url('../../fonts/JuanaMediumIt.svg#JuanaMediumIt') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

a {
	color: #6D6D6D;
	text-decoration: none;
}

a:hover {
	color: #6D6D6D;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

.padding-t-0 {
	padding-top: 0 !important;
}

.padding-b-0 {
	padding-bottom: 0 !important;
}

.button,
button,
[type=button],
[type=reset],
[type=submit] {
	display: inline-block;
	margin: 0;
	padding: 10px 23px;
	outline: 0;
	border: 1px solid #B0B0B0;
	background-color: transparent;
	border-radius: 0px;
	font-family: 'Gill Sans';
	font-size: 0.75rem;
	color: #6D6D6D;
	font-weight: 500;
	line-height: 1.125rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button:hover,
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover {
	border-color: #204F86;
	color: #204F86;
	text-decoration: none;
}

#wrap {
	float: left;
	width: 100%;
	overflow: hidden;
}

:root {
	--container-width: 1545px;
	--container-padding: calc((100vw - var(--container-width)) / 2);
}

.container {
	max-width: 1530px;
	padding: 0;
}

/* #Header & Book Form styles moved to header.css */
#slider {
	float: left;
	width: 100%;
	/*overflow: hidden;*/
	position: relative;
	z-index: 1;
}

#slider>.container {
	max-width: calc(100% - 98px - 98px);
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	left: 0;
}

#slider>.container .bookBtnBox {
	display: none;
	padding: 10px;
	width: 100%;
	background-color: transparent;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
}

#slider>.container .bookBtnBox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(107 107 108 / 40%);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#slider>.container .bookBtnBox .bookNowBtn {
	display: inline-block;
	width: auto;
	padding: 12px 25px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#slider>.container .bookBtnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#slider>.container .bookBtnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#slider>.container .bookBtnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#slider>.container .bookBtnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#slider,
#slider .home-slider-video,
#slider .home-slider {
	width: 100vw;
	height: 100dvh;
}

#slider .home-slider-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#slider .home-slider .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#slider .home-slider .swiper-slide picture,
#slider .home-slider .swiper-slide picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#slider .home-slider .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#slider .home-slider .swiperNav {
	display: flex;
	justify-content: space-between;
	gap: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#slider .home-slider .swiperNav [class*=swiper-button-] {
	width: 50%;
	height: 100%;
	background: none;
	border-radius: 0%;
}

#slider .home-slider .swiperNav .swiper-button-prev {
	cursor: url(../../images/swiper-prev-hero.svg) 28 28, auto;
}

#slider .home-slider .swiperNav .swiper-button-next {
	cursor: url(../../images/swiper-next-hero.svg) 28 28, auto;
	forced-color-adjust: none;
}

#slider .home-slider .swiperCountDots {
	pointer-events: none;
	margin-top: 0;
	color: #FFFFFF;
	position: absolute;
	bottom: 30px;
	right: 15px;
	left: 15px;
}

#slider .home-slider .swiperCountDots [class*=swiper-button-] {
	display: none;
	width: 40px;
	height: 40px;
	background: #F3F1E7;
}

#slider .home-slider .swiperCountDots [class*=swiper-button-] img {
	width: 16px;
	filter: none;
}

#slider .home-slider .swiperCountDots .countline {
	display: inline-block;
	width: 64px;
	height: 1px;
	background: #ffffff;
	border-radius: 0px;
}

#slider .home-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
}

#slider .home-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet:hover,
#slider .home-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffff;
}

#caption {
	width: 100%;
	max-width: 944px;
	margin: auto;
	position: absolute;
	bottom: 64px;
	right: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
}

#caption .boxOverflow {
	margin: 0 0 40px 0;
	overflow: hidden;
}

#caption .boxOverflow:last-child {
	margin-bottom: 0;
}

#caption .title.anim,
#caption .subtitle.anim {
	animation: fadeInUp 0.5s both;
	animation-delay: 0.5s;
}

#caption .title {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #ffffff;
	font-weight: 200;
	line-height: 3.5rem;
	letter-spacing: -0.025rem;
	text-align: center;
}

#caption .title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#caption .title br {
	display: block;
}

#caption .subtitle {
	display: block;
	margin: 0;
	font-size: 1rem;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.4rem;
	letter-spacing: 0.025rem;
	text-transform: uppercase;
	text-align: center;
}

#middle {
	float: left;
	width: 100%;
}

#welcomeSec {
	position: relative;
	padding-top: 98px;
	padding-bottom: 98px;
	background-image: url("../../images/welcome-bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

#welcomeSec .welcomeBox {
	display: flex;
	gap: 196px;
}

#welcomeSec .welcomeBox .content {
	width: 100%;
	max-width: 650px;
	padding-bottom: 128px;
	align-self: flex-end;
}

#welcomeSec .welcomeBox .content h1.h1 {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.8125rem;
	color: #606060;
	font-weight: 200;
	line-height: 4.575rem;
	letter-spacing: -0.025rem;
}

#welcomeSec .welcomeBox .content h1.h1 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#welcomeSec .welcomeBox .content p {
	width: 100%;
	margin: 0 0 32px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#welcomeSec .welcomeBox .content p strong {
	font-weight: 500;
}

#welcomeSec .welcomeBox .content p:last-child {
	margin-bottom: 0;
}

#welcomeSec .welcomeBox .image {
	position: relative;
	display: flex;
	width: calc(100% + (100vw - var(--container-width)) / 2);
	padding-left: 129px;
	margin-right: calc(0px - var(--container-padding));
}

#welcomeSec .welcomeBox .image picture,
#welcomeSec .welcomeBox .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#welcomeSec .welcomeBox .image .imageThumb {
	width: 340px;
	position: absolute;
	bottom: 128px;
	left: 0;
}

@media screen and (min-width: 993px) and (max-width: 1650px) {
	#welcomeSec .welcomeBox .content h1.h1 {
		display: block;
		margin: 0 0 40px 0;

	}
}

#apartmentsSec {
	position: relative;
	z-index: 0;
	padding-top: 96px;
	padding-bottom: 64px;
	overflow: hidden;
	--circleFullWidth: 696px;
}

#apartmentsSec .circleFull {
	--p: 0;
	/* the percentage */
	--b: 1px;
	/* the thickness */
	--c: #F7F4F1;
	/* the color */
	--w: var(--circleFullWidth);
	/* the size*/
	width: var(--w);
	aspect-ratio: 1/1;
	position: relative;
	display: inline-grid;
	place-content: center;
	position: absolute;
	top: 159px;
	right: -60px;
	z-index: -1;
	transform: rotate(-90deg);
}

#apartmentsSec .circleFull:before,
#apartmentsSec .circleFull:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

#apartmentsSec .circleFull:before {
	inset: 0;
	background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
}

#apartmentsSec .circleFull:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}

#apartmentsSec.in-viewport .circleFull {
	animation-name: circleFullDrawDecorLine;
	animation-duration: 7s;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function: ease-out;
}

#apartmentsSec .contentBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 30px;
}

#apartmentsSec .contentBox .titleBox {
	width: 48%;
}

#apartmentsSec .contentBox .titleBox h2.h2 {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 3.8125rem;
	color: #606060;
	font-weight: 200;
	line-height: 4.575rem;
	letter-spacing: -0.025rem;
}

#apartmentsSec .contentBox .titleBox h2.h2 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#apartmentsSec .contentBox .content {
	width: 40%;
}

#apartmentsSec .contentBox .content p {
	width: 100%;
	margin: 0 0 32px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#apartmentsSec .contentBox .content p strong {
	font-weight: 500;
}

#apartmentsSec .contentBox .content p:last-child {
	margin-bottom: 0;
}

#apartmentSlider {
	position: relative;
}

#apartmentSlider .caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: 747px;
	margin: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	z-index: 2;
}

#apartmentSlider .caption h3.h3 {
	margin: 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #ffffff;
	font-weight: 200;
	line-height: 3.675rem;
	letter-spacing: -0.025rem;
	text-align: center;
}

#apartmentSlider .caption .bookBtnBox {
	display: flex;
	gap: 15px;
}

#apartmentSlider .caption .bookBtnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .caption .bookBtnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#apartmentSlider .caption .bookBtnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#apartmentSlider .caption .bookBtnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .caption .bookBtnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .caption .bookBtnBox .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #ffffff;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #ffffff;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .caption .bookBtnBox .exploreBtn:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: #606060;
}

#apartmentSlider .caption .bookBtnBox .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#apartmentSlider .caption .bookBtnBox .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .caption .bookBtnBox .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentSlider .apartment-slider {
	display: block;
	height: 600px;
}

#apartmentSlider .apartment-slider .swiper-slide {
	height: 600px;
}

#apartmentSlider .apartment-slider .swiper-slide:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(52 52 52 / 35%);
	background: linear-gradient(360deg, rgba(52, 52, 52, 0.3) 0%, rgba(52, 52, 52, 0.299) 1.8%, rgba(52, 52, 52, 0.298) 4.8%, rgba(52, 52, 52, 0.294) 9%, rgba(52, 52, 52, 0.287) 13.9%, rgba(52, 52, 52, 0.278) 19.8%, rgba(52, 52, 52, 0.262) 27%, rgba(52, 52, 52, 0.242) 35%, rgba(52, 52, 52, 0.217) 43.5%, rgba(52, 52, 52, 0.185) 53%, rgba(52, 52, 52, 0.138) 66%, rgba(52, 52, 52, 0.079) 81%, rgba(52, 52, 52, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#apartmentSlider .apartment-slider .swiper-slide picture {
	display: block;
	width: 100%;
	height: 100%;
}

#apartmentSlider .apartment-slider .swiper-slide picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#apartmentSlider .apartment-slider .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#apartmentSlider .apartment-slider .swiperNav {
	display: flex;
	justify-content: space-between;
	margin-top: 0;
	position: absolute;
	top: 50%;
	right: var(--container-padding);
	left: var(--container-padding);
	transform: translateY(-50%);
	z-index: 1;
}

#apartmentSlider .apartment-slider .swiperNav [class*=swiper-button-] {
	background: #FAF8F5;
}

#apartmentSlider .apartment-slider .swiperCountDots {
	margin-top: 0;
	color: #FFFFFF;
	position: absolute;
	top: 7%;
	right: 15px;
	left: 15px;
}

#apartmentSlider .apartment-slider .swiperCountDots .countline {
	display: inline-block;
	width: 64px;
	height: 1px;
	background: #ffffff;
	border-radius: 0px;
}

#apartmentSlider .apartment-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
}

#apartmentSlider .apartment-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet:hover,
#apartmentSlider .apartment-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffff;
}

#apartmentThumbSec {
	position: relative;
	z-index: 0;
	padding: 16px 16px 80px 16px;
	background-color: #ECE9E3;
	overflow: hidden;
	--circleFullWidth: 647px;
}

#apartmentThumbSec .circleFull {
	--p: 0;
	/* the percentage */
	--b: 1px;
	/* the thickness */
	--c: #DED9CF;
	/* the color */
	--w: var(--circleFullWidth);
	/* the size*/
	width: var(--w);
	aspect-ratio: 1/1;
	position: relative;
	display: inline-grid;
	place-content: center;
	position: absolute;
	top: -10px;
	right: -270px;
	z-index: -1;
	transform: rotate(0deg);
}

#apartmentThumbSec .circleFull:before,
#apartmentThumbSec .circleFull:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

#apartmentThumbSec .circleFull:before {
	inset: 0;
	background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
}

#apartmentThumbSec .circleFull:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}

#apartmentThumbSec.in-viewport .circleFull {
	animation-name: circleFullDrawDecorLine;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function: ease-out;
}

#apartmentThumbSec .apartmentThumbBox {
	display: flex;
	gap: 16px;
	width: 100%;
}

#apartmentThumbSec .apartmentThumbBox .item {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#apartmentThumbSec .apartmentThumbBox .item picture {
	display: block;
	width: 100%;
	aspect-ratio: 615 / 557;
	overflow: hidden;
	background-color: #f5f5f5;
}

#apartmentThumbSec .apartmentThumbBox .item picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	row-gap: 16px;
	padding: 32px 0 0 0;
}

#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 2.4375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.925rem;
	letter-spacing: -0.025rem;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox {
	display: flex;
	justify-content: center;
	gap: 15px;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .discoverBox {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 100px;
}

#apartmentThumbSec .discoverBox .discoverBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .discoverBox .discoverBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#apartmentThumbSec .discoverBox .discoverBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#apartmentThumbSec .discoverBox .discoverBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#apartmentThumbSec .discoverBox .discoverBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#skySec {
	position: relative;
	height: 100vh;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

#skySec>.row,
#skySec>.row>.container {
	height: 100%;
}

#skySec .skyBox {
	display: flex;
	align-items: center;
	gap: 196px;
	height: 100%;
}

#skySec .skyBox .slideCounter {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	font-size: 1.125rem;
	color: #606060;
	font-weight: 400;
	line-height: 0.75rem;
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	pointer-events: none;
}

#skySec .skyBox .slideCounter .total {
	font-weight: 300;
}

#skySec .skyBox .slideCounter .current {
	font-weight: 500;
}

#skySec .skyBox .slideCounter .countline {
	display: inline-block;
	width: 1px;
	height: 64px;
	background: #ABA8A8;
	border-radius: 0px;
}

#skySec .skyBox .image {
	position: relative;
	display: flex;
	width: calc(100% + (100vw - var(--container-width)) / 2);
	height: 100%;
	padding-right: 129px;
	margin-left: calc(0px - var(--container-padding));
	overflow: hidden;
}

#skySec .skyBox .image .imgWrapper {
	width: 100%;
	height: 100%;
	transition: transform 1s ease;
}

#skySec .skyBox .image .imgWrapper picture,
#skySec .skyBox .image .imgWrapper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#skySec .skyBox .image .imageThumb {
	width: 340px;
	height: 310px;
	position: absolute;
	bottom: 128px;
	right: 0;
	overflow: hidden;
}

#skySec .skyBox .image .imageThumb .imgThumbWrapper {
	width: 100%;
	height: 100%;
	transition: transform 1s ease;
}

#skySec .skyBox .image .imageThumb .imgThumbWrapper picture,
#skySec .skyBox .image .imageThumb .imgThumbWrapper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#skySec .skyBox .content {
	width: 100%;
	max-width: 650px;
	padding-bottom: 128px;
	align-self: flex-end;
}

#skySec .skyBox .content .textWrapper {
	display: none;
}

#skySec .skyBox .content .textWrapper.active {
	display: block;
	animation: fadeIn 1.3s both;
}

#skySec .skyBox .content .subtitle {
	width: 100%;
	display: inline-block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#skySec .skyBox .content h2.h2 {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.8125rem;
	color: #606060;
	font-weight: 200;
	line-height: 4.575rem;
	letter-spacing: -0.025rem;
}

#skySec .skyBox .content h2.h2 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#skySec .skyBox .content p {
	margin: 0 0 32px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#skySec .skyBox .content p strong {
	font-weight: 500;
}

#skySec .skyBox .content p:last-child {
	margin-bottom: 0;
}

#skySec .skyBox .content .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#skySec .skyBox .content .exploreBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#skySec .skyBox .content .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#skySec .skyBox .content .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#skySec .skyBox .content .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#locationSec {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #F6F6F6;
	background-image: url("../../images/location-bg.jpg");
	background-position: center;
	background-repeat: repeat;
	overflow: hidden;
}

#locationSec .locationBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 226px;
}

#locationSec .locationBox .content {
	width: 100%;
	max-width: 557px;
}

#locationSec .locationBox .content span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#locationSec .locationBox .content span.title {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.675rem;
	letter-spacing: -0.025rem;
}

#locationSec .locationBox .content span.title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#locationSec .locationBox .content p {
	width: 100%;
	margin: 0 0 40px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#locationSec .locationBox .content p:last-child {
	margin-bottom: 0;
}

#locationSec .locationBox .content p strong {
	font-weight: 500;
}

#locationSec .locationBox .content .arrivalBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#locationSec .locationBox .content .arrivalBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#locationSec .locationBox .content .arrivalBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#locationSec .locationBox .content .arrivalBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#locationSec .locationBox .content .arrivalBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#locationSec .locationBox .image {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	max-width: 633px;
}

#locationSec .locationBox .image picture {
	display: block;
	width: 100%;
	aspect-ratio: 633 / 794;
	overflow: hidden;
	background-color: #f5f5f5;
}

#locationSec .locationBox .image picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#faqSec {
	position: relative;
	padding-top: 98px;
	padding-bottom: 98px;
	background-color: #D6CFC5;
	background-image: url(../../images/faq-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	overflow: hidden;
}

#faqSec .faqBox {
	display: flex;
	align-items: flex-start;
	gap: 134px;
	padding: 0 169px;
}

#faqSec .faqBox .content {
	width: 100%;
	max-width: 478px;
}

#faqSec .faqBox .content span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#faqSec .faqBox .content h2.h2 {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 200;
	line-height: 3.675rem;
	letter-spacing: -0.025rem;
}

#faqSec .faqBox .content h2.h2 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#faqSec .faqBox .content p {
	width: 100%;
	margin: 0 0 40px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#faqSec .faqBox .content p:last-child {
	margin-bottom: 0;
}

#faqSec .faqBox .content .faqbtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #ABA8A8;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#faqSec .faqBox .content .faqbtn:hover {
	border-color: #ABA8A8;
	background-color: #ABA8A8;
	color: #606060;
}

#faqSec .faqBox .content .faqbtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#faqSec .faqBox .content .faqbtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#faqSec .faqBox .content .faqbtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#faqSec .faqBox .accordionBox {
	width: 100%;
	padding-top: 38px;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item {
	margin-bottom: 4px;
	border: none;
	border-left: 4px solid #ABA8A8;
	background-color: transparent;
	border-radius: 0px;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#faqSec .faqBox .accordionBox .accordion .accordion-item:has(.accordion-header h3:not(.collapsed)),
#faqSec .faqBox .accordionBox .accordion .accordion-item:hover {
	border-color: #6B6B6C;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin: 0;
	padding: 20px 0px 20px 28px;
	background-color: transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.4rem;
	cursor: pointer;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3:after {
	display: none;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3 .arrow {
	flex-shrink: 0;
	position: relative;
	width: 24px;
	height: 24px;
	transition: 0.3s all ease-in-out;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3:not(.collapsed) .arrow {
	transform: rotate(45deg);
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body {
	padding: 0 24px 20px 28px;
	opacity: 0;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .collapsing .accordion-body,
#faqSec .faqBox .accordionBox .accordion .accordion-item .show .accordion-body {
	animation: fadeIn 1.3s both;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body p {
	margin: 0 0 20px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body p:last-child {
	margin-bottom: 0;
}

#footer {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 98px;
	background: #FCFBFA;
	z-index: 3;
}

.footerBox {
	width: 100%;
	max-width: 1724px;
	margin: auto;
}

.footerSection {
	position: relative;
	padding-top: 72px;
	padding-bottom: 72px;
}

.footerSection .ftr_logo {
	margin-bottom: 24px;
}

.footerSection .ftr_logo .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.footerSection .ftr_logo .logo a {
	position: relative;
	display: block;
}

.footerSection [class*="ftr_"] span {
	display: block;
	width: 100%;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.4rem;
	text-transform: uppercase;
}

.footerSection .ftr_menu {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.footerSection .ftr_menu .box {
	display: flex;
	flex-direction: column;
	width: calc(100% - 15px);
}

.footerSection .ftr_menu .box>span {
	display: block;
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 0.75rem;
	color: #454545;
	font-weight: 800;
	line-height: 1rem;
	text-transform: uppercase;
}

.footerSection .ftr_menu .box ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footerSection .ftr_menu .box ul li {
	position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	margin-bottom: 16px;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.6rem;
}

.footerSection .ftr_menu .box ul li:last-child {
	margin-bottom: 0px;
}

.footerSection .ftr_menu .box ul li>img {
	position: absolute;
	left: 0;
}

.footerSection .ftr_menu .box ul li a {
	position: relative;
	display: block;
	color: #606060;
	text-decoration: none;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footerSection .ftr_menu .box ul li a:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #606060;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .40s cubic-bezier(0, 0, 0.57, 1);
}

.footerSection .ftr_menu .box ul li a:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}

.footerSection .ftr_menu .certificationBox {
	display: flex;
	flex-direction: column;
	width: calc(100% - 15px);
}

.footerSection .ftr_menu .certificationBox ul {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 15px;
	padding: 0;
	margin: 0;
}

.footerSection .ftr_menu .certificationBox ul li {
	position: relative;
	display: inline-block;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.6rem;
}

.footerSection .ftr_mid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.footerSection .ftr_address {
	width: 100%;
}

.footerSection .ftr_address ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footerSection .ftr_address ul li {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.6rem;
}

.footerSection .ftr_address ul li a {
	position: relative;
	display: block;
	color: #606060;
	text-decoration: none;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footerSection .ftr_address ul li a:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #606060;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .40s cubic-bezier(0, 0, 0.57, 1);
}

.footerSection .ftr_address ul li a:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}

.footerSection .ftr_social {
	width: 100%;
}

.footerSection .ftr_social ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footerSection .ftr_social ul li {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.6rem;
}

.footerSection .ftr_social ul li a {
	position: relative;
	display: block;
	color: #606060;
	text-decoration: none;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footerSection .newsletter {
	position: relative;
}

.footerSection .newsletter .newsform {
	float: right;
	width: 100%;
	max-width: 358px;
}

.footerSection .newsletter .newsform h4.h4 {
	display: block;
	margin: 0 0 24px 0;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.4rem;
	letter-spacing: 0.0313rem;
}

.footerSection .newsletter .newsform .form-group {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	grid-gap: 24px;
	margin-bottom: 32px;
}

.footerSection .newsletter .newsform .form-group:last-child {
	margin-bottom: 0;
}

.footerSection .newsletter .newsform .form-group .form-control {
	width: 100%;
	height: 34px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
}

.footerSection .newsletter .newsform .form-group .form-control::placeholder {
	color: #606060;
	font-style: italic;
}

.footerSection .newsletter .newsform .form-group label.checkbox {
	position: relative;
	margin: 0;
	padding-left: 25px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.4rem;
	user-select: none;
}

.footerSection .newsletter .newsform .form-group label input {
	appearance: none;
	width: 16px;
	height: 16px;
	outline: 0;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0;
	vertical-align: text-top;
	position: absolute;
	top: 4px;
	left: 0;
	cursor: pointer;
}

.footerSection .newsletter .newsform .form-group label input:checked:before {
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	border: 2px solid #606060;
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	position: relative;
	top: 0;
	left: 4px;
}

.footerSection .newsletter .newsform .form-group label a {
	position: relative;
	color: #606060;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footerSection .newsletter .newsform .form-group label a:hover {
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footerSection .newsletter .newsform .form-group .subscribeBtn {
	display: inline-block;
	padding: 8px 23px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

.footerSection .newsletter .newsform .form-group .subscribeBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

.footerSection .newsletter .newsform .form-group .subscribeBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

.footerSection .newsletter .newsform .form-group .subscribeBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

.footerSection .newsletter .newsform .form-group .subscribeBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

.ftrLinks {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	position: relative;
	padding-top: 0px;
	padding-bottom: 24px;
}

.ftrLinks .box {
	width: auto;
}

.ftrLinks .box ul {
	display: flex;
	gap: 16px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.ftrLinks .box ul li {
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.4rem;
}

.ftrLinks .box ul li a {
	position: relative;
	display: block;
	color: #606060;
	text-decoration: none;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ftrLinks .box ul li a:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #606060;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .40s cubic-bezier(0, 0, 0.57, 1);
}

.ftrLinks .box ul li a:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}

.footerBottom {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 32px;
	padding: 32px 0;
	border-top: 1px solid rgb(115 98 73 / 8%);
}

.footerBottom .copy_text {
	display: flex;
	align-items: center;
	grid-gap: 6px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.4rem;
}

.footerBottom .copy_text picture {
	display: block;
	margin-bottom: 0px;
}

/*----------------- Inner Pages -----------------*/
#innerBanner {
	float: left;
	width: 100%;
	/* overflow: hidden; */
	position: relative;
	z-index: 1;
}

#innerBanner>.container {
	max-width: calc(100% - 98px - 98px);
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 2;
}

#innerBanner #caption {
	margin: 0;
}

#innerBanner #caption .title {
	text-align: left;
}

#innerBanner #caption .subtitle {
	text-align: left;
}

#innerBanner>.container .bookBtnBox {
	display: none;
	padding: 10px;
	width: 100%;
	background-color: transparent;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
}

#innerBanner>.container .bookBtnBox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(107 107 108 / 40%);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#innerBanner>.container .bookBtnBox .bookNowBtn {
	display: inline-block;
	width: auto;
	padding: 12px 25px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#innerBanner>.container .bookBtnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#innerBanner>.container .bookBtnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#innerBanner>.container .bookBtnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#innerBanner>.container .bookBtnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#innerBanner,
#innerBanner .inner-slider-video,
#innerBanner .inner-slider {
	width: 100vw;
	height: 100dvh;
}

#innerBanner .inner-slider-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#innerBanner .inner-slider .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#innerBanner .inner-slider .swiper-slide picture,
#innerBanner .inner-slider .swiper-slide picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#innerBanner .inner-slider .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#innerBanner .inner-slider .swiperNav {
	display: flex;
	justify-content: space-between;
	gap: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#innerBanner .inner-slider .swiperNav [class*=swiper-button-] {
	width: 50%;
	height: 100%;
	background: none;
	border-radius: 0%;
}

#innerBanner .inner-slider .swiperNav .swiper-button-prev {
	cursor: url(../../images/swiper-prev-hero.svg) 28 28, auto;
}

#innerBanner .inner-slider .swiperNav .swiper-button-next {
	cursor: url(../../images/swiper-next-hero.svg) 28 28, auto;
	forced-color-adjust: none;
}

#innerBanner .inner-slider .swiperCountDots {
	pointer-events: none;
	margin-top: 0;
	color: #FFFFFF;
	position: absolute;
	bottom: 30px;
	right: 15px;
	left: 15px;
}

#innerBanner .inner-slider .swiperCountDots [class*=swiper-button-] {
	display: none;
	width: 40px;
	height: 40px;
	background: #F3F1E7;
}

#innerBanner .inner-slider .swiperCountDots [class*=swiper-button-] img {
	width: 16px;
	filter: none;
}

#innerBanner .inner-slider .swiperCountDots .countline {
	display: inline-block;
	width: 64px;
	height: 1px;
	background: #ffffff;
	border-radius: 0px;
}

#innerBanner .inner-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
}

#innerBanner .inner-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet:hover,
#innerBanner .inner-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffff;
}

/* Scroll Indicator */
@keyframes scrollIndicatorFadeIn {
	from {
		opacity: 0;
		transform: translateX(-50%) translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}

@keyframes scrollIndicatorBounce {
	0%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	50% {
		transform: translateX(-50%) translateY(8px);
	}
}

#innerBanner .scroll-indicator {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	cursor: pointer;
	pointer-events: auto;
	opacity: 0;
	filter: brightness(0) invert(1);
	animation:
		scrollIndicatorFadeIn 0.6s ease-out 1.5s forwards,
		scrollIndicatorBounce 1.5s ease-in-out 2.1s infinite;
	transition: opacity 0.3s ease;
}

#innerBanner .scroll-indicator img {
	display: block;
	width: 40px;
	height: auto;
}

#innerBanner .scroll-indicator:hover {
	opacity: 0.7;
}

/*----------------- Rooms Page -----------------*/
#roomsSec {
	position: relative;
	z-index: 0;
	padding: 0 98px;
	background-color: #FAF8F5;
	overflow: hidden;
	--circleFullWidth: 696px;
}

#roomsSec .circleFull {
	--p: 0;
	/* the percentage */
	--b: 1px;
	/* the thickness */
	--c: #F7F4F1;
	/* the color */
	--w: var(--circleFullWidth);
	/* the size*/
	width: var(--w);
	aspect-ratio: 1/1;
	position: relative;
	display: inline-grid;
	place-content: center;
	position: absolute;
	top: 159px;
	right: -60px;
	z-index: -1;
	transform: rotate(-90deg);
}

#roomsSec .circleFull:before,
#roomsSec .circleFull:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

#roomsSec .circleFull:before {
	inset: 0;
	background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
}

#roomsSec .circleFull:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}

#roomsSec.in-viewport .circleFull {
	animation-name: circleFullDrawDecorLine;
	animation-duration: 7s;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function: ease-out;
}

#roomsSec .contentBox {
	max-width: 944px;
	margin: auto;
	padding: 96px 0;
	text-align: center;
}

#roomsSec .contentBox h2.h2 {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#roomsSec .contentBox p {
	margin: 0 0 30px 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.9375rem;
}

#roomsSec .contentBox p strong {
	font-family: 'Juana Regular It';
	font-weight: 400;
}

#roomsSec .contentBox p:last-child {
	margin-bottom: 0;
}

#roomsSec .roomsBox {
	display: flex;
	gap: 0px;
	margin-bottom: 112px;
	border: 1px solid #DED9D4;
}

#roomsSec .roomsBox .roomsMenu {
	width: 100%;
	max-width: 553px;
	padding: 16px 32px 16px 16px;
}

#roomsSec .roomsBox .roomsMenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#roomsSec .roomsBox .roomsMenu ul>li {
	margin: 0 0 24px 0;
	font-family: 'Gill Sans';
	font-size: 1.5625rem;
	color: #ABA8A8;
	font-weight: 300;
	line-height: 2.375rem;
	letter-spacing: 0rem;
}

#roomsSec .roomsBox .roomsMenu ul>li:last-child {
	margin-bottom: 0;
}

#roomsSec .roomsBox .roomsMenu ul>li>span {
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.5625rem;
	color: #ABA8A8;
	font-weight: 300;
	line-height: 2.375rem;
	text-transform: uppercase;
}

#roomsSec .roomsBox .roomsMenu ul>li>a {
	display: inline-block;
	color: #ABA8A8;
	font-weight: 300;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#roomsSec .roomsBox .roomsMenu ul>li>a:hover,
#roomsSec .roomsBox .roomsMenu ul>li:hover>a,
#roomsSec .roomsBox .roomsMenu ul>li.current>a {
	color: #606060;
	text-decoration: none;
}

#roomsSec .roomsBox .roomsMenu ul>li>ul {
	padding: 0 0 0 24px;
	margin: 0;
	list-style-type: none;
}

#roomsSec .roomsBox .roomsMenu ul>li>ul>li {
	margin: 0 0 10px 0;
	font-family: 'Gill Sans';
	font-size: 1.5625rem;
	color: #ABA8A8;
	font-weight: 300;
	line-height: 2.375rem;
	letter-spacing: 0rem;
}

#roomsSec .roomsBox .roomsMenu ul>li>ul>li:last-child {
	margin-bottom: 0;
}

#roomsSec .roomsBox .roomsMenu ul>li>ul>li>a {
	display: inline-block;
	color: #ABA8A8;
	font-weight: 300;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#roomsSec .roomsBox .roomsMenu ul>li>ul>li>a:hover,
#roomsSec .roomsBox .roomsMenu ul>li>ul>li>a.active,
#roomsSec .roomsBox .roomsMenu ul>li>ul>li:hover>a,
#roomsSec .roomsBox .roomsMenu ul>li>ul>li.current>a {
	color: #606060;
	text-decoration: none;
	font-weight: 400;
}

#roomsSec .roomsBox .roomsMenu ul>li>ul>li>a br {
	display: block;
}

#roomsSec .roomsBox .roomsCont {
	width: 100%;
	padding: 24px 24px;
	border-left: 1px solid #DED9D4;
}

#roomsSec .roomsBox .roomsCont .roomItems {
	display: none;
	opacity: 0;
	transition: opacity .7s ease;
}

#roomsSec .roomsBox .roomsCont .roomItems.show {
	display: flex;
	flex-direction: column;
	opacity: 1;
}

#roomsSec .roomsBox .roomsCont .roomItems.show[style*="display: block"] {
	display: flex !important;
}

#roomsSec .roomsBox .roomsCont .roomItems picture {
	display: block;
	width: 100%;
	aspect-ratio: 700 / 467;
	overflow: hidden;
	background-color: #f5f5f5;
}

#roomsSec .roomsBox .roomsCont .roomItems picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#roomsSec .roomsBox .roomsCont .roomItems .info {
	display: flex;
	flex-direction: column;
	padding: 32px 16px 16px;
}

#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta {
	display: flex;
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 22px;
	padding: 0;
	margin: 0 0 8px 0;
	list-style-type: none;
}

#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li {
	position: relative;
	font-size: 1rem;
	color: #C0B8AF;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
}

#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li sup {
	font-size: 0.6em;
}

#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li::after {
	content: "•";
	position: absolute;
	top: 0;
	right: -14px;
}

#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li:last-child::after {
	display: none;
}

#roomsSec .roomsBox .roomsCont .roomItems .info h3.h3 {
	display: block;
	margin: 0 0 24px 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.3125rem;
	letter-spacing: -0.025rem;
}

#roomsSec .roomsBox .roomsCont .roomItems .info p {
	margin: 0 0 24px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#roomsSec .roomsBox .roomsCont .roomItems .info p:last-child {
	margin-bottom: 0;
}

#roomsSec .roomsBox .roomsCont .roomItems .info p strong {
	font-weight: 500;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	margin-top: 24px;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

/*----------------- Room Details Page -----------------*/
#roomsDetailSec {
	position: relative;
	padding: 96px 98px 128px 98px;
	overflow: hidden;
}

#roomsDetailSec .contentBox {
	display: flex;
	gap: 80px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding: 0 64px;
}

#roomsDetailSec .contentBox .titleBox {
	width: 100%;
	max-width: 574px;
	padding: 32px 0;
}

#roomsDetailSec .contentBox .titleBox h2.h2 {
	display: block;
	margin: 0 0 24px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.675rem;
	letter-spacing: -0.025rem;
}

#roomsDetailSec .contentBox .titleBox h2.h2 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#roomsDetailSec .contentBox .titleBox h2.h2 br {
	display: block;
}

#roomsDetailSec .contentBox .titleBox p {
	margin: 0 0 24px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#roomsDetailSec .contentBox .titleBox p:last-child {
	margin-bottom: 0;
}

#roomsDetailSec .contentBox .content {
	width: 100%;
	max-width: 942px;
	padding: 40px 0 40px 80px;
	border-left: 1px solid #DED9D4;
}

#roomsDetailSec .contentBox .content ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 32px;
	column-gap: 64px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#roomsDetailSec .contentBox .content ul li {
	width: calc(50% - 32px);
	margin: 0;
	font-size: 1.5625rem;
	color: #898787;
	font-weight: 300;
	line-height: 2.375rem;
}

#roomsDetailSec .imageBox {
	position: relative;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	margin-top: 80px;
	--circleFullWidth: 696px;
}

#roomsDetailSec .imageBox .circleFull {
	--p: 0;
	/* the percentage */
	--b: 1px;
	/* the thickness */
	--c: #ECE9E3;
	/* the color */
	--w: var(--circleFullWidth);
	/* the size*/
	width: var(--w);
	aspect-ratio: 1/1;
	position: relative;
	display: inline-grid;
	place-content: center;
	position: absolute;
	top: -61px;
	left: -342px;
	z-index: -1;
	transform: rotate(-20deg);
}

#roomsDetailSec .imageBox .circleFull:before,
#roomsDetailSec .imageBox .circleFull:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

#roomsDetailSec .imageBox .circleFull:before {
	inset: 0;
	background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
}

#roomsDetailSec .imageBox .circleFull:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}

#roomsDetailSec .imageBox.in-viewport .circleFull {
	animation-name: circleFullDrawDecorLine;
	animation-duration: 7s;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function: ease-out;
}

#roomsDetailSec .imageBox picture,
#roomsDetailSec .imageBox picture img {
	display: block;
	width: 100%;
}

#roomsDetailSlider {
	position: relative;
	padding: 0 98px;
	overflow: hidden;
}

#roomsDetailSlider .titlebox {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding-bottom: 128px;
}

#roomsDetailSlider .titlebox span.title {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.675rem;
	letter-spacing: -0.025rem;
	text-align: center;
}

#roomsDetailSlider .titlebox span.title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#roomsDetailSlider .roomdetailBox {
	position: relative;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	--circleFullWidth: 696px;
}

#roomsDetailSlider .roomdetailBox .circleFull {
	--p: 0;
	/* the percentage */
	--b: 1px;
	/* the thickness */
	--c: #ECE9E3;
	/* the color */
	--w: var(--circleFullWidth);
	/* the size*/
	width: var(--w);
	aspect-ratio: 1/1;
	position: relative;
	display: inline-grid;
	place-content: center;
	position: absolute;
	top: -67px;
	right: -294px;
	z-index: -1;
	transform: rotate(-50deg);
}

#roomsDetailSlider .roomdetailBox .circleFull:before,
#roomsDetailSlider .roomdetailBox .circleFull:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

#roomsDetailSlider .roomdetailBox .circleFull:before {
	inset: 0;
	background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side, #0000 calc(100% - var(--b)), #000 calc(100% - var(--b)));
}

#roomsDetailSlider .roomdetailBox .circleFull:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}

#roomsDetailSlider .roomdetailBox.in-viewport .circleFull {
	animation-name: circleFullDrawDecorLine;
	animation-duration: 7s;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function: ease-out;
}

#roomsDetailSlider .roomdetail-slider {
	display: block;
}

#roomsDetailSlider .roomdetail-slider .swiper-slide {
	min-height: 600px;
}

#roomsDetailSlider .roomdetail-slider .swiper-slide picture,
#roomsDetailSlider .roomdetail-slider .swiper-slide picture img {
	display: block;
	width: 100%;
}

#roomsDetailSlider .roomdetail-slider .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#roomsDetailSlider .roomdetail-slider .swiperNav {
	display: flex;
	justify-content: space-between;
	margin-top: 0;
	position: absolute;
	top: 50%;
	right: 64px;
	left: 64px;
	transform: translateY(-50%);
	z-index: 1;
}

#roomsDetailSlider .roomdetail-slider .swiperNav [class*=swiper-button-] {
	background: #FAF8F5;
}

#roomsDetailSlider .roomdetail-slider .swiperCountDots {
	margin-top: 0;
	color: #FFFFFF;
	position: absolute;
	top: 7%;
	right: 15px;
	left: 15px;
}

#roomsDetailSlider .roomdetail-slider .swiperCountDots .countline {
	display: inline-block;
	width: 64px;
	height: 1px;
	background: #ffffff;
	border-radius: 0px;
}

#roomsDetailSlider .roomdetail-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
}

#roomsDetailSlider .roomdetail-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet:hover,
#roomsDetailSlider .roomdetail-slider .swiperCountDots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffff;
}

#roomsAppartmentSec {
	position: relative;
	padding: 128px 98px;
	overflow: hidden;
}

#roomsAppartmentSec .titleBox {
	width: 100%;
	max-width: 944px;
	margin: 0 auto;
	padding-bottom: 96px;
}

#roomsAppartmentSec .titleBox span.subtitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-align: center;
}

#roomsAppartmentSec .titleBox span.title {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.9375rem;
	text-align: center;
}

#roomsAppartmentSec .titleBox span.title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#roomsAppartmentSec .titleBox span.title br {
	display: block;
}

#roomsAppartmentSec .appartmentsBox {
	display: flex;
	gap: 16px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
}

#roomsAppartmentSec .appartmentsBox .item {
	display: flex;
	flex-direction: column;
	width: 33.333333%;
	overflow: hidden;
}

#roomsAppartmentSec .appartmentsBox .item picture,
#roomsAppartmentSec .appartmentsBox .item picture img {
	display: block;
	width: 100%;
}

#roomsAppartmentSec .appartmentsBox .item .info {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	padding: 32px 0 0 0;
}

#roomsAppartmentSec .appartmentsBox .item .info ul.meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 4px;
	column-gap: 22px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#roomsAppartmentSec .appartmentsBox .item .info ul.meta li {
	position: relative;
	font-size: 1rem;
	color: #C0B8AF;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
}

#roomsAppartmentSec .appartmentsBox .item .info ul.meta li sup {
	font-size: 0.6em;
}

#roomsAppartmentSec .appartmentsBox .item .info ul.meta li::after {
	content: "•";
	position: absolute;
	top: 0;
	right: -14px;
}

#roomsAppartmentSec .appartmentsBox .item .info ul.meta li:last-child::after {
	display: none;
}

#roomsAppartmentSec .appartmentsBox .item .info h3.h3 {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.3125rem;
	letter-spacing: -0.025rem;
	text-align: center;
}

/*----------------- Gastronomy Page -----------------*/
.lightcream {
	background-color: #FAF8F5;
}

#innerNavSec {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	padding: 64px 98px 0;
}

#innerNavSec .innerNavBox {
	display: flex;
	gap: 8px;
	max-width: 100%;
	padding: 8px;
	border: 1px solid #C0B8AF;
	border-radius: 8px;
}

#innerNavSec .innerNavBox .icon {
	min-width: 48px;
}

#innerNavSec .innerNavBox ul.items {
	display: flex;
	gap: 8px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	overflow-x: auto;
}

#innerNavSec .innerNavBox ul.items::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

#innerNavSec .innerNavBox ul.items::-webkit-scrollbar-track {
	background: rgb(0 0 0 / 10%);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#innerNavSec .innerNavBox ul.items::-webkit-scrollbar-thumb {
	min-height: 40px;
	background: rgb(0 0 0 / 30%);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#innerNavSec .innerNavBox ul.items li {
	font-size: 1.25rem;
	color: #A59C8F;
	font-weight: 400;
	line-height: 1.5rem;
	white-space: nowrap;
}

#innerNavSec .innerNavBox ul.items li a {
	display: block;
	padding: 12px 24px;
	background-color: transparent;
	border-radius: 4px;
	color: #A59C8F;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#innerNavSec .innerNavBox ul.items li a:hover {
	background-color: #ECE9E3;
	color: #606060;
	text-decoration: none;
}

.zigzagSec {
	position: relative;
	padding: 0 98px 128px 98px;
	overflow: hidden;
}

.zigzagSec>.row.flex-column {
	display: flex;
	flex-direction: column;
}

.zigzagSec .zigzagBox {
	display: flex;
	gap: 129px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding-right: 97px;
}

/* ZIGZAG ALTERNATION - Usando selectores de hermanos */
/* Primer zigzag: imagen a la derecha (reverse) */
.zigzagSec.firstzigzag .zigzagBox {
	flex-direction: row-reverse;
	padding-right: 0;
	padding-left: 97px;
}

/* Segundo zigzag (hermano adyacente): imagen a la izquierda (normal) - ya es default */
/* Tercer zigzag: imagen a la derecha (reverse) */
.zigzagSec+.zigzagSec+.zigzagSec .zigzagBox {
	flex-direction: row-reverse;
	padding-right: 0;
	padding-left: 97px;
}

/* Cuarto zigzag: imagen a la izquierda (normal) */
.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagBox {
	flex-direction: row;
	padding-right: 97px;
	padding-left: 0;
}

/* Quinto zigzag: imagen a la derecha (reverse) */
.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagBox {
	flex-direction: row-reverse;
	padding-right: 0;
	padding-left: 97px;
}

/* Sexto zigzag: imagen a la izquierda (normal) */
.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagBox {
	flex-direction: row;
	padding-right: 97px;
	padding-left: 0;
}

.zigzagSec .zigzagBox .image {
	position: relative;
	width: 100%;
	max-width: 944px;
	aspect-ratio: 944 / 667;
	overflow: hidden;
	background-color: #f5f5f5;
}

.zigzagSec .zigzagBox .image video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.zigzagSec .zigzagBox .image picture,
.zigzagSec .zigzagBox .image picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zigzagSec .zigzagBox .content {
	flex: 1;
	align-self: center;
	max-width: 100%;
}

.zigzagSec .zigzagBox .content span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

.zigzagSec .zigzagBox .content h3.h3 {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.6875rem;
	letter-spacing: -0.025rem;
}

.zigzagSec .zigzagBox .content h3.h3 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

.zigzagSec .zigzagBox .content p {
	margin: 0 0 32px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

.zigzagSec .zigzagBox .content p:last-child {
	margin-bottom: 0;
}

.zigzagSec .zigzagBox .content p strong {
	font-weight: 500;
}

.zigzagSec .zigzagBox .content .btnBox {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	margin-top: 40px;
}

.zigzagSec .zigzagBox .content .btnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagBox .content .btnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

.zigzagSec .zigzagBox .content .btnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

.zigzagSec .zigzagBox .content .btnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagBox .content .btnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagBox .content .btnBox .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagBox .content .btnBox .exploreBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

.zigzagSec .zigzagBox .content .btnBox .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

.zigzagSec .zigzagBox .content .btnBox .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagBox .content .btnBox .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

.zigzagSec .zigzagImgBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding-top: 128px;
}

/* ZIGZAG IMGBOX ALTERNATION */
.zigzagSec.firstzigzag .zigzagImgBox {
	flex-direction: row-reverse;
}

.zigzagSec+.zigzagSec+.zigzagSec .zigzagImgBox {
	flex-direction: row-reverse;
}

.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagImgBox {
	flex-direction: row;
}

.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagImgBox {
	flex-direction: row-reverse;
}

.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec+.zigzagSec .zigzagImgBox {
	flex-direction: row;
}

.zigzagSec .zigzagImgBox .image1 {
	width: 100%;
	max-width: 812px;
	aspect-ratio: 812 / 496;
	overflow: hidden;
	background-color: #f5f5f5;
}

.zigzagSec .zigzagImgBox .image1 picture {
	display: block;
	width: 100%;
	height: 100%;
}

.zigzagSec .zigzagImgBox .image1 picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.zigzagSec .zigzagImgBox .image2 {
	width: 100%;
	max-width: 650px;
	aspect-ratio: 650 / 860;
	overflow: hidden;
	background-color: #f5f5f5;
}

.zigzagSec .zigzagImgBox .image2 picture {
	display: block;
	width: 100%;
	height: 100%;
}

.zigzagSec .zigzagImgBox .image2 picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#zigzagClaimSec {
	position: relative;
	padding: 0 98px 128px 98px;
	overflow: hidden;
}

#zigzagClaimSec .titleBox {
	width: 100%;
	max-width: 944px;
	margin: 0 auto;
}

#zigzagClaimSec .titleBox span.title {
	display: block;
	margin: 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.9375rem;
	text-align: center;
}

#zigzagClaimSec .titleBox span.title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#zigzagClaimSec .titleBox span.title br {
	display: block;
}

/*----------------- Experiences Page -----------------*/
#experienceSec {
	position: relative;
	padding: 0 98px 128px 98px;
	overflow: hidden;
}

#experienceSec .titlebox {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 96px 0;
}

#experienceSec .titlebox h2.h2 {
	margin: 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 200;
	line-height: 3.6875rem;
	letter-spacing: -0.025rem;
	text-align: center;
}

#experienceSec .experienceBox {
	display: flex;
	gap: 129px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding-left: 97px;
}

#experienceSec .experienceBox .content {
	flex: 1;
	align-self: center;
}

#experienceSec .experienceBox .content p {
	margin: 0 0 16px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#experienceSec .experienceBox .content p:last-child {
	margin-bottom: 0;
}

#experienceSec .experienceBox .content p strong {
	font-weight: 500;
}

#experienceSec .experienceBox .content .btnBox {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	margin-top: 40px;
}

#experienceSec .experienceBox .content .btnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#experienceSec .experienceBox .content .btnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#experienceSec .experienceBox .content .btnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#experienceSec .experienceBox .content .btnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#experienceSec .experienceBox .content .btnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#experienceSec .experienceBox .content .btnBox a {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#experienceSec .experienceBox .content .btnBox a:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#experienceSec .experienceBox .image {
	position: relative;
	width: 100%;
	max-width: 944px;
	aspect-ratio: 750 / 530;
}

#experienceSec .experienceBox .image video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#experienceSec .experienceBox .image picture,
#experienceSec .experienceBox .image picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#experienceVideo {
	position: relative;
	padding: 0 98px 128px 98px;
	overflow: hidden;
}

#experienceVideo .experienceVideoBox {
	position: relative;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	aspect-ratio: 1340 / 702;
}

#experienceVideo .experienceVideoBox video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#experienceVideo .experienceVideoBox picture,
#experienceVideo .experienceVideoBox picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*----------------- Location Page -----------------*/
#contactMapsSec {
	position: relative;
	padding-top: 96px;
	padding-bottom: 96px;
	overflow: hidden;
}

#contactMapsSec .contactMapsBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 226px;
}

#contactMapsSec .contactMapsBox .content {
	width: 100%;
	max-width: 557px;
}

#contactMapsSec .contactMapsBox .content span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#contactMapsSec .contactMapsBox .content span.title {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.6875rem;
	letter-spacing: -0.025rem;
}

#contactMapsSec .contactMapsBox .content span.title strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#contactMapsSec .contactMapsBox .content p {
	margin: 0 0 40px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#contactMapsSec .contactMapsBox .content p:last-child {
	margin-bottom: 0;
}

#contactMapsSec .contactMapsBox .content p strong {
	font-weight: 500;
}

#contactMapsSec .contactMapsBox .content .viewBtn {
	display: inline-block;
	margin-top: 40px;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#contactMapsSec .contactMapsBox .content .viewBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#contactMapsSec .contactMapsBox .content .viewBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#contactMapsSec .contactMapsBox .content .viewBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#contactMapsSec .contactMapsBox .content .viewBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#contactMapsSec .contactMapsBox .image {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	max-width: 633px;
}

#contactRouteSec {
	position: relative;
	padding: 128px 98px;
	background-color: #FAF8F5;
	overflow: hidden;
}

#contactRouteSec .contactRouteBox {
	display: flex;
	gap: 129px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding-right: 97px;
}

#contactRouteSec:nth-child(even) .contactRouteBox {
	flex-direction: row-reverse;
	padding-right: 0;
	padding-left: 97px;
}

#contactRouteSec .contactRouteBox .image {
	position: relative;
	width: 100%;
	max-width: 944px;
	aspect-ratio: 750 / 529;
}

#contactRouteSec .contactRouteBox .image video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#contactRouteSec .contactRouteBox .image picture,
#contactRouteSec .contactRouteBox .image picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contactRouteSec .contactRouteBox .content {
	flex: 1;
	align-self: center;
}

#contactRouteSec .contactRouteBox .content span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#contactRouteSec .contactRouteBox .content h2.h2 {
	display: block;
	margin: 0 0 64px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.6875rem;
	letter-spacing: -0.025rem;
}

#contactRouteSec .contactRouteBox .content h2.h2 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#contactRouteSec .contactRouteBox .content p {
	margin: 0 0 32px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#contactRouteSec .contactRouteBox .content p:last-child {
	margin-bottom: 0;
}

#contactRouteSec .contactRouteBox .content p strong {
	font-weight: 500;
}

#contactRouteSec .contactRouteBox .content .btnBox {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	margin-top: 40px;
}

#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn:hover {
	border-color: #DED9D4;
	background-color: #DED9D4;
	color: #606060;
}

#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn:hover .btnText span {
	text-shadow: 0px 20px #606060;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

/* ========================================
   INTRO TEXT SECTION (Legal pages)
   ======================================== */
#introTextSec {
	position: relative;
	padding: 80px 98px;
	background-color: #FAF8F5;
	overflow: hidden;
}

#introTextSec .introTextBox {
	width: 100%;
	max-width: 1530px;
	margin: 0 auto;
}

#introTextSec .introTextBox span.subTitle {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#introTextSec .introTextBox h1.h1 {
	display: block;
	margin: 0 0 48px 0;
	font-family: 'Juana';
	font-size: 3.8125rem;
	color: #606060;
	font-weight: 200;
	line-height: 4.5rem;
	letter-spacing: -0.025rem;
}

#introTextSec .introTextBox .description {
	width: 100%;
}

#introTextSec .introTextBox .description p {
	margin: 0 0 24px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#introTextSec .introTextBox .description p:last-child {
	margin-bottom: 0;
}

#introTextSec .introTextBox .description p strong {
	font-weight: 500;
}

#introTextSec .introTextBox .description h2 {
	display: block;
	margin: 48px 0 24px 0;
	font-family: 'Juana';
	font-size: 2rem;
	color: #606060;
	font-weight: 300;
	line-height: 2.5rem;
}

#introTextSec .introTextBox .description h3 {
	display: block;
	margin: 32px 0 16px 0;
	font-family: 'Juana';
	font-size: 1.5rem;
	color: #606060;
	font-weight: 300;
	line-height: 2rem;
}

#introTextSec .introTextBox .description ul,
#introTextSec .introTextBox .description ol {
	margin: 0 0 24px 0;
	padding-left: 24px;
}

#introTextSec .introTextBox .description ul li,
#introTextSec .introTextBox .description ol li {
	margin: 0 0 8px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#introTextSec .introTextBox .description a {
	color: #606060;
	text-decoration: underline;
	transition: color 0.3s ease;
}

#introTextSec .introTextBox .description a:hover {
	color: #8C8275;
}

#contactInfoSec {
	position: relative;
	padding: 96px 98px;
	overflow: hidden;
}

#contactInfoSec .contactInfoBox {
	display: flex;
	gap: 80px;
	width: 100%;
	max-width: 1724px;
	margin: 0 auto;
	padding: 0 195px;
}

#contactInfoSec .contactInfoBox .contactDetail {
	width: 100%;
	max-width: 574px;
	padding: 32px 0;
}

#contactInfoSec .contactInfoBox .contactDetail h3.h3 {
	display: block;
	margin: 0 0 24px 0;
	font-family: 'Juana';
	font-size: 3.0625rem;
	color: #606060;
	font-weight: 300;
	line-height: 3.6875rem;
	letter-spacing: -1.225px;
}

#contactInfoSec .contactInfoBox .contactDetail h3.h3 strong {
	font-family: 'Juana Medium It';
	font-weight: 500;
}

#contactInfoSec .contactInfoBox .contactDetail p {
	width: 100%;
	margin: 0 0 24px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#contactInfoSec .contactInfoBox .contactDetail p:last-child {
	margin-bottom: 0;
}

#contactInfoSec .contactInfoBox .contactDetail p strong {
	font-weight: 500;
}

#contactInfoSec .contactInfoBox .contactDetail .smalltitle {
	display: block;
	margin: 32px 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 500;
	line-height: 1.375rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
}

#contactInfoSec .contactInfoBox .contactDetail ul {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#contactInfoSec .contactInfoBox .contactDetail ul li {
	position: relative;
	padding-left: 20px;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#contactInfoSec .contactInfoBox .contactDetail ul li strong {
	font-weight: 500;
}

#contactInfoSec .contactInfoBox .contactDetail ul li::before {
	content: "•";
	position: absolute;
	top: 0;
	left: 5px;
}

#contactInfoSec .contactInfoBox .contactDetail ul li a {
	color: #898787;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#contactInfoSec .contactInfoBox .contactDetail ul li a:hover {
	color: #000000;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#contactInfoSec .contactInfoBox .contactForm {
	display: flex;
	flex-wrap: wrap;
	row-gap: 32px;
	column-gap: 32px;
	width: 100%;
	max-width: 680px;
	padding: 40px 0 40px 80px;
	border-left: 1px solid #DED9D4;
}

#contactInfoSec .contactInfoBox .contactForm form {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	row-gap: 32px;
	column-gap: 32px;
}

#contactInfoSec .contactInfoBox .contactForm .field {
	position: relative;
	width: 100%;
}

#contactInfoSec .contactInfoBox .contactForm .field.half {
	width: calc(50% - 16px);
}

#contactInfoSec .contactInfoBox .contactForm .field .floating-label-wrap {
	position: relative;
}

#contactInfoSec .contactInfoBox .contactForm .field label {
	padding: 0 8px;
	background-color: #ffffff;
	font-size: 0.8125rem;
	color: #606060;
	font-weight: 500;
	line-height: 0.7rem;
	text-transform: uppercase;
	position: absolute;
	top: -6px;
	left: 16px;
	transition: 0.2s ease all;
	pointer-events: none;
}

#contactInfoSec .contactInfoBox .contactForm .field .form-control {
	display: block;
	height: 48px;
	padding: 7px 24px;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 1.25rem;
	color: #6D6D6D;
	font-weight: 300;
	line-height: 1.5rem;
}

#contactInfoSec .contactInfoBox .contactForm .field textarea.form-control {
	height: auto;
	resize: none;
}

#contactInfoSec .contactInfoBox .contactForm .field .form-control::placeholder {
	color: #6D6D6D;
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox label.checkbox {
	position: relative;
	margin: 0;
	padding-left: 25px;
	font-size: 1rem;
	color: #606060;
	font-weight: 300;
	line-height: 1.05rem;
	user-select: none;
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox label.checkbox input {
	appearance: none;
	width: 16px;
	height: 16px;
	outline: 0;
	border: 1px solid #D3D0CF;
	background-color: transparent;
	border-radius: 0;
	position: absolute;
	top: 2px;
	left: 0;
	cursor: pointer;
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox label.checkbox input:checked:before {
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	border: 2px solid #606060;
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	position: relative;
	top: 0;
	left: 4px;
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox label.checkbox a {
	color: #606060;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#contactInfoSec .contactInfoBox .contactForm .fieldCheckBox label.checkbox a:hover {
	color: #000000;
	text-decoration: none;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#contactInfoSec .contactInfoBox .contactForm .sendButton {
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #DED9D4;
	background-color: #DED9D4;
	border-radius: 0px;
	font-size: 1rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.05rem;
	letter-spacing: 0.0313rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: .8s cubic-bezier(.3, 1, .3, 1);
}

#contactInfoSec .contactInfoBox .contactForm .sendButton:hover {
	border-color: #8C8275;
	background-color: #8C8275;
	color: #606060;
}

#contactInfoSec .contactInfoBox .contactForm .sendButton .btnText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	overflow: hidden;
}

#contactInfoSec .contactInfoBox .contactForm .sendButton .btnText span {
	width: 100%;
	white-space: nowrap;
	text-shadow: 0px calc(20px * 1.25) transparent;
	transform: translateY(0);
	transition: text-shadow .8s cubic-bezier(.3, 1, .3, 1);
}

#contactInfoSec .contactInfoBox .contactForm .sendButton:hover .btnText span {
	text-shadow: 0px 20px #ffffff;
	transform: translateY(calc(20px * -1));
	transition: all .8s cubic-bezier(.3, 1, .3, 1);
}

/* ==================================================================
   FAQS LANDING SECTION
   ================================================================== */
#faqsLandingSec {
	position: relative;
	z-index: 0;
	padding: 0 98px;
	background-color: #FAF8F5;
	overflow: hidden;
}

#faqsLandingSec .contentBox {
	max-width: 944px;
	margin: auto;
	padding: 96px 0;
	text-align: center;
}

#faqsLandingSec .contentBox h2.h2 {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.4rem;
	letter-spacing: 0.0938rem;
	text-transform: uppercase;
}

#faqsLandingSec .contentBox p {
	margin: 0 0 30px 0;
	font-family: 'Juana';
	font-size: 1.9375rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.9375rem;
}

#faqsLandingSec .contentBox p strong {
	font-family: 'Juana Regular It';
	font-weight: 400;
}

#faqsLandingSec .contentBox p:last-child {
	margin-bottom: 0;
}

#faqsLandingSec .faqsBox {
	display: flex;
	gap: 0px;
	margin-bottom: 112px;
	border: 1px solid #DED9D4;
}

#faqsLandingSec .faqsBox .faqsMenu {
	width: 100%;
	max-width: 553px;
	padding: 32px;
}

#faqsLandingSec .faqsBox .faqsMenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#faqsLandingSec .faqsBox .faqsMenu ul>li {
	margin: 0 0 16px 0;
	font-family: 'Gill Sans';
	font-size: 1.5625rem;
	color: #ABA8A8;
	font-weight: 300;
	line-height: 2.375rem;
	letter-spacing: 0rem;
}

#faqsLandingSec .faqsBox .faqsMenu ul>li:last-child {
	margin-bottom: 0;
}

#faqsLandingSec .faqsBox .faqsMenu ul>li>a {
	display: inline-block;
	color: #ABA8A8;
	font-weight: 300;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#faqsLandingSec .faqsBox .faqsMenu ul>li>a:hover,
#faqsLandingSec .faqsBox .faqsMenu ul>li>a.active,
#faqsLandingSec .faqsBox .faqsMenu ul>li.current>a {
	color: #606060;
	text-decoration: none;
	font-weight: 400;
}

#faqsLandingSec .faqsBox .faqsCont {
	width: 100%;
	padding: 32px;
	border-left: 1px solid #DED9D4;
}

#faqsLandingSec .faqsBox .faqsCont .faqCategoryItems {
	display: none;
	opacity: 0;
	transition: opacity .7s ease;
}

#faqsLandingSec .faqsBox .faqsCont .faqCategoryItems.show {
	display: block;
	opacity: 1;
}

#faqsLandingSec .faqsBox .faqsCont .faqCategoryItems.show[style*="display: block"] {
	display: block !important;
}

/* Accordion styles */
#faqsLandingSec .faqsBox .faqsCont .accordionBox {
	width: 100%;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item {
	margin-bottom: 4px;
	border: none;
	border-left: 4px solid #ABA8A8;
	background-color: transparent;
	border-radius: 0px;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item:has(.accordion-header h3:not(.collapsed)),
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item:hover {
	border-color: #6B6B6C;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin: 0;
	padding: 20px 0px 20px 28px;
	background-color: transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 1.25rem;
	color: #606060;
	font-weight: 500;
	line-height: 1.4rem;
	cursor: pointer;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3:after {
	display: none;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3 .arrow {
	flex-shrink: 0;
	position: relative;
	width: 24px;
	height: 24px;
	transition: 0.3s all ease-in-out;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3:not(.collapsed) .arrow {
	transform: rotate(45deg);
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body {
	padding: 0 24px 20px 28px;
	opacity: 0;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .collapsing .accordion-body,
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .show .accordion-body {
	animation: fadeIn 1.3s both;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body p {
	margin: 0 0 20px 0;
	font-size: 1.25rem;
	color: #898787;
	font-weight: 300;
	line-height: 1.75rem;
}

#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body p:last-child {
	margin-bottom: 0;
}